@simplybusiness/mobius 3.10.0 → 3.11.1

package/dist/mobius.d.ts

@@ -1,10 +1,7 @@
-/// <reference types="react" />
-
 import { AriaBreadcrumbItemProps } from '@react-types/breadcrumbs';
 import { AriaBreadcrumbsProps } from '@react-types/breadcrumbs';
 import type { AriaCheckboxGroupProps } from '@react-types/checkbox';
 import { AriaCheckboxProps } from '@react-types/checkbox';
-import { AriaDatePickerProps } from '@react-aria/datepicker';
 import { AriaFocusRingProps } from '@react-aria/focus';
 import { AriaLabelingProps } from '@react-types/shared';
 import { AriaLinkProps } from '@react-types/link';
@@ -14,24 +11,19 @@ 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 { DatePickerStateOptions } from '@react-stately/datepicker';
-import { DateValue } from '@internationalized/date';
 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 type { IconName } from '@simplybusiness/icons';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
 import { LabelableProps } from '@react-types/shared';
-import { Link as Link_2 } from 'react-router-dom';
-import { parseDate } from '@internationalized/date';
+import type { 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';
@@ -45,10 +37,7 @@ import { SeparatorProps } from '@react-aria/separator';
 import { SliderProps as SliderProps_2 } from '@react-types/slider';
 import { SSRProvider } from '@react-aria/ssr';
 import { SyntheticEvent } from 'react';
-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>;
 
@@ -79,21 +68,6 @@ export declare interface AccordionProps extends DOMProps, RefAttributes<Accordio
 
 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;
-    backButton?: LinkButtonProps | ButtonProps;
-    nextButton?: LinkButtonProps | ButtonProps;
-    backLabel?: string;
-    nextLabel?: string;
-}
-
-declare type ActionsRef = Ref<ActionsElementType>;
-
 export declare const Alert: ForwardedRefComponent<AlertProps, AlertElementType>;
 
 export declare type AlertElementType = HTMLDivElement;
@@ -110,15 +84,6 @@ export declare interface AlertProps extends DOMProps, RefAttributes<AlertElement
 
 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;
-    fontSize?: string;
-    color?: string;
-}
-
 export declare const Box: ForwardedRefComponent<BoxProps, BoxElementType>;
 
 export declare type BoxElementType = HTMLDivElement;
@@ -186,7 +151,7 @@ export declare interface ButtonProps extends UseButtonProps, AriaFocusRingProps,
     /** Display success style */
     isSuccess?: boolean;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    icon?: IconName;
+    icon?: string;
     iconPosition?: "left" | "right";
     children?: ReactNode;
 }
@@ -219,75 +184,6 @@ export declare interface CheckboxProps extends DOMProps, AriaCheckboxProps, RefA
 
 export declare type CheckboxRef = Ref<CheckboxElementType>;
 
-declare namespace Chopin {
-    export {
-        ActionsElementType,
-        ActionsProps,
-        ActionsRef,
-        Actions,
-        FooterProps,
-        Footer,
-        LinkType,
-        HeaderProps,
-        LOGO_LINK,
-        Header,
-        OpeningHoursType,
-        OPENING_HOURS,
-        PercentageTotalsQuestionProps,
-        PercentageTotalsQuestion,
-        Question,
-        QuestionProps,
-        QuestionGroupElementType,
-        QuestionGroupProps,
-        QuestionGroupRef,
-        QuestionGroup,
-        SectionElementType,
-        SectionProps,
-        SectionRef,
-        Section,
-        StepsElementType,
-        StepsProps,
-        StepsRef,
-        Steps,
-        StepItemElementType,
-        StepItemProps,
-        StepItemRef,
-        StepItem,
-        TestimonialElementType,
-        TestimonialProps,
-        TestimonialRef,
-        Testimonial,
-        ERROR_MESSAGE_SERVICE_UNAVAILABLE,
-        TradeSelector,
-        DialogRef,
-        InputRef,
-        TradeSelectorSearchScope,
-        TradeSelectorVertical,
-        TradeProps,
-        LabelProps_2 as LabelProps,
-        UrlProps,
-        TradeSelectorCommonProps,
-        TradeSelectorElementType,
-        TradeSelectorProps,
-        TradeSelectorRef
-    }
-}
-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;
@@ -303,36 +199,10 @@ export declare interface ContainerProps extends DOMProps, RefAttributes<Containe
 
 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 function DatePicker(props: DatePickerProps): JSX.Element;
