property-practice-ui 0.0.2 → 0.0.4

package/dist/index.d.cts

@@ -0,0 +1,743 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChangeHandler } from 'react-hook-form';
+import * as react from 'react';
+import { JSX, ReactElement, ComponentProps, ChangeEvent, ReactNode } from 'react';
+import * as styled_components_dist_types from 'styled-components/dist/types';
+import * as styled_components from 'styled-components';
+
+declare const InputTypes: readonly ["number", "text", "email", "date"];
+type InputType = (typeof InputTypes)[number];
+interface BaseInputProps {
+    name: string;
+    label?: string;
+    type?: InputType;
+    placeholder?: string;
+    onBlur?: ChangeHandler;
+    onFocus?: () => void;
+}
+type Option<T> = {
+    label: string;
+    value: T;
+    disabled?: boolean;
+};
+
+interface FilterProps<T extends string | number> {
+    name: string;
+    label?: string;
+    options: Option<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    placeholder?: string;
+}
+declare function Filter<T extends string | number>({ name, label, options, value, onChange, placeholder, }: FilterProps<T>): react_jsx_runtime.JSX.Element;
+
+type MenuItem = {
+    title: string;
+    subTitle?: string;
+    icon?: JSX.Element;
+    link?: string;
+    items?: MenuSubItem[];
+    newTab?: boolean;
+};
+type MenuSubItem = {
+    title: string;
+    icon?: string;
+    link?: string;
+    newTab?: boolean;
+};
+
+interface Props$3 {
+    direction: 'horizontal' | 'vertical';
+    items: MenuItem[];
+    selected?: string;
+}
+declare function NavMenu({ direction, items, selected }: Props$3): react_jsx_runtime.JSX.Element;
+
+interface SearchProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    delay?: number;
+}
+declare const Search: ({ value, onChange, placeholder, delay, }: SearchProps) => react_jsx_runtime.JSX.Element;
+
+declare const orderTypes: readonly ["asc", "desc"];
+type OrderType = (typeof orderTypes)[number];
+
+interface SortByProps {
+    value: OrderType;
+    onChange: (value: OrderType) => void;
+}
+declare const SortBy: ({ value, onChange }: SortByProps) => react_jsx_runtime.JSX.Element;
+
+interface SpinnerProps {
+    height?: `${number}px`;
+    width?: `${number}px`;
+}
+declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+type TableHeaderConfig = {
+    heading: string;
+    filterAccessor: string;
+};
+interface TableProps {
+    data: any;
+    headers: TableHeaderConfig[];
+    onDelete?: (id: string) => void;
+}
+declare const Table: ({ data, headers, onDelete }: TableProps) => react_jsx_runtime.JSX.Element;
+
+interface TableInnerProps {
+    data?: any[];
+    headers: TableHeaderConfig[];
+    renderOnEmpty?: ReactElement | null;
+    onDelete?: (id: string) => void;
+}
+declare const TableInner: ({ data, headers, renderOnEmpty, onDelete, }: TableInnerProps) => react_jsx_runtime.JSX.Element;
+
+type TableListItemType = {
+    title: string;
+    status?: string;
+    date: Date;
+    type?: string | 'DRAFT' | 'PENDING' | 'ACTIVE' | 'FINALISED' | 'ARCHIVED';
+    url?: string;
+};
+
+interface Props$2 {
+    item: TableListItemType;
+    variant?: 'Primary' | 'Secondary';
+    alt?: boolean;
+    selectItemHandler?: () => void;
+}
+declare function TableListItem({ item, selectItemHandler, variant, alt, }: Props$2 & {
+    variant?: 'Primary' | 'Secondary';
+}): react_jsx_runtime.JSX.Element;
+interface HeadersProps {
+    headers: string[];
+    variant?: 'Primary' | 'Secondary';
+}
+declare function TableHeader({ headers, variant, }: HeadersProps & {
+    variant?: 'Primary' | 'Secondary';
+}): react_jsx_runtime.JSX.Element;
+
+type PaginationOptionsType = {
+    perPage?: 10 | 25 | 50 | 100;
+};
+interface TableRowItem {
+    id: string;
+    [key: string]: any;
+}
+interface TableRowProps {
+    data: TableRowItem[];
+    headers: TableHeaderConfig[];
+    paginationOptions?: PaginationOptionsType;
+    onDelete?: (id: string) => void;
+    variant?: 'Primary' | 'Secondary';
+}
+declare const TableRow: ({ data, headers, paginationOptions, onDelete, variant, }: TableRowProps) => react_jsx_runtime.JSX.Element;
+
+interface TabsProps<T> {
+    defaultTab: T;
+    onTabChange?: (tab: T) => void;
+    options: Option<T>[];
+}
+declare const Tabs: <T extends string | number>({ defaultTab, onTabChange, options }: TabsProps<T>) => react_jsx_runtime.JSX.Element;
+
+type ToastType = 'Default' | 'Success' | 'Warning' | 'Error' | 'Message';
+
+interface Props$1 {
+    visible?: boolean;
+    setVisible?: (visible: boolean) => void;
+    duration?: number | null;
+    type: ToastType;
+    message?: string;
+    onClear?: () => void;
+}
+declare function Toast({ type, message, visible, setVisible, duration, onClear, }: Props$1): react_jsx_runtime.JSX.Element;
+
+interface Props {
+    logoUrl: string;
+    children: React.ReactNode;
+}
+declare function TopMenu({ logoUrl, children }: Props): react_jsx_runtime.JSX.Element;
+
+interface AccordionHeaderProps {
+    title: string;
+    isOpen: boolean;
+    buttonText?: string;
+    onButtonPress?: () => void;
+    rightElement?: ReactElement;
+    onAccordionPress: () => void;
+}
+declare const AccordionHeader: ({ title, isOpen, buttonText, onAccordionPress, onButtonPress, rightElement, }: AccordionHeaderProps) => react_jsx_runtime.JSX.Element;
+
+interface AccordionProps$1 extends Pick<ComponentProps<typeof AccordionHeader>, 'title' | 'onButtonPress' | 'buttonText' | 'rightElement'> {
+    children: ReactElement;
+}
+declare const Accordion: ({ buttonText, onButtonPress, title, children, rightElement, }: AccordionProps$1) => react_jsx_runtime.JSX.Element;
+
+declare const variants$5: readonly ["primary", "inverse", "subtle"];
+type Variant$5 = (typeof variants$5)[number];
+interface AddressProps {
+    title: string;
+    phone?: string;
+    email?: string;
+    addressLines: string[];
+    directionsText?: string;
+    onDirectionsClick?: () => void;
+    variant?: Variant$5;
+}
+declare const Address: {
+    ({ title, phone, email, addressLines, directionsText, onDirectionsClick, variant, }: AddressProps): react_jsx_runtime.JSX.Element;
+    variants: readonly ["primary", "inverse", "subtle"];
+};
+
+declare const alignments: readonly ["row", "column"];
+type Align = (typeof alignments)[number];
+interface CheckboxProps<T> {
+    error?: string;
+    label?: string;
+    value: T;
+    onChange: (value: T) => void;
+    options: Option<T>[];
+    align?: Align;
+}
+declare const Checkbox: <T extends string | number | boolean>({ error, label, onChange, options, value, }: CheckboxProps<T>) => react_jsx_runtime.JSX.Element;
+
+declare const variants$4: readonly ["primary", "secondary", "tertiary", "subtle", "blue", "brand", "light", "active", "hover", "error", "focus", "success"];
+declare const tokens: readonly ["background", "border", "text", "button"];
+type Token = (typeof tokens)[number];
+type Variant$4 = (typeof variants$4)[number];
+type TokenVariant = Record<Variant$4, string>;
+declare const colors: Record<Token, Partial<TokenVariant>>;
+
+type TextColor$b = keyof typeof colors.text;
+type BackgroundColor$5 = keyof typeof colors.background;
+interface ContentCardProps {
+    thumbnail: React.ReactNode;
+    title: string;
+    description: string;
+    onArrowClick?: () => void;
+    headerVariant?: 'h1' | 'h2' | 'h3';
+    titleColor?: TextColor$b;
+    descriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+    arrowVariant?: 'brand' | 'teal' | 'blue';
+    thumbnailBgColor?: BackgroundColor$5;
+}
+declare const ContentCard: ({ thumbnail, title, description, onArrowClick, headerVariant, titleColor, descriptionVariant, arrowVariant, thumbnailBgColor, }: ContentCardProps) => react_jsx_runtime.JSX.Element;
+
+type TextColor$a = keyof typeof colors.text;
+declare const variants$3: readonly ["primary", "secondary", "transparent"];
+type Variant$3 = (typeof variants$3)[number];
+interface CTAContainerProps {
+    header: string;
+    description: string;
+    primaryButtonText: string;
+    secondaryButtonText?: string;
+    onPrimaryClick?: () => void;
+    onSecondaryClick?: () => void;
+    variant?: Variant$3;
+    headerTextColor?: TextColor$a;
+    descriptionTextColor?: TextColor$a;
+    primaryArrowVariant?: 'brand' | 'teal' | 'blue';
+    primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+    secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+}
+declare const CTAContainer: {
+    ({ header, description, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, variant, headerTextColor, descriptionTextColor, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: CTAContainerProps): react_jsx_runtime.JSX.Element;
+    variants: readonly ["primary", "secondary", "transparent"];
+};
+
+type DocumentListAccordionFileType = {
+    name: string;
+    sourceFile: string;
+    status: string;
+    createdAt?: string;
+    id: string;
+};
+
+interface DropdownProps<T> {
+    options: Option<T>[];
+    value?: T;
+    onChange: (value: T) => void;
+    label?: string;
+    error?: string;
+    name: string;
+    placeholder?: string;
+    disabled?: boolean;
+}
+declare const Dropdown: <T extends string | number>({ error, onChange, options, value, label, name, placeholder, disabled, }: DropdownProps<T>) => react_jsx_runtime.JSX.Element;
+
+type TextColor$9 = keyof typeof colors.text;
+interface AccordionProps {
+    number: string;
+    title: string;
+    content: string;
+    defaultOpen?: boolean;
+    headerVariant?: 'h1' | 'h2' | 'h3';
+    numberColor?: TextColor$9;
+    titleColor?: TextColor$9;
+    iconColor?: TextColor$9;
+    contentVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+}
+declare const FAQAccordion: ({ number, title, content, defaultOpen, headerVariant, numberColor, titleColor, iconColor, contentVariant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+
+type TextColor$8 = keyof typeof colors.text;
+type BackgroundColor$4 = keyof typeof colors.background;
+interface FeatureItemData$1 {
+    thumbnail: React.ReactNode;
+    title: string;
+    description: string;
+    thumbnailSize?: string;
+}
+interface FeatureContainerProps {
+    items: FeatureItemData$1[];
+    thumbnailBgColor?: BackgroundColor$4;
+    titleColor?: TextColor$8;
+    descriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+}
+declare const FeatureContainer: ({ items, thumbnailBgColor, titleColor, descriptionVariant, }: FeatureContainerProps) => react_jsx_runtime.JSX.Element;
+
+declare const ButtonTypes: readonly ["submit", "reset", "button"];
+type ButtonType = (typeof ButtonTypes)[number];
+declare const variants$2: readonly ["dark", "light"];
+type Variant$2 = (typeof variants$2)[number];
+interface ButtonProps {
+    onClick?: () => void;
+    text?: string;
+    type?: ButtonType;
+    disabled?: boolean;
+    icon?: ReactElement;
+    variant?: Variant$2;
+    isLoading?: boolean;
+}
+declare const Button: {
+    ({ onClick, text, type, disabled, icon, variant, isLoading, }: ButtonProps): react_jsx_runtime.JSX.Element;
+    types: readonly ["submit", "reset", "button"];
+};
+
+interface ExtendedButtonProps {
+    text: string;
+    onClick?: () => void;
+    arrowVariant?: 'brand' | 'teal' | 'blue';
+    textBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    textVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+}
+declare const ExtendedButton: ({ text, onClick, arrowVariant, textBgVariant, textVariant, }: ExtendedButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface InputProps$1 extends Omit<BaseInputProps, 'label'> {
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    value?: string | number;
+    min?: string | number;
+    max?: string | number;
+}
+declare const Input$1: {
+    ({ name, onChange, ...rest }: InputProps$1): react_jsx_runtime.JSX.Element;
+    types: readonly ["number", "text", "email", "date"];
+};
+
+interface TextareaProps$1 extends Omit<BaseInputProps, 'label'> {
+    onChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+    disabled?: boolean;
+    value?: string | number;
+    rows?: number;
+    cols?: number;
+}
+declare const Textarea$1: {
+    ({ name, onChange, rows, ...rest }: TextareaProps$1): react_jsx_runtime.JSX.Element;
+    types: readonly ["number", "text", "email", "date"];
+};
+
+declare const acceptTypes: readonly [".docx", ".doc", ".pdf", "image/*"];
+type AcceptType = (typeof acceptTypes)[number];
+interface FileButtonProps extends Omit<ComponentProps<typeof Button>, 'onClick' | 'type'> {
+    onFileSelect?: (file: File) => void;
+    accept?: AcceptType[];
+    multiple?: boolean;
+}
+declare const FileButton: ({ onFileSelect, accept, multiple, ...rest }: FileButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface InputProps extends ComponentProps<typeof Input$1> {
+    label?: string;
+    error?: string;
+}
+declare const Input: {
+    ({ label, error, ...rest }: InputProps): react_jsx_runtime.JSX.Element;
+    types: readonly ["number", "text", "email", "date"];
+};
+
+declare const positions: readonly ["top", "center", "bottom"];
+type ContentPosition = (typeof positions)[number];
+interface ModalProps {
+    visible: boolean;
+    onClose: () => void;
+    dismissable?: boolean;
+    contentPosition?: ContentPosition;
+    children: ReactNode;
+}
+declare const Modal: ({ visible, contentPosition, dismissable, onClose, children, }: ModalProps) => react_jsx_runtime.JSX.Element;
+
+interface OverviewRowItemProps {
+    isComplete: boolean;
+    title: string;
+    isMainHeader: boolean;
+}
+declare const OverviewRowItem: ({ isComplete, isMainHeader, title }: OverviewRowItemProps) => react_jsx_runtime.JSX.Element;
+
+interface PageLayoutProps {
+    title: string;
+    children: ReactNode;
+    isLoading?: boolean;
+    rightElement?: ReactElement;
+}
+declare const PageLayout: ({ title, children, isLoading, rightElement }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
+
+interface PDFPreviewerProps {
+    url: string;
+}
+declare const PDFPreviewer: ({ url }: PDFPreviewerProps) => react_jsx_runtime.JSX.Element;
+
+type TextColor$7 = keyof typeof colors.text;
+interface ProductInfoItemProps {
+    image: string;
+    logoImage: string;
+    title: string;
+    buttonText: string;
+    onButtonClick?: () => void;
+    titleVariant?: 'h1' | 'h2' | 'h3';
+    titleColor?: TextColor$7;
+    buttonArrowVariant?: 'brand' | 'teal' | 'blue';
+    buttonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    buttonTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+}
+declare const ProductInfo: ({ image, logoImage, title, buttonText, onButtonClick, titleVariant, titleColor, buttonArrowVariant, buttonTextBgVariant, buttonTextVariant, }: ProductInfoItemProps) => react_jsx_runtime.JSX.Element;
+
+type RadioGroupProps<T extends string | number> = {
+    label?: string;
+    options: readonly Option<T>[];
+    value: T;
+    onClick: (value: T) => void;
+    className?: string;
+};
+declare const RadioGroup: <T extends string | number>({ label, options, value, onClick, className, }: RadioGroupProps<T>) => react_jsx_runtime.JSX.Element;
+
+declare const variants$1: readonly ["primary", "secondary", "subtle"];
+type Variant$1 = (typeof variants$1)[number];
+interface RateItem {
+    transactionType: string;
+    price: string;
+}
+interface RatesChartProps {
+    title?: string;
+    rates: RateItem[];
+    onClose: () => void;
+    variant?: Variant$1;
+}
+declare const RatesChart: {
+    ({ title, rates, onClose, variant, }: RatesChartProps): react_jsx_runtime.JSX.Element;
+    variants: readonly ["primary", "secondary", "subtle"];
+};
+
+type BorderColor = keyof typeof colors.border;
+declare const NavItem: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+interface NavItem {
+    label: string;
+    href: string;
+}
+interface SideNavProps {
+    items: NavItem[];
+    activeItem?: string;
+    onBackToTop?: () => void;
+    triangleColor?: BorderColor;
+    dividerColor?: BorderColor;
+    activeTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    activeTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+    inactiveTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    inactiveTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+    backToTopBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    backToTopTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+}
+declare const SideNav: ({ items, activeItem, onBackToTop, triangleColor, dividerColor, activeTextBgVariant, activeTextVariant, inactiveTextBgVariant, inactiveTextVariant, backToTopBgVariant, backToTopTextVariant, }: SideNavProps) => react_jsx_runtime.JSX.Element;
+
+type BackgroundColor$3 = keyof typeof colors.background;
+type TextColor$6 = keyof typeof colors.text;
+interface SidePanelProps {
+    isOpen: boolean;
+    onClose: () => void;
+    icon: React.ReactNode;
+    title: string;
+    description: string;
+    buttonText: string;
+    onButtonClick?: () => void;
+    closeButtonBgColor?: BackgroundColor$3;
+    titleColor?: TextColor$6;
+    descriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+    buttonArrowVariant?: 'brand' | 'teal' | 'blue';
+    buttonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    buttonTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+}
+declare const SidePanel: ({ isOpen, onClose, icon, title, description, buttonText, onButtonClick, closeButtonBgColor, titleColor, descriptionVariant, buttonArrowVariant, buttonTextBgVariant, buttonTextVariant, }: SidePanelProps) => react_jsx_runtime.JSX.Element;
+
+interface StepperHeaderTabProps {
+    onClick?: () => void;
+    title: string;
+    isSelected: boolean;
+}
+declare const StepperHeaderTab: ({ title, isSelected, onClick, }: StepperHeaderTabProps) => react_jsx_runtime.JSX.Element;
+
+interface TextareaProps extends ComponentProps<typeof Textarea$1> {
+    label?: string;
+    error?: string;
+}
+declare const Textarea: ({ label, error, ...rest }: TextareaProps) => react_jsx_runtime.JSX.Element;
+
+interface ContactFormProps {
+}
+declare const ContactForm: ({}: ContactFormProps) => react_jsx_runtime.JSX.Element;
+
+interface DocumentListAccordionProps extends Pick<ComponentProps<typeof FileButton>, 'accept' | 'onFileSelect'> {
+    title: string;
+    files: DocumentListAccordionFileType[];
+    onViewDetail: (id: string) => void;
+    onSortBy?: (accessor: keyof DocumentListAccordionFileType) => void;
+}
+declare const DocumentListAccordion: ({ title, files, onSortBy, onViewDetail, accept, onFileSelect, }: DocumentListAccordionProps) => react_jsx_runtime.JSX.Element;
+
+type TextColor$5 = keyof typeof colors.text;
+type BackgroundColor$2 = keyof typeof colors.background;
+interface CarouselCard {
+    thumbnail: React.ReactNode;
+    title: string;
+    description: string;
+    onArrowClick?: () => void;
+}
+interface CarouselProps {
+    cards: CarouselCard[];
+    cardTitleColor?: TextColor$5;
+    cardDescriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+    cardArrowVariant?: 'brand' | 'teal' | 'blue';
+    cardThumbnailBgColor?: BackgroundColor$2;
+    navButtonColor?: TextColor$5;
+    indicatorColor?: TextColor$5;
+}
+declare const FeatureCarousel: ({ cards, cardTitleColor, cardDescriptionVariant, cardArrowVariant, cardThumbnailBgColor, navButtonColor, indicatorColor, }: CarouselProps) => react_jsx_runtime.JSX.Element;
+
+declare const variants: readonly ["primary", "secondary"];
+type Variant = (typeof variants)[number];
+interface AddressData {
+    title: string;
+    phone?: string;
+    email?: string;
+    addressLines: string[];
+}
+interface SocialLink {
+    icon: React.ReactNode;
+    url: string;
+    ariaLabel: string;
+}
+declare const LegalLink: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+interface LegalLink {
+    text: string;
+    url: string;
+}
+interface FooterProps {
+    logo: string;
+    primaryButtonText: string;
+    secondaryButtonText: string;
+    onPrimaryClick?: () => void;
+    onSecondaryClick?: () => void;
+    addresses: AddressData[];
+    socialLinks: SocialLink[];
+    legalLinks: LegalLink[];
+    copyrightText: string;
+    variant?: Variant;
+    primaryArrowVariant?: 'brand' | 'teal' | 'blue';
+    primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+    secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+}
+declare const Footer: {
+    ({ logo, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, addresses, socialLinks, legalLinks, copyrightText, variant, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: FooterProps): react_jsx_runtime.JSX.Element;
+    variants: readonly ["primary", "secondary"];
+};
+
+interface HeaderProps {
+    logo: string;
+    primaryButtonText: string;
+    secondaryButtonText: string;
+    onPrimaryClick?: () => void;
+    onSecondaryClick?: () => void;
+    primaryArrowVariant?: 'brand' | 'teal' | 'blue';
+    primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+    secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+}
+declare const Header: ({ logo, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, }: HeaderProps) => react_jsx_runtime.JSX.Element;
+
+type OverviewItem = {
+    title: string;
+    isComplete: boolean;
+};
+type Overview = {
+    header: string;
+    overviewItems: OverviewItem[];
+};
+interface OverviewListProps {
+    overviews: Overview[];
+}
+declare const OverviewList: ({ overviews }: OverviewListProps) => react_jsx_runtime.JSX.Element;
+
+type ShowToastInput = {
+    type?: ToastType;
+    message: string;
+};
+type ToastContextProps = {
+    showToast: (input: ShowToastInput) => void;
+};
+declare const useToast: () => ToastContextProps;
+interface ToastProvider {
+    children: ReactNode;
+}
+declare const ToastProvider: ({ children }: ToastProvider) => react_jsx_runtime.JSX.Element;
+
+interface VersionLabelProps {
+    versionNumber: string;
+}
+declare const VersionLabel: ({ versionNumber }: VersionLabelProps) => react_jsx_runtime.JSX.Element;
+
+type TextColor$4 = keyof typeof colors.text;
+interface AboutUsProps {
+    image: string;
+    pillText: string;
+    headerText: string;
+    description: string;
+    buttonText: string;
+    onButtonClick?: () => void;
+    pillVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+    headerColor?: TextColor$4;
+    descriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+    buttonArrowVariant?: 'brand' | 'teal' | 'blue';
+    buttonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    buttonTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+}
+declare const AboutUs: ({ image, pillText, headerText, description, buttonText, onButtonClick, pillVariant, headerColor, descriptionVariant, buttonArrowVariant, buttonTextBgVariant, buttonTextVariant, }: AboutUsProps) => react_jsx_runtime.JSX.Element;
+
+type TextColor$3 = keyof typeof colors.text;
+type ComponentTextColor$1 = Exclude<TextColor$3, 'active' | 'hover' | 'focus'>;
+interface ContactProps {
+    image: string;
+    headerText: string;
+    termsChecked: boolean;
+    onTermsChange: (checked: boolean) => void;
+    buttonText: string;
+    onButtonClick?: () => void;
+    headerColor?: ComponentTextColor$1;
+    termsVariant?: 'primary' | 'secondary' | 'subtle';
+    buttonArrowVariant?: 'brand' | 'teal' | 'blue';
+    buttonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    buttonTextVariant?: ComponentProps<typeof ExtendedButton>['textVariant'];
+}
+declare const Contact: ({ image, headerText, termsChecked, onTermsChange, buttonText, onButtonClick, headerColor, termsVariant, buttonArrowVariant, buttonTextBgVariant, buttonTextVariant, }: ContactProps) => react_jsx_runtime.JSX.Element;
+
+type TextColor$2 = keyof typeof colors.text;
+interface AccordionItem {
+    number: string;
+    title: string;
+    content: string;
+    defaultOpen?: boolean;
+}
+interface FAQProps {
+    pillText: string;
+    headerText: string;
+    headerVariant?: 'h1' | 'h2' | 'h3';
+    accordionItems: AccordionItem[];
+    pillVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+    headerColor?: TextColor$2;
+    accordionNumberColor?: TextColor$2;
+    accordionTitleColor?: TextColor$2;
+    accordionIconColor?: TextColor$2;
+    accordionContentVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+}
+declare const FAQ: ({ pillText, headerText, headerVariant, accordionItems, pillVariant, headerColor, accordionNumberColor, accordionTitleColor, accordionIconColor, accordionContentVariant, }: FAQProps) => react_jsx_runtime.JSX.Element;
+
+type TextColor$1 = keyof typeof colors.text;
+type BackgroundColor$1 = keyof typeof colors.background;
+interface FeatureCard {
+    thumbnail: React.ReactNode;
+    title: string;
+    description: string;
+    onArrowClick?: () => void;
+}
+interface FeaturesProps {
+    pillText: string;
+    headerText: string;
+    cards: FeatureCard[];
+    pillVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+    headerColor?: TextColor$1;
+    cardTitleColor?: TextColor$1;
+    cardDescriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+    cardArrowVariant?: 'brand' | 'teal' | 'blue';
+    cardThumbnailBgColor?: BackgroundColor$1;
+    navButtonColor?: TextColor$1;
+    indicatorColor?: TextColor$1;
+}
+declare const Features: ({ pillText, headerText, cards, pillVariant, headerColor, cardTitleColor, cardDescriptionVariant, cardArrowVariant, cardThumbnailBgColor, navButtonColor, indicatorColor, }: FeaturesProps) => react_jsx_runtime.JSX.Element;
+
+type BackgroundColor = keyof typeof colors.background;
+interface FeatureItemData {
+    thumbnail: React.ReactNode;
+    title: string;
+    description: string;
+    thumbnailSize?: string;
+}
+interface HeroProps {
+    ctaHeader: string;
+    ctaDescription: string;
+    primaryButtonText: string;
+    secondaryButtonText?: string;
+    onPrimaryClick?: () => void;
+    onSecondaryClick?: () => void;
+    featureItems: FeatureItemData[];
+    bgImage?: string;
+    overlayColor?: string;
+    ctaHeaderTextColor?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+    ctaDescriptionTextColor?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+    primaryArrowVariant?: 'brand' | 'teal' | 'blue';
+    primaryTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    primaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+    secondaryBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    secondaryTextVariant?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+    featureThumbnailBgColor?: BackgroundColor;
+    featureTitleColor?: 'brand' | 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'light' | 'error' | 'blue';
+    featureDescriptionVariant?: 'primary' | 'secondary' | 'subtle' | 'error';
+}
+declare const Hero: ({ ctaHeader, ctaDescription, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, featureItems, bgImage, overlayColor, ctaHeaderTextColor, ctaDescriptionTextColor, primaryArrowVariant, primaryTextBgVariant, primaryTextVariant, secondaryBgVariant, secondaryTextVariant, featureThumbnailBgColor, featureTitleColor, featureDescriptionVariant, }: HeroProps) => react_jsx_runtime.JSX.Element;
+
+type TextColor = keyof typeof colors.text;
+type ComponentTextColor = Exclude<TextColor, 'active' | 'hover' | 'focus'>;
+interface Product {
+    image: string;
+    logoImage: string;
+    title: string;
+    buttonText: string;
+    onButtonClick?: () => void;
+    titleVariant?: 'h1' | 'h2' | 'h3';
+}
+interface OtherProductsProps {
+    headerText: string;
+    headerVariant?: 'h1' | 'h2' | 'h3';
+    products: Product[];
+    headerColor?: ComponentTextColor;
+    productTitleColor?: ComponentTextColor;
+    productButtonArrowVariant?: 'brand' | 'teal' | 'blue';
+    productButtonTextBgVariant?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'blue' | 'brand' | 'light' | 'transparent';
+    productButtonTextVariant?: ComponentProps<typeof ProductInfo>['buttonTextVariant'];
+}
+declare const OtherProducts: ({ headerText, headerVariant, products, headerColor, productTitleColor, productButtonArrowVariant, productButtonTextBgVariant, productButtonTextVariant, }: OtherProductsProps) => react_jsx_runtime.JSX.Element;
+
+export { AboutUs, Accordion, Address, CTAContainer, Checkbox, Contact, ContactForm, ContentCard, DocumentListAccordion, type DocumentListAccordionFileType, Dropdown, FAQ, FAQAccordion, FeatureCarousel, FeatureContainer, Features, FileButton, Filter, Footer, Header, Hero, Input, Modal, NavMenu, OtherProducts, OverviewList, OverviewRowItem, PDFPreviewer, PageLayout, ProductInfo, RadioGroup, RatesChart, Search, SideNav, SidePanel, SortBy, Spinner, StepperHeaderTab, Table, TableHeader, type TableHeaderConfig, TableInner, TableListItem, TableRow, Tabs, Textarea, Toast, ToastProvider, TopMenu, VersionLabel, useToast };