@telefonica/mistica 14.45.0 → 14.46.0

package/dist/icon-button.d.ts

@@ -59,29 +59,760 @@ type DeprecatedProps = BaseDeprecatedProps & ExclusifyUnion<HrefProps | ToProps
  *
  */
 export declare const RawDeprecatedIconButton: React.ForwardRefExoticComponent<DeprecatedProps & React.RefAttributes<TouchableElement>>;
+export type IconButtonType = 'neutral' | 'brand' | 'danger';
+export type IconButtonBackgroundType = 'transparent' | 'solid' | 'soft';
+type AriaProps = ExclusifyUnion<{
+    'aria-label': string;
+} | {
+    'aria-labelledby': string;
+}>;
 interface BaseProps {
     children?: undefined;
-    Icon: React.FC<IconProps>;
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
     dataAttributes?: DataAttributes;
     disabled?: boolean;
     showSpinner?: boolean;
-    'aria-label'?: string;
     small?: boolean;
-    type?: 'neutral' | 'brand' | 'danger';
-    backgroundType?: 'transparent' | 'solid' | 'soft';
     bleedLeft?: boolean;
     bleedRight?: boolean;
     bleedY?: boolean;
 }
-type Props = BaseProps & ExclusifyUnion<HrefProps | ToProps | OnPressProps | MaybeProps>;
-export declare const RawIconButton: React.ForwardRefExoticComponent<(Props & {
+interface IconButtonBaseProps {
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType;
+    backgroundType?: IconButtonBackgroundType;
+}
+interface InternalIconButtonBaseProps {
+    isOverMedia?: boolean;
+    hasInteractiveAreaBleed?: boolean;
+    hasOverlay?: boolean;
+}
+export type IconButtonProps = BaseProps & IconButtonBaseProps & ExclusifyUnion<HrefProps | ToProps | OnPressProps | MaybeProps> & AriaProps;
+export declare const RawIconButton: React.ForwardRefExoticComponent<(IconButtonProps & InternalIconButtonBaseProps) & React.RefAttributes<TouchableElement>>;
+export declare const InternalIconButton: React.ForwardRefExoticComponent<({
+    children?: React.ReactNode;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | undefined;
+    iconSize?: number | undefined;
+    backgroundColor?: string | undefined;
+    size?: string | number | undefined;
+    style?: React.CSSProperties | undefined;
+    'aria-live'?: "polite" | "off" | "assertive" | undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    newTab?: boolean | undefined;
+    'aria-label'?: string | undefined;
+    href: string;
+    replace?: undefined;
+    to?: undefined;
+    onPress?: undefined;
+    fullPageOnWebView?: undefined;
+    small?: undefined;
+    type?: undefined;
+    "aria-labelledby"?: undefined;
+    backgroundType?: undefined;
+    isOverMedia?: undefined;
+    hasOverlay?: undefined;
+    Icon?: undefined;
+    bleedLeft?: undefined;
+    bleedRight?: undefined;
+    bleedY?: undefined;
+    hasInteractiveAreaBleed?: undefined;
+    showSpinner?: undefined;
+} | {
+    children?: React.ReactNode;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | undefined;
+    iconSize?: number | undefined;
+    backgroundColor?: string | undefined;
+    size?: string | number | undefined;
+    style?: React.CSSProperties | undefined;
+    'aria-live'?: "polite" | "off" | "assertive" | undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    newTab?: undefined;
+    'aria-label'?: string | undefined;
+    to: string;
+    fullPageOnWebView?: boolean | undefined;
+    replace?: boolean | undefined;
+    href?: undefined;
+    onPress?: undefined;
+    small?: undefined;
+    type?: undefined;
+    "aria-labelledby"?: undefined;
+    backgroundType?: undefined;
+    isOverMedia?: undefined;
+    hasOverlay?: undefined;
+    Icon?: undefined;
+    bleedLeft?: undefined;
+    bleedRight?: undefined;
+    bleedY?: undefined;
+    hasInteractiveAreaBleed?: undefined;
+    showSpinner?: undefined;
+} | {
+    children?: React.ReactNode;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | undefined;
+    iconSize?: number | undefined;
+    backgroundColor?: string | undefined;
+    size?: string | number | undefined;
+    style?: React.CSSProperties | undefined;
+    'aria-live'?: "polite" | "off" | "assertive" | undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    newTab?: undefined;
+    'aria-label'?: string | undefined;
+    onPress: (event: React.MouseEvent<HTMLElement>) => void | undefined | Promise<void>;
+    replace?: undefined;
+    to?: undefined;
+    href?: undefined;
+    fullPageOnWebView?: undefined;
+    small?: undefined;
+    type?: undefined;
+    "aria-labelledby"?: undefined;
+    backgroundType?: undefined;
+    isOverMedia?: undefined;
+    hasOverlay?: undefined;
+    Icon?: undefined;
+    bleedLeft?: undefined;
+    bleedRight?: undefined;
+    bleedY?: undefined;
+    hasInteractiveAreaBleed?: undefined;
+    showSpinner?: undefined;
+} | {
+    children?: React.ReactNode;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | undefined;
+    iconSize?: number | undefined;
+    backgroundColor?: string | undefined;
+    size?: string | number | undefined;
+    style?: React.CSSProperties | undefined;
+    'aria-live'?: "polite" | "off" | "assertive" | undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    newTab?: undefined;
+    'aria-label'?: string | undefined;
+    onPress?: undefined;
+    href?: undefined;
+    to?: undefined;
+    replace?: undefined;
+    fullPageOnWebView?: undefined;
+    small?: undefined;
+    type?: undefined;
+    "aria-labelledby"?: undefined;
+    backgroundType?: undefined;
+    isOverMedia?: undefined;
+    hasOverlay?: undefined;
+    Icon?: undefined;
+    bleedLeft?: undefined;
+    bleedRight?: undefined;
+    bleedY?: undefined;
+    hasInteractiveAreaBleed?: undefined;
+    showSpinner?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    href: string;
+    newTab?: boolean | undefined;
+    replace?: undefined;
+    to?: undefined;
+    onPress?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
     isOverMedia?: boolean | undefined;
-}) & React.RefAttributes<TouchableElement>>;
-type IconButtonProps = ExclusifyUnion<DeprecatedProps | Props>;
-export declare const InternalIconButton: React.ForwardRefExoticComponent<(IconButtonProps & {
+    hasInteractiveAreaBleed?: boolean | undefined;
+    hasOverlay?: boolean | undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    href: string;
+    newTab?: boolean | undefined;
+    replace?: undefined;
+    to?: undefined;
+    onPress?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-labelledby': string;
+    "aria-label"?: undefined;
     isOverMedia?: boolean | undefined;
+    hasInteractiveAreaBleed?: boolean | undefined;
+    hasOverlay?: boolean | undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    to: string;
+    fullPageOnWebView?: boolean | undefined;
+    replace?: boolean | undefined;
+    href?: undefined;
+    newTab?: undefined;
+    onPress?: undefined;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
+    isOverMedia?: boolean | undefined;
+    hasInteractiveAreaBleed?: boolean | undefined;
+    hasOverlay?: boolean | undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    to: string;
+    fullPageOnWebView?: boolean | undefined;
+    replace?: boolean | undefined;
+    href?: undefined;
+    newTab?: undefined;
+    onPress?: undefined;
+    'aria-labelledby': string;
+    "aria-label"?: undefined;
+    isOverMedia?: boolean | undefined;
+    hasInteractiveAreaBleed?: boolean | undefined;
+    hasOverlay?: boolean | undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    onPress: (event: React.MouseEvent<HTMLElement>) => void | undefined | Promise<void>;
+    replace?: undefined;
+    to?: undefined;
+    href?: undefined;
+    newTab?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
+    isOverMedia?: boolean | undefined;
+    hasInteractiveAreaBleed?: boolean | undefined;
+    hasOverlay?: boolean | undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    onPress: (event: React.MouseEvent<HTMLElement>) => void | undefined | Promise<void>;
+    replace?: undefined;
+    to?: undefined;
+    href?: undefined;
+    newTab?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-labelledby': string;
+    "aria-label"?: undefined;
+    isOverMedia?: boolean | undefined;
+    hasInteractiveAreaBleed?: boolean | undefined;
+    hasOverlay?: boolean | undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    onPress?: undefined;
+    href?: undefined;
+    to?: undefined;
+    replace?: undefined;
+    newTab?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
+    isOverMedia?: boolean | undefined;
+    hasInteractiveAreaBleed?: boolean | undefined;
+    hasOverlay?: boolean | undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    onPress?: undefined;
+    href?: undefined;
+    to?: undefined;
+    replace?: undefined;
+    newTab?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-labelledby': string;
+    "aria-label"?: undefined;
+    isOverMedia?: boolean | undefined;
+    hasInteractiveAreaBleed?: boolean | undefined;
+    hasOverlay?: boolean | undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
 }) & React.RefAttributes<TouchableElement>>;
-export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<TouchableElement>>;
-export declare const BaseIconButton: (props: IconButtonProps) => JSX.Element;
-export default IconButton;
+export declare const IconButton: React.ForwardRefExoticComponent<({
+    children?: React.ReactNode;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | undefined;
+    iconSize?: number | undefined;
+    backgroundColor?: string | undefined;
+    size?: string | number | undefined;
+    style?: React.CSSProperties | undefined;
+    'aria-live'?: "polite" | "off" | "assertive" | undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    newTab?: boolean | undefined;
+    'aria-label'?: string | undefined;
+    href: string;
+    replace?: undefined;
+    to?: undefined;
+    onPress?: undefined;
+    fullPageOnWebView?: undefined;
+    small?: undefined;
+    type?: undefined;
+    "aria-labelledby"?: undefined;
+    backgroundType?: undefined;
+    Icon?: undefined;
+    bleedLeft?: undefined;
+    bleedRight?: undefined;
+    bleedY?: undefined;
+    showSpinner?: undefined;
+} | {
+    children?: React.ReactNode;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | undefined;
+    iconSize?: number | undefined;
+    backgroundColor?: string | undefined;
+    size?: string | number | undefined;
+    style?: React.CSSProperties | undefined;
+    'aria-live'?: "polite" | "off" | "assertive" | undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    newTab?: undefined;
+    'aria-label'?: string | undefined;
+    to: string;
+    fullPageOnWebView?: boolean | undefined;
+    replace?: boolean | undefined;
+    href?: undefined;
+    onPress?: undefined;
+    small?: undefined;
+    type?: undefined;
+    "aria-labelledby"?: undefined;
+    backgroundType?: undefined;
+    Icon?: undefined;
+    bleedLeft?: undefined;
+    bleedRight?: undefined;
+    bleedY?: undefined;
+    showSpinner?: undefined;
+} | {
+    children?: React.ReactNode;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | undefined;
+    iconSize?: number | undefined;
+    backgroundColor?: string | undefined;
+    size?: string | number | undefined;
+    style?: React.CSSProperties | undefined;
+    'aria-live'?: "polite" | "off" | "assertive" | undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    newTab?: undefined;
+    'aria-label'?: string | undefined;
+    onPress: (event: React.MouseEvent<HTMLElement>) => void | undefined | Promise<void>;
+    replace?: undefined;
+    to?: undefined;
+    href?: undefined;
+    fullPageOnWebView?: undefined;
+    small?: undefined;
+    type?: undefined;
+    "aria-labelledby"?: undefined;
+    backgroundType?: undefined;
+    Icon?: undefined;
+    bleedLeft?: undefined;
+    bleedRight?: undefined;
+    bleedY?: undefined;
+    showSpinner?: undefined;
+} | {
+    children?: React.ReactNode;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    icon?: string | undefined;
+    iconSize?: number | undefined;
+    backgroundColor?: string | undefined;
+    size?: string | number | undefined;
+    style?: React.CSSProperties | undefined;
+    'aria-live'?: "polite" | "off" | "assertive" | undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    newTab?: undefined;
+    'aria-label'?: string | undefined;
+    onPress?: undefined;
+    href?: undefined;
+    to?: undefined;
+    replace?: undefined;
+    fullPageOnWebView?: undefined;
+    small?: undefined;
+    type?: undefined;
+    "aria-labelledby"?: undefined;
+    backgroundType?: undefined;
+    Icon?: undefined;
+    bleedLeft?: undefined;
+    bleedRight?: undefined;
+    bleedY?: undefined;
+    showSpinner?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    href: string;
+    newTab?: boolean | undefined;
+    replace?: undefined;
+    to?: undefined;
+    onPress?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    href: string;
+    newTab?: boolean | undefined;
+    replace?: undefined;
+    to?: undefined;
+    onPress?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-labelledby': string;
+    "aria-label"?: undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    to: string;
+    fullPageOnWebView?: boolean | undefined;
+    replace?: boolean | undefined;
+    href?: undefined;
+    newTab?: undefined;
+    onPress?: undefined;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    to: string;
+    fullPageOnWebView?: boolean | undefined;
+    replace?: boolean | undefined;
+    href?: undefined;
+    newTab?: undefined;
+    onPress?: undefined;
+    'aria-labelledby': string;
+    "aria-label"?: undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    onPress: (event: React.MouseEvent<HTMLElement>) => void | undefined | Promise<void>;
+    replace?: undefined;
+    to?: undefined;
+    href?: undefined;
+    newTab?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    onPress: (event: React.MouseEvent<HTMLElement>) => void | undefined | Promise<void>;
+    replace?: undefined;
+    to?: undefined;
+    href?: undefined;
+    newTab?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-labelledby': string;
+    "aria-label"?: undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    onPress?: undefined;
+    href?: undefined;
+    to?: undefined;
+    replace?: undefined;
+    newTab?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+} | {
+    children?: undefined;
+    trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
+    dataAttributes?: DataAttributes | undefined;
+    disabled?: boolean | undefined;
+    showSpinner?: boolean | undefined;
+    small?: boolean | undefined;
+    bleedLeft?: boolean | undefined;
+    bleedRight?: boolean | undefined;
+    bleedY?: boolean | undefined;
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType | undefined;
+    backgroundType?: IconButtonBackgroundType | undefined;
+    onPress?: undefined;
+    href?: undefined;
+    to?: undefined;
+    replace?: undefined;
+    newTab?: undefined;
+    fullPageOnWebView?: undefined;
+    'aria-labelledby': string;
+    "aria-label"?: undefined;
+    backgroundColor?: undefined;
+    size?: undefined;
+    style?: undefined;
+    icon?: undefined;
+    className?: undefined;
+    "aria-live"?: undefined;
+    iconSize?: undefined;
+}) & React.RefAttributes<TouchableElement>>;
+export declare const BaseIconButton: (props: ExclusifyUnion<DeprecatedProps | IconButtonProps>) => JSX.Element;
+type ToggleStateProps = {
+    Icon: React.FC<IconProps>;
+    type?: IconButtonType;
+    backgroundType?: IconButtonBackgroundType;
+} & AriaProps;
+interface BaseToggleProps {
+    checkedProps: ToggleStateProps;
+    uncheckedProps: ToggleStateProps;
+    onChange?: (checked: boolean) => void | undefined | Promise<void>;
+    checked?: boolean;
+    defaultChecked?: boolean;
+}
+export type ToggleIconButtonProps = BaseProps & BaseToggleProps;
+export declare const InternalToggleIconButton: React.ForwardRefExoticComponent<BaseProps & BaseToggleProps & InternalIconButtonBaseProps & React.RefAttributes<TouchableElement>>;
+export declare const ToggleIconButton: React.ForwardRefExoticComponent<BaseProps & BaseToggleProps & React.RefAttributes<TouchableElement>>;
+export {};