-
-export declare interface DatePickerProps extends AriaDatePickerProps<DateValue>, DatePickerStateOptions<DateValue> {
-    label: string;
-}
-
 export declare const DEFAULT_BREAKPOINT: Breakpoint;
 
-declare type DialogRef = HTMLDialogElement;
-
 export declare const Divider: {
-    (props: DividerProps): JSX.Element;
+    (props: DividerProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -374,10 +244,8 @@ export declare type DropdownMenuRef = Ref<DropdownMenuElementType>;
 
 export declare type ElementType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
 
-declare const ERROR_MESSAGE_SERVICE_UNAVAILABLE = "The service is currently unavailable. Please try again later";
-
 export declare const ErrorMessage: {
-    ({ id, errorMessage, className, }: ErrorMessageProps): JSX.Element | null;
+    ({ id, errorMessage, className, }: ErrorMessageProps): JSX_2.Element | null;
     displayName: string;
 };
 
@@ -436,17 +304,6 @@ export declare interface FlexStyleProps {
     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;
@@ -502,18 +359,7 @@ export declare interface GridProps extends RefAttributes<GridElementType>, DOMPr
     className?: string;
 }
 
-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 function Icon({ icon, name, className, size, color, fixedWidth, spin, spinReverse, ...otherProps }: IconProps): JSX_2.Element;
 
 export declare type IconDefinition = {
     iconName: string;
@@ -525,16 +371,15 @@ export declare type IconDefinition = {
     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 interface IconProps {
+    icon?: IconDefinition;
+    name?: string;
+    className?: string;
+    size?: IconSizeProp;
+    color?: string;
+    fixedWidth?: boolean;
+    spin?: boolean;
+    spinReverse?: boolean;
 }
 
 export declare type IconRef = Ref<SVGSVGElement>;
@@ -543,6 +388,8 @@ export declare interface Icons {
     [key: string]: IconDefinition;
 }
 
+export declare type IconSizeProp = "2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x";
+
 declare const Image_2: ForwardedRefComponent<ImageProps, HTMLImageElement>;
 export { Image_2 as Image }
 
@@ -559,8 +406,6 @@ export declare interface ImageProps extends DOMProps, IntrinsicImage {
 
 export declare type ImageRef = Ref<HTMLImageElement>;
 
-declare type InputRef = HTMLInputElement;
-
 export declare interface InteractionStateProps {
     isFocusVisible?: boolean;
     isSelected?: boolean;
@@ -582,20 +427,8 @@ export declare interface LabelProps extends IntrinsicLabel, DOMProps, RefAttribu
     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;
@@ -603,7 +436,7 @@ export declare type LegendProps = {
 
 export declare const Link: ForwardedRefComponent<LinkProps, LinkElementType>;
 
-export declare function LinkButton({ href, children, className, elementType, ...rest }: LinkButtonProps): JSX.Element;
+export declare function LinkButton({ href, children, className, elementType, ...rest }: LinkButtonProps): JSX_2.Element;
 
 export declare interface LinkButtonProps extends Omit<ButtonProps, "elementType"> {
     href: string;
@@ -640,11 +473,6 @@ export declare interface LinkProps extends DOMProps, AriaLinkProps, RefAttribute
 
 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;
@@ -688,8 +516,6 @@ export declare interface LoadingIndicatorProps extends RefAttributes<SVGSVGEleme
 
 export declare type LoadingIndicatorRef = Ref<SVGSVGElement>;
 
-declare const LOGO_LINK = "https://www.simplybusiness.co.uk/";
-
 export declare const MaskedField: ForwardedRefComponent<MaskedFieldProps, TextFieldElementType>;
 
 export declare type MaskedFieldElementType = HTMLInputElement;
@@ -701,11 +527,11 @@ export declare interface MaskedFieldProps extends TextFieldProps, DOMProps {
 export declare type MaskedFieldRef = Ref<MaskedFieldElementType>;
 
 export declare const Modal: {
-    ({ isOpen, onClose, children, className, closeLabel, size, appElement, preventCloseOnEsc, animation, shouldFocusAfterRender, parentSelector, }: ModalProps): JSX.Element;
+    ({ 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>>;
+    Header: ForwardRefExoticComponent<Omit<ModalHeaderProps, "ref"> & RefAttributes<HTMLElement>>;
+    Content: ForwardRefExoticComponent<Omit<ModalContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 };
 
 export declare type ModalContentDivElementType = HTMLDivElement;
@@ -761,12 +587,6 @@ export declare interface NumberFieldProps extends DOMProps, AriaNumberFieldProps
 
 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 }
 
@@ -778,25 +598,13 @@ export declare interface OptionProps extends RefAttributes<HTMLOptionElement> {
 
 export declare type OptionRef = Ref<HTMLOptionElement>;
 
-export { parseDate }
-
-export declare const PasswordField: ForwardRefExoticComponent<Pick<PasswordFieldProps, "label" | "pattern" | "key" | "autoComplete" | "autoFocus" | "maxLength" | "minLength" | "name" | "defaultValue" | "className" | "id" | "placeholder" | "inputMode" | "aria-activedescendant" | "aria-autocomplete" | "aria-describedby" | "aria-details" | "aria-errormessage" | "aria-haspopup" | "aria-label" | "aria-labelledby" | "type" | "value" | "children" | "onCopy" | "onCut" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "onFocus" | "onBlur" | "onChange" | "onBeforeInput" | "onInput" | "onKeyDown" | "onKeyUp" | "onSelect" | "excludeFromTabOrder" | "isDisabled" | "description" | "errorMessage" | "onFocusChange" | "isRequired" | "isReadOnly" | "validationState" | "onHoverStart" | "onHoverEnd" | "onHoverChange" | "inputElementType"> & RefAttributes<HTMLInputElement>>;
+export declare const PasswordField: ForwardRefExoticComponent<Omit<PasswordFieldProps, "ref"> & RefAttributes<HTMLInputElement>>;
 
 export declare interface PasswordFieldProps extends TextFieldProps {
 }
 
 export declare type PasswordFieldRef = TextFieldRef;
 
-declare const PercentageTotalsQuestion: {
-    (props: PercentageTotalsQuestionProps): JSX.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;
@@ -814,36 +622,6 @@ export declare interface ProgressProps extends AriaProgressBarProps, DOMProps, R
 
 export declare type ProgressRef = Ref<ProgressElementType>;
 
-declare function Question({ label, description, children, errorMessage, validationState, help, className, closeHelpOnOutsideClick, onChange, }: QuestionProps): JSX.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;
-    onChange?: (state: boolean) => void;
-}
-
-declare type QuestionGroupRef = Ref<QuestionGroupElementType>;
-
-declare interface QuestionProps {
-    label?: ReactElement | string;
-    description?: string | ReactNode;
-    errorMessage?: ReactNode;
-    children?: ReactNode;
-    validationState?: "valid" | "invalid" | "";
-    help?: ReactNode;
-    className?: string;
-    closeHelpOnOutsideClick?: boolean;
-    onChange?: (state: boolean) => void;
-}
-
 export declare const Radio: ForwardedRefComponent<RadioProps, RadioElementType>;
 
 export declare const RadioButton: ForwardedRefComponent<RadioButtonProps, RadioButtonElementType>;
@@ -892,27 +670,13 @@ export declare interface RadioProps extends DOMProps, AriaRadioProps, HoverProps
 
 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.Element;
+    (props: SegmentProps): JSX_2.Element;
     displayName: string;
 };
 
 export declare const SegmentGroup: {
-    (props: SegmentGroupProps): JSX.Element;
+    (props: SegmentGroupProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -954,7 +718,7 @@ export declare type Size = "small" | "medium" | "large";
 
 export declare type SizeType = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
 
-export declare function Slider(props: SliderProps): JSX.Element;
+export declare function Slider(props: SliderProps): JSX_2.Element;
 
 export declare interface SliderProps extends SliderProps_2<number>, DOMProps, AriaLabelingProps {
     variant?: "primary" | "secondary";
@@ -966,51 +730,8 @@ export declare interface SliderProps extends SliderProps_2<number>, DOMProps, Ar
     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> {
@@ -1085,19 +806,6 @@ export declare interface TableRowProps extends RefAttributes<HTMLTableRowElement
 
 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 }
 
@@ -1164,7 +872,7 @@ export declare interface ThemeContextProps {
     setBreakpoints: (config: BreakpointsType) => void;
 }
 
-export declare const ThemeProvider: ({ children, icons }: ThemeProviderProps) => JSX.Element;
+export declare const ThemeProvider: ({ children, icons }: ThemeProviderProps) => JSX_2.Element;
 
 export declare interface ThemeProviderProps {
     children: React.ReactNode;
@@ -1186,54 +894,6 @@ export declare interface TitleProps extends DOMProps, RefAttributes<TitleElement
 
 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 TradeSelectorCommonProps = {
-    minInput: number;
-    apiRequestDebounceInMs: number;
-    urls: UrlProps;
-    onTradeSelected?: (trade: TradeProps | string) => void;
-    initialTrade?: string;
-    vertical?: TradeSelectorVertical;
-    searchScope?: TradeSelectorSearchScope;
-};
-
-declare type TradeSelectorElementType = HTMLDivElement;
-
-declare interface TradeSelectorProps extends Partial<TradeSelectorCommonProps>, DOMProps, RefAttributes<TradeSelectorElementType> {
-    /** Custom class name for setting specific CSS */
-    className?: string;
-    elementType?: string | React.ElementType;
-    onTradeSelected?: (trade: TradeProps | string) => void;
-    labels?: LabelProps_2;
-    hideLabel?: boolean;
-    "data-cy"?: string;
-    "aria-describedby"?: string;
-}
-
-declare type TradeSelectorRef = Ref<TradeSelectorElementType>;
-
-declare type TradeSelectorSearchScope = "all_verticals" | "current_and_supported_verticals" | "current_vertical" | "except_current_vertical" | "usa_contractors" | "commercial_landlord_business_types" | "contractors_combined" | "supported_for_current_vertical" | "commercial_combined_manufacturer" | "commercial_combined_wholesaler" | "commercial_combined_all";
-
-declare type TradeSelectorVertical = string;
-
-declare type UrlProps = {
-    quoteRedirect: string;
-    tradeApi: string;
-    allOccupations: string;
-};
-
 export declare function useBodyScrollLock({ enabled, }?: {
     enabled?: boolean;
 }): void;
@@ -1276,17 +936,18 @@ export declare interface UseButtonProps {
     role?: string;
 }
 
-export declare const useHideColumns: {
-    (setHiddenColumns: (cols: string[]) => void, collapseData?: CollapseDataType): void;
-    displayName: string;
-};
-
-export { useVisuallyHidden }
-
 export declare type Variant = "primary" | "secondary" | "ghost" | "inverse" | "inverse-ghost" | "basic";
 
-export { VisuallyHidden }
+export declare function VisuallyHidden(props: VisuallyHiddenProps): JSX_2.Element;
 
-export { VisuallyHiddenProps }
+export declare interface VisuallyHiddenProps {
+    /** The content to visually hide. */
+    children?: ReactNode;
+    className?: string;
+    /**
+     * The element type for the container. Defaults to 'div'
+     */
+    elementType?: string | JSXElementConstructor<any>;
+}
 
 export { }