@simplybusiness/mobius 3.0.0

package/dist/mobius.d.ts

@@ -0,0 +1,1212 @@
+/// <reference types="react" />
+
+import { AriaBreadcrumbItemProps } from '@react-types/breadcrumbs';
+import { AriaBreadcrumbsProps } from '@react-types/breadcrumbs';
+import type { AriaButtonProps } from '@react-types/button';
+import type { AriaCheckboxGroupProps } from '@react-types/checkbox';
+import { AriaCheckboxProps } from '@react-types/checkbox';
+import { AriaLinkProps } from '@react-types/link';
+import { AriaNumberFieldProps } from '@react-aria/numberfield';
+import type { AriaProgressBarProps } from '@react-types/progress';
+import type { AriaRadioGroupProps } from '@react-types/radio';
+import { AriaRadioProps } from '@react-types/radio';
+import { AriaTextFieldOptions } from '@react-aria/textfield';
+import type { CheckboxGroupProps as CheckboxGroupProps_2 } from '@react-types/checkbox';
+import { Column } from 'react-table';
+import { ComponentProps } from 'react';
+import { Context } from 'react';
+import { DOMProps } from '@react-types/shared';
+import { FC } from 'react';
+import { FocusEvents } from '@react-types/shared';
+import { ForwardRefExoticComponent } from 'react';
+import { HoverEvents } from '@react-types/shared';
+import { HoverProps } from '@react-aria/interactions';
+import { HTMLAttributeAnchorTarget } from 'react';
+import { HTMLInputTypeAttribute } from 'react';
+import { IconName } from '@simplybusiness/icons';
+import { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
+import { LabelableProps } from '@react-types/shared';
+import { Link as Link_2 } from 'react-router-dom';
+import type { Property } from 'csstype';
+import { PropsWithoutRef } from 'react';
+import type { RadioGroupProps as RadioGroupProps_2 } from '@react-types/radio';
+import { RadioGroupState } from '@react-stately/radio';
+import { default as React_2 } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+import { RefAttributes } from 'react';
+import { SeparatorProps } from '@react-aria/separator';
+import { SliderProps as SliderProps_2 } from '@react-types/slider';
+import { SSRProvider } from '@react-aria/ssr';
+import { useVisuallyHidden } from '@react-aria/visually-hidden';
+import { Validation } from '@react-types/shared';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { VisuallyHiddenProps } from '@react-aria/visually-hidden';
+
+export declare const Accordion: ForwardedRefComponent<AccordionProps, AccordionElementType>;
+
+export declare type AccordionElementType = HTMLDivElement;
+
+export declare interface AccordionLinkProps extends DOMProps {
+    type: string;
+    /** Link text to show accordion content */
+    text?: string;
+    onClick?: (event: React.SyntheticEvent) => void;
+    toggle: () => void;
+}
+
+export declare interface AccordionProps extends DOMProps, RefAttributes<AccordionElementType> {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    /** Link text to show accordion content */
+    showText?: string;
+    /** Link text to hide accordion content */
+    hideText?: string;
+    /** Whether header is above or below content */
+    headerPosition?: "top" | "bottom";
+    /** Whether to expand the accordion initially */
+    startOpen?: boolean;
+    children?: ReactNode;
+    onClick?: (event: React.SyntheticEvent) => void;
+}
+
+export declare type AccordionRef = Ref<AccordionElementType>;
+
+declare const Actions: ForwardedRefComponent<ActionsProps, ActionsElementType>;
+
+declare type ActionsElementType = HTMLDivElement;
+
+declare interface ActionsProps extends DOMProps {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    backLabel?: string;
+    backLink?: string;
+    nextLabel?: string;
+    nextLink?: string;
+    backElementType?: React.ElementType;
+    nextElementType?: React.ElementType;
+    onNextClick?: () => void;
+    onBackClick?: () => void;
+}
+
+declare type ActionsRef = Ref<ActionsElementType>;
+
+export declare const Alert: ForwardedRefComponent<AlertProps, AlertElementType>;
+
+export declare type AlertElementType = HTMLDivElement;
+
+export declare interface AlertProps extends DOMProps, RefAttributes<AlertElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    variant?: "info" | "success" | "warning" | "error";
+    show?: boolean;
+    header?: string;
+}
+
+export declare type AlertRef = Ref<AlertElementType>;
+
+export declare interface BaseIconProps extends RefAttributes<SVGSVGElement> {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    /** Spin the icon */
+    spin?: boolean;
+}
+
+export declare const Box: ForwardedRefComponent<BoxProps, BoxElementType>;
+
+export declare type BoxElementType = HTMLDivElement;
+
+export declare interface BoxProps extends DOMProps, RefAttributes<BoxElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    /** HTML element for the Box */
+    elementType?: "div" | "span";
+    style?: React.CSSProperties;
+}
+
+export declare type BoxRef = Ref<BoxElementType>;
+
+export declare const BreadcrumbItem: ForwardedRefComponent<BreadcrumbItemProps, BreadcrumbItemElementType>;
+
+export declare type BreadcrumbItemElementType = HTMLLIElement;
+
+export declare interface BreadcrumbItemProps extends DOMProps, AriaBreadcrumbItemProps, RefAttributes<BreadcrumbItemElementType> {
+    isCurrent?: boolean;
+    separator?: ReactNode;
+    className?: string;
+}
+
+export declare type BreadcrumbItemRef = Ref<BreadcrumbItemElementType>;
+
+export declare const Breadcrumbs: ForwardedRefComponent<BreadcrumbsProps, BreadcrumbsElementType>;
+
+export declare type BreadcrumbsElementType = HTMLUListElement;
+
+export declare interface BreadcrumbsProps extends AriaBreadcrumbsProps, RefAttributes<BreadcrumbsElementType> {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    children?: ReactNode;
+}
+
+export declare type BreadcrumbsRef = Ref<BreadcrumbsElementType>;
+
+export declare type Breakpoint = {
+    size: SizeType;
+    value: number;
+};
+
+export declare type BreakpointsType = Breakpoint[];
+
+export declare type BreakpointType = {
+    breakpoint: Breakpoint;
+    up: (size: SizeType) => boolean | undefined;
+    down: (size: SizeType) => boolean | undefined;
+};
+
+export declare const Button: ForwardedRefComponent<ButtonProps, ButtonElementType>;
+
+export declare type ButtonElementType = HTMLButtonElement;
+
+export declare interface ButtonProps extends Omit<AriaButtonProps<"button" | "a" | "span">, "aria-haspopup" | "aria-expanded">, DOMProps, RefAttributes<ButtonElementType> {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    /** Shortlist of styles */
+    variant?: Variant;
+    size?: Size;
+    /** Display loading spinner */
+    isLoading?: boolean;
+    /** Display success style */
+    isSuccess?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    icon?: IconName;
+    iconPosition?: "left" | "right";
+    children?: ReactNode;
+}
+
+export declare type ButtonRef = Ref<ButtonElementType>;
+
+export declare const Checkbox: ForwardedRefComponent<CheckboxProps, CheckboxElementType>;
+
+export declare type CheckboxElementType = HTMLInputElement;
+
+export declare const CheckboxGroup: ForwardedRefComponent<CheckboxGroupProps, CheckboxGroupElementType>;
+
+export declare type CheckboxGroupElementType = HTMLDivElement;
+
+export declare interface CheckboxGroupProps extends DOMProps, CheckboxGroupProps_2, AriaCheckboxGroupProps, RefAttributes<CheckboxGroupElementType> {
+    children: ReactNode;
+    className?: string;
+    orientation?: "horizontal" | "vertical";
+    validationState?: "valid" | "invalid";
+    errorMessage?: string;
+}
+
+export declare type CheckboxGroupRef = Ref<CheckboxGroupElementType>;
+
+export declare interface CheckboxProps extends DOMProps, AriaCheckboxProps, RefAttributes<CheckboxElementType> {
+    label?: string;
+    className?: string;
+    errorMessage?: string;
+}
+
+export declare type CheckboxRef = Ref<CheckboxElementType>;
+
+declare namespace Chopin {
+    export {
+        PercentageTotalsQuestionProps,
+        PercentageTotalsQuestion,
+        Question,
+        QuestionProps,
+        QuestionGroupElementType,
+        QuestionGroupProps,
+        QuestionGroupRef,
+        QuestionGroup,
+        StepsElementType,
+        StepsProps,
+        StepsRef,
+        Steps,
+        StepItemElementType,
+        StepItemProps,
+        StepItemRef,
+        StepItem,
+        SectionElementType,
+        SectionProps,
+        SectionRef,
+        Section,
+        TradeSelectorElementType,
+        ERROR_MESSAGE_SERVICE_UNAVAIALBLE,
+        TradeSelectorProps,
+        TradeSelectorRef,
+        TradeSelector,
+        TradeProps,
+        GroupedTradeProps,
+        LabelProps_2 as LabelProps,
+        UrlProps,
+        useTradeSelectorProps,
+        FooterProps,
+        Footer,
+        LinkType,
+        HeaderProps,
+        LOGO_LINK,
+        Header,
+        OpeningHoursType,
+        OPENING_HOURS,
+        ActionsElementType,
+        ActionsProps,
+        ActionsRef,
+        Actions,
+        TestimonialElementType,
+        TestimonialProps,
+        TestimonialRef,
+        Testimonial
+    }
+}
+export { Chopin }
+
+export declare type CollapseDataType = {
+    collapseOnSize: SizeType;
+    collapseColumns: Array<string>;
+};
+
+export declare interface CommonTableProps extends RefAttributes<DataTableElementType> {
+    data: Array<object>;
+    columns: Array<Column<object>>;
+    className?: string;
+    collapseData?: CollapseDataType;
+    isSortable?: boolean;
+    caption?: string;
+}
+
+export declare const Container: ForwardedRefComponent<ContainerProps, ContainerElementType>;
+
+export declare type ContainerElementType = HTMLDivElement;
+
+export declare interface ContainerProps extends DOMProps, RefAttributes<ContainerElementType> {
+    id?: string;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    /** HTML element for the Box */
+    elementType?: "div" | "span";
+    children?: ReactNode;
+}
+
+export declare type ContainerRef = Ref<ContainerElementType>;
+
+export declare const DataTable: ForwardedRefComponent<DataTableProps, DataTableElementType>;
+
+export declare type DataTableElementType = HTMLTableElement;
+
+export declare interface DataTableProps extends DOMProps, RefAttributes<DataTableElementType> {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    data: Array<object>;
+    columns: Array<Column<object>>;
+    layout?: LayoutType;
+    isSortable?: boolean;
+    spanData?: SpanType;
+    collapseData?: CollapseDataType;
+    caption?: string;
+}
+
+export declare type DataTableRef = Ref<DataTableElementType>;
+
+export declare const DEFAULT_BREAKPOINT: Breakpoint;
+
+export declare const Divider: {
+    (props: DividerProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface DividerProps extends SeparatorProps, DOMProps {
+    className?: string;
+}
+
+export declare const DropdownMenu: DropdownMenuCompound;
+
+export declare interface DropdownMenuCompound extends ForwardedRefComponent<DropdownMenuProps, HTMLElement> {
+    Item: ForwardedRefComponent<DropdownMenuItemProps, HTMLLIElement>;
+}
+
+export declare type DropdownMenuElementType = HTMLElement;
+
+export declare type DropdownMenuItemElementType = HTMLLIElement;
+
+export declare interface DropdownMenuItemProps extends DOMProps, RefAttributes<DropdownMenuItemElementType> {
+    elementType?: string | React.ElementType;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    active?: boolean;
+    children?: ReactNode;
+    onClick?: () => void;
+}
+
+export declare type DropdownMenuItemRef = Ref<DropdownMenuItemElementType>;
+
+export declare interface DropdownMenuProps extends DOMProps, RefAttributes<DropdownMenuElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    label?: string;
+    trigger?: ReactElement;
+}
+
+export declare type DropdownMenuRef = Ref<DropdownMenuElementType>;
+
+export declare type ElementType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+
+declare const ERROR_MESSAGE_SERVICE_UNAVAIALBLE = "The service is currently unavailable. Please try again later";
+
+export declare const ErrorMessage: {
+    ({ id, errorMessage, className, }: ErrorMessageProps): JSX_2.Element | null;
+    displayName: string;
+};
+
+export declare interface ErrorMessageProps {
+    errorMessage?: string;
+    id?: string;
+    className?: string;
+}
+
+export declare const Fieldset: ForwardedRefComponent<FieldsetProps, FieldsetElementType>;
+
+export declare type FieldsetElementType = HTMLDivElement;
+
+export declare interface FieldsetProps extends DOMProps, RefAttributes<FieldsetElementType> {
+    legend?: string;
+    children: ReactNode;
+    className?: string;
+    legendComponent?: ReactElement<any>;
+}
+
+export declare type FieldsetRef = Ref<FieldsetElementType>;
+
+export declare const Flex: ForwardedRefComponent<FlexProps, FlexElementType>;
+
+export declare type FlexElementType = HTMLDivElement;
+
+export declare interface FlexNonStyleProps extends DOMProps, RefAttributes<FlexElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+}
+
+export declare interface FlexProps extends FlexStyleProps, FlexNonStyleProps {
+}
+
+export declare type FlexRef = Ref<FlexElementType>;
+
+export declare interface FlexStyleProps {
+    elementType?: string | React.ElementType;
+    flexDirection?: Property.FlexDirection;
+    flexWrap?: Property.FlexWrap;
+    flexGrow?: Property.FlexGrow;
+    flex?: Property.Flex;
+    /** Aligns grid items along the block (column) axis  */
+    alignItems?: Property.AlignItems;
+    /** Aligns the grid along the inline (row) axis */
+    alignContent?: Property.AlignContent;
+    /** Aligns the grid along the inline (row) axis */
+    justifyContent?: Property.JustifyContent;
+    /** How big a gap between the columns and rows */
+    gap?: Property.Gap;
+    /** How big a gap between the rows */
+    rowGap?: Property.RowGap;
+    /** How big a gap between the columns */
+    columnGap?: Property.ColumnGap;
+    style?: React.CSSProperties;
+}
+
+declare const Footer: FC<FooterProps>;
+
+declare interface FooterProps extends DOMProps {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    address?: Array<string[]>;
+    legalLinks?: LinkType[];
+    withLogo?: boolean;
+    text: string;
+}
+
+export declare type ForwardedRefComponent<T, RT> = ForwardRefExoticComponent<PropsWithoutRef<T> & RefAttributes<RT>>;
+
+export declare const Grid: GridCompound;
+
+export declare interface GridCompound extends ForwardedRefComponent<GridProps, GridItemElementType> {
+    Item: ForwardedRefComponent<GridItemProps, GridElementType>;
+}
+
+export declare type GridElementType = HTMLDivElement;
+
+export declare type GridItemElementType = HTMLDivElement;
+
+export declare interface GridItemProps extends RefAttributes<GridItemElementType>, DOMProps {
+    /** How many columns the item spans */
+    span?: number | number[];
+    /** React children */
+    children?: React.ReactNode;
+    /** How many columns the item spans on the smallest breakpoint */
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    /** How many columns the item spans on the largest breakpoint */
+    xxl?: number;
+    /** Aligns the grid item along the block (column) axis */
+    alignSelf?: "center" | "start" | "end" | "stretch";
+    /** Aligns the grid item along the inline (row) axis */
+    justifySelf?: "center" | "start" | "end" | "stretch";
+}
+
+export declare interface GridProps extends RefAttributes<GridElementType>, DOMProps {
+    children?: ReactNode;
+    /** The number of columns */
+    columns?: number;
+    /** How big a gap between the columns and rows */
+    gap?: string;
+    /** How big a gap between the columns */
+    columnGap?: string;
+    /** How big a gap between the rows */
+    rowGap?: string;
+    /** Aligns the grid along the block (column) axis */
+    alignContent?: "center" | "space-around" | "space-between" | "space-evenly" | "stretch";
+    /** Aligns the grid along the inline (row) axis */
+    justifyContent?: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+    /** Aligns grid items along the block (column) axis  */
+    alignItems?: "center" | "start" | "end" | "stretch" | "baseline";
+    /** Aligns grid items along the inline (row) axis  */
+    justifyItems?: "start" | "end" | "center" | "stretch";
+}
+
+declare type GroupedTradeProps = {
+    name: string;
+    title: string;
+    children: TradeProps[];
+};
+
+declare const Header: FC<HeaderProps>;
+
+declare interface HeaderProps extends DOMProps {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    whiteLabel?: boolean;
+    url?: string;
+    phone: string;
+    openingHours?: OpeningHoursType;
+}
+
+export declare const Icon: ForwardedRefComponent<IconProps, SVGSVGElement>;
+
+export declare type IconDefinition = {
+    iconName: string;
+    width: number;
+    height: number;
+    svgPathData: string;
+    iconType: "stroke" | "fill";
+    strokeWidth?: number;
+    fill?: string | undefined;
+};
+
+export declare interface IconFromNameProps extends BaseIconProps, RefAttributes<SVGSVGElement> {
+    name: IconName;
+}
+
+export declare interface IconFromObjectProps extends BaseIconProps, RefAttributes<SVGSVGElement> {
+    /** Icon type */
+    icon: IconDefinition;
+}
+
+export declare interface IconProps extends BaseIconProps, Partial<IconFromNameProps>, Partial<IconFromObjectProps> {
+}
+
+export declare type IconRef = Ref<SVGSVGElement>;
+
+export declare interface Icons {
+    [key: string]: IconDefinition;
+}
+
+declare const Image_2: ForwardedRefComponent<ImageProps, HTMLImageElement>;
+export { Image_2 as Image }
+
+export declare interface ImageProps extends DOMProps, IntrinsicImage {
+    /** HTML element for the Box */
+    elementType?: React.ElementType;
+    /** Alternative text for accessibility */
+    alt: string;
+    /** Path to image asset */
+    src: string;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+}
+
+export declare type ImageRef = Ref<HTMLImageElement>;
+
+export declare interface InteractionStateProps {
+    isFocusVisible?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    isHovered?: boolean;
+}
+
+export declare type IntrinsicImage = Omit<JSX.IntrinsicElements["img"], "css" | "width" | "height" | "color"> & RefAttributes<HTMLImageElement>;
+
+export declare type IntrinsicLabel = Omit<JSX.IntrinsicElements["label"], "css" | "color" | "ref">;
+
+export declare const Label: ForwardedRefComponent<LabelProps, LabelElementType>;
+
+export declare type LabelElementType = HTMLLabelElement;
+
+export declare interface LabelProps extends IntrinsicLabel, DOMProps, RefAttributes<LabelElementType> {
+    children?: ReactNode;
+    className?: string;
+    elementType?: "label" | "span";
+}
+
+declare type LabelProps_2 = {
+    input: string;
+    exact: string;
+    suggested: string;
+    noResults: string;
+    loading: string;
+    description: string;
+    placeholder: string;
+};
+
+export declare type LabelRef = Ref<LabelElementType>;
+
+export declare type LayoutType = "table" | "flex";
+
+export declare type LegendProps = {
+    id?: string;
+    className?: string;
+};
+
+export declare const Link: ForwardedRefComponent<LinkProps, LinkElementType>;
+
+export declare function LinkButton({ href, children, className, elementType, ...rest }: LinkButtonProps): JSX_2.Element;
+
+export declare interface LinkButtonProps extends Omit<ButtonProps, "elementType"> {
+    href: string;
+    title?: string;
+    style?: React.CSSProperties;
+    referrerPolicy?: ReferrerPolicy;
+    download?: boolean | string;
+    rel?: string;
+    target?: HTMLAttributeAnchorTarget;
+    onClick?: () => void;
+    to?: React.ComponentProps<typeof Link_2>["to"];
+    elementType?: React.ElementType;
+}
+
+export declare type LinkElementType = HTMLAnchorElement;
+
+export declare interface LinkProps extends DOMProps, AriaLinkProps, RefAttributes<LinkElementType> {
+    children?: React_2.ReactNode;
+    /** Path to link resource or page */
+    href?: string;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    title?: string;
+    style?: React_2.CSSProperties;
+    referrerPolicy?: ReferrerPolicy;
+    download?: boolean | string;
+    rel?: string;
+    target?: HTMLAttributeAnchorTarget;
+    isDisabled?: boolean;
+    onClick?: () => void;
+    to?: React_2.ComponentProps<typeof Link_2>["to"];
+    elementType?: React_2.ElementType;
+}
+
+export declare type LinkRef = Ref<LinkElementType>;
+
+declare type LinkType = {
+    href: string;
+    text: string;
+};
+
+export declare const List: ForwardedRefComponent<ListProps, ListElementType>;
+
+export declare type ListElementType = HTMLOListElement | HTMLUListElement;
+
+export declare const ListItem: ForwardedRefComponent<ListItemProps, ListItemElementType>;
+
+export declare type ListItemElementType = HTMLLIElement;
+
+export declare interface ListItemProps extends DOMProps, RefAttributes<ListItemElementType> {
+    children?: ReactNode;
+    value?: number;
+    className?: string;
+    parentIcon?: ReactNode;
+    icon?: ReactNode;
+}
+
+export declare type ListItemRef = Ref<ListItemElementType>;
+
+export declare interface ListProps extends DOMProps, RefAttributes<ListElementType> {
+    children?: ReactNode;
+    isOrdered?: boolean;
+    isReversed?: boolean;
+    start?: number;
+    liststyletype?: ListStyleType;
+    icon?: ReactNode;
+    className?: string;
+}
+
+export declare type ListRef = Ref<ListElementType>;
+
+export declare type ListStyleType = "disc" | "circle" | "square" | "decimal" | "georgian" | "trad-chinese-informal" | "kannada";
+
+export declare const LoadingIndicator: ForwardedRefComponent<LoadingIndicatorProps, SVGSVGElement>;
+
+export declare interface LoadingIndicatorProps extends RefAttributes<SVGSVGElement> {
+    className?: string;
+    icon?: IconName;
+}
+
+export declare type LoadingIndicatorRef = Ref<SVGSVGElement>;
+
+declare const LOGO_LINK = "https://www.simplybusiness.co.uk/";
+
+export declare const Modal: {
+    ({ isOpen, onClose, children, className, closeLabel, size, appElement, preventCloseOnEsc, animation, shouldFocusAfterRender, parentSelector, }: ModalProps): JSX_2.Element;
+    displayName: string;
+} & {
+    Header: ForwardRefExoticComponent<Pick<ModalHeaderProps, "key" | "id" | "children" | "onClose" | "closeLabel"> & RefAttributes<HTMLElement>>;
+    Content: ForwardRefExoticComponent<Pick<ModalContentProps, "key" | "id" | "children" | "onClose" | "closeLabel"> & RefAttributes<HTMLDivElement>>;
+};
+
+export declare type ModalContentDivElementType = HTMLDivElement;
+
+export declare interface ModalContentProps extends DOMProps, RefAttributes<ModalContentDivElementType> {
+    children?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+}
+
+export declare type ModalHeaderElementType = HTMLDivElement;
+
+export declare interface ModalHeaderProps extends DOMProps, RefAttributes<ModalHeaderElementType> {
+    children?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+}
+
+export declare interface ModalProps {
+    isOpen: boolean;
+    onClose: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+    children?: ReactNode;
+    className?: string;
+    closeLabel?: string;
+    size?: ModalSizeType;
+    appElement?: string;
+    preventCloseOnEsc?: boolean;
+    animation?: "slideUp" | "fade";
+    shouldFocusAfterRender?: boolean;
+    parentSelector?: () => HTMLElement;
+}
+
+export declare type ModalSizeType = SizeType | "fullscreen";
+
+export declare const NumberField: ForwardedRefComponent<NumberFieldProps, NumberFieldElementType>;
+
+export declare type NumberFieldElementType = HTMLInputElement;
+
+export declare interface NumberFieldProps extends DOMProps, AriaNumberFieldProps, RefAttributes<NumberFieldElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    value?: AriaNumberFieldProps["value"];
+    defaultValue?: AriaNumberFieldProps["defaultValue"];
+    minValue?: AriaNumberFieldProps["minValue"];
+    maxValue?: AriaNumberFieldProps["maxValue"];
+    step?: AriaNumberFieldProps["step"];
+    label?: string;
+    "aria-describedby"?: string;
+    validationState?: "valid" | "invalid" | undefined;
+    errorMessage?: string;
+}
+
+export declare type NumberFieldRef = Ref<NumberFieldElementType>;
+
+declare const OPENING_HOURS: OpeningHoursType;
+
+declare type OpeningHoursType = {
+    [key: string]: string;
+};
+
+declare const Option_2: ForwardedRefComponent<OptionProps, HTMLOptionElement>;
+export { Option_2 as Option }
+
+export declare interface OptionProps extends RefAttributes<HTMLOptionElement> {
+    value?: string;
+    children?: string;
+    isDisabled?: boolean;
+}
+
+export declare type OptionRef = Ref<HTMLOptionElement>;
+
+export declare const PasswordField: ForwardRefExoticComponent<Pick<PasswordFieldProps, "type" | "key" | "id" | "name" | "value" | "label" | "pattern" | "className" | "children" | "inputMode" | "description" | "autoComplete" | "autoFocus" | "maxLength" | "minLength" | "defaultValue" | "placeholder" | "aria-activedescendant" | "aria-autocomplete" | "aria-describedby" | "aria-details" | "aria-errormessage" | "aria-haspopup" | "aria-label" | "aria-labelledby" | "onCopy" | "onCut" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "onFocus" | "onBlur" | "onChange" | "onBeforeInput" | "onInput" | "onKeyDown" | "onKeyUp" | "onSelect" | "excludeFromTabOrder" | "isDisabled" | "errorMessage" | "onFocusChange" | "isRequired" | "isReadOnly" | "validationState" | "onHoverStart" | "onHoverEnd" | "onHoverChange" | "inputElementType"> & RefAttributes<HTMLInputElement>>;
+
+export declare interface PasswordFieldProps extends TextFieldProps {
+}
+
+export declare type PasswordFieldRef = TextFieldRef;
+
+declare const PercentageTotalsQuestion: {
+    (props: PercentageTotalsQuestionProps): JSX_2.Element;
+    displayName: string;
+};
+
+declare type PercentageTotalsQuestionProps = Omit<QuestionProps, "children" | "description" | "validationState" | "errorMessage"> & {
+    alertText?: string;
+    items: string[];
+};
+
+export declare const Progress: ForwardedRefComponent<ProgressProps, ProgressElementType>;
+
+export declare type ProgressElementType = HTMLDivElement;
+
+export declare interface ProgressProps extends AriaProgressBarProps, DOMProps, RefAttributes<ProgressElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    variant?: "primary" | "secondary" | "success" | "danger" | "warning" | "info";
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    valueFormatter?: (value: number, minValue: number, maxValue: number) => string;
+}
+
+export declare type ProgressRef = Ref<ProgressElementType>;
+
+declare function Question({ label, description, children, errorMessage, validationState, help, className, }: QuestionProps): JSX_2.Element;
+
+declare const QuestionGroup: ForwardedRefComponent<QuestionGroupProps, QuestionGroupElementType>;
+
+declare type QuestionGroupElementType = HTMLDivElement;
+
+declare interface QuestionGroupProps extends DOMProps, RefAttributes<QuestionGroupElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    label?: string;
+    help?: ReactNode;
+}
+
+declare type QuestionGroupRef = Ref<QuestionGroupElementType>;
+
+declare interface QuestionProps {
+    label?: ReactElement | string;
+    description?: string | ReactNode;
+    errorMessage?: string;
+    children?: ReactNode;
+    validationState?: "valid" | "invalid" | "";
+    help?: ReactNode;
+    className?: string;
+}
+
+export declare const Radio: ForwardedRefComponent<RadioProps, RadioElementType>;
+
+export declare const RadioButton: ForwardedRefComponent<RadioButtonProps, RadioButtonElementType>;
+
+export declare type RadioButtonElementType = HTMLInputElement;
+
+export declare interface RadioButtonProps extends DOMProps, AriaRadioProps, HoverProps, RefAttributes<RadioButtonElementType> {
+    children?: ReactNode | any;
+    label?: string;
+    className?: string;
+}
+
+export declare type RadioButtonRef = Ref<RadioButtonElementType>;
+
+export declare const RadioContext: Context<RadioGroupContext | null>;
+
+export declare type RadioElementType = HTMLInputElement;
+
+export declare const RadioGroup: ForwardedRefComponent<RadioGroupProps, RadioGroupElementType>;
+
+export declare interface RadioGroupContext {
+    state: RadioGroupState;
+    isDisabled: boolean;
+    validationState?: "valid" | "invalid";
+    circular?: boolean;
+}
+
+export declare type RadioGroupElementType = HTMLDivElement;
+
+export declare interface RadioGroupProps extends DOMProps, RadioGroupProps_2, AriaRadioGroupProps, RefAttributes<RadioGroupElementType> {
+    children: ReactNode;
+    className?: string;
+    orientation?: "horizontal" | "vertical";
+    circular?: boolean;
+    errorMessage?: string;
+}
+
+export declare type RadioGroupRef = Ref<RadioGroupElementType>;
+
+export declare interface RadioProps extends DOMProps, AriaRadioProps, HoverProps, RefAttributes<RadioElementType> {
+    children?: ReactNode;
+    className?: string;
+    label?: ReactNode;
+    errorMessage?: string;
+}
+
+export declare type RadioRef = Ref<RadioElementType>;
+
+declare const Section: ForwardedRefComponent<SectionProps, SectionElementType>;
+
+declare type SectionElementType = HTMLDivElement;
+
+declare interface SectionProps extends DOMProps, RefAttributes<SectionElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    title?: string;
+}
+
+declare type SectionRef = Ref<SectionElementType>;
+
+export declare const Segment: {
+    (props: SegmentProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const SegmentGroup: {
+    (props: SegmentGroupProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface SegmentGroupProps extends DOMProps {
+    className?: string;
+    horizontal?: boolean;
+    margin?: "size-10" | "size-20" | "size-30" | "size-40" | "size-50" | "size-60" | "size-70" | "size-80";
+    children?: ReactNode;
+}
+
+export declare interface SegmentProps extends DOMProps {
+    className?: string;
+    heading?: string;
+    /** Background colour for Segment */
+    colour?: "subtle" | "primary" | "secondary";
+    /** When inverted, text is white.  Use on darker backgrounds. */
+    inverted?: boolean;
+    children?: ReactNode;
+}
+
+export declare const Select: ForwardedRefComponent<SelectProps, SelectElementType>;
+
+export declare type SelectElementType = HTMLSelectElement;
+
+export declare interface SelectProps extends HoverProps, LabelableProps, Validation, DOMProps, RefAttributes<SelectElementType> {
+    name?: string;
+    onChange?: (value: string) => void;
+    value?: string;
+    defaultValue?: string;
+    className?: string;
+    errorMessage?: string;
+    children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;
+}
+
+export declare type SelectRef = Ref<SelectElementType>;
+
+export declare type Size = "small" | "medium" | "large";
+
+export declare type SizeType = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+
+export declare function Slider(props: SliderProps): JSX_2.Element;
+
+export declare interface SliderProps extends SliderProps_2<number>, DOMProps {
+    variant?: "primary" | "secondary";
+    className?: string;
+    onChange?: (value: number | undefined) => void;
+    onChangeEnd?: (value: number | undefined) => void;
+    minLabel?: string;
+    maxLabel?: string;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+
+export declare type SpanType = {
+    [key: string]: {
+        colspan?: number;
+        rowspan?: number;
+        targetValue: any;
+        substValue?: any;
+        spanClass?: string;
+    };
+};
+
+export { SSRProvider }
+
+declare const StepItem: ForwardedRefComponent<StepItemProps, StepItemElementType>;
+
+declare type StepItemElementType = HTMLLIElement;
+
+declare interface StepItemProps extends DOMProps, RefAttributes<StepItemElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: React.ElementType;
+    linkElementType?: React.ElementType;
+    name: string;
+    index?: number;
+    active?: boolean;
+    url?: string;
+    completed?: boolean;
+    to?: ComponentProps<typeof Link_2>["to"];
+}
+
+declare type StepItemRef = Ref<StepItemElementType>;
+
+declare const Steps: ForwardedRefComponent<StepsProps, StepsElementType>;
+
+declare type StepsElementType = HTMLOListElement;
+
+declare interface StepsProps extends DOMProps, RefAttributes<StepsElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: React.ElementType;
+}
+
+declare type StepsRef = Ref<StepsElementType>;
+
+export declare const SVG: ForwardedRefComponent<SVGProps, SVGSVGElement>;
+
+export declare interface SVGProps extends DOMProps, RefAttributes<SVGSVGElement> {
+    children: React.ReactElement<React.SVGProps<SVGSVGElement>>;
+    className?: string;
+}
+
+export declare type SVGRef = Ref<SVGSVGElement>;
+
+export declare const Table: TableCompound;
+
+export declare interface TableBodyProps extends RefAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare type TableBodyRef = Ref<HTMLTableSectionElement>;
+
+export declare interface TableCellProps extends RefAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    className?: string;
+    colSpan?: number;
+    rowSpan?: number;
+}
+
+export declare type TableCellRef = Ref<HTMLTableCellElement>;
+
+export declare interface TableCompound extends ForwardedRefComponent<TableProps, HTMLTableElement> {
+    Head: ForwardedRefComponent<TableHeadProps, HTMLTableSectionElement>;
+    Body: ForwardedRefComponent<TableBodyProps, HTMLTableSectionElement>;
+    Foot: ForwardedRefComponent<TableFootProps, HTMLTableSectionElement>;
+    Row: ForwardedRefComponent<TableRowProps, HTMLTableRowElement>;
+    HeaderCell: ForwardedRefComponent<TableHeaderCellProps, HTMLTableCellElement>;
+    Cell: ForwardedRefComponent<TableCellProps, HTMLTableCellElement>;
+}
+
+export declare type TableElementType = HTMLTableElement;
+
+export declare interface TableFootProps extends RefAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare type TableFootRef = Ref<HTMLTableSectionElement>;
+
+export declare interface TableHeaderCellProps extends RefAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare type TableHeaderCellRef = Ref<HTMLTableCellElement>;
+
+export declare interface TableHeadProps extends RefAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare type TableHeadRef = Ref<HTMLTableSectionElement>;
+
+export declare interface TableProps extends DOMProps, RefAttributes<TableElementType> {
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare type TableRef = Ref<TableElementType>;
+
+export declare interface TableRowProps extends RefAttributes<HTMLTableRowElement> {
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare type TableRowRef = Ref<HTMLTableRowElement>;
+
+declare const Testimonial: ForwardedRefComponent<TestimonialProps, TestimonialElementType>;
+
+declare type TestimonialElementType = HTMLElement;
+
+declare interface TestimonialProps extends DOMProps, RefAttributes<TestimonialElementType> {
+    children: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    author: string;
+}
+
+declare type TestimonialRef = Ref<TestimonialElementType>;
+
+declare const Text_2: ForwardedRefComponent<TextProps, TextElementType>;
+export { Text_2 as Text }
+
+export declare const TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType>;
+
+export declare type TextAreaElementType = HTMLTextAreaElement;
+
+export declare const TextAreaInput: ForwardedRefComponent<TextAreaInputProps, TextAreaInputElementType>;
+
+export declare type TextAreaInputElementType = HTMLTextAreaElement;
+
+export declare interface TextAreaInputProps extends DOMProps, InteractionStateProps, RefAttributes<TextAreaInputElementType> {
+    className?: string;
+}
+
+export declare type TextAreaInputRef = Ref<TextAreaInputElementType>;
+
+export declare interface TextAreaProps extends AriaTextFieldOptions<"textarea">, DOMProps, HoverProps, RefAttributes<TextAreaElementType> {
+    className?: string;
+    errorMessage?: string;
+    validationState?: "valid" | "invalid";
+}
+
+export declare type TextAreaRef = Ref<TextAreaElementType>;
+
+export declare type TextElementType = HTMLHeadingElement | HTMLParagraphElement;
+
+export declare const TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType>;
+
+export declare type TextFieldElementType = HTMLInputElement;
+
+export declare interface TextFieldProps extends DOMProps, AriaTextFieldOptions<"input">, HoverEvents, FocusEvents, RefAttributes<TextFieldElementType> {
+    className?: string;
+    errorMessage?: string;
+    children?: ReactNode;
+    label?: string;
+    type?: Exclude<HTMLInputTypeAttribute, "button" | "checkbox" | "color" | "date" | "datetime-local" | "file" | "image" | "month" | "radio" | "range" | "reset" | "submit" | "week">;
+}
+
+export declare type TextFieldRef = Ref<TextFieldElementType>;
+
+export declare interface TextProps extends DOMProps, RefAttributes<TextElementType> {
+    /** HTML element for the text */
+    elementType?: ElementType;
+    /** Specify font size override */
+    variant?: TextVariantType;
+    /** Specify compact line height override */
+    spacing?: "loose" | "tight";
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    children: ReactNode;
+    style?: React.CSSProperties;
+}
+
+export declare type TextRef = Ref<TextElementType>;
+
+export declare type TextVariantType = "h1" | "h2" | "h3" | "h4" | "h5" | "lead" | "body" | "caption" | "legal";
+
+export declare const ThemeContext: Context<ThemeContextProps>;
+
+export declare interface ThemeContextProps {
+    icons?: Icons;
+    breakpoints?: BreakpointsType;
+    setBreakpoints: (config: BreakpointsType) => void;
+}
+
+export declare const ThemeProvider: ({ children, icons }: ThemeProviderProps) => JSX_2.Element;
+
+export declare interface ThemeProviderProps {
+    children: React.ReactNode;
+    icons?: Icons;
+}
+
+export declare const Title: ForwardedRefComponent<TitleProps, TitleElementType>;
+
+export declare type TitleElementType = HTMLDivElement;
+
+export declare interface TitleProps extends DOMProps, RefAttributes<TitleElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    title: string;
+    description: string;
+}
+
+export declare type TitleRef = Ref<TitleElementType>;
+
+declare type TradeProps = {
+    value: string;
+    vertical: string;
+    supported_verticals: string[] | null;
+    label: string;
+    type: string;
+    trade_detail: string | null;
+    trade_type: string | null;
+    blocked: boolean;
+};
+
+declare const TradeSelector: ForwardedRefComponent<TradeSelectorProps, TradeSelectorElementType>;
+
+declare type TradeSelectorElementType = HTMLDivElement;
+
+declare interface TradeSelectorProps extends DOMProps, RefAttributes<TradeSelectorElementType> {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    minInput?: number;
+    apiRequestDebounceInMs?: number;
+    labels?: LabelProps_2;
+    urls?: UrlProps;
+    onTradeSelected?: (trade: TradeProps) => void;
+    hideLabel?: boolean;
+}
+
+declare type TradeSelectorRef = Ref<TradeSelectorElementType>;
+
+declare type UrlProps = {
+    quoteRedirect: string;
+    tradeApi: string;
+    allOccupations: string;
+};
+
+export declare const useBreakpoint: () => BreakpointType;
+
+export declare const useHideColumns: {
+    (setHiddenColumns: (cols: string[]) => void, collapseData?: CollapseDataType): void;
+    displayName: string;
+};
+
+declare type useTradeSelectorProps = {
+    minInput: number;
+    apiRequestDebounceInMs: number;
+    urls: UrlProps;
+    onTradeSelected?: (trade: TradeProps) => void;
+};
+
+export { useVisuallyHidden }
+
+export declare type Variant = "primary" | "secondary" | "ghost" | "inverse" | "inverse-ghost" | "basic";
+
+export { VisuallyHidden }
+
+export { VisuallyHiddenProps }
+
+export { }