/// <reference types="react" />
import * as react_native_types from 'react-native/types';
import * as react from 'react';
import react__default, { ReactNode, ReactElement, CSSProperties, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, ReactChild, KeyboardEvent, ComponentProps } from 'react';
import * as react_native from 'react-native';
import { View, ViewStyle, AccessibilityRole, GestureResponderEvent, TouchableOpacity, ImageSourcePropType, PressableProps } from 'react-native';
import { CSSObject } from 'styled-components';
import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
import { CurrencyCodeType } from '@razorpay/i18nify-js/currency';
import { AnimationControls, TargetAndTransition, Tween } from 'framer-motion';
import { ReferenceLineProps, XAxisProps, YAxisProps, Tooltip as Tooltip$1, Legend, CartesianGridProps, LineProps, AreaProps, PieProps, CellProps, BarProps } from 'recharts';
import { Props } from 'recharts/types/component/Label';
import { DateValue, DatesRangeValue, DatePickerProps as DatePickerProps$1, DayOfWeek } from '@mantine/dates';
export { DateValue, DatesRangeValue } from '@mantine/dates';
import { Placement, OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
import { CountryCodeType } from '@razorpay/i18nify-js';
import { Toast } from 'react-hot-toast';

type BorderRadius = Readonly<{
    /** none: 0(px/rem/pt) */
    none: 0;
    /** 2xsmall: 2(px/rem/pt) */
    '2xsmall': 2;
    /** xsmall: 4(px/rem/pt) */
    xsmall: 4;
    /** small: 8(px/rem/pt) */
    small: 8;
    /** medium: 12(px/rem/pt) */
    medium: 12;
    /** large: 16(px/rem/pt) */
    large: 16;
    /** xlarge: 20(px/rem/pt) */
    xlarge: 20;
    /** 2xlarge: 24(px/rem/pt) */
    '2xlarge': 24;
    /** max: 9999(px/rem/pt). This will round the left and right side of the box element */
    max: 9999;
    /** round: 50%(pt). This will turn the box element into a circle */
    round: '50%';
}>;
type BorderWidth = Readonly<{
    /** none: 0(px/rem/pt) */
    none: 0;
    /** thinner: 0.5(px/rem/pt) */
    thinner: 0.5;
    /** thin: 1(px/rem/pt) */
    thin: 1;
    /** thick: 1.5(px/rem/pt) */
    thick: 1.5;
    /** thicker: 2(px/rem/pt) */
    thicker: 2;
}>;
type Border = Readonly<{
    radius: BorderRadius;
    width: BorderWidth;
}>;

type BackdropBlur = Readonly<{
    /** low: 4px - Subtle background blur effect */
    low: 4;
    /** medium: 8px - Moderate background blur effect */
    medium: 8;
    /** high: 12px - Strong background blur effect */
    high: 12;
}>;

type Breakpoints = Readonly<{
    /**
     * `base` is used for responsive styling following a **mobile first** approach. It starts from 0px till the next existing token
     *
     * Think of this as styles without any media query.
     *
     * ### Example
     *
     * This code will set margin as `spacing.2` on "m" size screens and above. And as `spacing.1` on less than "m" size screens
     * ```jsx
     * <Box margin={{ base: 'spacing.1', m: 'spacing.2' }} />
     * ```
     *
     * This roughly translates into -
     *
     * ```
     * .Box {
     *  margin: 'spacing.1';
     * }
     *
     * ＠media screen and (min-width: 768px) {
     *  .Box {
     *    margin: 'spacing.2';
     *  }
     * }
     * ```
     */
    base: number;
    /**
     * `@media screen and (min-width: 320px)`
     *
     * Small Mobiles
     */
    xs: number;
    /**
     * `@media screen and (min-width: 480px)`
     *
     * Mobiles and Small Tablets
     */
    s: number;
    /**
     * `@media screen and (min-width: 768px)`
     *
     * Medium and Large Tablets.
     *
     * Dimensions with `m` and above can be treated as desktop in mobile-first approach (with min-width).
     * Hence this breakpoint can be used for desktop styling.
     *
     * E.g. next example will keep flexDirection `row` on mobiles and `column` on large tablets, desktop, and larger screens
     *
     * ```jsx
     * <Box display="flex" flexDirection={{ base: 'row', m: 'column' }} />
     * ```
     *
     */
    m: number;
    /**
     * `@media screen and (min-width: 1024px)`
     *
     * Desktop
     */
    l: number;
    /**
     * `@media screen and (min-width: 1200px)`
     *
     * HD Desktop
     */
    xl: number;
}>;

type ColorChromaticScale = Readonly<{
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
    1000: string;
    a50: string;
    a100: string;
    a150: string;
    a200: string;
    a400: string;
    a500?: string;
    a600?: string;
    a700?: string;
}>;
type ColorNeutralGrayScale = Readonly<{
    0: string;
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
    1000: string;
    1100: string;
    1200: string;
    1300: string;
    a25: string;
    a50: string;
    a75: string;
    a100: string;
    a200: string;
    a400: string;
    a500?: string;
    a600?: string;
    a700?: string;
}>;

type FontFamily = {
    /** Used for all type of textual content except code snippets, and headings */
    text: string;
    /** Used for code snippets  */
    code: string;
    /** Used for headings */
    heading: string;
};

type FontWeight = {
    regular: 400;
    medium: 500;
    semibold: 600;
    bold: 700;
};
/**
 * For font size and line-heights we can’t say from xl to 2xl the value will necessary increase.
 * it might decrease or remain same because these are alias tokens and we need aliases for cross platform.
 * so for example xl on mobile can be 32px and on desktop xl can be 34px,
 * similarly 2xl on mobile can be 34px but on desktop doesn’t necessarily mean 2xl will be more than xl(34px) it can be 32 as well since visually they make better hierarchy.
 */
type FontSize = {
    /** desktop: 10(px/rem/pt)
     *
     * mobile: 10(px/rem/pt)
     */
    25: number;
    /** desktop: 11(px/rem/pt)
     *
     * mobile: 11(px/rem/pt)
     */
    50: number;
    /** desktop: 12(px/rem/pt)
     *
     * mobile: 12(px/rem/pt)
     */
    75: number;
    /** desktop: 14(px/rem/pt)
     *
     * mobile: 14(px/rem/pt)
     */
    100: number;
    /** desktop: 16(px/rem/pt)
     *
     * mobile: 16(px/rem/pt)
     */
    200: number;
    /** desktop: 18(px/rem/pt)
     *
     * mobile: 16(px/rem/pt)
     */
    300: number;
    /** desktop: 20(px/rem/pt)
     *
     * mobile: 18(px/rem/pt)
     */
    400: number;
    /** desktop: 24(px/rem/pt)
     *
     * mobile: 20(px/rem/pt)
     */
    500: number;
    /** desktop: 32(px/rem/pt)
     *
     * mobile: 24(px/rem/pt)
     */
    600: number;
    /** desktop: 40(px/rem/pt)
     *
     * mobile: 32(px/rem/pt)
     */
    700: number;
    /** desktop: 48(px/rem/pt)
     *
     * mobile: 34(px/rem/pt)
     */
    800: number;
    /** desktop: 56(px/rem/pt)
     *
     * mobile: 36(px/rem/pt)
     */
    900: number;
    /** desktop: 64(px/rem/pt)
     *
     * mobile: 38(px/rem/pt)
     */
    1000: number;
    /** desktop: 72(px/rem/pt)
     *
     * mobile: 40(px/rem/pt)
     */
    1100: number;
};
type Typography = {
    fonts: {
        family: FontFamily;
        size: FontSize;
        weight: FontWeight;
    };
    lineHeights: {
        /** desktop: 0(px/rem/pt)
         *
         * mobile: 0(px/rem/pt)
         */
        0: number;
        /** desktop: 13(px/rem/pt)
         *
         * mobile: 13(px/rem/pt)
         */
        25: number;
        /** desktop: 16(px/rem/pt)
         *
         * mobile: 16(px/rem/pt)
         */
        50: number;
        /** desktop: 17(px/rem/pt)
         *
         * mobile: 17(px/rem/pt)
         */
        75: number;
        /** desktop: 20(px/rem/pt)
         *
         * mobile: 20(px/rem/pt)
         */
        100: number;
        /** desktop: 24(px/rem/pt)
         *
         * mobile: 24(px/rem/pt)
         */
        200: number;
        /** desktop: 24(px/rem/pt)
         *
         * mobile: 22(px/rem/pt)
         */
        300: number;
        /** desktop: 26(px/rem/pt)
         *
         * mobile: 24(px/rem/pt)
         */
        400: number;
        /** desktop: 32(px/rem/pt)
         *
         * mobile: 26(px/rem/pt)
         */
        500: number;
        /** desktop: 38(px/rem/pt)
         *
         * mobile: 32(px/rem/pt)
         */
        600: number;
        /** desktop: 46(px/rem/pt)
         *
         * mobile: 38(px/rem/pt)
         */
        700: number;
        /** desktop: 56(px/rem/pt)
         *
         * mobile: 40(px/rem/pt)
         */
        800: number;
        /** desktop: 64(px/rem/pt)
         *
         * mobile: 42(px/rem/pt)
         */
        900: number;
        /** desktop: 70(px/rem/pt)
         *
         * mobile: 46(px/rem/pt)
         */
        1000: number;
        /** desktop: 78(px/rem/pt)
         *
         * mobile: 48(px/rem/pt)
         */
        1100: number;
    };
    letterSpacings: {
        /** -3.3% */
        25: number;
        /** -1.3% */
        50: number;
        /** 0% */
        100: number;
    };
};
type TypographyPlatforms = 'onDesktop' | 'onMobile';
type TypographyWithPlatforms = Record<TypographyPlatforms, Typography>;

/**
 * When any of the values are changed here, do change the jsdoc comments in BaseBox/types/spacingTypes.ts as well
 *
 * {@link ../../components/Box/BaseBox/types/spacingTypes.ts}
 */
type Spacing = Readonly<{
    /** 0: 0(px/rem/pt) */
    0: 0;
    /** 1: 2(px/rem/pt) */
    1: 2;
    /** 2: 4(px/rem/pt) */
    2: 4;
    /** 3: 8(px/rem/pt) */
    3: 8;
    /** 4: 12(px/rem/pt) */
    4: 12;
    /** 5: 16(px/rem/pt) */
    5: 16;
    /** 6: 20(px/rem/pt) */
    6: 20;
    /** 7: 24(px/rem/pt) */
    7: 24;
    /** 8: 32(px/rem/pt) */
    8: 32;
    /** 9: 40(px/rem/pt) */
    9: 40;
    /** 10: 48(px/rem/pt) */
    10: 48;
    /** 11: 56(px/rem/pt) */
    11: 56;
}>;

type DotNotationSpacingStringToken = `spacing.${keyof Spacing}`;
/**
 * Use this when you want children to be string.
 *
 * This covers scenarios like
 * ```jsx
 * <Heading>Hi</Heading>
 * <Heading>{dynamicVariable} something</Heading>
 * ```
 *
 *
 * ### Usage
 *
 * ```ts
 * import type { StringChildrenType } from '~helpers/types';
 *
 * type MyProps = {
 *  children: StringChildrenType;
 * }
 * ```
 */
type StringChildrenType = react__default.ReactText | react__default.ReactText[];
/**
 *
 * When combined with union, this type utility will give you autocomplete of union while still supporting any string value as input
 *
 * ### Usage
 *
 * ```ts
 * type ThemeName = 'themeOne' | 'themeTwo' | StringWithAutocomplete;
 * ```
 *
 * This will show themeOne and themeTwo in autocomplete but also allow any other string as value.
 *
 * More details - https://github.com/razorpay/blade/pull/1031/commits/86b6ee0facf45e7556739efcbfa5396b11b1b3c9#r1121298293
 * Related TS Issue - https://github.com/microsoft/TypeScript/issues/29729
 *
 */
type StringWithAutocomplete = string & Record<never, never>;
type TestID = {
    /**
     * Test id that can be used to select element in testing environments
     *
     * Checkout https://testing-library.com/docs/queries/bytestid/
     */
    testID?: string;
};
type ElementTiming = {
    /**
     * Element timing that can be used to track the performance of the component
     *
     * Checkout https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/elementtiming
     */
    elementtiming?: string;
};
/**
 * Similar to `Pick` except this returns `never` when value doesn't exist (native `Pick` returns `unknown`).
 *
 * You might have to ts-ignore the non-existing type error while using this. This is done so that you can get jsdoc from actual type.
 *
 * E.g. This will pick from ViewStyle prop if value exists else returns undefined.
 *
 * ```ts
 * // @ts-expect-error: T passed here may not neccessarily exist. We return `never` type when it doesn't
 * native: PickIfExist<ViewStyle, T>;
 * ```
 */
type PickIfExist<T, K extends keyof T> = {
    [P in K]: P extends keyof T ? T[P] : never;
};
/**
 * Picks the types based on the platform (web / native).
 *
 * E.g.
 * ```ts
 * type CSSObject = PickCSSByPlatform<'display'>
 * // On Web --> This will be all possible web display properties like `block`, `flex`, `inline`, and more.
 * // On Native --> This will be just `flex` and `none`
 * ```
 */
type PickCSSByPlatform<T extends keyof react__default.CSSProperties | keyof ViewStyle> = Platform.Select<{
    web: PickIfExist<CSSObject, T>;
    native: PickIfExist<ViewStyle, T>;
}>;
type BladeElementRef = Platform.Select<{
    web: HTMLElement;
    native: View;
}>;
type ContainerElementType = Platform.Select<{
    web: HTMLDivElement;
    native: View;
}>;
/**
 * This type is used to add data-analytics attributes to components.
 * This is used to track user interactions on the components.
 * The key is always `data-analytics-` followed by the attribute name.
 * eg: `data-analytics-action="click"`
 * eg: `data-analytics-section="header"`
 */
type DataAnalyticsAttribute = {
    [key: DataAnalyticsKey]: string;
};

type ColorSchemeNames = 'dark' | 'light';
type ColorSchemeNamesInput = ColorSchemeNames | 'system';
type ColorSchemeModes = 'onDark' | 'onLight';
type FeedbackColors = 'information' | 'negative' | 'neutral' | 'notice' | 'positive';
type Emphasis = {
    subtle: string;
    moderate: string;
    intense: string;
    normal: string;
    muted: string;
    disabled: string;
};
type DataCategoricalEmphasis = Pick<Emphasis, 'subtle' | 'moderate' | 'intense'> & {
    faint: string;
    strong: string;
};
type DataSequentialEmphasis = Omit<ColorChromaticScale, 'a50' | 'a150' | 'a100' | 'a200' | 'a400' | 'a500' | 'a600' | 'a700'>;
type DataColorCategories = 'blue' | 'green' | 'red' | 'orange' | 'skyBlue' | 'purple' | 'pink' | 'gold' | 'gray';
type SubtleOrIntenseEmphasis = Pick<Emphasis, 'subtle' | 'intense'>;
type SubtleOrIntense = keyof SubtleOrIntenseEmphasis;
type InteractiveStates = {
    default: string;
    highlighted: string;
    disabled: string;
    faded: string;
};
type InteractiveStatesWithFadedHighlighted = InteractiveStates & {
    fadedHighlighted: string;
};
type InteractiveBackgroundStatesWithGhost = InteractiveStatesWithFadedHighlighted & {
    ghost: string;
};
type InteractiveBackgroundColorsWithGhost = 'gray' | 'staticBlack' | 'staticWhite';
type InteractiveBorderColorsWithFadedHighlighted = 'staticBlack' | 'staticWhite';
type OnEmphasis = {
    onSubtle: string;
    onIntense: string;
};
type ColorCategories = {
    staticBlack: Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>;
    staticWhite: Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>;
    gray: Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>;
    onSea: Pick<OnEmphasis, 'onSubtle' | 'onIntense'>;
    onCloud: Pick<OnEmphasis, 'onSubtle' | 'onIntense'>;
    primary: Pick<Emphasis, 'normal'>;
};
type InteractiveColorKeys = FeedbackColors | Exclude<keyof ColorCategories, 'onSea' | 'onCloud'>;
/**
 * @deprecated
 * Use popup.[background|border].[color] instead
 */
type PopupDeprecatedTokens = {
    /**
     * @deprecated
     *
     * Use popup.[background|border].[color].subtle instead
     */
    subtle: string;
    /**
     * @deprecated
     * Use popup.[background|border].[color].intense instead
     */
    intense: string;
};
type Colors = {
    interactive: {
        background: Record<Exclude<InteractiveColorKeys, InteractiveBackgroundColorsWithGhost>, InteractiveStatesWithFadedHighlighted> & Record<InteractiveBackgroundColorsWithGhost, InteractiveBackgroundStatesWithGhost>;
        border: Record<Exclude<InteractiveColorKeys, InteractiveBorderColorsWithFadedHighlighted>, InteractiveStates> & Record<InteractiveBorderColorsWithFadedHighlighted, InteractiveStatesWithFadedHighlighted>;
        text: Record<InteractiveColorKeys | 'onPrimary', Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>>;
        icon: Record<InteractiveColorKeys | 'onPrimary', Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>>;
    };
    feedback: {
        background: Record<FeedbackColors, SubtleOrIntenseEmphasis>;
        border: Record<FeedbackColors, SubtleOrIntenseEmphasis>;
        text: Record<FeedbackColors, SubtleOrIntenseEmphasis>;
        icon: Record<FeedbackColors, SubtleOrIntenseEmphasis>;
    };
    surface: {
        background: {
            gray: Pick<Emphasis, 'subtle' | 'moderate' | 'intense'>;
            primary: SubtleOrIntenseEmphasis;
            sea: SubtleOrIntenseEmphasis;
            cloud: SubtleOrIntenseEmphasis;
        };
        border: {
            gray: Pick<Emphasis, 'normal' | 'subtle' | 'muted'>;
            primary: Pick<Emphasis, 'normal' | 'muted'>;
        };
        text: ColorCategories;
        icon: ColorCategories;
    };
    overlay: {
        background: Pick<Emphasis, 'moderate' | 'subtle'>;
    };
    popup: {
        background: Record<FeedbackColors, Pick<Emphasis, 'moderate'>> & {
            gray: Pick<Emphasis, 'subtle' | 'moderate' | 'intense'>;
        } & PopupDeprecatedTokens;
        border: Record<FeedbackColors, Pick<Emphasis, 'moderate'>> & {
            gray: Pick<Emphasis, 'subtle' | 'moderate' | 'intense'>;
        } & PopupDeprecatedTokens;
    };
    transparent: string;
    data: {
        background: {
            categorical: Record<DataColorCategories, DataCategoricalEmphasis>;
            sequential: Record<DataColorCategories, DataSequentialEmphasis | ColorNeutralGrayScale>;
        };
    };
};
type ColorsWithModes = Record<ColorSchemeModes, Colors>;
type ThemeTokens = {
    name: 'bladeTheme' | StringWithAutocomplete;
    border: Border;
    backdropBlur: BackdropBlur;
    breakpoints: Breakpoints;
    colors: ColorsWithModes;
    motion: Motion;
    elevation: ElevationWithColorModes;
    spacing: Spacing;
    typography: TypographyWithPlatforms;
};

type UseColorScheme = {
    colorScheme: ColorSchemeNames;
    setColorScheme: (colorScheme: ColorSchemeNamesInput) => void;
};

/**
 * Brands a type making them act as nominal
 * @see https://medium.com/@KevinBGreene/surviving-the-typescript-ecosystem-branding-and-type-tagging-6cf6e516523d
 */
type Brand<Type, Name extends string> = Type & {
    __brand__?: Name;
};
type NativeOrWebBrand = Brand<any, 'native' | 'web'>;

declare namespace Platform {
    type Name = 'native';
    /**
     * Right now, the module resolution is set to resolve `.native` files,
     *
     * Thus Platform.Select<> type will return the `native` type
     */
    type Select<Options extends {
        web: unknown;
        native: unknown;
    }> = Brand<Options[Name], 'platform-native'>;
    type CastNative<T extends NativeOrWebBrand | undefined> = Extract<T, {
        __brand__?: 'platform-native' | 'platform-all';
    }>;
    type CastWeb<T extends NativeOrWebBrand | undefined> = Extract<T, {
        __brand__?: 'platform-web' | 'platform-all';
    }>;
}

type BladeProviderProps = {
    themeTokens: ThemeTokens;
    colorScheme?: ColorSchemeNamesInput;
    children: ReactNode;
};

declare const BladeProvider: ({ themeTokens, colorScheme: initialColorScheme, children, }: BladeProviderProps) => ReactElement;

type ThemeContext = UseColorScheme & {
    theme: Theme;
    platform: TypographyPlatforms;
};
declare const ThemeContext: react.Context<ThemeContext>;
declare const useTheme: () => ThemeContext;

type Theme = {
    name: ThemeTokens['name'];
    border: Border;
    breakpoints: Breakpoints;
    colors: Colors;
    spacing: Spacing;
    motion: Motion;
    elevation: Elevation;
    typography: Typography;
    backdropBlur: BackdropBlur;
};

type Duration = {
    /** `80` milliseconds */
    '2xquick': 80;
    /** `160` milliseconds */
    xquick: 160;
    /** `200` milliseconds */
    quick: 200;
    /** `280` milliseconds */
    moderate: 280;
    /** `360` milliseconds */
    xmoderate: 360;
    /** `480` milliseconds */
    gentle: 480;
    /** `640` milliseconds */
    xgentle: 640;
    /** `960` milliseconds */
    '2xgentle': 960;
};
type Delay = {
    /** `80` milliseconds */
    '2xquick': 80;
    /** `160` milliseconds */
    xquick: 160;
    /** `280` milliseconds */
    moderate: 280;
    /** `480` milliseconds */
    gentle: 480;
    /** `960` milliseconds */
    xgentle: 960;
    /** `2000` milliseconds */
    long: 2000;
    /** `3000` milliseconds */
    xlong: 3000;
    /** `5000` milliseconds */
    '2xlong': 5000;
};
type EasingFactoryFn = {
    factory: () => (value: number) => number;
};
type EasingType<Value extends string> = Platform.Select<{
    web: Value;
    native: EasingFactoryFn;
}>;
type Easing = {
    /**
     * Linear Easing
     *
     * Use Case: Marquee, Progress Bar, etc
     *
     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
     */
    linear: EasingType<'cubic-bezier(0, 0, 0, 0)'>;
    /**
     * Entrance Animation Easing
     *
     * Use Case: Entry of modals, drawer, dropdown, etc
     *
     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
     */
    entrance: EasingType<'cubic-bezier(0, 0, 0.2, 1)'>;
    /**
     * Exit Animation Easing
     *
     * Use Case: Exit of modals, drawer, dropdown, etc
     *
     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
     */
    exit: EasingType<'cubic-bezier(0.17, 0, 1, 1)'>;
    /**
     * Standard Easing
     *
     * Use Case: Morph
     *
     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
     */
    standard: EasingType<'cubic-bezier(0.3, 0, 0.2, 1)'>;
    /**
     * Emphasized Easing
     *
     * Use Case: Hover states of interactive items
     *
     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
     */
    emphasized: EasingType<'cubic-bezier(0.5, 0, 0, 1)'>;
    /**
     * Overshoot Easing
     *
     * Use Case: Toast notifications
     *
     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
     */
    overshoot: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
    /**
     * Error Easing
     *
     * Use Case: Error States
     *
     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
     */
    shake: EasingType<'cubic-bezier(1, 0.5, 0, 0.5)'>;
};
type Motion = Readonly<{
    delay: Delay;
    duration: Duration;
    easing: Easing;
}>;

type ElevationLevels = 'none' | 'lowRaised' | 'midRaised' | 'highRaised';
type ElevationStyles = Readonly<{
    elevation: number;
    shadowColor: string;
    shadowOpacity: number;
    shadowRadius: number;
    shadowOffset: {
        /**
         * x-axis
         */
        width: number;
        /**
         * y-axis
         */
        height: number;
    };
}>;
type Elevation = Record<ElevationLevels, Platform.Select<{
    web: string;
    native: ElevationStyles;
}>>;
type ElevationWithColorModes = Record<ColorSchemeModes, Elevation>;

/**
 * Returns the value or the responsive object with that value
 *
 * ## Usage
 *
 * Example if you pass string argument, return type will be string or responsive object with string value
 *
 * `MakeValueResponsive<string>`
 * ```ts
 * string |
 * {
 *  base?: string;
 *  xs?: string;
 *  s?: string;
 *  // ... other breakpoints
 * }
 * ```
 *
 */
type MakeValueResponsive<T> = [T] extends [never] ? never : T | {
    [P in keyof Breakpoints]?: T;
};
/**
 * Turns all the values in object into responsive object.
 *
 * ```ts
 * MakeObjectResponsive<{ hello: string}>
 *
 * // Outputs:
 * {
 *  hello: string | {
 *   base?: string;
 *   xs?: string;
 *   s?: string;
 *   // ... other breakpoints
 *  }
 * }
 * ```
 */
type MakeObjectResponsive<T, K extends keyof T = Extract<keyof T, string>> = {
    [P in K]: MakeValueResponsive<T[P]>;
};

type ArrayOfMaxLength4<T> = readonly [T?, T?, T?, T?];
type SpaceUnits = 'px' | '%' | 'fr' | 'rem' | 'em' | 'vh' | 'vw';
type SpacingValueType = DotNotationSpacingStringToken | `${string}${SpaceUnits}` | `calc(${string})` | 'auto' | `min(${string})` | `max(${string})` | 'none' | 'initial' | 'fit-content' | 'max-content' | 'min-content';
/**
 * @IMPORTANT
 *
 * I wish there was better way to re-use jsdoc but I checked and there isn't so we have to explicitly add docs to each prop.
 *
 * When you want to change a specific token value, you can select the entire block of spacing value mapping and do find and replace on it
 *
 * Checkout example of find and replace query-
 * {@link https://user-images.githubusercontent.com/30949385/221802507-40c7adbc-484a-47b3-9035-ae1e97080b51.png}
 *
 */
type PaddingProps = MakeObjectResponsive<{
    /**
     * ### Padding Shorthand
     *
     * #### Usage
     *
     * ```jsx
     * padding="spacing.3"
     * padding="20px"
     * padding={["spacing.3", "spacing.1", "spacing.0", "10px"]}
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     *
     */
    padding: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
    /**
     * ### Padding Horizontal
     *
     * #### Usage
     *
     * ```jsx
     * paddingX="spacing.3"
     * paddingX="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     *
     */
    paddingX: SpacingValueType;
    /**
     * ### Padding Vertical
     *
     * #### Usage
     *
     * ```jsx
     * paddingY="spacing.3"
     * paddingY="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     *
     */
    paddingY: SpacingValueType;
    /**
     * ### Padding Top
     *
     * #### Usage
     *
     * ```jsx
     * paddingTop="spacing.3"
     * paddingTop="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     */
    paddingTop: SpacingValueType;
    /**
     * ### Padding Right
     *
     * #### Usage
     *
     * ```jsx
     * paddingRight="spacing.3"
     * paddingRight="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     */
    paddingRight: SpacingValueType;
    /**
     * ### Padding Bottom
     *
     * #### Usage
     *
     * ```jsx
     * paddingBottom="spacing.3"
     * paddingBottom="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     */
    paddingBottom: SpacingValueType;
    /**
     * ### Padding Left
     *
     * #### Usage
     *
     * ```jsx
     * paddingLeft="spacing.3"
     * paddingLeft="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     */
    paddingLeft: SpacingValueType;
}>;
type MarginProps = MakeObjectResponsive<{
    /**
     * ### Margin Shorthand
     *
     * #### Usage
     *
     * ```jsx
     * margin="spacing.3"
     * margin="20px"
     * margin={["spacing.3", "spacing.1", "spacing.0", "10px"]}
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     *
     */
    margin: SpacingValueType | ArrayOfMaxLength4<SpacingValueType>;
    /**
     * ### Margin Horizontal
     *
     * #### Usage
     *
     * ```jsx
     * marginX="spacing.3"
     * marginX="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     *
     */
    marginX: SpacingValueType;
    /**
     * ### Margin Vertical
     *
     * #### Usage
     *
     * ```jsx
     * marginY="spacing.3"
     * marginY="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     *
     */
    marginY: SpacingValueType;
    /**
     * ### Margin Top
     *
     * #### Usage
     *
     * ```jsx
     * marginTop="spacing.3"
     * marginTop="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     */
    marginTop: SpacingValueType;
    /**
     * ### Margin Right
     *
     * #### Usage
     *
     * ```jsx
     * marginRight="spacing.3"
     * marginRight="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     */
    marginRight: SpacingValueType;
    /**
     * ### Margin Bottom
     *
     * #### Usage
     *
     * ```jsx
     * marginBottom="spacing.3"
     * marginBottom="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     */
    marginBottom: SpacingValueType;
    /**
     * ### Margin Left
     *
     * #### Usage
     *
     * ```jsx
     * marginLeft="spacing.3"
     * marginLeft="20px"
     * ```
     *
     * ---
     * #### Spacing to Pixel values
     *
     * - `spacing.0` - 0px
     * - `spacing.1` - 2px
     * - `spacing.2` - 4px
     * - `spacing.3` - 8px
     * - `spacing.4` - 12px
     * - `spacing.5` - 16px
     * - `spacing.6` - 20px
     * - `spacing.7` - 24px
     * - `spacing.8` - 32px
     * - `spacing.9` - 40px
     * - `spacing.10` - 48px
     * - `spacing.11` - 56px
     *
     * {@linkcode https://blade.razorpay.com/?path=/story/tokens-spacing--docs&globals=measureEnabled:false Spacing Token Ref}
     */
    marginLeft: SpacingValueType;
}>;

type BladeCommonEvents = {
    onBlur?: Platform.Select<{
        native: undefined | ((event: any) => void);
        web: React.FocusEventHandler;
    }>;
    onFocus?: Platform.Select<{
        native: undefined | ((event: any) => void);
        web: React.FocusEventHandler;
    }>;
    onMouseLeave?: Platform.Select<{
        web: React.MouseEventHandler;
        native: undefined;
    }>;
    onMouseMove?: Platform.Select<{
        web: React.MouseEventHandler;
        native: undefined;
    }>;
    onMouseDown?: Platform.Select<{
        web: React.MouseEventHandler;
        native: undefined | ((event: any) => void);
    }>;
    onMouseUp?: Platform.Select<{
        web: React.MouseEventHandler;
        native: undefined | ((event: any) => void);
    }>;
    onPointerDown?: Platform.Select<{
        web: React.PointerEventHandler;
        native: undefined;
    }>;
    onPointerEnter?: Platform.Select<{
        web: React.PointerEventHandler;
        native: undefined;
    }>;
    onTouchStart?: Platform.Select<{
        native: undefined | ((event: any) => void);
        web: React.TouchEventHandler;
    }>;
    onTouchEnd?: Platform.Select<{
        native: undefined | ((event: any) => void);
        web: React.TouchEventHandler;
    }>;
};

/**
 * @template TokenType token type generic
 * @description Tokenises objects to dot notation strings, eg: `surface.text.gray.normal`
 */
type DotNotationToken<_TokenType, TokenType = Omit<_TokenType, 'name'>> = {
    [K in keyof TokenType]: TokenType[K] extends string | number | ElevationStyles ? `${Extract<K, number | string>}` : `${Extract<K, number | string>}.${TokenType[K] extends Record<string, string | number | boolean | EasingType<string>> ? Extract<keyof TokenType[K], number | string> : DotNotationToken<TokenType[K]>}`;
}[keyof TokenType];

type LayoutProps = MakeObjectResponsive<{
    height: SpacingValueType;
    minHeight: SpacingValueType;
    maxHeight: SpacingValueType;
    width: SpacingValueType;
    minWidth: SpacingValueType;
    maxWidth: SpacingValueType;
} & PickCSSByPlatform<'display' | 'overflow' | 'overflowX' | 'overflowY' | 'textAlign' | 'whiteSpace'>>;
type FlexboxProps = MakeObjectResponsive<{
    /**
     * This uses the native gap property which might not work on older browsers.
     * If you want to support older browsers, you might want to use `margin` instead.
     *
     * @see https://caniuse.com/?search=gap
     */
    gap: SpacingValueType;
    /**
     * This uses the native row-gap property which might not work on older browsers.
     * If you want to support older browsers, you might want to use `margin` instead.
     *
     * @see https://caniuse.com/?search=row-gap
     */
    rowGap: SpacingValueType;
    /**
     * This uses the native column-gap property which might not work on older browsers.
     * If you want to support older browsers, you might want to use `margin` instead.
     *
     * @see https://caniuse.com/?search=column-gap
     */
    columnGap: SpacingValueType;
    /**
     * The **`flex`** CSS shorthand property sets how a flex _item_ will grow or shrink to fit the space available in its flex container.
     *
     * @see https://developer.mozilla.org/docs/Web/CSS/flex
     */
    flex: string | number;
} & PickCSSByPlatform<'flexWrap' | 'flexDirection' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'alignItems' | 'alignContent' | 'alignSelf' | 'justifyItems' | 'justifyContent' | 'justifySelf' | 'placeSelf' | 'placeItems' | 'order'>>;
type PositionProps = MakeObjectResponsive<{
    top: SpacingValueType;
    right: SpacingValueType;
    bottom: SpacingValueType;
    left: SpacingValueType;
} & PickCSSByPlatform<'position' | 'zIndex'>>;
type GridProps = MakeObjectResponsive<PickCSSByPlatform<'grid' | 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea' | 'gridAutoFlow' | 'gridAutoRows' | 'gridAutoColumns' | 'gridTemplate' | 'gridTemplateAreas' | 'gridTemplateColumns' | 'gridTemplateRows'>>;
type ColorObjects = 'feedback' | 'surface' | 'interactive';
type BorderOnlyColorObjects = 'popup';
type BackgroundOnlyColorObjects = 'popup' | 'overlay';
type BackgroundColorString<T extends ColorObjects | BackgroundOnlyColorObjects> = `${T}.background.${DotNotationToken<Theme['colors'][T]['background']>}`;
type BorderColorString<T extends ColorObjects | BorderOnlyColorObjects> = `${T}.border.${DotNotationToken<Theme['colors'][T]['border']>}`;
declare const validBoxAsValues: readonly ["div", "section", "footer", "header", "main", "aside", "nav", "span", "label"];
type BoxAsType = typeof validBoxAsValues[number];
type CommonBoxVisualProps = MakeObjectResponsive<{
    borderRadius: keyof Border['radius'];
    borderWidth: keyof Border['width'];
    borderColor: BorderColorString<'surface'> | BorderColorString<'popup'> | BorderColorString<'interactive'>;
    borderTopWidth: keyof Border['width'];
    borderTopColor: BorderColorString<'surface'>;
    borderRightWidth: keyof Border['width'];
    borderRightColor: BorderColorString<'surface'>;
    borderBottomWidth: keyof Border['width'];
    borderBottomColor: BorderColorString<'surface'>;
    borderLeftWidth: keyof Border['width'];
    borderLeftColor: BorderColorString<'surface'>;
    borderTopLeftRadius: keyof Border['radius'];
    borderTopRightRadius: keyof Border['radius'];
    borderBottomRightRadius: keyof Border['radius'];
    borderBottomLeftRadius: keyof Border['radius'];
} & PickCSSByPlatform<'backgroundImage' | 'backgroundSize' | 'backgroundPosition' | 'backgroundOrigin' | 'backgroundRepeat' | 'pointerEvents' | 'opacity' | 'visibility' | 'transform' | 'transformOrigin' | 'clipPath' | 'borderStyle' | 'borderTopStyle' | 'borderBottomStyle' | 'borderLeftStyle' | 'borderRightStyle' | 'backdropFilter' | 'transition'> & {
    /**
     * Sets the elevation for Box
     *
     * eg: `theme.elevation.midRaised`
     *
     * @default `theme.elevation.lowRaised`
     *
     * **Links:**
     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs
     */
    elevation?: keyof Elevation;
}>;
type BaseBoxVisualProps = MakeObjectResponsive<{
    backgroundColor: BackgroundColorString<'feedback'> | BackgroundColorString<'surface'> | BackgroundColorString<'interactive'> | BackgroundColorString<'overlay'> | BackgroundColorString<'popup'> | 'transparent' | (string & Record<never, never>);
    lineHeight: SpacingValueType;
    touchAction: CSSObject['touchAction'];
    userSelect: CSSObject['userSelect'];
} & PickCSSByPlatform<'border' | 'borderLeft' | 'borderRight' | 'borderTop' | 'borderBottom' | 'opacity' | 'pointerEvents' | 'cursor'>>;
type BoxVisualProps = MakeObjectResponsive<{
    backgroundColor: BackgroundColorString<'surface'> | BackgroundColorString<'overlay'> | BackgroundColorString<'feedback'> | 'transparent';
}> & {
    as: BoxAsType;
};
type StyledPropsBlade = Partial<Omit<MarginProps & Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order' | 'flexWrap'> & PositionProps & Pick<GridProps, 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea'> & Pick<LayoutProps, 'display'> & Pick<CommonBoxVisualProps, 'visibility'>, '__brand__'>>;
type BoxCallbackProps = Omit<Platform.Select<{
    web: {
        /**
         * **Warning**
         *
         * Make sure to not use Box when you want to create a trigger that performs action on hover.
         * You would probably want to render it as `button` using `styled.button` instead.
         *
         * Use this for hoverable containers in cases like custom menus.
         */
        onMouseOver: React.MouseEventHandler<HTMLElement>;
        /**
         * **Warning**
         *
         * Make sure to not use Box when you want to create a trigger that performs action on hover.
         * You would probably want to render it as `button` using `styled.button` instead.
         *
         * Use this for hoverable containers in cases like custom menus.
         */
        onMouseEnter: React.MouseEventHandler<HTMLElement>;
        /**
         * **Warning**
         *
         * Make sure to not use Box when you want to create a trigger that performs action on hover.
         * You would probably want to render it as `button` using `styled.button` instead.
         *
         * Use this for hoverable containers in cases like custom menus.
         */
        onMouseLeave: React.MouseEventHandler<HTMLElement>;
        onScroll: React.UIEventHandler<HTMLElement>;
    };
    native: Record<'onMouseOver' | 'onMouseEnter' | 'onMouseLeave' | 'onScroll', undefined>;
}>, '__brand__'>;
type BoxDragAndDropProps = Omit<Platform.Select<{
    web: {
        draggable: boolean;
        onDragStart: React.DragEventHandler<HTMLElement>;
        onDragEnter: React.DragEventHandler<HTMLElement>;
        onDragLeave: React.DragEventHandler<HTMLElement>;
        onDragOver: React.DragEventHandler<HTMLElement>;
        onDragEnd: React.DragEventHandler<HTMLElement>;
        onDrop: React.DragEventHandler<HTMLElement>;
    };
    native: Record<'draggable' | 'onDragStart' | 'onDragEnter' | 'onDragLeave' | 'onDragOver' | 'onDragEnd' | 'onDrop', undefined>;
}>, '__brand__'>;
type BoxProps = Partial<PaddingProps & MarginProps & LayoutProps & FlexboxProps & PositionProps & GridProps & BoxCallbackProps & BoxDragAndDropProps & CommonBoxVisualProps & BoxVisualProps & {
    children?: React.ReactNode | React.ReactNode[];
    tabIndex?: number;
    id?: string;
} & TestID & ElementTiming & DataAnalyticsAttribute>;
type BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> & Partial<DataAnalyticsAttribute & BaseBoxVisualProps & {
    className?: string;
    id?: string;
    tabIndex?: number;
} & ElementTiming> & BladeCommonEvents & {
    $isCard?: boolean;
};
type BoxRefType = Platform.Select<{
    web: Omit<HTMLElement, 'style'>;
    native: View;
}>;

declare const Box: react__default.ForwardRefExoticComponent<Partial<PaddingProps & MarginProps & {
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & FlexboxProps & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & GridProps & {
    onMouseOver: undefined;
    onMouseEnter: undefined;
    onMouseLeave: undefined;
    onScroll: undefined;
} & {
    draggable: undefined;
    onDragStart: undefined;
    onDragEnter: undefined;
    onDragLeave: undefined;
    onDragOver: undefined;
    onDragEnd: undefined;
    onDrop: undefined;
} & {
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & MakeObjectResponsive<{
    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "overlay.background.subtle" | "overlay.background.moderate";
}, "backgroundColor"> & {
    as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
} & {
    children?: react__default.ReactNode | react__default.ReactNode[];
    tabIndex?: number | undefined;
    id?: string | undefined;
} & TestID & ElementTiming & DataAnalyticsAttribute> & react__default.RefAttributes<BoxRefType>>;

type InteractiveText$1 = DotNotationToken<Theme['colors']['interactive']['icon']>;
type FeedbackText$1 = DotNotationToken<Theme['colors']['feedback']['icon']>;
type SurfaceText$1 = DotNotationToken<Theme['colors']['surface']['icon']>;
type IconColors = `interactive.icon.${InteractiveText$1}` | `surface.icon.${SurfaceText$1}` | `feedback.icon.${FeedbackText$1}`;
type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
type IconProps = {
    /**
     * Color token (not to be confused with actual hsla value)
     */
    color?: IconColors | 'currentColor';
    size?: IconSize;
} & StyledPropsBlade;
type IconComponent = React.ComponentType<IconProps>;

declare const AcceptPaymentsFilledIcon: react.FunctionComponent<IconProps>;

declare const AcceptPaymentsIcon: react.FunctionComponent<IconProps>;

declare const ActivityIcon: react.FunctionComponent<IconProps>;

declare const AddressBookIcon: react.FunctionComponent<IconProps>;

declare const AffordabilityFilledIcon: react.FunctionComponent<IconProps>;

declare const AffordabilityIcon: react.FunctionComponent<IconProps>;

declare const AirplayIcon: react.FunctionComponent<IconProps>;

declare const AlertCircleIcon: react.FunctionComponent<IconProps>;

declare const AlertOctagonIcon: react.FunctionComponent<IconProps>;

declare const AlertOnlyIcon: react.FunctionComponent<IconProps>;

declare const AlertTriangleIcon: react.FunctionComponent<IconProps>;

declare const AlignCenterIcon: react.FunctionComponent<IconProps>;

declare const AlignJustifyIcon: react.FunctionComponent<IconProps>;

declare const AlignLeftIcon: react.FunctionComponent<IconProps>;

declare const AlignRightIcon: react.FunctionComponent<IconProps>;

declare const AnchorIcon: react.FunctionComponent<IconProps>;

declare const AndroidIcon: react.FunctionComponent<IconProps>;

declare const AnnouncementIcon: react.FunctionComponent<IconProps>;

declare const ApertureIcon: react.FunctionComponent<IconProps>;

declare const AppStoreIcon: react.FunctionComponent<IconProps>;

declare const AppleIcon: react.FunctionComponent<IconProps>;

declare const ArrowDownIcon: react.FunctionComponent<IconProps>;

declare const ArrowDownLeftIcon: react.FunctionComponent<IconProps>;

declare const ArrowDownRightIcon: react.FunctionComponent<IconProps>;

declare const ArrowLeftIcon: react.FunctionComponent<IconProps>;

declare const ArrowRightIcon: react.FunctionComponent<IconProps>;

declare const ArrowSquareDownIcon: react.FunctionComponent<IconProps>;

declare const ArrowSquareDownLeftIcon: react.FunctionComponent<IconProps>;

declare const ArrowSquareDownRightIcon: react.FunctionComponent<IconProps>;

declare const ArrowSquareLeftIcon: react.FunctionComponent<IconProps>;

declare const ArrowSquareRightIcon: react.FunctionComponent<IconProps>;

declare const ArrowSquareUpIcon: react.FunctionComponent<IconProps>;

declare const ArrowSquareUpLeftIcon: react.FunctionComponent<IconProps>;

declare const ArrowSquareUpRightIcon: react.FunctionComponent<IconProps>;

declare const ArrowUpIcon: react.FunctionComponent<IconProps>;

declare const ArrowUpLeftIcon: react.FunctionComponent<IconProps>;

declare const ArrowUpRightIcon: react.FunctionComponent<IconProps>;

declare const AtSignIcon: react.FunctionComponent<IconProps>;

declare const AttachmentIcon: react.FunctionComponent<IconProps>;

declare const AutomateAccountingIcon: react.FunctionComponent<IconProps>;

declare const AutomatePayrollFilledIcon: react.FunctionComponent<IconProps>;

declare const AutomatePayrollIcon: react.FunctionComponent<IconProps>;

declare const AwardIcon: react.FunctionComponent<IconProps>;

declare const BankAccountVerificationFilledIcon: react.FunctionComponent<IconProps>;

declare const BankAccountVerificationIcon: react.FunctionComponent<IconProps>;

declare const BankIcon: react.FunctionComponent<IconProps>;

declare const BarChartAltIcon: react.FunctionComponent<IconProps>;

declare const BarChartIcon: react.FunctionComponent<IconProps>;

declare const BarCodeIcon: react.FunctionComponent<IconProps>;

declare const Battery100PercentIcon: react.FunctionComponent<IconProps>;

declare const Battery20PercentIcon: react.FunctionComponent<IconProps>;

declare const Battery40PercentIcon: react.FunctionComponent<IconProps>;

declare const Battery60PercentIcon: react.FunctionComponent<IconProps>;

declare const Battery80PercentIcon: react.FunctionComponent<IconProps>;

declare const BatteryChargingIcon: react.FunctionComponent<IconProps>;

declare const BatteryIcon: react.FunctionComponent<IconProps>;

declare const BellIcon: react.FunctionComponent<IconProps>;

declare const BellOffIcon: react.FunctionComponent<IconProps>;

declare const BfsiFilledIcon: react.FunctionComponent<IconProps>;

declare const BfsiIcon: react.FunctionComponent<IconProps>;

declare const BillIcon: react.FunctionComponent<IconProps>;

declare const BillMeFilledIcon: react.FunctionComponent<IconProps>;

declare const BillMeIcon: react.FunctionComponent<IconProps>;

declare const BluetoothIcon: react.FunctionComponent<IconProps>;

declare const BoldIcon: react.FunctionComponent<IconProps>;

declare const BookIcon: react.FunctionComponent<IconProps>;

declare const BookmarkIcon: react.FunctionComponent<IconProps>;

declare const BoxIcon: react.FunctionComponent<IconProps>;

declare const BriefcaseIcon: react.FunctionComponent<IconProps>;

declare const BugIcon: react.FunctionComponent<IconProps>;

declare const BuildingIcon: react.FunctionComponent<IconProps>;

declare const BulkPayoutsFilledIcon: react.FunctionComponent<IconProps>;

declare const BulkPayoutsIcon: react.FunctionComponent<IconProps>;

declare const BusinessBankingIcon: react.FunctionComponent<IconProps>;

declare const BusinessSpendManagementFilledIcon: react.FunctionComponent<IconProps>;

declare const BusinessSpendManagementIcon: react.FunctionComponent<IconProps>;

declare const CalendarIcon: react.FunctionComponent<IconProps>;

declare const CameraIcon: react.FunctionComponent<IconProps>;

declare const CameraOffIcon: react.FunctionComponent<IconProps>;

declare const CashIcon: react.FunctionComponent<IconProps>;

declare const CastIcon: react.FunctionComponent<IconProps>;

declare const CheckCircle2Icon: react.FunctionComponent<IconProps>;

declare const CheckCircleIcon: react.FunctionComponent<IconProps>;

declare const CheckIcon: react.FunctionComponent<IconProps>;

declare const CheckSquareIcon: react.FunctionComponent<IconProps>;

declare const ChevronDownIcon: react.FunctionComponent<IconProps>;

declare const ChevronLeftIcon: react.FunctionComponent<IconProps>;

declare const ChevronRightIcon: react.FunctionComponent<IconProps>;

declare const ChevronUpDownIcon: react.FunctionComponent<IconProps>;

declare const ChevronUpIcon: react.FunctionComponent<IconProps>;

declare const ChevronsDownIcon: react.FunctionComponent<IconProps>;

declare const ChevronsLeftIcon: react.FunctionComponent<IconProps>;

declare const ChevronsRightIcon: react.FunctionComponent<IconProps>;

declare const ChevronsUpIcon: react.FunctionComponent<IconProps>;

declare const ChromeIcon: react.FunctionComponent<IconProps>;

declare const CircleIcon: react.FunctionComponent<IconProps>;

declare const ClipboardIcon: react.FunctionComponent<IconProps>;

declare const ClockIcon: react.FunctionComponent<IconProps>;

declare const CloseIcon: react.FunctionComponent<IconProps>;

declare const ClosedCaptioningIcon: react.FunctionComponent<IconProps>;

declare const CloudDrizzleIcon: react.FunctionComponent<IconProps>;

declare const CloudIcon: react.FunctionComponent<IconProps>;

declare const CloudLightningIcon: react.FunctionComponent<IconProps>;

declare const CloudOffIcon: react.FunctionComponent<IconProps>;

declare const CloudRainIcon: react.FunctionComponent<IconProps>;

declare const CloudSnowIcon: react.FunctionComponent<IconProps>;

declare const CodeSnippetIcon: react.FunctionComponent<IconProps>;

declare const CodepenIcon: react.FunctionComponent<IconProps>;

declare const CoinIcon: react.FunctionComponent<IconProps>;

declare const CoinsIcon: react.FunctionComponent<IconProps>;

declare const CommandIcon: react.FunctionComponent<IconProps>;

declare const CompanyRegistrationFilledIcon: react.FunctionComponent<IconProps>;

declare const CompanyRegistrationIcon: react.FunctionComponent<IconProps>;

declare const CompassIcon: react.FunctionComponent<IconProps>;

declare const ConfettiIcon: react.FunctionComponent<IconProps>;

declare const ContactlessPaymentIcon: react.FunctionComponent<IconProps>;

declare const CookieIcon: react.FunctionComponent<IconProps>;

declare const CopyIcon: react.FunctionComponent<IconProps>;

declare const CopyrightIcon: react.FunctionComponent<IconProps>;

declare const CornerDownLeftIcon: react.FunctionComponent<IconProps>;

declare const CornerDownRightIcon: react.FunctionComponent<IconProps>;

declare const CornerLeftDownIcon: react.FunctionComponent<IconProps>;

declare const CornerLeftUpIcon: react.FunctionComponent<IconProps>;

declare const CornerRightDownIcon: react.FunctionComponent<IconProps>;

declare const CornerRightUpIcon: react.FunctionComponent<IconProps>;

declare const CornerUpLeftIcon: react.FunctionComponent<IconProps>;

declare const CornerUpRightIcon: react.FunctionComponent<IconProps>;

declare const CpuIcon: react.FunctionComponent<IconProps>;

declare const CreditCardIcon: react.FunctionComponent<IconProps>;

declare const CreditsAndLoansFilledIcon: react.FunctionComponent<IconProps>;

declare const CreditsAndLoansIcon: react.FunctionComponent<IconProps>;

declare const CropIcon: react.FunctionComponent<IconProps>;

declare const CrosshairIcon: react.FunctionComponent<IconProps>;

declare const CurrentAccountFilledIcon: react.FunctionComponent<IconProps>;

declare const CurrentAccountIcon: react.FunctionComponent<IconProps>;

declare const CustomersIcon: react.FunctionComponent<IconProps>;

declare const CutIcon: react.FunctionComponent<IconProps>;

declare const DashboardIcon: react.FunctionComponent<IconProps>;

declare const DeleteIcon: react.FunctionComponent<IconProps>;

declare const DigitalLendingFilledIcon: react.FunctionComponent<IconProps>;

declare const DigitalLendingIcon: react.FunctionComponent<IconProps>;

declare const DisbursePaymentsFilledIcon: react.FunctionComponent<IconProps>;

declare const DisbursePaymentsIcon: react.FunctionComponent<IconProps>;

declare const DiscIcon: react.FunctionComponent<IconProps>;

declare const DollarIcon: react.FunctionComponent<IconProps>;

declare const DollarsIcon: react.FunctionComponent<IconProps>;

declare const DotIcon: react.FunctionComponent<IconProps>;

declare const DownloadCloudIcon: react.FunctionComponent<IconProps>;

declare const DownloadIcon: react.FunctionComponent<IconProps>;

declare const DragHandleIcon: react.FunctionComponent<IconProps>;

declare const DropletIcon: react.FunctionComponent<IconProps>;

declare const EcommerceFilledIcon: react.FunctionComponent<IconProps>;

declare const EcommerceIcon: react.FunctionComponent<IconProps>;

declare const EditComposeIcon: react.FunctionComponent<IconProps>;

declare const EditIcon: react.FunctionComponent<IconProps>;

declare const EditInlineIcon: react.FunctionComponent<IconProps>;

declare const EducationFilledIcon: react.FunctionComponent<IconProps>;

declare const EducationIcon: react.FunctionComponent<IconProps>;

declare const EngageFilledIcon: react.FunctionComponent<IconProps>;

declare const EngageIcon: react.FunctionComponent<IconProps>;

declare const EqualsIcon: react.FunctionComponent<IconProps>;

declare const EscrowAccountFilledIcon: react.FunctionComponent<IconProps>;

declare const EscrowAccountIcon: react.FunctionComponent<IconProps>;

declare const ExportIcon: react.FunctionComponent<IconProps>;

declare const ExternalLinkIcon: react.FunctionComponent<IconProps>;

declare const EyeIcon: react.FunctionComponent<IconProps>;

declare const EyeOffIcon: react.FunctionComponent<IconProps>;

declare const FacebookIcon: react.FunctionComponent<IconProps>;

declare const FastForwardIcon: react.FunctionComponent<IconProps>;

declare const FeatherIcon: react.FunctionComponent<IconProps>;

declare const FigmaIcon: react.FunctionComponent<IconProps>;

declare const FileIcon: react.FunctionComponent<IconProps>;

declare const FileMinusIcon: react.FunctionComponent<IconProps>;

declare const FilePlusIcon: react.FunctionComponent<IconProps>;

declare const FileTextIcon: react.FunctionComponent<IconProps>;

declare const FileZipIcon: react.FunctionComponent<IconProps>;

declare const FilmIcon: react.FunctionComponent<IconProps>;

declare const FilterIcon: react.FunctionComponent<IconProps>;

declare const FlagIcon: react.FunctionComponent<IconProps>;

declare const FlaskIcon: react.FunctionComponent<IconProps>;

declare const FolderIcon: react.FunctionComponent<IconProps>;

declare const ForexManagementFilledIcon: react.FunctionComponent<IconProps>;

declare const ForexManagementIcon: react.FunctionComponent<IconProps>;

declare const FreelanceFilledIcon: react.FunctionComponent<IconProps>;

declare const FreelanceIcon: react.FunctionComponent<IconProps>;

declare const FullScreenEnterIcon: react.FunctionComponent<IconProps>;

declare const FullScreenExitIcon: react.FunctionComponent<IconProps>;

declare const GithubIcon: react.FunctionComponent<IconProps>;

declare const GitlabIcon: react.FunctionComponent<IconProps>;

declare const GlobeIcon: react.FunctionComponent<IconProps>;

declare const GridIcon: react.FunctionComponent<IconProps>;

declare const HashIcon: react.FunctionComponent<IconProps>;

declare const HeadphoneIcon: react.FunctionComponent<IconProps>;

declare const HeadphonesIcon: react.FunctionComponent<IconProps>;

declare const HeadsetIcon: react.FunctionComponent<IconProps>;

declare const HeartIcon: react.FunctionComponent<IconProps>;

declare const HelpCircleIcon: react.FunctionComponent<IconProps>;

declare const HistoryIcon: react.FunctionComponent<IconProps>;

declare const HomeIcon: react.FunctionComponent<IconProps>;

declare const ImageIcon: react.FunctionComponent<IconProps>;

declare const InboxIcon: react.FunctionComponent<IconProps>;

declare const IndiaFlagIcon: react.FunctionComponent<IconProps>;

declare const InfoIcon: react.FunctionComponent<IconProps>;

declare const InstagramIcon: react.FunctionComponent<IconProps>;

declare const InstantSettlementFilledIcon: react.FunctionComponent<IconProps>;

declare const InstantSettlementIcon: react.FunctionComponent<IconProps>;

declare const InternationalPaymentsFilledIcon: react.FunctionComponent<IconProps>;

declare const InternationalPaymentsIcon: react.FunctionComponent<IconProps>;

declare const InvoicesFilledIcon: react.FunctionComponent<IconProps>;

declare const InvoicesIcon: react.FunctionComponent<IconProps>;

declare const ItalicIcon: react.FunctionComponent<IconProps>;

declare const KeyIcon: react.FunctionComponent<IconProps>;

declare const KeyboardIcon: react.FunctionComponent<IconProps>;

declare const LayersIcon: react.FunctionComponent<IconProps>;

declare const LayoutIcon: react.FunctionComponent<IconProps>;

declare const LeftCircularCornerIcon: react.FunctionComponent<IconProps>;

declare const LifeBuoyIcon: react.FunctionComponent<IconProps>;

declare const LinkIcon: react.FunctionComponent<IconProps>;

declare const ListIcon: react.FunctionComponent<IconProps>;

declare const ListSearchIcon: react.FunctionComponent<IconProps>;

declare const LoaderIcon: react.FunctionComponent<IconProps>;

declare const LoansForBusinessesFilledIcon: react.FunctionComponent<IconProps>;

declare const LoansForBusinessesIcon: react.FunctionComponent<IconProps>;

declare const LockIcon: react.FunctionComponent<IconProps>;

declare const LogInIcon: react.FunctionComponent<IconProps>;

declare const LogOutIcon: react.FunctionComponent<IconProps>;

declare const MagicCheckoutFilledIcon: react.FunctionComponent<IconProps>;

declare const MagicCheckoutIcon: react.FunctionComponent<IconProps>;

declare const MagicKonnectFilledIcon: react.FunctionComponent<IconProps>;

declare const MagicKonnectIcon: react.FunctionComponent<IconProps>;

declare const MailIcon: react.FunctionComponent<IconProps>;

declare const MailOpenIcon: react.FunctionComponent<IconProps>;

declare const MapIcon: react.FunctionComponent<IconProps>;

declare const MapPinIcon: react.FunctionComponent<IconProps>;

declare const MaximizeIcon: react.FunctionComponent<IconProps>;

declare const MenuDotsIcon: react.FunctionComponent<IconProps>;

declare const MenuIcon: react.FunctionComponent<IconProps>;

declare const MessageCircleIcon: react.FunctionComponent<IconProps>;

declare const MessageSquareIcon: react.FunctionComponent<IconProps>;

declare const MicIcon: react.FunctionComponent<IconProps>;

declare const MicOffIcon: react.FunctionComponent<IconProps>;

declare const MinimizeIcon: react.FunctionComponent<IconProps>;

declare const MinusCircleIcon: react.FunctionComponent<IconProps>;

declare const MinusIcon: react.FunctionComponent<IconProps>;

declare const MinusSquareIcon: react.FunctionComponent<IconProps>;

declare const MobileAppFilledIcon: react.FunctionComponent<IconProps>;

declare const MobileAppIcon: react.FunctionComponent<IconProps>;

declare const MonitorIcon: react.FunctionComponent<IconProps>;

declare const MoonIcon: react.FunctionComponent<IconProps>;

declare const MoreFilledIcon: react.FunctionComponent<IconProps>;

declare const MoreHorizontalIcon: react.FunctionComponent<IconProps>;

declare const MoreIcon: react.FunctionComponent<IconProps>;

declare const MoreVerticalIcon: react.FunctionComponent<IconProps>;

declare const MoveIcon: react.FunctionComponent<IconProps>;

declare const MusicIcon: react.FunctionComponent<IconProps>;

declare const MyAccountIcon: react.FunctionComponent<IconProps>;

declare const NavigationIcon: react.FunctionComponent<IconProps>;

declare const NoSignalIcon: react.FunctionComponent<IconProps>;

declare const OctagonIcon: react.FunctionComponent<IconProps>;

declare const OffersIcon: react.FunctionComponent<IconProps>;

declare const OptimizerFilledIcon: react.FunctionComponent<IconProps>;

declare const OptimizerIcon: react.FunctionComponent<IconProps>;

declare const PackageIcon: react.FunctionComponent<IconProps>;

declare const PaperclipIcon: react.FunctionComponent<IconProps>;

declare const PauseCircleIcon: react.FunctionComponent<IconProps>;

declare const PauseIcon: react.FunctionComponent<IconProps>;

declare const PaymentButtonFilledIcon: react.FunctionComponent<IconProps>;

declare const PaymentButtonIcon: react.FunctionComponent<IconProps>;

declare const PaymentButtonsIcon: react.FunctionComponent<IconProps>;

declare const PaymentGatewayFilledIcon: react.FunctionComponent<IconProps>;

declare const PaymentGatewayIcon: react.FunctionComponent<IconProps>;

declare const PaymentLinkFilledIcon: react.FunctionComponent<IconProps>;

declare const PaymentLinkIcon: react.FunctionComponent<IconProps>;

declare const PaymentLinksIcon: react.FunctionComponent<IconProps>;

declare const PaymentPagesFilledIcon: react.FunctionComponent<IconProps>;

declare const PaymentPagesIcon: react.FunctionComponent<IconProps>;

declare const PayoutLinkIcon: react.FunctionComponent<IconProps>;

declare const PayrollAddonsFilledIcon: react.FunctionComponent<IconProps>;

declare const PayrollAddonsIcon: react.FunctionComponent<IconProps>;

declare const PayrollForCaFilledIcon: react.FunctionComponent<IconProps>;

declare const PayrollForCaIcon: react.FunctionComponent<IconProps>;

declare const PayrollForStartupOrSmeFilledIcon: react.FunctionComponent<IconProps>;

declare const PayrollForStartupOrSmeIcon: react.FunctionComponent<IconProps>;

declare const PercentIcon: react.FunctionComponent<IconProps>;

declare const PettyCashBudgetFilledIcon: react.FunctionComponent<IconProps>;

declare const PettyCashBudgetIcon: react.FunctionComponent<IconProps>;

declare const PhoneCallIcon: react.FunctionComponent<IconProps>;

declare const PhoneForwardedIcon: react.FunctionComponent<IconProps>;

declare const PhoneIcon: react.FunctionComponent<IconProps>;

declare const PhoneIncomingIcon: react.FunctionComponent<IconProps>;

declare const PhoneMissedIcon: react.FunctionComponent<IconProps>;

declare const PhoneOffIcon: react.FunctionComponent<IconProps>;

declare const PhoneOutgoingIcon: react.FunctionComponent<IconProps>;

declare const PictureInPictureIcon: react.FunctionComponent<IconProps>;

declare const PieChartIcon: react.FunctionComponent<IconProps>;

declare const PinIcon: react.FunctionComponent<IconProps>;

declare const PlayCircleIcon: react.FunctionComponent<IconProps>;

declare const PlayIcon: react.FunctionComponent<IconProps>;

declare const PlusCircleIcon: react.FunctionComponent<IconProps>;

declare const PlusIcon: react.FunctionComponent<IconProps>;

declare const PlusSquareIcon: react.FunctionComponent<IconProps>;

declare const PocketIcon: react.FunctionComponent<IconProps>;

declare const PosFilledIcon: react.FunctionComponent<IconProps>;

declare const PosIcon: react.FunctionComponent<IconProps>;

declare const PowerIcon: react.FunctionComponent<IconProps>;

declare const PrinterIcon: react.FunctionComponent<IconProps>;

declare const PromptIcon: react.FunctionComponent<IconProps>;

declare const QRCodeIcon: react.FunctionComponent<IconProps>;

declare const RadioIcon: react.FunctionComponent<IconProps>;

declare const RayIcon: react.FunctionComponent<IconProps>;

declare const RazorpayIcon: react.FunctionComponent<IconProps>;

declare const RazorpayXIcon: react.FunctionComponent<IconProps>;

declare const RazorpayxPayrollFilledIcon: react.FunctionComponent<IconProps>;

declare const RazorpayxPayrollIcon: react.FunctionComponent<IconProps>;

declare const RefreshIcon: react.FunctionComponent<IconProps>;

declare const RepeatIcon: react.FunctionComponent<IconProps>;

declare const ReportsIcon: react.FunctionComponent<IconProps>;

declare const ResizerIcon: react.FunctionComponent<IconProps>;

declare const ReticleIcon: react.FunctionComponent<IconProps>;

declare const RewindIcon: react.FunctionComponent<IconProps>;

declare const RotateClockWiseIcon: react.FunctionComponent<IconProps>;

declare const RotateCounterClockWiseIcon: react.FunctionComponent<IconProps>;

declare const RouteFilledIcon: react.FunctionComponent<IconProps>;

declare const RouteIcon: react.FunctionComponent<IconProps>;

declare const RoutesIcon: react.FunctionComponent<IconProps>;

declare const RupeeIcon: react.FunctionComponent<IconProps>;

declare const RupeesIcon: react.FunctionComponent<IconProps>;

declare const SaasFilledIcon: react.FunctionComponent<IconProps>;

declare const SaasIcon: react.FunctionComponent<IconProps>;

declare const SaveIcon: react.FunctionComponent<IconProps>;

declare const ScissorsIcon: react.FunctionComponent<IconProps>;

declare const SearchIcon: react.FunctionComponent<IconProps>;

declare const SendIcon: react.FunctionComponent<IconProps>;

declare const ServerIcon: react.FunctionComponent<IconProps>;

declare const SettingsIcon: react.FunctionComponent<IconProps>;

declare const SettlementsIcon: react.FunctionComponent<IconProps>;

declare const ShareIcon: react.FunctionComponent<IconProps>;

declare const ShieldIcon: react.FunctionComponent<IconProps>;

declare const ShoppingBagIcon: react.FunctionComponent<IconProps>;

declare const ShoppingCartIcon: react.FunctionComponent<IconProps>;

declare const ShuffleIcon: react.FunctionComponent<IconProps>;

declare const SidebarIcon: react.FunctionComponent<IconProps>;

declare const Signal1BarIcon: react.FunctionComponent<IconProps>;

declare const Signal2BarIcon: react.FunctionComponent<IconProps>;

declare const Signal3BarIcon: react.FunctionComponent<IconProps>;

declare const Signal4BarIcon: react.FunctionComponent<IconProps>;

declare const SignalIcon: react.FunctionComponent<IconProps>;

declare const SimCardIcon: react.FunctionComponent<IconProps>;

declare const SkipBackIcon: react.FunctionComponent<IconProps>;

declare const SkipForwardIcon: react.FunctionComponent<IconProps>;

declare const SlackIcon: react.FunctionComponent<IconProps>;

declare const SlashIcon: react.FunctionComponent<IconProps>;

declare const SlidersIcon: react.FunctionComponent<IconProps>;

declare const SmartCollectFilledIcon: react.FunctionComponent<IconProps>;

declare const SmartCollectIcon: react.FunctionComponent<IconProps>;

declare const SmartphoneIcon: react.FunctionComponent<IconProps>;

declare const SolutionsFilledIcon: react.FunctionComponent<IconProps>;

declare const SolutionsIcon: react.FunctionComponent<IconProps>;

declare const SortIcon: react.FunctionComponent<IconProps>;

declare const SourceToPayFilledIcon: react.FunctionComponent<IconProps>;

declare const SourceToPayIcon: react.FunctionComponent<IconProps>;

declare const SparklesIcon: react.FunctionComponent<IconProps>;

declare const SpeakerIcon: react.FunctionComponent<IconProps>;

declare const SquareIcon: react.FunctionComponent<IconProps>;

declare const StampIcon: react.FunctionComponent<IconProps>;

declare const StarIcon: react.FunctionComponent<IconProps>;

declare const StopCircleIcon: react.FunctionComponent<IconProps>;

declare const StorefrontIcon: react.FunctionComponent<IconProps>;

declare const SubscriptionsFilledIcon: react.FunctionComponent<IconProps>;

declare const SubscriptionsIcon: react.FunctionComponent<IconProps>;

declare const SunIcon: react.FunctionComponent<IconProps>;

declare const SunriseIcon: react.FunctionComponent<IconProps>;

declare const SunsetIcon: react.FunctionComponent<IconProps>;

declare const TabletIcon: react.FunctionComponent<IconProps>;

declare const TagIcon: react.FunctionComponent<IconProps>;

declare const TargetIcon: react.FunctionComponent<IconProps>;

declare const TaxPaymentsFilledIcon: react.FunctionComponent<IconProps>;

declare const TaxPaymentsIcon: react.FunctionComponent<IconProps>;

declare const TestIcon: react.FunctionComponent<IconProps>;

declare const ThermometerIcon: react.FunctionComponent<IconProps>;

declare const ThumbsDownIcon: react.FunctionComponent<IconProps>;

declare const ThumbsUpIcon: react.FunctionComponent<IconProps>;

declare const TicketIcon: react.FunctionComponent<IconProps>;

declare const ToggleLeftIcon: react.FunctionComponent<IconProps>;

declare const ToggleRightIcon: react.FunctionComponent<IconProps>;

declare const TokenHqFilledIcon: react.FunctionComponent<IconProps>;

declare const TokenHqIcon: react.FunctionComponent<IconProps>;

declare const TopLeftRoundedCornerIcon: react.FunctionComponent<IconProps>;

declare const TopLeftSharpCornerIcon: react.FunctionComponent<IconProps>;

declare const TrademarkIcon: react.FunctionComponent<IconProps>;

declare const TrademarkRegisteredIcon: react.FunctionComponent<IconProps>;

declare const TransactionsIcon: react.FunctionComponent<IconProps>;

declare const TranslateIcon: react.FunctionComponent<IconProps>;

declare const TrashIcon: react.FunctionComponent<IconProps>;

declare const TrendingDownIcon: react.FunctionComponent<IconProps>;

declare const TrendingUpIcon: react.FunctionComponent<IconProps>;

declare const TriangleIcon: react.FunctionComponent<IconProps>;

declare const TvIcon: react.FunctionComponent<IconProps>;

declare const TwitterIcon: react.FunctionComponent<IconProps>;

declare const TypeIcon: react.FunctionComponent<IconProps>;

declare const UmbrellaIcon: react.FunctionComponent<IconProps>;

declare const UnderlineIcon: react.FunctionComponent<IconProps>;

declare const UnlockIcon: react.FunctionComponent<IconProps>;

declare const UpiAutopayFilledIcon: react.FunctionComponent<IconProps>;

declare const UpiAutopayIcon: react.FunctionComponent<IconProps>;

declare const UpiIcon: react.FunctionComponent<IconProps>;

declare const UploadCloudIcon: react.FunctionComponent<IconProps>;

declare const UploadIcon: react.FunctionComponent<IconProps>;

declare const UserCheckIcon: react.FunctionComponent<IconProps>;

declare const UserIcon: react.FunctionComponent<IconProps>;

declare const UserMinusIcon: react.FunctionComponent<IconProps>;

declare const UserPlusIcon: react.FunctionComponent<IconProps>;

declare const UserXIcon: react.FunctionComponent<IconProps>;

declare const UsersIcon: react.FunctionComponent<IconProps>;

declare const VendorPaymentsFilledIcon: react.FunctionComponent<IconProps>;

declare const VendorPaymentsIcon: react.FunctionComponent<IconProps>;

declare const VideoIcon: react.FunctionComponent<IconProps>;

declare const VideoOffIcon: react.FunctionComponent<IconProps>;

declare const ViewLiveDemoFilledIcon: react.FunctionComponent<IconProps>;

declare const ViewLiveDemoIcon: react.FunctionComponent<IconProps>;

declare const VoicemailIcon: react.FunctionComponent<IconProps>;

declare const VolumeHighIcon: react.FunctionComponent<IconProps>;

declare const VolumeIcon: react.FunctionComponent<IconProps>;

declare const VolumeLowIcon: react.FunctionComponent<IconProps>;

declare const VolumeMuteIcon: react.FunctionComponent<IconProps>;

declare const VolumeOffIcon: react.FunctionComponent<IconProps>;

declare const VolumeOnIcon: react.FunctionComponent<IconProps>;

declare const WalletIcon: react.FunctionComponent<IconProps>;

declare const WatchIcon: react.FunctionComponent<IconProps>;

declare const WhatsAppIcon: react.FunctionComponent<IconProps>;

declare const WifiIcon: react.FunctionComponent<IconProps>;

declare const WifiOffIcon: react.FunctionComponent<IconProps>;

declare const WindIcon: react.FunctionComponent<IconProps>;

declare const WorldwideIcon: react.FunctionComponent<IconProps>;

declare const XCircleIcon: react.FunctionComponent<IconProps>;

declare const XSquareIcon: react.FunctionComponent<IconProps>;

declare const YoutubeIcon: react.FunctionComponent<IconProps>;

declare const ZapIcon: react.FunctionComponent<IconProps>;

declare const ZoomInIcon: react.FunctionComponent<IconProps>;

declare const ZoomOutIcon: react.FunctionComponent<IconProps>;

type AccordionVariantType = 'filled' | 'transparent';
type AccordionProps = {
    /**
     * Makes the passed item index expanded by default (uncontrolled)
     */
    defaultExpandedIndex?: number;
    /**
     * Expands the passed index (controlled), `-1` implies no expanded items
     */
    expandedIndex?: number;
    /**
     * Callback for change in any item's expanded state,
     * `-1` implies no expanded items
     */
    onExpandChange?: ({ expandedIndex }: {
        expandedIndex: number;
    }) => void;
    /**
     * Adds numeric index at the beginning of items
     *
     * @default false
     */
    showNumberPrefix?: boolean;
    /**
     * Visual variant of AccordionItem
     *
     * @default transparent
     */
    variant?: AccordionVariantType;
    /**
     * Size of the Accordion
     *
     * @default large
     */
    size?: 'large' | 'medium';
    /**
     * maxWidth prop of Accordion
     *
     */
    maxWidth?: BoxProps['maxWidth'];
    /**
     * Accepts `AccordionItem` child nodes
     */
    children: react__default.ReactElement | react__default.ReactElement[];
} & TestID & ElementTiming & StyledPropsBlade & Pick<BoxProps, 'minWidth' | 'maxWidth'>;

declare const Accordion: react__default.ForwardRefExoticComponent<{
    defaultExpandedIndex?: number | undefined;
    expandedIndex?: number | undefined;
    onExpandChange?: (({ expandedIndex }: {
        expandedIndex: number;
    }) => void) | undefined;
    showNumberPrefix?: boolean | undefined;
    variant?: AccordionVariantType | undefined;
    size?: "medium" | "large" | undefined;
    maxWidth?: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    } | undefined;
    children: ReactElement<any, string | react__default.JSXElementConstructor<any>> | ReactElement<any, string | react__default.JSXElementConstructor<any>>[];
} & TestID & ElementTiming & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & Pick<Partial<PaddingProps & MarginProps & {
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & FlexboxProps & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & GridProps & {
    onMouseOver: undefined;
    onMouseEnter: undefined;
    onMouseLeave: undefined;
    onScroll: undefined;
} & {
    draggable: undefined;
    onDragStart: undefined;
    onDragEnter: undefined;
    onDragLeave: undefined;
    onDragOver: undefined;
    onDragEnd: undefined;
    onDrop: undefined;
} & {
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & MakeObjectResponsive<{
    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "overlay.background.subtle" | "overlay.background.moderate";
}, "backgroundColor"> & {
    as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
} & {
    children?: react__default.ReactNode | react__default.ReactNode[];
    tabIndex?: number | undefined;
    id?: string | undefined;
} & TestID & ElementTiming & DataAnalyticsAttribute>, "maxWidth" | "minWidth"> & react__default.RefAttributes<BladeElementRef>>;

type DividerProps = {
    /**
     * Sets the orientation of divider
     *
     * @default 'horizontal'
     */
    orientation?: 'horizontal' | 'vertical';
    /**
     * Sets the style of divider
     *
     * @default 'solid'
     */
    dividerStyle?: 'solid' | 'dashed';
    /**
     * Sets the variant of divider
     *
     * @default 'normal'
     */
    variant?: 'normal' | 'subtle' | 'muted';
    /**
     * Sets the thickness of divider
     *
     * @default 'thin'
     */
    thickness?: 'thinner' | 'thin' | 'thick' | 'thicker';
    /**
     * Sets the height of divider. Divider uses Flex by default, use height only when parent is not flex.
     *
     */
    height?: CSSObject['height'];
    /**
     * Sets the width of divider. Divider uses Flex by default, use width only when parent is not flex.
     *
     */
    width?: CSSObject['width'];
} & TestID & StyledPropsBlade;
declare const Divider: react__default.ForwardRefExoticComponent<{
    /**
     * Sets the orientation of divider
     *
     * @default 'horizontal'
     */
    orientation?: "horizontal" | "vertical" | undefined;
    /**
     * Sets the style of divider
     *
     * @default 'solid'
     */
    dividerStyle?: "dashed" | "solid" | undefined;
    /**
     * Sets the variant of divider
     *
     * @default 'normal'
     */
    variant?: "subtle" | "normal" | "muted" | undefined;
    /**
     * Sets the thickness of divider
     *
     * @default 'thin'
     */
    thickness?: "thinner" | "thin" | "thick" | "thicker" | undefined;
    /**
     * Sets the height of divider. Divider uses Flex by default, use height only when parent is not flex.
     *
     */
    height?: CSSObject['height'];
    /**
     * Sets the width of divider. Divider uses Flex by default, use width only when parent is not flex.
     *
     */
    width?: CSSObject['width'];
} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;

type BaseHeaderProps = {
    title?: string;
    subtitle?: string;
    /**
     * Leading part of the header placed at the left most side of the header
     */
    leading?: react__default.ReactNode;
    /**
     * Trailing part of the header placed at the right most side of the header
     */
    trailing?: react__default.ReactNode;
    /**
     * Placed adjacent to the title text
     */
    titleSuffix?: react__default.ReactNode;
    /**
     * @default true
     */
    showDivider?: boolean;
    /**
     * @default false
     */
    showBackButton?: boolean;
    /**
     * Slot for rendering any trailing interaction element into BaseHeader.
     *
     * E.g. Used in accordion to render CollapsibleChevronIcon
     */
    trailingInteractionElement?: react__default.ReactNode;
    /**
     * Decides size of the Header
     */
    size?: 'xlarge' | 'large' | 'medium';
    /**
     * @default true
     */
    showCloseButton?: boolean;
    /**
     * Disabled state of BaseHeader
     *
     * @default false
     */
    isDisabled?: boolean;
    paddingX?: BoxProps['paddingX'];
    marginY?: BoxProps['marginY'];
    marginTop?: BoxProps['marginTop'];
    marginBottom?: BoxProps['marginBottom'];
    alignItems?: BoxProps['alignItems'];
    dividerProps?: DividerProps;
    onCloseButtonClick?: () => void;
    onBackButtonClick?: () => void;
    closeButtonRef?: react__default.MutableRefObject<any>;
    backButtonRef?: react__default.MutableRefObject<any>;
    metaComponentName?: string;
    /**
     * inner child of BottomSheetHeader. Meant to be used for AutoComplete only
     */
    children?: react__default.ReactElement | react__default.ReactElement[];
    /**
     * Background image of the header
     *
     * You can use this for adding gradients.
     */
    backgroundImage?: BoxProps['backgroundImage'];
    /**
     * So we add a wrapper with custom styles in elements like leading, trailing interaction elements and trailing.
     * this props allows you to control that.
     *
     * For example, in Accordion, we add a wrapper with flex to center the icon (in some cases)
     *
     * @default false
     */
    shouldAlignLeadingAndTrailingElementsToCenter?: boolean;
} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'> & TestID & ElementTiming & DataAnalyticsAttribute;

declare const AccordionItemHeader: ({ title, subtitle, leading, children, trailing, titleSuffix, ...rest }: Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'children' | 'trailing' | 'titleSuffix'> & DataAnalyticsAttribute) => react__default.ReactElement;

declare const AccordionItemBody: ({ children, _description, ...rest }: {
    children?: React.ReactNode | StringChildrenType;
    _description?: string | undefined;
} & DataAnalyticsAttribute) => React.ReactElement;

type AccordionItemProps = {
    /**
     * Title text content
     *
     * @deprecated Use AccordionItemHeader and AccordionItemBody
     *
     * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API
     */
    title?: string;
    /**
     * Body text content
     *
     *  @deprecated Use AccordionItemHeader and AccordionItemBody
     *
     * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API
     */
    description?: string;
    /**
     * Renders a Blade icon as title prefix (requires `showNumberPrefix={false}`)
     *
     * @deprecated Use `leading={<StarIcon size="large" />}` on AccordionItemHeader instead
     *
     * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API
     */
    icon?: IconComponent;
    /**
     * Slot, renders any custom content
     */
    children?: ReactNode | ReactNode[];
    /**
     * Disabled state of the item
     *
     * @default false
     */
    isDisabled?: boolean;
    /**
     * **Internal:** used for determining numbering, you don't need to pass this,
     * instead pass `showNumberPrefix` to root `Accordion`
     */
    _index?: number;
} & TestID & DataAnalyticsAttribute;
declare const AccordionItem: ({ title, description, icon, children, isDisabled, _index, testID, ...rest }: AccordionItemProps) => ReactElement;

type ActionListProps = {
    children: react__default.ReactNode[];
    isVirtualized?: boolean;
} & TestID & DataAnalyticsAttribute;
/**
 * ### ActionList
 *
 * List of multiple actionable items. Can be used as menu items inside `Dropdown`,
 * `BottomSheet` and as selectable items when combined with `SelectInput`
 *
 * #### Usage
 *
 * ```jsx
 * <Dropdown>
 *  <SelectInput label="Select Action" />
 *  <DropdownOverlay>
 *    <DropdownHeader title="Header Title" />
 *    <ActionList>
 *      <ActionListItem
 *        title="Home"
 *        value="home"
 *        leading={<ActionListItemIcon icon={HomeIcon} />}
 *      />
 *      <ActionListItem
 *        title="Pricing"
 *        value="pricing"
 *        leading={<ActionListItemAsset src="https://flagcdn.com/w20/in.png" alt="India Flag" />}
 *      />
 *    </ActionList>
 *    <DropdownFooter><Button>Apply</Button></DropdownFooter>
 *  </DropdownOverlay>
 * </Dropdown>
 * ```
 *
 */
declare const ActionList: react__default.MemoExoticComponent<({ children, testID, isVirtualized, ...rest }: ActionListProps) => react__default.ReactElement>;

type BadgeProps = {
    /**
     * Sets the label for the badge.
     *
     */
    children: StringChildrenType;
    /**
     * Sets the color of the badge.
     *
     * @default 'neutral'
     */
    color?: FeedbackColors | 'primary';
    /**
     * Sets the contrast of the badge.
     *
     * @default 'subtle'
     */
    emphasis?: SubtleOrIntense;
    /**
     * Sets the size of the badge.
     *
     * @default 'medium'
     */
    size?: 'xsmall' | 'small' | 'medium' | 'large';
    /**
     * Icon to be displayed in the badge.
     * Accepts a component of type `IconComponent` from Blade.
     *
     */
    icon?: IconComponent;
} & TestID & StyledPropsBlade & DataAnalyticsAttribute;
declare const Badge: react__default.ForwardRefExoticComponent<{
    /**
     * Sets the label for the badge.
     *
     */
    children: StringChildrenType;
    /**
     * Sets the color of the badge.
     *
     * @default 'neutral'
     */
    color?: FeedbackColors | "primary" | undefined;
    /**
     * Sets the contrast of the badge.
     *
     * @default 'subtle'
     */
    emphasis?: "subtle" | "intense" | undefined;
    /**
     * Sets the size of the badge.
     *
     * @default 'medium'
     */
    size?: "xsmall" | "small" | "medium" | "large" | undefined;
    /**
     * Icon to be displayed in the badge.
     * Accepts a component of type `IconComponent` from Blade.
     *
     */
    icon?: IconComponent | undefined;
} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & DataAnalyticsAttribute & react__default.RefAttributes<BladeElementRef>>;

type BaseSpinnerProps = {
    /**
     * Sets the color of the spinner.
     *
     * @default 'default'
     */
    color?: 'primary' | 'white' | FeedbackColors;
    /**
     * Sets the label of the spinner.
     *
     * @default 'right'
     */
    label?: string;
    /**
     * Sets the label of the spinner.
     *
     */
    labelPosition?: 'right' | 'bottom';
    /**
     * Sets the size of the spinner.
     *
     * @default 'medium'
     */
    size?: 'medium' | 'large' | 'xlarge';
    /**
     * Sets the aria-label for web & accessibilityLabel react-native.
     *
     */
    accessibilityLabel: string;
} & TestID & StyledPropsBlade;

type SpinnerProps = BaseSpinnerProps & {
    /**
     * Sets the color of the spinner.
     *
     * @default 'default'
     */
    color?: 'primary' | 'neutral' | 'white';
};
declare const Spinner: react__default.ForwardRefExoticComponent<{
    color?: FeedbackColors | "primary" | "white" | undefined;
    label?: string | undefined;
    labelPosition?: "bottom" | "right" | undefined;
    size?: "medium" | "large" | "xlarge" | undefined;
    accessibilityLabel: string;
} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & {
    /**
     * Sets the color of the spinner.
     *
     * @default 'default'
     */
    color?: "neutral" | "primary" | "white" | undefined;
} & react__default.RefAttributes<BladeElementRef>>;

type AriaRoles = Exclude<AccessibilityRole, 'header' | 'adjustable' | 'image' | 'none' | 'summary'> | 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
type AccessibilityProps = AriaAttributes;
type AriaAttributes = {
    role: AriaRoles;
    /**
     * Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
     */
    activeDescendant?: string;
    /**
     * Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.
     */
    atomic?: boolean;
    /**
     * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.
     */
    autoComplete?: 'none' | 'inline' | 'list' | 'both';
    /**
     * Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.
     */
    busy?: boolean;
    /**
     * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
     * @see aria-pressed @see aria-selected.
     */
    checked?: boolean | 'mixed';
    /**
     * Defines the total number of columns in a table, grid, or treegrid.
     * @see aria-colindex.
     */
    colCount?: number;
    /**
     * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
     * @see aria-colcount @see aria-colspan.
     */
    colIndex?: number;
    /**
     * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
     * @see aria-colindex @see aria-rowspan.
     */
    colSpan?: number;
    /**
     * Identifies the element (or elements) whose contents or presence are controlled by the current element.
     * @see aria-owns.
     */
    controls?: string;
    /**
     * Indicates the element that represents the current item within a container or set of related elements.
     */
    current?: boolean | 'page' | 'step' | 'location' | 'date' | 'time';
    /**
     * Identifies the element (or elements) that describes the object.
     * @see aria-labelledby
     */
    describedBy?: string;
    /**
     * Identifies the element that provides a detailed, extended description for the object.
     * @see aria-describedby.
     */
    details?: string;
    /**
     * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
     * @see aria-hidden @see aria-readonly.
     */
    disabled?: boolean;
    /**
     * Indicates what functions can be performed when a dragged object is released on the drop target.
     * @deprecated in ARIA 1.1
     */
    dropEffect?: 'none' | 'copy' | 'execute' | 'link' | 'move' | 'popup';
    /**
     * Identifies the element that provides an error message for the object.
     * @see aria-invalid @see aria-describedby.
     */
    errorMessage?: string;
    /**
     * Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
     */
    expanded?: boolean;
    /**
     * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
     * allows assistive technology to override the general default of reading in document source order.
     */
    flowTo?: string;
    /**
     * Indicates an element's "grabbed" state in a drag-and-drop operation.
     * @deprecated in ARIA 1.1
     */
    grabbed?: boolean;
    /**
     * Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
     */
    hasPopup?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
    /**
     * Indicates whether the element is exposed to an accessibility API.
     * @see aria-disabled.
     */
    hidden?: boolean;
    /**
     * Indicates the entered value does not conform to the format expected by the application.
     * @see aria-errormessage.
     */
    invalid?: boolean | 'grammar' | 'spelling';
    /**
     * Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
     */
    keyShortcuts?: string;
    /**
     * Defines a string value that labels the current element.
     * @see aria-labelledby.
     */
    label?: string;
    /**
     * Identifies the element (or elements) that labels the current element.
     * @see aria-describedby.
     */
    labelledBy?: string;
    /**
     * Defines the hierarchical level of an element within a structure.
     */
    level?: number;
    /**
     * Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.
     */
    liveRegion?: 'off' | 'assertive' | 'polite';
    /**
     * Indicates whether an element is modal when displayed.
     */
    modal?: boolean;
    /**
     * Indicates whether a text box accepts multiple lines of input or only a single line.
     */
    multiline?: boolean;
    /**
     * Indicates that the user may select more than one item from the current selectable descendants.
     */
    multiSelectable?: boolean;
    /**
     * Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
     */
    orientation?: 'horizontal' | 'vertical';
    /**
     * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
     * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
     * @see aria-controls.
     */
    owns?: string;
    /**
     * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
     * A hint could be a sample value or a brief description of the expected format.
     */
    placeholder?: string;
    /**
     * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
     * @see aria-setsize.
     */
    posInSet?: number;
    /**
     * Indicates the current "pressed" state of toggle buttons.
     * @see aria-checked @see aria-selected.
     */
    pressed?: boolean | 'mixed';
    /**
     * Indicates that the element is not editable, but is otherwise operable.
     * @see aria-disabled.
     */
    readOnly?: boolean;
    /**
     * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
     * @see aria-atomic.
     */
    relevant?: 'additions' | 'additions removals' | 'additions text' | 'all' | 'removals' | 'removals additions' | 'removals text' | 'text' | 'text additions' | 'text removals';
    /**
     * Indicates that user input is required on the element before a form may be submitted.
     */
    required?: boolean;
    /**
     * Defines a human-readable, author-localized description for the role of an element.
     */
    roleDescription?: string;
    /**
     * Defines the total number of rows in a table, grid, or treegrid.
     * @see aria-rowindex.
     */
    rowCount?: number;
    /**
     * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
     * @see aria-rowcount @see aria-rowspan.
     */
    rowIndex?: number;
    /**
     * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
     * @see aria-rowindex @see aria-colspan.
     */
    rowSpan?: number;
    /**
     * Indicates the current "selected" state of various widgets.
     * @see aria-checked @see aria-pressed.
     */
    selected?: boolean;
    /**
     * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
     * @see aria-posinset.
     */
    setSize?: number;
    /**
     * Indicates if items in a table or grid are sorted in ascending or descending order.
     */
    sort?: 'none' | 'ascending' | 'descending' | 'other';
    /**
     * Defines the maximum allowed value for a range widget.
     */
    valueMax?: number;
    /**
     * Defines the minimum allowed value for a range widget.
     */
    valueMin?: number;
    /**
     * Defines the current value for a range widget.
     * @see aria-valuetext.
     */
    valueNow?: number;
    /**
     * Defines the human readable text alternative of aria-valuenow for a range widget.
     */
    valueText?: string;
};

type InteractiveText = DotNotationToken<Theme['colors']['interactive']['text']>;
type SurfaceText = DotNotationToken<Theme['colors']['surface']['text']>;
type FeedbackText = DotNotationToken<Theme['colors']['feedback']['text']>;
type TextColors = `interactive.text.${InteractiveText}` | `surface.text.${SurfaceText}` | `feedback.text.${FeedbackText}`;
type As = 'code' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'abbr' | 'q' | 'cite' | 'figcaption' | 'div' | 'label';
type BaseTextProps = {
    id?: string;
    color?: TextColors | 'currentColor';
    fontFamily?: keyof Theme['typography']['fonts']['family'];
    fontSize?: keyof Theme['typography']['fonts']['size'];
    fontWeight?: keyof Theme['typography']['fonts']['weight'];
    fontStyle?: 'italic' | 'normal';
    textDecorationLine?: 'line-through' | 'none' | 'underline' | 'dotted';
    textTransform?: CSSProperties['textTransform'];
    lineHeight?: keyof Theme['typography']['lineHeights'];
    letterSpacing?: keyof Theme['typography']['letterSpacings'];
    wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word';
    opacity?: number;
    /**
     * Web only
     */
    as?: As;
    textAlign?: 'center' | 'justify' | 'left' | 'right';
    truncateAfterLines?: number;
    className?: string;
    style?: React.CSSProperties;
    children: React.ReactNode;
    accessibilityProps?: Partial<AccessibilityProps>;
    /**
     * React Native only
     */
    numberOfLines?: number;
    componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code' | 'display';
} & TestID & ElementTiming & DataAnalyticsAttribute & StyledPropsBlade;
type BaseTextSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';

type BaseLinkCommonProps = {
    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
    icon?: IconComponent;
    iconPosition?: 'left' | 'right';
    onClick?: (event: SyntheticEvent) => void;
    onBlur?: Platform.Select<{
        native: (event: GestureResponderEvent) => void;
        web: (event: react__default.FocusEvent<HTMLButtonElement>) => void;
    }>;
    onMouseLeave?: Platform.Select<{
        native: (event: GestureResponderEvent) => void;
        web: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
    }>;
    onKeyDown?: Platform.Select<{
        native: (event: GestureResponderEvent) => void;
        web: (event: react__default.KeyboardEvent<HTMLButtonElement>) => void;
    }>;
    accessibilityProps?: Partial<AccessibilityProps>;
    /**
     * Sets the size of the link
     *
     * @default medium
     */
    size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
    /**
     * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.
     */
    hitSlop?: {
        top?: number;
        right?: number;
        bottom?: number;
        left?: number;
    } | number;
    /**
     * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.
     */
    htmlTitle?: string;
    opacity?: number;
} & TestID & StyledPropsBlade & Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;
type BaseLinkWithoutIconProps = BaseLinkCommonProps & {
    icon?: undefined;
    children: StringChildrenType;
};
type BaseLinkWithIconProps = BaseLinkCommonProps & {
    icon: IconComponent;
    children?: StringChildrenType;
};
type BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;
type BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {
    variant?: 'anchor';
    href?: string;
    target?: string;
    rel?: string;
    isDisabled?: undefined;
};
type BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {
    variant?: 'button';
    isDisabled?: boolean;
    href?: undefined;
    target?: undefined;
    rel?: undefined;
};
type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;

type BaseButtonCommonProps = {
    href?: BaseLinkProps['href'];
    target?: BaseLinkProps['target'];
    rel?: BaseLinkProps['rel'];
    size?: 'xsmall' | 'small' | 'medium' | 'large';
    id?: string;
    tabIndex?: BaseBoxProps['tabIndex'];
    iconPosition?: 'left' | 'right';
    isDisabled?: boolean;
    isFullWidth?: boolean;
    onKeyDown?: Platform.Select<{
        native: (event: GestureResponderEvent) => void;
        web: (event: react__default.KeyboardEvent<HTMLButtonElement>) => void;
    }>;
    onClick?: Platform.Select<{
        native: (event: GestureResponderEvent) => void;
        web: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
    }>;
    type?: 'button' | 'reset' | 'submit';
    isLoading?: boolean;
    accessibilityProps?: Partial<AccessibilityProps>;
    variant?: 'primary' | 'secondary' | 'tertiary';
    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral' | 'transparent';
} & TestID & StyledPropsBlade & BladeCommonEvents;
type BaseButtonWithoutIconProps = BaseButtonCommonProps & {
    icon?: undefined;
    children: StringChildrenType;
} & DataAnalyticsAttribute;
type BaseButtonWithIconProps = BaseButtonCommonProps & {
    icon: IconComponent;
    children?: StringChildrenType;
} & DataAnalyticsAttribute;
type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;

type ButtonCommonProps = {
    /**
     * Automatically renders button with `a` tag with `href` on web
     */
    href?: BaseButtonProps['href'];
    /**
     * anchor target attribute
     *
     * Should only be used alongside `href`
     */
    target?: BaseButtonProps['target'];
    /**
     * anchor rel attribute
     *
     * Should only be used alongside `href`
     */
    rel?: BaseButtonProps['rel'];
    variant?: 'primary' | 'secondary' | 'tertiary';
    color?: 'primary' | 'white' | 'positive' | 'negative';
    size?: 'xsmall' | 'small' | 'medium' | 'large';
    iconPosition?: 'left' | 'right';
    isDisabled?: boolean;
    isFullWidth?: boolean;
    isLoading?: boolean;
    accessibilityLabel?: string;
    type?: 'button' | 'reset' | 'submit';
    /**
     * It is exposed for internal usage with tooltip.
     *
     * @private
     */
    'aria-describedby'?: string;
    /**
     * It is exposed for internal usage with menu.
     *
     * @private
     */
    'aria-controls'?: string;
    /**
     * It is exposed for internal usage with menu.
     *
     * @private
     */
    'aria-expanded'?: boolean;
    /**
     * It is exposed for internal usage with menu.
     *
     * @private
     */
    'aria-haspopup'?: 'menu';
    /**
     * It is exposed for internal usage with menu.
     *
     * @private
     */
    role?: AriaRoles;
    tabIndex?: BaseButtonProps['tabIndex'];
    onClick?: Platform.Select<{
        native: (event: GestureResponderEvent) => void;
        web: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
    }>;
} & TestID & StyledPropsBlade & DataAnalyticsAttribute & BladeCommonEvents;
type ButtonWithoutIconProps = ButtonCommonProps & {
    icon?: undefined;
    children: StringChildrenType;
};
type ButtonWithIconProps = ButtonCommonProps & {
    icon: IconComponent;
    children?: StringChildrenType;
};
type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;
declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<BladeElementRef>>;

type AvatarSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
type AvatarImgProps = {
    /**
     * Custom image source
     */
    src?: string;
    /**
     * The `alt` attribute for the `img` element
     */
    alt?: string;
    /**
     * The `srcSet` attribute for the `img` element, useful for responsive images.
     */
    srcSet?: string;
    /**
     * CORS settings attributes
     */
    crossOrigin?: ImgHTMLAttributes<''>['crossOrigin'];
    /**
     * Defines which referrer is sent when fetching the resource.
     */
    referrerPolicy?: HTMLAttributeReferrerPolicy;
};
type AvatarGroupProps = {
    /**
     * Children elements representing the avatars to stack.
     */
    children: react__default.ReactNode;
    /**
     * The size of each avatar within the group. Propagates to all avatars.
     * @default "medium"
     */
    size?: AvatarSize;
    /**
     * The maximum number of avatars to display before truncating.
     */
    maxCount?: number;
    testID?: string;
} & DataAnalyticsAttribute;
type AvatarCommonProps = {
    /**
     * The size of the avatar.
     * @default "medium"
     */
    size?: AvatarSize;
    /**
     * The visual variant of the avatar.
     * @default "circle"
     */
    variant?: 'circle' | 'square';
    /**
     * The color theme of the avatar.
     * @default "neutral"
     */
    color?: 'primary' | FeedbackColors;
    /**
     * Custom icon component to use as the avatar.
     */
    icon?: IconComponent;
    /**
     * The name of the avatar, used to generate initials.
     * If src has loaded, the name will be used as the alt attribute of the img. If src is not loaded, the name will be used to create the initials.
     */
    name?: string;
    /**
     * Automatically renders button with `a` tag with `href` on web
     */
    href?: ButtonProps['href'];
    /**
     * anchor target attribute
     *
     * Should only be used alongside `href`
     */
    target?: ButtonProps['target'];
    /**
     * anchor rel attribute
     *
     * Should only be used alongside `href`
     */
    rel?: ButtonProps['rel'];
    /**
     * Click handler for the avatar.
     */
    onClick?: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
    isSelected?: boolean;
    /**
     * Custom icon component to render at bottom of the avatar.
     * Only accepts:
     * - IconComponent
     */
    bottomAddon?: IconComponent;
    /**
     * Custom component to render at top of the avatar.
     *
     * Only accepts:
     * - Indicator
     */
    topAddon?: react__default.ReactElement;
    testID?: string;
} & BladeCommonEvents & StyledPropsBlade;
type AvatarProps = AvatarCommonProps & AvatarImgProps & DataAnalyticsAttribute;

type ActionListItemProps = {
    title: string;
    description?: string;
    onClick?: (clickProps: {
        name: string;
        value?: boolean;
        event: Platform.Select<{
            web: react__default.MouseEvent;
            native: react__default.TouchEvent<TouchableOpacity>;
        }>;
    }) => void;
    /**
     * value that you get from `onChange` event on SelectInput or in form submissions.
     */
    value: string;
    /**
     * Link to open when item is clicked.
     */
    href?: string;
    /**
     * HTML target of the link
     */
    target?: string;
    /**
     * Item that goes on left-side of item.
     *
     * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`
     *
     * Will be overriden in multiselect
     */
    leading?: react__default.ReactNode;
    /**
     * Item that goes on right-side of item.
     *
     * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`
     */
    trailing?: react__default.ReactNode;
    /**
     * Item that goes immediately next to the title.
     *
     * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`
     *
     */
    titleSuffix?: react__default.ReactElement;
    isDisabled?: boolean;
    intent?: Extract<FeedbackColors, 'negative'>;
    /**
     * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.
     *
     * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.
     */
    isSelected?: boolean;
    /**
     * Internally passed from ActionList. No need to pass it explicitly
     *
     * @private
     */
    _index?: number;
    /**
     * Internally used to pass index for virtualized lists
     *
     * @private
     */
    _virtualizedIndex?: number;
    /**
     * Internally used to focus on virtualized list
     *
     * @private
     */
    _onVirtualizedFocus?: (_virtuazedIndex: number) => void;
} & TestID & DataAnalyticsAttribute;
type ActionListSectionProps = {
    title: string;
    children: react__default.ReactNode[] | react__default.ReactNode;
    /**
     * Internally used to hide the divider on final item in React Native
     *
     * Should not be used by consumers (also won't work on web)
     *
     * @private
     */
    _hideDivider?: boolean;
    /**
     * Internally used to hide / show section in AutoComplete
     *
     * @private
     */
    _sectionChildValues?: string[];
} & TestID & DataAnalyticsAttribute;
declare const ActionListSectionTitle: ({ title, isInsideVirtualizedList, }: {
    title: string;
    isInsideVirtualizedList?: boolean | undefined;
}) => react__default.ReactElement;
declare const ActionListSection: react__default.MemoExoticComponent<({ title, children, testID, _hideDivider, _sectionChildValues, ...rest }: ActionListSectionProps) => react__default.ReactElement>;
declare const ActionListItemIcon: ({ icon }: {
    icon: IconComponent;
}) => react__default.ReactElement;
declare const ActionListItemBadgeGroup: ({ children, }: {
    children: react__default.ReactElement[] | react__default.ReactElement;
}) => react__default.ReactElement;
declare const ActionListItemAvatar: (avatarProps: Omit<AvatarProps, 'size' | ''>) => react__default.ReactElement;
declare const ActionListItemBadge: (props: BadgeProps) => react__default.ReactElement;
declare const ActionListItemText: ({ children, }: {
    children: StringChildrenType;
}) => react__default.ReactElement;
declare const ActionListItem: react__default.MemoExoticComponent<(props: ActionListItemProps) => react__default.ReactElement>;

type ActionListItemAssetProps = {
    /**
     * Source of the image.
     *
     * Can either be a string URI or `require('/local/image')` in React Native
     */
    src: string | ImageSourcePropType;
    /**
     * Alt tag for the image
     */
    alt: string;
};
declare const ActionListItemAsset: (props: ActionListItemAssetProps) => React.ReactElement;

type PrimaryAction = {
    text: string;
    onClick: () => void;
};
type SecondaryActionButton = {
    text: string;
    onClick: () => void;
};
type SecondaryActionLinkButton = {
    text: string;
    href: string;
    onClick?: () => void;
    target?: string;
    /**
     * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`
     */
    rel?: string;
};
type SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;
type AlertProps = {
    /**
     * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.
     */
    description: ReactChild;
    /**
     * A brief heading
     */
    title?: string;
    /**
     * Shows a dismiss button
     *
     * @default true
     */
    isDismissible?: boolean;
    /**
     * A callback when the dismiss button is clicked
     */
    onDismiss?: () => void;
    /**
     * Can be used to render custom icon
     */
    icon?: IconComponent;
    /**
     * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.
     *
     * @default subtle
     */
    emphasis?: SubtleOrIntense;
    /**
     * Makes the Alert span the entire container width, instead of the default max width of `584px`.
     * This also makes the alert borderless, useful for creating full bleed layouts.
     *
     * @default false
     */
    isFullWidth?: boolean;
    /**
     * Sets the color tone
     */
    color?: FeedbackColors;
    /**
     * Renders a primary action button and a secondary action link button
     */
    actions?: {
        /**
         * Renders a button (should **always** be present if `secondary` action is being used)
         */
        primary?: PrimaryAction;
        /**
         * Renders a Link button
         */
        secondary?: SecondaryAction;
    };
} & TestID & StyledPropsBlade & DataAnalyticsAttribute;
declare const Alert: react__default.ForwardRefExoticComponent<{
    /**
     * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.
     */
    description: ReactChild;
    /**
     * A brief heading
     */
    title?: string | undefined;
    /**
     * Shows a dismiss button
     *
     * @default true
     */
    isDismissible?: boolean | undefined;
    /**
     * A callback when the dismiss button is clicked
     */
    onDismiss?: (() => void) | undefined;
    /**
     * Can be used to render custom icon
     */
    icon?: IconComponent | undefined;
    /**
     * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.
     *
     * @default subtle
     */
    emphasis?: "subtle" | "intense" | undefined;
    /**
     * Makes the Alert span the entire container width, instead of the default max width of `584px`.
     * This also makes the alert borderless, useful for creating full bleed layouts.
     *
     * @default false
     */
    isFullWidth?: boolean | undefined;
    /**
     * Sets the color tone
     */
    color?: FeedbackColors | undefined;
    /**
     * Renders a primary action button and a secondary action link button
     */
    actions?: {
        /**
         * Renders a button (should **always** be present if `secondary` action is being used)
         */
        primary?: PrimaryAction | undefined;
        /**
         * Renders a Link button
         */
        secondary?: SecondaryAction | undefined;
    } | undefined;
} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & DataAnalyticsAttribute & react__default.RefAttributes<BladeElementRef>>;

type AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
type AmountDisplayProps = {
    type?: 'display';
    size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;
    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
};
type AmountHeadingProps = {
    type?: 'heading';
    size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;
};
type AmountBodyProps = {
    type?: 'body';
    size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
};
type AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;

type AmountCommonProps = {
    /**
     * The value to be rendered within the component.
     *
     */
    value: number;
    /**
     * Sets the color of the amount.
     *
     * @default undefined
     */
    color?: BaseTextProps['color'];
    /**
     * Indicates what the suffix of amount should be
     *
     * @default 'decimals'
     */
    suffix?: 'decimals' | 'none' | 'humanize';
    /**
     * Makes the currency indicator(currency symbol/code) and decimal digits small and faded
     *
     * @default true
     */
    isAffixSubtle?: true | false;
    /**
     * Determines the visual representation of the currency, choose between displaying the currency symbol or code.
     *
     * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.
     *
     * @default 'currency-symbol'
     */
    currencyIndicator?: 'currency-symbol' | 'currency-code';
    /**
     * The currency of the amount.  Note that this component
     * only displays the provided value in the specified currency, it does not perform any currency conversion.
     *
     * @default 'INR'
     * */
    currency?: CurrencyCodeType;
    /**
     * If true, the amount text will have a line through it.
     *
     * @default false
     */
    isStrikethrough?: boolean;
    /**
     * Controls the number of decimal places to display when suffix is 'decimals'.
     *
     * Set to `'auto'` to automatically determine decimal places based on the currency
     * (e.g. JPY → 0 decimals, INR → 2 decimals, KWD → 3 decimals).
     *
     * @default 2
     */
    fractionDigits?: number | 'auto';
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
type AmountProps = AmountTypeProps & AmountCommonProps;
declare const Amount: react__default.ForwardRefExoticComponent<AmountProps & react__default.RefAttributes<BladeElementRef>>;

type MotionTriggerEntryExitType = 'mount' | 'in-view' | 'focus' | 'on-animate-interactions';
type MotionTriggersType = MotionTriggerEntryExitType | 'hover' | 'tap';
type MotionVariantsType = {
    initial: TargetAndTransition & {
        transition?: Tween;
    };
    animate: TargetAndTransition & {
        transition?: Tween;
    };
    exit: TargetAndTransition & {
        transition?: Tween;
    };
};
type MotionDelay = keyof Delay | {
    enter: keyof Delay;
    exit: keyof Delay;
};
type BaseMotionBoxProps = {
    as?: react__default.ReactElement;
    children: react__default.ReactElement;
    /**
     * Whether component should animate in, animate out, or animate both in and out
     *
     * With type="in", component will only animate in but immediately be removed on exit without animation
     * With type="out", component will only animate out but immediately mount on enter without animation
     * With type="inout", component animates in and out both
     *
     * @default 'inout'
     */
    type?: 'in' | 'out' | 'inout';
    /**
     * @default ['mount']
     */
    motionTriggers?: MotionTriggersType[];
    /**
     * This internally maps to `variants` of motion/react
     */
    motionVariants?: MotionVariantsType;
    /**
     * Option to override the animate
     *
     * Useful when you want to control animation custom
     *
     * E.g.
     * ```js
     * const controls = useAnimationControls();
     *
     * animate={controls}
     * ```
     */
    animate?: AnimationControls;
    /**
     * This is for scenarios where you want to conditionally animate a component instead of it having static defined animation.
     *
     * E.g. In scenarios where your motion component is always mounted, you can use this to switch visibility
     *
     * ```js
     * animateVisibility={isVisible ? 'animate' : 'exit'}
     * ```
     */
    animateVisibility?: keyof MotionVariantsType;
};
type BaseMotionEntryExitProps = Pick<BaseMotionBoxProps, 'children' | 'motionVariants' | 'type'> & {
    /**
     * Handle visibility of motion component.
     *
     * By default components animate on mount but if you want to mount/unmount them, use this prop instead
     *
     * ### ❌ Incorrect way to handle visibility of components
     *
     * ```jsx
     * isVisible ? <Fade><MyComponent /></Fade> : null
     * ```
     *
     * ### ✅ Correct way
     *
     * ```jsx
     * <Fade isVisible={isVisible}><MyComponent />
     * ```
     *
     * This prop allows us to handle exit animations before the component unmounts
     */
    isVisible?: boolean;
    /**
     * ### Usage
     *
     * ```jsx
     * <Fade motionTriggers={['in-view']}>
     *   <Text>I appear when the component is in view of the scroll</Text>
     * </Fade>
     * ```
     *
     * Values:
     * - mount: Component animates when it mounts
     * - in-view: Component animates when its in view of the scroll
     * - focus: Component animates in when its in focus
     * - on-animate-interactions: Component animates based on motionTriggers of <AnimateInteractions /> component
     *
     * @default ['mount']
     */
    motionTriggers?: MotionTriggerEntryExitType[];
    /**
     * By default components are only made opacity: 0. When this prop is set to true, components will unmount and be removed from the page.
     *
     * **Warn:** Setting this true might cause layout shifts in your page since component will be removed so do check it once and add minHeight to its container
     *
     * @default false
     */
    shouldUnmountWhenHidden?: boolean;
    /**
     * Handles delay of animations
     *
     * ## Usage
     *
     * ```jsx
     * <Fade delay="quick"></Fade>
     * ```
     *
     * ### Different delays for enter and exit
     *
     * ```jsx
     * <Fade delay={{ enter: 'quick', exit: 'gentle' }}></Fade>
     * ```
     *
     * @default undefined
     */
    delay?: MotionDelay;
};
type MotionMeta = {
    innerRef: react__default.Ref<HTMLElement>;
    isEnhanced: boolean;
};
type MotionMetaProp = {
    /**
     * @private
     *
     * This prop is internally injected when Motion Preset enhances some component.
     *
     * You only need to add this prop to component that requires you to pass ref to some internal component. E.g. in checkbox, we need ref on internal input component but we also need one ref on outer component.
     * Use this in combination with `getOuterMotionRef` and `getInnerMotionRef` utilities
     */
    _motionMeta?: MotionMeta;
};

type AnimateInteractionsProps = {
    children: React.ReactElement;
    /**
     * AnimateInteractions is a component meant to give you triggers that animate children inside of it.
     *
     * So the motionTriggers you apply here will be applied on AnimateInteractions and children will animate based on that.
     *
     * E.g.
     *
     * ```jsx
     * <AnimateInteractions
     *    motionTriggers={['hover']}
     *  > // <-- When this is hovered
     *  <Box>
     *    <Move
     *      motionTriggers={['on-animate-interactions']}
     *    > // <-- this animates in
     *      <Box />
     *    </Move>
     *  </Box>
     * </AnimateInteractions>
     * ```
     */
    motionTriggers?: BaseMotionBoxProps['motionTriggers'];
};

declare const AnimateInteractions: (_props: AnimateInteractionsProps) => React.ReactElement;

declare const Avatar: (_props: AvatarProps) => React.ReactElement;

declare const AvatarGroup: (_props: AvatarGroupProps) => React.ReactElement;

declare const TrustedBadgeIcon: IconComponent;

type SnapPoints = [number, number, number];

type BaseFooterProps = {
    children: react__default.ReactNode;
    metaComponentName?: string;
    showDivider?: boolean;
    padding?: BoxProps['padding'];
} & TestID & DataAnalyticsAttribute;

type BottomSheetProps = {
    /**
     * Accepts BottomSheetHeader, BottomSheetFooter, BottomSheetBody
     */
    children: React.ReactNode;
    /**
     * SnapPoints in which the bottom sheeet will rest on.
     * Accepts numbers between 0 & 1 which maps to the total view height of the screen, 0.5 means 50% of screen height.
     *
     * @default [0.35, 0.5, 0.85]
     */
    snapPoints?: SnapPoints;
    /**
     * Called when the bottom sheet is closed, either by user state, hitting `esc` or tapping backdrop
     */
    onDismiss?: () => void;
    /**
     * Whether the bottom sheet can be dismissed by tapping backdrop, swiping down.
     * @default true
     */
    isDismissible?: boolean;
    /**
     * Toggles bottom sheet state
     *
     * @default false
     */
    isOpen?: boolean;
    /**
     * Ref element you want to get keyboard focus when opening the sheet
     * By default the initial focus will go to the close button
     */
    initialFocusRef?: React.MutableRefObject<any>;
    /**
     * Sets the z-index of the bottom sheet
     * Note: when using stacked bottom sheet make sure all the bottom sheets have the same zIndex
     * @default 100
     */
    zIndex?: number;
} & DataAnalyticsAttribute;
type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'showBackButton' | 'onBackButtonClick' | 'children'> & {
    /**
     * Trailing element to be rendered in the Header
     *
     * Accepts one of `Badge`, `Text`, `Button`, `Link`
     */
    trailing?: BaseHeaderProps['trailing'];
    /**
     * Renders an adornment besides the title
     *
     * Accepts `Counter`
     */
    titleSuffix?: BaseHeaderProps['titleSuffix'];
} & DataAnalyticsAttribute;
type BottomSheetFooterProps = Pick<BaseFooterProps, 'children'> & DataAnalyticsAttribute;
type BottomSheetBodyProps = {
    children: React.ReactNode;
    /**
     * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately
     * @default `spacing.5`
     *
     * **Links:**
     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs
     */
    padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.5'>;
    overflow?: BaseBoxProps['overflow'];
} & DataAnalyticsAttribute;

declare const BottomSheetHeader: ({ title, subtitle, leading, trailing, titleSuffix, showBackButton, onBackButtonClick, children, }: BottomSheetHeaderProps) => react__default.ReactElement;

declare const BottomSheetBody: ({ children, padding, }: BottomSheetBodyProps) => react__default.ReactElement;

declare const BottomSheetFooter: ({ children }: BottomSheetFooterProps) => react__default.ReactElement;

declare const BottomSheet: ({ children, snapPoints, isOpen, onDismiss, isDismissible, initialFocusRef, zIndex, }: BottomSheetProps) => react__default.ReactElement;

type LinkCommonProps = {
    variant?: 'anchor' | 'button';
    icon?: IconComponent;
    color?: 'primary' | 'white' | 'neutral' | 'negative' | 'positive';
    iconPosition?: 'left' | 'right';
    isDisabled?: boolean;
    onClick?: (event: SyntheticEvent) => void;
    href?: string;
    target?: string;
    accessibilityLabel?: string;
    /**
     * It is exposed for internal usage with tooltip.
     *
     * @private
     */
    'aria-describedby'?: string;
    /**
     * Sets the size of the link
     *
     * @default medium
     */
    size?: BaseLinkProps['size'];
} & TestID & StyledPropsBlade & BladeCommonEvents & Platform.Select<{
    native: {
        /**
         * Defines how far your touch can start away from the link
         */
        hitSlop?: {
            top?: number;
            right?: number;
            bottom?: number;
            left?: number;
        } | number;
        /**
         * This is a web only prop and has no effect on react-native.
         */
        htmlTitle?: undefined;
    };
    web: {
        /**
         * This is a react-native only prop and has no effect on web.
         */
        hitSlop?: undefined;
        /**
         * The title of the link which is displayed as a tooltip.
         */
        htmlTitle?: string;
    };
}>;
type LinkWithoutIconProps = LinkCommonProps & {
    icon?: undefined;
    children: StringChildrenType;
};
type LinkWithIconProps = LinkCommonProps & {
    icon: IconComponent;
    children?: StringChildrenType;
};
type LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;
type LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {
    variant?: 'anchor';
    href?: string;
    target?: string;
    rel?: string;
    isDisabled?: undefined;
} & DataAnalyticsAttribute;
type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {
    variant?: 'button';
    isDisabled?: boolean;
    href?: undefined;
    target?: undefined;
    rel?: undefined;
} & DataAnalyticsAttribute;
type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;
declare const Link: react__default.ForwardRefExoticComponent<LinkProps & react__default.RefAttributes<BladeElementRef>>;

type BottomNavProps = {
    /**
     * children slot of BottomNav, accepts BottomNavItem
     */
    children: react__default.ReactNode;
    /**
     * zIndex of BottomNav
     *
     * @default 100
     */
    zIndex?: number;
} & StyledPropsBlade & TestID & DataAnalyticsAttribute;
type BottomNavItemProps = {
    /**
     * Title text of the BottomNavItem
     */
    title: string;
    /**
     * Icon rendered above the title.
     *
     * Accepts icon component from blade
     */
    icon: IconComponent;
    /**
     * href property of link
     *
     * maps to `to` property when react router is being used
     */
    href?: LinkProps['href'];
    /**
     * HTML's `target` attribute for anchor links
     */
    target?: LinkProps['target'];
    /**
     * HTML's `rel` tag of anchor links
     */
    rel?: LinkProps['rel'];
    /**
     * as prop to pass ReactRouter's Link component.
     *
     * ```jsx
     * import { NavLink } from 'react-router-dom';
     *
     * <BottomNavItem as={Link} />
     * ```
     */
    as?: react__default.ComponentType<any>;
    /**
     * Active state of the BottomNavItem.
     *
     * Use this to set the current page's active state using react router
     */
    isActive?: boolean;
    /**
     * onClick handler of BottomNavItem
     */
    onClick?: Platform.Select<{
        web: react__default.MouseEventHandler;
        native: undefined;
    }>;
} & TestID & DataAnalyticsAttribute;

declare const BottomNav: (_props: BottomNavProps) => React.ReactElement;
declare const BottomNavItem: (_props: BottomNavItemProps) => React.ReactElement;

type BreadcrumbProps = StyledPropsBlade & {
    /**
     * Size of the Breadcrumb
     *
     * @default medium
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * Color of the Breadcrumb
     *
     * @default neutral
     */
    color?: 'neutral' | 'primary' | 'white';
    /**
     * Content of the Breadcrumb, accepts BreadcrumbItem
     */
    children: React.ReactNode;
    /**
     * Whether to show the last separator
     */
    showLastSeparator?: boolean;
    /**
     * aria-label for breadcrumb
     */
    accessibilityLabel?: string;
} & DataAnalyticsAttribute;
type BreadcrumbItemProps = {
    /**
     * Href of the BreadcrumbItem
     */
    href: string;
    /**
     * Function to be called on click of the BreadcrumbItem,
     *
     * This can be used to integrate with routing libraries like `react-router-dom`
     */
    onClick?: LinkProps['onClick'];
    /**
     * Whether the BreadcrumbItem is the current page,
     * Sets the aria-current attribute to `page`
     *
     * @default false
     */
    isCurrentPage?: boolean;
    /**
     * Content of the BreadcrumbItem
     */
    children?: StringChildrenType;
    /**
     * Icon to be shown before the BreadcrumbItem
     */
    icon?: IconComponent;
    /**
     * Accessibility label for the BreadcrumbItem, can be used in icon only variant
     */
    accessibilityLabel?: string;
} & DataAnalyticsAttribute;

declare const Breadcrumb: (_: BreadcrumbProps) => React.ReactElement;

declare const BreadcrumbItem: (_: BreadcrumbItemProps) => React.ReactElement;

type IconButtonProps = {
    /**
     * Icon component to be rendered, eg. `CloseIcon`
     */
    icon: IconComponent;
    /**
     * Icon size
     *
     * @default 'medium'
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * Icon contrast
     *
     * @default 'intense'
     */
    emphasis?: SubtleOrIntense;
    /**
     * Sets aria-label to help users know what the action does, eg 'Dismiss alert'
     */
    accessibilityLabel: string;
    /**
     * Disabled state for IconButton
     */
    isDisabled?: boolean;
    /**
     * Sets tabindex property on button element
     */
    _tabIndex?: number;
} & DataAnalyticsAttribute & BladeCommonEvents & StyledPropsBlade & Platform.Select<{
    web: {
        onClick: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
        /**
         * This changes the hover interaction to highlight icon more
         *
         * **Only available on web currently**
         */
        isHighlighted?: boolean;
    };
    native: {
        onClick: (event: GestureResponderEvent) => void;
        isHighlighted?: undefined;
    };
}>;
declare const IconButton: react__default.ForwardRefExoticComponent<{
    /**
     * Icon component to be rendered, eg. `CloseIcon`
     */
    icon: IconComponent;
    /**
     * Icon size
     *
     * @default 'medium'
     */
    size?: "small" | "medium" | "large" | undefined;
    /**
     * Icon contrast
     *
     * @default 'intense'
     */
    emphasis?: "subtle" | "intense" | undefined;
    /**
     * Sets aria-label to help users know what the action does, eg 'Dismiss alert'
     */
    accessibilityLabel: string;
    /**
     * Disabled state for IconButton
     */
    isDisabled?: boolean | undefined;
    /**
     * Sets tabindex property on button element
     */
    _tabIndex?: number | undefined;
} & DataAnalyticsAttribute & BladeCommonEvents & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native.AnimatableNumericValue | {
        readonly base?: react_native.AnimatableNumericValue | undefined;
        readonly xs?: react_native.AnimatableNumericValue | undefined;
        readonly s?: react_native.AnimatableNumericValue | undefined;
        readonly m?: react_native.AnimatableNumericValue | undefined;
        readonly l?: react_native.AnimatableNumericValue | undefined;
        readonly xl?: react_native.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | {
        readonly base?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly xs?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly s?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly m?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly l?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly xl?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & {
    onClick: (event: GestureResponderEvent) => void;
    isHighlighted?: undefined;
} & {
    __brand__?: "platform-native" | undefined;
} & react__default.RefAttributes<BladeElementRef>>;

type ButtonGroupProps = {
    /**
     * Accepts multiple Button components as children
     */
    children: React.ReactNode;
    /**
     * Specifies the visual style variant of the ButtonGroup.
     *
     * @default 'primary'
     */
    variant?: ButtonProps['variant'];
    /**
     * Specifies the size of the ButtonGroup.
     *
     * @default 'medium'
     */
    size?: ButtonProps['size'];
    /**
     * Specifies the color of the ButtonGroup.
     *
     * @default 'primary'
     */
    color?: ButtonProps['color'];
    /**
     * Specifies whether the ButtonGroup should take up the full width of its container.
     */
    isFullWidth?: boolean;
    /**
     * Disables or enables the ButtonGroup component
     *
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Test ID for automation
     */
    testID?: string;
} & DataAnalyticsAttribute & StyledPropsBlade;

declare const ButtonGroup: (_props: ButtonGroupProps) => React.ReactElement;

type CardSpacingValueType = Extract<SpacingValueType, 'spacing.0' | 'spacing.3' | 'spacing.4' | 'spacing.5' | 'spacing.7'>;

declare const ComponentIds: {
    CardHeader: string;
    CardHeaderTrailing: string;
    CardHeaderLeading: string;
    CardFooter: string;
    CardFooterTrailing: string;
    CardFooterLeading: string;
    CardBody: string;
    CardHeaderIcon: string;
    CardHeaderCounter: string;
    CardHeaderBadge: string;
    CardHeaderAmount: string;
    CardHeaderText: string;
    CardHeaderLink: string;
    CardHeaderIconButton: string;
};
type CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<Theme['colors']['surface']['background']['gray']>}`;
type CardProps = {
    /**
     * Card contents
     */
    children: react__default.ReactNode;
    /**
     * Sets the background color of the Card
     *
     * @default `surface.background.gray.intense`
     *
     * @deprecated The `backgroundColor` prop is deprecated and is a no-op. The Card always uses `surface.background.gray.intense`. This prop will be removed in a future major version.
     */
    backgroundColor?: CardSurfaceBackgroundColors;
    /**
     * Sets the border radius of the Card
     *
     * @default `medium`
     *
     * @deprecated The `borderRadius` prop is deprecated and is a no-op. The Card always uses `medium` borderRadius. This prop will be removed in a future major version.
     */
    borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;
    /**
     * Sets the elevation for Cards
     *
     * **Links:**
     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs
     *
     * @deprecated The `elevation` prop is deprecated and is a no-op. The Card always uses a custom elevation. This prop will be removed in a future major version.
     */
    elevation?: keyof Elevation;
    /**
     * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately
     * @default `spacing.7`
     *
     * **Links:**
     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs
     */
    padding?: CardSpacingValueType;
    /**
     * Sets the width of the card
     */
    width?: BoxProps['width'];
    /**
     * Sets the height of the card
     */
    height?: BoxProps['height'];
    /**
     * Sets minimum height of the card
     */
    minHeight?: BoxProps['minHeight'];
    /**
     * Sets minimum width of the card
     */
    minWidth?: BoxProps['minWidth'];
    /**
     * Sets maximum width of the card
     */
    maxWidth?: BoxProps['maxWidth'];
    /**
     * If `true`, the card will be in selected state
     * Card will have a primary color border around it.
     *
     * @default false
     */
    isSelected?: boolean;
    /**
     * Makes the Card linkable by setting the `href` prop
     *
     * @default undefined
     */
    href?: string;
    /**
     * Sets the `target` attribute for the linkable card
     */
    target?: string;
    /**
     * Sets the `rel` attribute for the linkable card
     */
    rel?: string;
    /**
     * Sets the accessibility label for the card
     * This is useful when the card has an `href` or `onClick` prop
     * Setting this will announce the label when the card is focused
     */
    accessibilityLabel?: string;
    /**
     * If `true`, the card will scale up on hover
     *
     * On mobile devices it will scale down on press
     *
     * **This prop is deprecated in favour of motion presets released in v12**
     *
     * ### Migration
     *
     * ```diff
     * - <Card
     * -  shouldScaleOnHover
     * - />
     *
     * + <Scale motionTriggers={['hover']}>
     * +   <Card />
     * + </Scale>
     * ```
     *
     * @default false
     *
     * @deprecated This prop is deprecated in favour of motion presets released in v12
     */
    shouldScaleOnHover?: boolean;
    /**
     * Callback triggered when the card is hovered
     */
    onHover?: () => void;
    /**
     * Sets the size of the card header title
     *
     * @default 'large'
     */
    size?: 'large' | 'medium';
    /**
     * Callback triggered when the card is clicked
     */
    onClick?: (event: Platform.Select<{
        web: react__default.MouseEvent;
        native: GestureResponderEvent;
    }>) => void;
    /**
     * Sets the HTML element for the Card
     *
     * When `as` is set to `label`, the card will be rendered as a label element
     * This can be used to create a custom checkbox or radio button using the card
     *
     * @default undefined
     */
    as?: 'label';
    cursor?: Platform.Select<{
        web: CSSObject['cursor'];
        native: undefined;
    }>;
    opacity?: BoxProps['opacity'];
    transition?: BoxProps['transition'];
    flexShrink?: BoxProps['flexShrink'];
    /**
     * Sets the overflow behavior of the card content
     */
    overflow?: BoxProps['overflow'];
    /**
     * Sets the horizontal overflow behavior of the card content
     */
    overflowX?: BoxProps['overflowX'];
    /**
     * Sets the vertical overflow behavior of the card content
     */
    overflowY?: BoxProps['overflowY'];
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
type CardBodyProps = {
    children: react__default.ReactNode;
    height?: BoxProps['height'];
} & TestID & DataAnalyticsAttribute;
declare const Card: react__default.ForwardRefExoticComponent<{
    /**
     * Card contents
     */
    children: react__default.ReactNode;
    /**
     * Sets the background color of the Card
     *
     * @default `surface.background.gray.intense`
     *
     * @deprecated The `backgroundColor` prop is deprecated and is a no-op. The Card always uses `surface.background.gray.intense`. This prop will be removed in a future major version.
     */
    backgroundColor?: "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | undefined;
    /**
     * Sets the border radius of the Card
     *
     * @default `medium`
     *
     * @deprecated The `borderRadius` prop is deprecated and is a no-op. The Card always uses `medium` borderRadius. This prop will be removed in a future major version.
     */
    borderRadius?: "medium" | "large" | "xlarge" | undefined;
    /**
     * Sets the elevation for Cards
     *
     * **Links:**
     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs
     *
     * @deprecated The `elevation` prop is deprecated and is a no-op. The Card always uses a custom elevation. This prop will be removed in a future major version.
     */
    elevation?: ElevationLevels | undefined;
    /**
     * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately
     * @default `spacing.7`
     *
     * **Links:**
     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs
     */
    padding?: CardSpacingValueType | undefined;
    /**
     * Sets the width of the card
     */
    width?: BoxProps['width'];
    /**
     * Sets the height of the card
     */
    height?: BoxProps['height'];
    /**
     * Sets minimum height of the card
     */
    minHeight?: BoxProps['minHeight'];
    /**
     * Sets minimum width of the card
     */
    minWidth?: BoxProps['minWidth'];
    /**
     * Sets maximum width of the card
     */
    maxWidth?: BoxProps['maxWidth'];
    /**
     * If `true`, the card will be in selected state
     * Card will have a primary color border around it.
     *
     * @default false
     */
    isSelected?: boolean | undefined;
    /**
     * Makes the Card linkable by setting the `href` prop
     *
     * @default undefined
     */
    href?: string | undefined;
    /**
     * Sets the `target` attribute for the linkable card
     */
    target?: string | undefined;
    /**
     * Sets the `rel` attribute for the linkable card
     */
    rel?: string | undefined;
    /**
     * Sets the accessibility label for the card
     * This is useful when the card has an `href` or `onClick` prop
     * Setting this will announce the label when the card is focused
     */
    accessibilityLabel?: string | undefined;
    /**
     * If `true`, the card will scale up on hover
     *
     * On mobile devices it will scale down on press
     *
     * **This prop is deprecated in favour of motion presets released in v12**
     *
     * ### Migration
     *
     * ```diff
     * - <Card
     * -  shouldScaleOnHover
     * - />
     *
     * + <Scale motionTriggers={['hover']}>
     * +   <Card />
     * + </Scale>
     * ```
     *
     * @default false
     *
     * @deprecated This prop is deprecated in favour of motion presets released in v12
     */
    shouldScaleOnHover?: boolean | undefined;
    /**
     * Callback triggered when the card is hovered
     */
    onHover?: (() => void) | undefined;
    /**
     * Sets the size of the card header title
     *
     * @default 'large'
     */
    size?: "medium" | "large" | undefined;
    /**
     * Callback triggered when the card is clicked
     */
    onClick?: ((event: Platform.Select<{
        web: react__default.MouseEvent;
        native: GestureResponderEvent;
    }>) => void) | undefined;
    /**
     * Sets the HTML element for the Card
     *
     * When `as` is set to `label`, the card will be rendered as a label element
     * This can be used to create a custom checkbox or radio button using the card
     *
     * @default undefined
     */
    as?: "label" | undefined;
    cursor?: undefined;
    opacity?: BoxProps['opacity'];
    transition?: BoxProps['transition'];
    flexShrink?: BoxProps['flexShrink'];
    /**
     * Sets the overflow behavior of the card content
     */
    overflow?: BoxProps['overflow'];
    /**
     * Sets the horizontal overflow behavior of the card content
     */
    overflowX?: BoxProps['overflowX'];
    /**
     * Sets the vertical overflow behavior of the card content
     */
    overflowY?: BoxProps['overflowY'];
} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native.AnimatableNumericValue | {
        readonly base?: react_native.AnimatableNumericValue | undefined;
        readonly xs?: react_native.AnimatableNumericValue | undefined;
        readonly s?: react_native.AnimatableNumericValue | undefined;
        readonly m?: react_native.AnimatableNumericValue | undefined;
        readonly l?: react_native.AnimatableNumericValue | undefined;
        readonly xl?: react_native.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | {
        readonly base?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly xs?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly s?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly m?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly l?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly xl?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;
declare const CardBody: ({ height, children, testID, ...rest }: CardBodyProps) => react__default.ReactElement;

type CounterProps = {
    /**
     * Sets the value for the counter.
     */
    value: number;
    /**
     * Sets the max value for the counter.
     * If value exceedes `max` it will render `value+`
     */
    max?: number;
    /**
     * Sets the color of the counter.
     *
     * @default 'neutral'
     */
    color?: FeedbackColors | 'primary';
    /**
     * Sets the contrast of the counter.
     *
     * @default 'subtle'
     */
    emphasis?: SubtleOrIntense;
    /**
     * Sets the size of the counter.
     *
     * @default 'medium'
     */
    size?: 'small' | 'medium' | 'large';
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
declare const Counter: react__default.ForwardRefExoticComponent<{
    /**
     * Sets the value for the counter.
     */
    value: number;
    /**
     * Sets the max value for the counter.
     * If value exceedes `max` it will render `value+`
     */
    max?: number | undefined;
    /**
     * Sets the color of the counter.
     *
     * @default 'neutral'
     */
    color?: FeedbackColors | "primary" | undefined;
    /**
     * Sets the contrast of the counter.
     *
     * @default 'subtle'
     */
    emphasis?: "subtle" | "intense" | undefined;
    /**
     * Sets the size of the counter.
     *
     * @default 'medium'
     */
    size?: "small" | "medium" | "large" | undefined;
} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;

declare const validAsValues$2: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
type HeadingProps = {
    as?: typeof validAsValues$2[number];
    /**
     * Overrides the color of the Heading component.
     *
     * **Note** This takes priority over `type` and `contrast` prop to decide color of heading
     */
    color?: BaseTextProps['color'];
    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
    children: react__default.ReactNode;
    textAlign?: BaseTextProps['textAlign'];
    textDecorationLine?: BaseTextProps['textDecorationLine'];
    size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
    textTransform?: BaseTextProps['textTransform'];
    wordBreak?: BaseTextProps['wordBreak'];
} & TestID & ElementTiming & StyledPropsBlade;
declare const getHeadingProps: ({ as, size, weight, color, testID, }: Pick<HeadingProps, 'as' | 'size' | 'weight' | 'color' | 'testID'>) => Omit<BaseTextProps, 'children'>;
declare const Heading: react__default.ForwardRefExoticComponent<{
    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | undefined;
    /**
     * Overrides the color of the Heading component.
     *
     * **Note** This takes priority over `type` and `contrast` prop to decide color of heading
     */
    color?: BaseTextProps['color'];
    weight?: "medium" | "regular" | "semibold" | undefined;
    children: react__default.ReactNode;
    textAlign?: BaseTextProps['textAlign'];
    textDecorationLine?: BaseTextProps['textDecorationLine'];
    size?: "small" | "medium" | "large" | "xlarge" | "2xlarge" | undefined;
    textTransform?: BaseTextProps['textTransform'];
    wordBreak?: BaseTextProps['wordBreak'];
} & TestID & ElementTiming & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;

declare const validAsValues$1: readonly ["p", "span", "div", "abbr", "figcaption", "cite", "q", "label"];
type TextCommonProps = {
    as?: typeof validAsValues$1[number];
    truncateAfterLines?: number;
    children: react__default.ReactNode;
    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
    /**
     * Overrides the color of the Text component.
     *
     * **Note** This takes priority over `type` and `contrast` prop to decide color of text
     */
    color?: BaseTextProps['color'];
    textAlign?: BaseTextProps['textAlign'];
    textTransform?: BaseTextProps['textTransform'];
    textDecorationLine?: BaseTextProps['textDecorationLine'];
    wordBreak?: BaseTextProps['wordBreak'];
} & TestID & ElementTiming & StyledPropsBlade;
type TextVariant = 'body' | 'caption';
type TextBodyVariant = TextCommonProps & {
    variant?: Extract<TextVariant, 'body'>;
    size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
};
type TextCaptionVariant = TextCommonProps & {
    variant?: Extract<TextVariant, 'caption'>;
    size?: Extract<BaseTextSizes, 'small' | 'medium'>;
};
type TextProps<T> = T extends {
    variant: infer Variant;
} ? Variant extends 'caption' ? TextCaptionVariant : Variant extends 'body' ? TextBodyVariant : T : T;
type GetTextPropsReturn = Omit<BaseTextProps, 'children'>;
type GetTextProps<T extends {
    variant: TextVariant;
}> = Pick<TextProps<T>, 'variant' | 'weight' | 'size' | 'color' | 'testID' | 'textAlign' | 'textDecorationLine' | 'textTransform'>;
declare const getTextProps: <T extends {
    variant: TextVariant;
}>({ variant, weight, size, color, testID, textAlign, textDecorationLine, }: GetTextProps<T>) => GetTextPropsReturn;
declare const Text: react__default.ForwardRefExoticComponent<(TextBodyVariant | TextCaptionVariant) & react__default.RefAttributes<BladeElementRef>>;

type CodeCommonProps = {
    /**
     * Sets the color of the Heading component.
     */
    children: StringChildrenType;
    /**
     * Decides the fontSize and padding of Code
     *
     * @default small
     */
    size?: Extract<BaseTextSizes, 'small' | 'medium'>;
    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'bold'>;
    isHighlighted?: boolean;
    textTransform?: BaseTextProps['textTransform'];
    color?: BaseTextProps['color'];
} & TestID & StyledPropsBlade;
type CodeHighlightedProps = CodeCommonProps & {
    /**
     * Adds background color to highlight the text
     *
     * @default true
     */
    isHighlighted?: true;
    /**
     * color prop can only be added when `isHighlighted` is set to `false`
     */
    color?: undefined;
};
type CodeNonHighlightedProps = CodeCommonProps & {
    /**
     * Adds background color to highlight the text
     *
     * @default true
     */
    isHighlighted: false;
    /**
     * color prop to set color of text when `isHighlighted` is set to false
     */
    color?: BaseTextProps['color'];
};
type CodeProps = CodeHighlightedProps | CodeNonHighlightedProps;
/**
 * Code component can be used for displaying token, variable names, or inlined code snippets.
 *
 * ## Usage
 *
 * ### In Web
 * In web, you can use it inside `Text` component or individually. The component is set to display `inline-block`
 *
 * ```tsx
 * <Text>
 *  Lorem ipsum <Code>SENTRY_TOKEN</Code> normal text
 * </Text>
 * ```
 *
 * ### In React Native
 *
 * In React Native, you would have to align it using flex to make sure the Code and the surrounding text is correctly aligned
 *
 * ```tsx
 *  <Box flexWrap="wrap" flexDirection="row" alignItems="flex-start">
 *   <Text>Lorem ipsum </Text>
 *   <Code>SENTRY_TOKEN</Code>
 *   <Text> normal text</Text>
 * </Box>
 * ```
 */
declare const Code: react__default.ForwardRefExoticComponent<CodeProps & react__default.RefAttributes<BladeElementRef>>;

declare const validAsValues: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
type DisplayProps = {
    as?: typeof validAsValues[number];
    /**
     * Overrides the color of the Display component.
     *
     * **Note** This takes priority over `type` and `contrast` prop to decide color of title
     */
    color?: BaseTextProps['color'];
    size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge'>;
    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
    children: react__default.ReactNode;
    textAlign?: BaseTextProps['textAlign'];
    textDecorationLine?: BaseTextProps['textDecorationLine'];
    textTransform?: BaseTextProps['textTransform'];
} & TestID & ElementTiming & StyledPropsBlade;
declare const Display: react__default.ForwardRefExoticComponent<{
    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | undefined;
    /**
     * Overrides the color of the Display component.
     *
     * **Note** This takes priority over `type` and `contrast` prop to decide color of title
     */
    color?: BaseTextProps['color'];
    size?: "small" | "medium" | "large" | "xlarge" | undefined;
    weight?: "medium" | "regular" | "semibold" | undefined;
    children: react__default.ReactNode;
    textAlign?: BaseTextProps['textAlign'];
    textDecorationLine?: BaseTextProps['textDecorationLine'];
    textTransform?: BaseTextProps['textTransform'];
} & TestID & ElementTiming & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;

declare const CardHeaderIcon: ({ icon: Icon }: {
    icon: IconComponent;
}) => react__default.ReactElement;
declare const CardHeaderCounter: (props: CounterProps) => react__default.ReactElement;
declare const CardHeaderBadge: (props: BadgeProps) => react__default.ReactElement;
declare const CardHeaderAmount: (props: AmountProps) => react__default.ReactElement;
declare const CardHeaderText: (props: TextProps<{
    variant: TextVariant;
}>) => react__default.ReactElement;
declare const CardHeaderLink: (props: LinkProps) => react__default.ReactElement;
type CardHeaderIconButtonProps = Omit<ButtonProps, 'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'> & {
    icon: IconComponent;
};
declare const CardHeaderIconButton: (props: CardHeaderIconButtonProps) => react__default.ReactElement;
type CardHeaderProps = {
    children?: react__default.ReactNode;
    /**
     * For spacing between divider and header title
     */
    paddingBottom?: CardSpacingValueType;
    /**
     * For spacing between body content and divider
     */
    marginBottom?: CardSpacingValueType;
    /**
     * @default true
     */
    showDivider?: boolean;
} & TestID & DataAnalyticsAttribute;
declare const CardHeader: ({ children, testID, marginBottom, paddingBottom, showDivider, ...rest }: CardHeaderProps) => react__default.ReactElement;
type CardHeaderLeadingProps = {
    title: string;
    subtitle?: string;
    /**
     * prefix element of Card
     *
     * Accepts: `CardHeaderIcon` component
     */
    prefix?: react__default.ReactNode;
    /**
     * suffix element of Card
     *
     * it add marginLeft to `CardHeaderCounter`,`CardHeaderLink`  components by default.
     */
    suffix?: react__default.ReactNode;
} & DataAnalyticsAttribute;
declare const CardHeaderLeading: ({ title, subtitle, prefix, suffix, ...rest }: CardHeaderLeadingProps) => react__default.ReactElement;
type CardHeaderTrailingProps = {
    /**
     * Renders a visual ornament in card header trailing section
     *
     */
    visual?: react__default.ReactNode;
};
declare const CardHeaderTrailing: ({ visual }: CardHeaderTrailingProps) => react__default.ReactElement;

type CardFooterAction = Pick<ButtonProps, 'type' | 'accessibilityLabel' | 'isLoading' | 'isDisabled' | 'icon' | 'iconPosition' | 'onClick'> & {
    text: ButtonProps['children'];
};
type CardFooterProps = {
    children?: react__default.ReactNode;
    /**
     * For spacing between divider and footer title
     */
    paddingTop?: CardSpacingValueType;
    /**
     * For spacing between body content and divider
     */
    marginTop?: CardSpacingValueType;
    /**
     * @default true
     */
    showDivider?: boolean;
} & TestID & DataAnalyticsAttribute;
declare const CardFooter: ({ children, testID, marginTop, paddingTop, showDivider, ...props }: CardFooterProps) => react__default.ReactElement;
type CardFooterLeadingProps = {
    title?: string;
    subtitle?: string;
} & DataAnalyticsAttribute;
declare const CardFooterLeading: ({ title, subtitle, ...rest }: CardFooterLeadingProps) => react__default.ReactElement;
type CardFooterTrailingProps = {
    actions?: {
        primary?: CardFooterAction;
        secondary?: CardFooterAction;
    };
} & DataAnalyticsAttribute;
declare const CardFooterTrailing: ({ actions, ...rest }: CardFooterTrailingProps) => react__default.ReactElement;

declare const Carousel: react__default.ForwardRefExoticComponent<{
    defaultActiveSlide?: number | undefined;
    activeSlide?: number | undefined;
    children: react__default.ReactNode;
    visibleItems?: 2 | 1 | 3 | "autofit" | undefined;
    shouldAddStartEndSpacing?: boolean | undefined;
    snapAlign?: "end" | "start" | "center" | undefined;
    gap?: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    } | undefined;
    autoPlay?: boolean | undefined;
    showIndicators?: boolean | undefined;
    scrollOverlayColor?: ("feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.information.fadedHighlighted" | "interactive.background.negative.fadedHighlighted" | "interactive.background.notice.fadedHighlighted" | "interactive.background.positive.fadedHighlighted" | "interactive.background.staticBlack.ghost" | "interactive.background.staticWhite.ghost" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.ghost" | "interactive.background.primary.fadedHighlighted" | "overlay.background.subtle" | "overlay.background.moderate") | undefined;
    navigationButtonPosition?: "bottom" | "side" | "side-overlap" | undefined;
    navigationButtonVariant?: "filled" | "stroked" | undefined;
    indicatorVariant?: "gray" | "blue" | "white" | undefined;
    carouselItemWidth?: Platform.Select<{
        web: SpacingValueType | {
            readonly base?: SpacingValueType | undefined;
            readonly xs?: SpacingValueType | undefined;
            readonly s?: SpacingValueType | undefined;
            readonly m?: SpacingValueType | undefined;
            readonly l?: SpacingValueType | undefined;
            readonly xl?: SpacingValueType | undefined;
        } | undefined;
        native: `${number}%`;
    }> | undefined;
    carouselItemAlignment?: react_native.FlexAlignType | {
        readonly base?: react_native.FlexAlignType | undefined;
        readonly xs?: react_native.FlexAlignType | undefined;
        readonly s?: react_native.FlexAlignType | undefined;
        readonly m?: react_native.FlexAlignType | undefined;
        readonly l?: react_native.FlexAlignType | undefined;
        readonly xl?: react_native.FlexAlignType | undefined;
    } | undefined;
    onChange?: ((slideIndex: number) => void) | undefined;
    accessibilityLabel?: string | undefined;
    height?: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    } | undefined;
    width?: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    } | undefined;
    showNavigationButtons?: boolean | undefined;
} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native.AnimatableNumericValue | {
        readonly base?: react_native.AnimatableNumericValue | undefined;
        readonly xs?: react_native.AnimatableNumericValue | undefined;
        readonly s?: react_native.AnimatableNumericValue | undefined;
        readonly m?: react_native.AnimatableNumericValue | undefined;
        readonly l?: react_native.AnimatableNumericValue | undefined;
        readonly xl?: react_native.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | {
        readonly base?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly xs?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly s?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly m?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly l?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
        readonly xl?: (react_native.PerpectiveTransform | react_native.RotateTransform | react_native.RotateXTransform | react_native.RotateYTransform | react_native.RotateZTransform | react_native.ScaleTransform | react_native.ScaleXTransform | react_native.ScaleYTransform | react_native.TranslateXTransform | react_native.TranslateYTransform | react_native.SkewXTransform | react_native.SkewYTransform | react_native.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & DataAnalyticsAttribute & react__default.RefAttributes<BladeElementRef>>;

type CarouselItemProps = {
    children: react__default.ReactNode;
};
declare const CarouselItem: ({ children }: CarouselItemProps) => react__default.ReactElement;

type InteractiveTokens = DotNotationToken<Theme['colors']['interactive']['background']>;
type FeedbackTokens = DotNotationToken<Theme['colors']['feedback']['background']>;
type SurfaceTokens = DotNotationToken<Theme['colors']['surface']['background']>;
type OverlayTokens = DotNotationToken<Theme['colors']['overlay']>;
type OverlayColor = `interactive.background.${InteractiveTokens}` | `feedback.background.${FeedbackTokens}` | `surface.background.${SurfaceTokens}` | `overlay.${OverlayTokens}`;
type CarouselProps = {
    /**
     * Sets the initial active slide index
     */
    defaultActiveSlide?: number;
    /**
     * Active slide index, if provided the carousel will be controlled
     */
    activeSlide?: number;
    /**
     * Accepts CarouselItem
     */
    children: React.ReactNode;
    /**
     * Total number of carousel items to show at once,
     * if set to 1,2 or 3 all the CarouselItem's width will remain the same,
     * but if set to `autofit` the carousel items will take up space responsively
     *
     * @default 1
     */
    visibleItems?: 1 | 2 | 3 | 'autofit';
    /**
     * If true, adds extra margin before and after the first/last slides so that they align in center
     * This prop is only effective on desktop screen sizes
     *
     * @default false
     */
    shouldAddStartEndSpacing?: boolean;
    /**
     * Controls how carousel items are aligned within the container.
     * - 'start': Items align to the start (default behavior)
     * - 'center': Items are centered with peek behavior (active item centered, adjacent items peek from sides)
     * - 'end': Items align to the end
     *
     * @default 'start'
     *
     * @example
     * ```jsx
     * // Basic peek behavior with centered alignment
     * <Carousel
     *   visibleItems={1}
     *   carouselItemWidth="80%"
     *   snapAlign="center"
     *   gap="spacing.5"
     * >
     *   <CarouselItem>Card 1</CarouselItem>
     *   <CarouselItem>Card 2</CarouselItem>
     *   <CarouselItem>Card 3</CarouselItem>
     * </Carousel>
     * ```
     */
    snapAlign?: 'start' | 'center' | 'end';
    /**
     * Sets the gap between carousel items.
     *
     * Only visible when more than 1 card is seen in viewport, otherwise has no effect.
     *
     * @default { base: 'spacing.4', m: 'spacing.5' }
     */
    gap?: BoxProps['gap'];
    /**
     * If true, the carousel will automatically slide to the next slide, default interval is 6 seconds
     *
     * @default false
     */
    autoPlay?: boolean;
    /**
     * Toggles the visibility of indicators
     *
     * @default true
     */
    showIndicators?: boolean;
    /**
     * Changes the color of the overlay, so that carousel can blend with the background color
     * If set to undefined overlay won't be shown
     *
     * This prop is only effective on desktop screen sizes
     *
     * @default undefined
     */
    scrollOverlayColor?: OverlayColor;
    /**
     * Sets the position of navigation button
     *
     * @default 'bottom'
     */
    navigationButtonPosition?: 'bottom' | 'side' | 'side-overlap';
    /**
     * Variant to be used depending on the emphasis you want to give to the navigation buttons
     *
     * @default 'filled'
     */
    navigationButtonVariant?: 'filled' | 'stroked';
    /**
     * Variant to be used depending on the emphasis you want to give to the indicators
     *
     * @default 'gray'
     */
    indicatorVariant?: 'gray' | 'white' | 'blue';
    /**
     * Sets the width of the carousel items, this can be used with visibleItems: auto to achive automatic bleed
     *
     * @default undefined
     */
    carouselItemWidth?: Platform.Select<{
        web: BoxProps['width'];
        native: `${number}%`;
    }>;
    /**
     * Sets the align-items CSS property on carousel container which specifies how the carousel items will align if their heights are different
     *
     * @default 'start'
     */
    carouselItemAlignment?: BoxProps['alignItems'];
    /**
     * Callback which gets fired everytime a slide changes, can be used to to make the carousel controlled
     *
     * @default undefined
     */
    onChange?: (slideIndex: number) => void;
    /**
     * Accessibility label for the carousel, this will let screen reader users know what content the carousel holds (eg: "Product carousel")
     *
     * @default undefined
     */
    accessibilityLabel?: string;
    /**
     * Sets the height of the carousel
     */
    height?: BoxProps['height'];
    /**
     * Sets the width of the carousel
     */
    width?: BoxProps['width'];
    /**
     * If set to true, shows the navigation buttons.
     *
     * Note: This prop has no effect on desktop, we only hide navigation buttons on mobile.
     *
     * @default true
     *
     */
    showNavigationButtons?: boolean;
} & StyledPropsBlade & DataAnalyticsAttribute;

type OnChange$1 = ({ isChecked, event, value, }: {
    isChecked: boolean;
    event?: react__default.ChangeEvent;
    value?: string;
}) => void;
type CheckboxProps = {
    /**
     * If `true`, The checkbox will be checked. This also makes the checkbox controlled
     * Use `onChange` to update its value
     *
     * @default false
     */
    isChecked?: boolean;
    /**
     * If `true`, the checkbox will be initially checked. This also makes the checkbox uncontrolled
     *
     * @default false
     */
    defaultChecked?: boolean;
    /**
     * The callback invoked when the checked state of the `Checkbox` changes.
     */
    onChange?: OnChange$1;
    /**
     * Sets the label of the checkbox
     */
    children?: react__default.ReactNode;
    /**
     * Help text for the checkbox
     */
    helpText?: string;
    /**
     * Error text for the checkbox
     *
     * Renders when `validationState` is set to 'error'
     */
    errorText?: string;
    /**
     * If `true`, the checkbox will be indeterminate.
     * This does not modify the isChecked property.
     *
     * @default false
     */
    isIndeterminate?: boolean;
    /**
     * The name of the input field in a checkbox
     * (Useful for form submission).
     */
    name?: string;
    /**
     * The value to be used in the checkbox input.
     * This is the value that will be returned on form submission.
     */
    value?: string;
    /**
     * If `true`, the checkbox will be disabled
     *
     * @default false
     */
    isDisabled?: boolean;
    /**
     * If `true`, the checkbox input is marked as required,
     * and `required` attribute will be added
     *
     * @default false
     */
    isRequired?: boolean;
    /**
     * If `error`, the checkbox input is marked as invalid,
     * and `invalid` attribute will be added
     */
    validationState?: 'error' | 'none';
    /**
     * Size of the checkbox
     *
     * @default "medium"
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * Sets the tab-index property on checkbox element
     *
     */
    tabIndex?: number;
} & TestID & DataAnalyticsAttribute & StyledPropsBlade & MotionMetaProp;
declare const Checkbox: react__default.ForwardRefExoticComponent<{
    /**
     * If `true`, The checkbox will be checked. This also makes the checkbox controlled
     * Use `onChange` to update its value
     *
     * @default false
     */
    isChecked?: boolean | undefined;
    /**
     * If `true`, the checkbox will be initially checked. This also makes the checkbox uncontrolled
     *
     * @default false
     */
    defaultChecked?: boolean | undefined;
    /**
     * The callback invoked when the checked state of the `Checkbox` changes.
     */
    onChange?: OnChange$1 | undefined;
    /**
     * Sets the label of the checkbox
     */
    children?: react__default.ReactNode;
    /**
     * Help text for the checkbox
     */
    helpText?: string | undefined;
    /**
     * Error text for the checkbox
     *
     * Renders when `validationState` is set to 'error'
     */
    errorText?: string | undefined;
    /**
     * If `true`, the checkbox will be indeterminate.
     * This does not modify the isChecked property.
     *
     * @default false
     */
    isIndeterminate?: boolean | undefined;
    /**
     * The name of the input field in a checkbox
     * (Useful for form submission).
     */
    name?: string | undefined;
    /**
     * The value to be used in the checkbox input.
     * This is the value that will be returned on form submission.
     */
    value?: string | undefined;
    /**
     * If `true`, the checkbox will be disabled
     *
     * @default false
     */
    isDisabled?: boolean | undefined;
    /**
     * If `true`, the checkbox input is marked as required,
     * and `required` attribute will be added
     *
     * @default false
     */
    isRequired?: boolean | undefined;
    /**
     * If `error`, the checkbox input is marked as invalid,
     * and `invalid` attribute will be added
     */
    validationState?: "none" | "error" | undefined;
    /**
     * Size of the checkbox
     *
     * @default "medium"
     */
    size?: "small" | "medium" | "large" | undefined;
    /**
     * Sets the tab-index property on checkbox element
     *
     */
    tabIndex?: number | undefined;
} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & MotionMetaProp & react__default.RefAttributes<BladeElementRef>>;

type CheckboxGroupProps = {
    /**
     * Accepts multiple checkboxes as children
     */
    children: react__default.ReactNode;
    /**
     * Help text of the checkbox group
     */
    helpText?: string;
    /**
     * Error text of the checkbox group
     * Renders when `validationState` is set to 'error'
     *
     * Overrides helpText
     */
    errorText?: string;
    /**
     * Sets the error state of the CheckboxGroup
     * If set to `error` it will render the `errorText` of the group,
     * and propagate `invalid` prop to every checkbox
     */
    validationState?: 'error' | 'none';
    /**
     * Renders a necessity indicator after CheckboxGroup label
     *
     * If set to `undefined` it renders nothing.
     */
    necessityIndicator?: 'required' | 'optional' | 'none';
    /**
     * Sets the disabled state of the CheckboxGroup
     * If set to `true` it propagate down to all the checkboxes
     *
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Sets the required state of the CheckboxGroup
     * @default false
     */
    isRequired?: boolean;
    /**
     * Renders the label of the checkbox group
     */
    label?: string;
    /**
     * Sets the position of the label
     *
     * @default 'top'
     */
    labelPosition?: 'top' | 'left';
    /**
     * Initial value of the checkbox group
     */
    defaultValue?: string[];
    /**
     * value of the checkbox group
     *
     * Use `onChange` to update its value
     */
    value?: string[];
    /**
     * The callback invoked when any of the checkbox's state changes
     */
    onChange?: ({ name, values }: {
        name: string;
        values: string[];
    }) => void;
    /**
     * The name of the input field in a checkbox
     * (Useful for form submission).
     */
    name?: string;
    /**
     * Size of the checkbox
     *
     * @default "medium"
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * Orientation of the checkbox group
     *
     * @default "vertical"
     */
    orientation?: 'vertical' | 'horizontal';
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
declare const CheckboxGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, orientation, flexWrap, ...rest }: CheckboxGroupProps) => react__default.ReactElement;

interface BladeFile extends File {
    /**
     * The unique identifier of the file.
     */
    id?: string;
    /**
     * The file's upload status.
     */
    status?: 'uploading' | 'success' | 'error';
    /**
     * The percentage of file upload completion.
     */
    uploadPercent?: number;
    /**
     * Text indicating an error state
     */
    errorText?: string;
}
type BladeFileList = BladeFile[];
type FileUploadCommonProps = {
    /**
     * Position of the label relative to the file upload area. Desktop only prop. Default value on mobile will be 'top'
     *
     * @default 'top'
     */
    labelPosition?: 'top' | 'left';
    /**
     * Defines the upload behavior of the FileUpload component
     */
    uploadType?: 'single' | 'multiple';
    /**
     * File types that can be accepted. See [input's accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept)
     *
     * Usage: accept=".jpg, .png, .pdf", accept="image/*", accept="image/png, image/jpeg, application/pdf"
     */
    accept?: string;
    /**
     * Disables or enables the FileUpload component
     */
    isDisabled?: boolean;
    /**
     * Sets the required state of the file input
     *
     * @default false
     */
    isRequired?: boolean;
    /**
     * Renders a necessity indicator after the label. If `isRequired` is `true`, it defaults to `'required'`
     */
    necessityIndicator?: 'required' | 'optional' | 'none';
    /**
     * The name of the file upload input, [useful in form submissions](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
     */
    name?: string;
    /**
     * List of files that have been selected/uploaded, useful when the component is controlled
     */
    fileList?: BladeFileList;
    /**
     * Limit the number of files that can be uploaded
     */
    maxCount?: number;
    /**
     * Limit the size of the uploaded files (in bytes)
     */
    maxSize?: number;
    /**
     * Callback function triggered when files are selected
     */
    onChange?: ({ name, fileList }: {
        name?: string;
        fileList: BladeFileList;
    }) => void;
    /**
     * Callback function triggered when the preview icon is clicked
     */
    onPreview?: ({ file }: {
        file: File;
    }) => void;
    /**
     * Callback function triggered when a file is removed
     */
    onRemove?: ({ file }: {
        file: File;
    }) => void;
    /**
     * Callback function triggered when a file upload is retried
     */
    onReupload?: ({ file }: {
        file: File;
    }) => void;
    /**
     * Callback function triggered when a file upload is dismissed
     */
    onDismiss?: ({ file }: {
        file: File;
    }) => void;
    /**
     * Callback function executed when files are dropped into the upload area
     */
    onDrop?: ({ name, fileList }: {
        name?: string;
        fileList: BladeFileList;
    }) => void;
    /**
     * State indicating whether there is an error in the FileUpload component
     */
    validationState?: 'none' | 'error';
    /**
     * Additional text providing assistance or guidance
     */
    helpText?: string;
    /**
     * Text indicating an error state
     */
    errorText?: string;
    /**
     * Test ID for automation
     */
    testID?: string;
} & StyledPropsBlade & MotionMetaProp;
type FileUploadStandardSizeProps = FileUploadCommonProps & {
    /**
     * Size of the FileUpload component
     *
     * @default 'medium'
     */
    size?: 'medium' | 'large';
};
type FileUploadVariableSizeProps = FileUploadCommonProps & {
    size: 'variable';
    /**
     * Custom text for the upload action button
     */
    actionButtonText?: string;
    /**
     * Custom text for the drag & drop area
     */
    dropAreaText?: string;
    /**
     * Height of the file upload component
     */
    height?: BoxProps['height'];
    /**
     * Width of the file upload component
     */
    width?: BoxProps['width'];
};
type FileUploadPropsWithA11yLabel = {
    /**
     * Label to be shown for the input field
     */
    label?: undefined;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel: string;
};
type FileUploadPropsWithLabel = {
    /**
     * Label to be shown for the input field
     */
    label: string;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel?: string;
};
type FileUploadProps = (FileUploadPropsWithA11yLabel | FileUploadPropsWithLabel) & (FileUploadStandardSizeProps | FileUploadVariableSizeProps);
type FileUploadItemProps = Pick<FileUploadProps, 'onPreview' | 'onRemove' | 'onDismiss' | 'onReupload' | 'size'> & {
    file: BladeFile;
    width?: BoxProps['width'];
    minWidth?: BoxProps['minWidth'];
    maxWidth?: BoxProps['maxWidth'];
    flexShrink?: BoxProps['flexShrink'];
    flexGrow?: BoxProps['flexGrow'];
    flexBasis?: BoxProps['flexBasis'];
} & StyledPropsBlade & DataAnalyticsAttribute;

type FormInputOnEvent = ({ name, value, rawValue, }: {
    name?: string;
    value?: string;
    rawValue?: string;
}) => void;
type FormInputHandleOnKeyDownEvent = ({ name, key, code, event, }: FormInputOnKeyDownEvent) => void;
type FormInputOnKeyDownEvent = {
    name?: string;
    key?: string;
    code?: string;
    event: KeyboardEvent<HTMLInputElement>;
};
type FormInputValidationProps = {
    /**
     * Help text for the input
     */
    helpText?: string;
    /**
     * Error text for the input
     *
     * Renders when `validationState` is set to 'error'
     */
    errorText?: string;
    /**
     * success text for the input
     *
     * Renders when `validationState` is set to 'success'
     */
    successText?: string;
    /**
     * If `error`, the input is marked as invalid,
     * and `invalid` attribute will be added
     *
     * If `success`, the input is marked as valid,
     *
     */
    validationState?: 'success' | 'error' | 'none';
};

type ChatInputProps = {
    /**
     * Controlled value of the text input
     */
    value?: string;
    /**
     * Default value of the text input for uncontrolled usage
     */
    defaultValue?: string;
    /**
     * Callback fired when the text input value changes
     */
    onChange?: ({ value }: {
        value: string;
    }) => void;
    /**
     * Callback fired when the text input receives focus
     */
    onFocus?: FormInputOnEvent;
    /**
     * Callback fired when the text input loses focus
     */
    onBlur?: FormInputOnEvent;
    /**
     * Callback fired when the user submits the input (via submit button or Enter key).
     * Receives the current text value and the list of attached files.
     */
    onSubmit?: ({ value, fileList }: {
        value: string;
        fileList: BladeFileList;
    }) => void;
    /**
     * Placeholder text shown when the input is empty
     */
    placeholder?: string;
    /**
     * Disables the text input, file upload button, and submit button
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Whether the AI is currently generating a response.
     * When true, the submit button changes to a stop button.
     * @default false
     */
    isGenerating?: boolean;
    /**
     * Callback fired when the user clicks the stop button (visible when isGenerating is true).
     * Use this to cancel an in-flight AI generation.
     */
    onStop?: () => void;
    /**
     * List of attached files. Used for controlled file management.
     * Reuses the BladeFile/BladeFileList types from the FileUpload component.
     */
    fileList?: BladeFileList;
    /**
     * Callback fired when files are selected via the upload button.
     */
    onFileChange?: ({ fileList }: {
        fileList: BladeFileList;
    }) => void;
    /**
     * Callback fired when a file is removed from the attachment previews
     */
    onFileRemove?: ({ file }: {
        file: BladeFile;
    }) => void;
    /**
     * Callback fired when the re-upload button is clicked on a file with error status
     */
    onFileReupload?: ({ file }: {
        file: BladeFile;
    }) => void;
    /**
     * File types that can be accepted. Follows the HTML input accept attribute format.
     * @example ".jpg,.png,.pdf" or "image/*"
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept
     */
    accept?: string;
    /**
     * List of ghost suggestions displayed as faded text in the input.
     * When multiple suggestions are provided, they cycle automatically with a crossfade animation.
     * The user can press TAB to accept the currently visible suggestion.
     */
    suggestions?: string[];
    /**
     * Callback fired when the user accepts the currently visible ghost suggestion (via TAB key).
     */
    onSuggestionAccept?: ({ suggestion }: {
        suggestion: string;
    }) => void;
    /**
     * Indicates the validation state of the input.
     * When set to 'error', errorText is displayed below the input as an animated popup sliding from behind the card.
     * @default 'none'
     */
    validationState?: 'error' | 'none';
    /**
     * Error message displayed below the input when validationState is 'error'.
     */
    errorText?: string;
    /**
     * Callback fired when the user dismisses the error popup by clicking the close button.
     */
    onErrorDismiss?: () => void;
    /**
     * Accessibility label for the input. Required when no visible label is present.
     */
    accessibilityLabel?: string;
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;

declare const ChatInput: (_props: ChatInputProps) => react__default.ReactElement;

type ThumbnailItem = {
    id?: string;
    url: string;
    alt?: string;
};
type ReasoningTrace = {
    /** Text shown while the step is active or pending. */
    label: string;
    /** Text shown once the step is completed. Falls back to `label` if omitted. */
    completedLabel?: string;
};
type CommonChatMessageProps = {
    /**
     * isLoading prop is used to show loading state in chat message. it will add loading styles and animation to chat message.
     * works only when senderType is other.
     * */
    isLoading?: boolean;
    /**
     * validationState prop is used to show error state in chat message. it will add error styles to chat message.
     * works only when senderType is self.
     * */
    validationState?: 'error' | 'none';
    /**
     * errorText prop is used to show error text in chat message. it will show error text below the chat message.
     * works only when senderType is self.
     * */
    errorText?: string;
    /**
     * onClick prop is used to handle click event on chat message.
     * */
    onClick?: () => void;
    /**
     * footerActions prop is used to show actions in chat message. it will show actions below the chat message.
     * works only when senderType is self.
     * */
    footerActions?: react__default.ReactNode;
    /**
     * children prop is used to show content in chat message.
     * can be string or react node.
     * */
    children?: react__default.ReactNode;
    /**
     * SenderType prop is used to show chat message as self or other.
     * self: chat message will be shown as self. you can show error state and footer actions.
     * other: chat message will be shown as other. you can show loading state and leading icon.
     */
    senderType?: 'self' | 'other';
    /**
     * messageType prop is used to show chat message as default or last.
     * default: chat message will be shown as default.
     * last: chat message will be shown as last. it will remove border radius from bottom right.
     * messageType prop is only works when senderType is self.
     *
     * @deprecated This prop is no longer used by `ChatMessage` and will be removed in a future release.
     */
    messageType?: 'default' | 'last';
    /**
     * loadingText prop is used to show loading text in chat message. it will show loading text below the chat message.
     * works only when senderType is other.
     *
     * When an array of strings is provided, the texts will animate as a rolling marquee,
     * cycling through each string with a vertical slide transition.
     * */
    loadingText?: string | string[];
    /**
     * leading prop is used to show leading icon in chat message. it will show leading icon left side of chat message.
     * works only when senderType is other.
     * leading will be animated when isLoading is true.
     * */
    leading?: react__default.ReactNode;
    /**
     * maxWidth prop is used to set max width of chat message.
     */
    maxWidth?: BaseBoxProps['maxWidth'];
    /**
     * wordBreak prop is used to set word break of chat message.
     *
     * *this will only work when children is string*
     */
    wordBreak?: BaseTextProps['wordBreak'];
    /**
     * thumbnails prop is used to show image previews in chat message.
     * Accepts an array of thumbnail objects.
     */
    thumbnails?: ThumbnailItem[];
    /**
     * onThumbnailClick is called when the image preview is clicked.
     */
    onThumbnailClick?: () => void;
    /**
     * Reasoning traces to display above the message content.
     * When provided, renders an animated collapsible panel showing the AI's reasoning steps.
     *
     * - While `reasoningStatus` is `'loading'`, the last step is highlighted as active.
     * - When `reasoningStatus` changes to `'complete'`, the panel auto-collapses.
     * - The user can manually expand/collapse the panel afterwards.
     *
     * Only works when `senderType` is `'other'`.
     */
    reasoningTraces?: ReasoningTrace[];
    /**
     * Controls the state of the reasoning traces panel.
     * - `'loading'`: Traces are streaming in; the panel is open and animated.
     * - `'complete'`: All traces are done; the panel auto-collapses.
     *
     * @default 'loading'
     */
    reasoningStatus?: 'loading' | 'complete';
    /**
     * Title text shown in the reasoning traces header.
     *
     * @default 'Explored'
     */
    reasoningTitle?: string;
    /**
     * When all reasoning steps are known upfront, set this to the index of the
     * step currently being processed (0-based). Steps before it are completed
     * (green), the step at this index is active (spinning), and steps after are
     * pending (dimmed).
     *
     * When omitted, the component uses streaming mode where steps are added
     * one-by-one and the last item in `reasoningTraces` is the active step.
     */
    reasoningActiveStepIndex?: number;
} & TestID & StyledPropsBlade & DataAnalyticsAttribute;
type SelfChatMessageProps = CommonChatMessageProps & {
    senderType: 'self' | 'other';
    messageType?: 'default' | 'last';
    errorText?: string;
    isLoading?: boolean;
    loadingText?: string | string[];
    leading?: undefined;
};
type DefaultChatMessageProps = CommonChatMessageProps & {
    senderType: 'self' | 'other';
    messageType?: 'default' | 'last';
    isLoading?: boolean;
    loadingText?: string | string[];
};
type ChatMessageProps = SelfChatMessageProps | DefaultChatMessageProps;

declare const ChatMessage: (_prop: ChatMessageProps) => react__default.ReactElement;

type ChartReferenceLineProps = {
    /**
     * The y-coordinate of the reference line.
     */
    y?: ReferenceLineProps['y'];
    /**
     * The x-coordinate  of the reference line.
     */
    x?: ReferenceLineProps['x'];
    /**
     * The label of the reference line.
     */
    label: string;
};
type ChartXAxisProps = Omit<XAxisProps, 'tick' | 'label' | 'dataKey' | 'stroke'> & {
    /**
     * The label of the x-axis.
     */
    label?: string;
    /**
     * The data key of the x-axis.
     */
    dataKey?: string;
    /**
     * Optional secondary data key for multi-line X-axis labels.
     * When provided, the X-axis will display two lines of text:
     * - Primary label (from dataKey)
     * - Secondary label (from secondaryDataKey)
     *
     * @example
     * // Data: [{ date: 'Jan', year: '2024' }, { date: 'Feb', year: '2024' }]
     * <ChartXAxis dataKey="date" secondaryDataKey="year" />
     * // Renders:
     * //   Jan        Feb
     * //  2024       2024
     */
    secondaryDataKey?: string;
    /**
     * The interval of the x-axis.
     * @default: 0
     * @example
     * // Data: [{ date: 'Jan', year: '2024' }, { date: 'Feb', year: '2024' }]
     * <ChartXAxis dataKey="date" interval={1} />
     * // Renders:
     * //   Jan
     * //   Feb
     *
     * note: if you can't  see all labels in case of large labels. try setting interval 0
     */
    interval?: number;
    /**
     * Custom formatter function to transform tick values before display.
     * Useful for formatting timestamps, currencies, or other numeric values.
     *
     * @param value - The raw tick value from the data
     * @param index - The index of the tick
     * @returns The formatted string to display
     *
     * @example
     * // Format timestamp to readable date
     * <ChartXAxis
     *   dataKey="timestamp"
     *   tickFormatter={(value) => new Date(value).toLocaleDateString()}
     * />
     *
     * @example
     * // Format currency values
     * <ChartXAxis
     *   dataKey="amount"
     *   tickFormatter={(value) => `$${(value / 1000).toFixed(0)}K`}
     * />
     */
    tickFormatter?: (value: string, index: number) => string;
};
type ChartYAxisProps = Omit<YAxisProps, 'tick' | 'label' | 'dataKey' | 'stroke'> & {
    /**
     * The label of the y-axis.
     */
    label?: string;
    /**
     * The data key of the y-axis.
     */
    dataKey?: string;
};
type Layout = 'horizontal' | 'vertical';
type Align = 'left' | 'right';
type ChartName = 'bar' | 'donut' | 'line' | 'area';
type DataColorMapping = Record<string, {
    colorToken: ChartsCategoricalColorToken;
    isCustomColor: boolean;
}>;
type ChartTooltipProps = ComponentProps<typeof Tooltip$1>;
type ChartLegendProps = ComponentProps<typeof Legend> & {
    layout?: Layout;
    align?: Align;
    /**
     * Array of dataKeys that are currently selected.
     * When provided, the component is in controlled mode.
     */
    selectedDataKeys?: string[];
    /**
     * Default selected dataKeys for uncontrolled mode.
     * If not provided, all dataKeys are selected by default.
     */
    defaultSelectedDataKeys?: string[];
    /**
     * Callback fired when the selection changes.
     * Provides the dataKey of the clicked legend item and the new selected dataKeys array.
     */
    onSelectedDataKeysChange?: ({ dataKey, selectedKeysArray, }: {
        dataKey: string;
        selectedKeysArray: string[];
    }) => void;
};
type ChartCartesianGridProps = Omit<CartesianGridProps, 'strokeDasharray' | 'verticalFill' | 'horizontalFill'>;
type ChartsCategoricalColorToken = `data.background.categorical.${DataColorCategories}.${keyof DataCategoricalEmphasis}`;
type ChartSequentialColorToken = `data.background.sequential.${Exclude<DataColorCategories, 'gray'>}.${keyof DataSequentialEmphasis}`;
/**
 * Pre-computed map of index to secondary label value for X-axis secondary labels.
 * This is computed in chart wrappers when secondaryDataKey is provided.
 */
type SecondaryLabelMap = Record<number, string | number | undefined>;
type CommonChartComponentsStateType = {
    dataColorMapping?: DataColorMapping;
    chartName?: ChartName;
    selectedDataKeys?: string[];
    /**
     * Pre-computed map of index to secondary label value for X-axis secondary labels
     */
    secondaryLabelMap?: SecondaryLabelMap;
    /**
     * The number of data points in the chart, used for tick width calculation
     */
    dataLength?: number;
};
type CommonChartComponentsDispatchType = {
    setDataColorMapping?: (dataColorMapping: DataColorMapping) => void;
    /**
     * Internal handler to set visible data keys.
     * Called by ChartLegend to sync selection state.
     */
    setSelectedDataKeys?: (selectedDataKeys: string[]) => void;
};
type CommonChartComponentsContextType = CommonChartComponentsStateType & CommonChartComponentsDispatchType;
/**
 * Props for custom label content renderer in chart components.
 * Use this type when providing a custom `content` function to the `label` prop.
 *
 * @example
 * ```tsx
 * <ChartBar
 *   dataKey="value"
 *   label={{
 *     position: 'top',
 *     content: (props: ChartLabelContentProps) => {
 *       const { x, y, width, value } = props;
 *       return <text x={x + width / 2} y={y - 8}>{value}</text>;
 *     },
 *   }}
 * />
 * ```
 */
type ChartLabelContentProps = Props;

type ColorTheme = 'categorical';

interface ChartLineProps {
    /**
     * The type of the line.
     *  @default : 'linear'
     */
    type?: 'step' | 'stepAfter' | 'stepBefore' | 'linear' | 'monotone';
    /**
     * The dot of the line.
     */
    dot?: LineProps['dot'];
    /**
     * The active dot we shows at line chart
     */
    activeDot?: LineProps['activeDot'];
    /**
     * If we don't have data for some points should we connect the line or should skip it.
     */
    connectNulls?: LineProps['connectNulls'];
    /**
     * Include this particular line in legend.
     *  @default : true
     */
    showLegend?: boolean;
    /**
     *  The data key of the x-axis
     */
    dataKey: LineProps['dataKey'];
    /**
     * Name of the line in line chart.
     * if no provided, we will use the data key as the name.
     */
    name?: LineProps['name'];
    /**
     * Color of the line in line chart.
     * if no provided, we will pick colors from the default theme colors.
     */
    color?: ChartsCategoricalColorToken | ChartSequentialColorToken;
    /**
     * Style of the line in line chart.
     * @default: solid
     */
    strokeStyle?: 'dotted' | 'dashed' | 'solid';
    /**
     * @private
     */
    _index?: number;
    /**
     * @private
     */
    _colorTheme?: ColorTheme;
    /**
     * @private
     */
    _totalLines?: number;
    /**
     * Whether to hide this line (controlled by legend click)
     */
    hide?: boolean;
}
type data$3 = {
    [key: string]: unknown;
};
type ChartLineWrapperProps = {
    /**
     * The color theme of the chart.
     * @default 'categorical'
     */
    colorTheme?: ColorTheme;
    /**
     * Chart data to be rendered
     */
    data: data$3[];
    children: React.ReactNode;
} & BoxProps;

declare const ChartLineWrapper: (_prop: ChartLineWrapperProps) => react__default.ReactElement;
declare const ChartLine: (_prop: ChartLineProps) => react__default.ReactElement;

type ChartAreaProps = {
    /**
     * The type of the area chart.
     * @default 'monotone'
     */
    type?: 'step' | 'stepAfter' | 'stepBefore' | 'linear' | 'monotone';
    /**
     * Whether to connect nulls.
     */
    connectNulls?: AreaProps['connectNulls'];
    /**
     * Whether to show the legend.
     */
    showLegend?: boolean;
    /**
     * The data key of the area chart.
     */
    dataKey: AreaProps['dataKey'];
    /**
     * The name of the area chart.
     */
    name: AreaProps['name'];
    /**
     * The stack id of the area chart.
     */
    stackId?: AreaProps['stackId'];
    /**
     * The color of the area chart.
     */
    color?: ChartsCategoricalColorToken;
    /**
     * Whether to show the dot.
     */
    dot?: AreaProps['dot'];
    /**
     * Whether to show the active dot.
     */
    activeDot?: AreaProps['activeDot'];
    /**
     * Whether to hide the area.
     *
     */
    hide?: boolean;
    /**
     * @private
     */
    _index?: number;
    /**
     * @private
     */
    _colorTheme?: ColorTheme;
    /**
     * @private
     */
    _totalAreas?: number;
};
type data$2 = {
    [key: string]: string | number | null;
};
type ChartAreaWrapperProps = {
    children?: React.ReactNode;
    /**
     * The color theme of the chart.
     * @default 'categorical'
     */
    colorTheme?: ColorTheme;
    /**
     * Chart data to be rendered
     */
    data: data$2[];
} & BoxProps;

declare const ChartAreaWrapper: (_prop: ChartAreaProps) => React.ReactElement;
declare const ChartArea: (_prop: ChartAreaWrapperProps) => React.ReactElement;

type data$1 = {
    [key: string]: unknown;
};
type ChartRadius = 'small' | 'medium' | 'large';
type ChartDonutProps = {
    /**
     * The data key of the Donut chart.
     */
    dataKey?: PieProps['dataKey'];
    /**
     * The name key of the Donut chart.
     */
    nameKey?: PieProps['nameKey'];
    /**
     * The x coordinate of the Donut chart.
     */
    cx?: PieProps['cx'];
    cy?: PieProps['cy'];
    /**
     * The radius of the Donut chart.
     */
    radius?: ChartRadius;
    /**
     * The children of the Donut chart.
     */
    children?: React.ReactNode;
    /**
     * The data of the Donut chart.
     */
    data: data$1[];
    /**
     * The color theme of the chart.
     * @default 'categorical'
     */
    colorTheme?: ColorTheme;
    /**
     * The type of the Donut chart.
     */
    type?: 'circle' | 'semicircle';
};
type Content = {
    value?: string;
    label?: string;
};
type ChartDonutWrapperProps = {
    /**
     * Content to be displayed at center of donut chart
     */
    content?: Content | React.ReactNode;
    children?: React.ReactNode;
} & BoxProps;
type ChartDonutCellProps = CellProps & {
    color?: ChartsCategoricalColorToken | ChartSequentialColorToken;
};

declare const ChartDonutWrapper: (_prop: ChartDonutWrapperProps) => react__default.ReactElement;
declare const ChartDonut: (_prop: ChartDonutProps) => react__default.ReactElement;
declare const ChartDonutCell: (_prop: ChartDonutCellProps) => react__default.ReactElement;

type ChartBarProps = {
    /**
     * The data key of the bar chart.
     */
    dataKey: BarProps['dataKey'];
    /**
     * The name of the bar chart.
     */
    name?: BarProps['name'];
    /**
     * The color of the bar chart.
     */
    color?: ChartsCategoricalColorToken | ChartSequentialColorToken;
    /**
     * The stack id of the bar chart.
     */
    stackId?: BarProps['stackId'];
    /**
     * The active bar of the bar chart.
     */
    activeBar?: BarProps['activeBar'];
    /**
     * The label of the bar chart.
     */
    label?: BarProps['label'];
    /**
     * The show legend of the bar chart.
     */
    showLegend?: boolean;
    /**
     * Whether to hide the bar.
     *
     */
    hide?: boolean;
    /**
     * The width of the bar in pixels.
     */
    barSize?: BarProps['barSize'];
    /**
     * The index of the bar chart.
     * @private
     */
    _index?: number;
    /**
     * @private
     */
    _totalbars?: number;
};
type data = {
    [key: string]: string | number;
};
type ChartBarWrapperProps = {
    children?: React.ReactNode;
    /**
     * The color theme of the chart.
     * @default 'categorical'
     */
    colorTheme?: ColorTheme;
    /**
     * The layout of the bar chart.
     */
    layout?: 'horizontal' | 'vertical';
    /**
     * Chart data to be rendered
     */
    data: data[];
} & BoxProps;

declare const ChartBar: (_prop: ChartBarProps) => react__default.ReactElement;
declare const ChartBarWrapper: (_prop: ChartBarWrapperProps) => react__default.ReactElement;

declare const ChartXAxis: react__default.FC<ChartXAxisProps>;
declare const ChartYAxis: react__default.FC<ChartYAxisProps>;
declare const ChartCartesianGrid: react__default.FC<ChartCartesianGridProps>;
declare const ChartTooltip: react__default.FC<ChartTooltipProps>;
declare const ChartLegend: react__default.FC<ChartLegendProps>;
declare const ChartReferenceLine: react__default.FC<ChartReferenceLineProps>;

declare const CommonChartComponentsContext: react.Context<CommonChartComponentsContextType>;
declare const useCommonChartComponentsContext: () => CommonChartComponentsContextType;

declare const DEFAULT_COLOR = "data.background.categorical.gray.moderate";

type ChipCommonProps = {
    /**
     * Displays the Blade Icon component within the Chip
     * Accepts a component of type `IconComponent` from Blade.
     *
     */
    icon?: IconComponent;
    /**
     * Sets the Chip's visual color.
     *
     */
    color?: 'primary' | 'positive' | 'negative';
    /**
     * If `true`, the Chip will be disabled
     *
     * @default false
     */
    isDisabled?: boolean;
    /**
     * The value to be used in the Chip input.
     * This is the value that will be returned on form submission.
     * Use `onChange` to update its value
     */
    value?: string;
    /**
     * width prop sets the width of the Chip
     */
    width?: BoxProps['width'];
    /**
     * maxWidth prop sets the maxWidth of the Chip
     */
    maxWidth?: BoxProps['maxWidth'];
    /**
     * min prop sets the minWidth of the Chip
     */
    minWidth?: BoxProps['minWidth'];
} & TestID & DataAnalyticsAttribute & StyledPropsBlade & MotionMetaProp;
type ChipWithoutIconProps = ChipCommonProps & {
    icon?: undefined;
    children: StringChildrenType;
};
type ChipWithIconProps = ChipCommonProps & {
    icon: IconComponent;
    children?: StringChildrenType;
};
type ChipProps = ChipWithoutIconProps | ChipWithIconProps;
type ChipGroupCommonProps = {
    /**
     * Sets the position of the label
     *
     * @default 'top'
     */
    labelPosition?: 'top' | 'left';
    /**
     * Help text of the chip group
     */
    helpText?: string;
    /**
     * Error text of the chip group
     * Renders when `validationState` is set to 'error'
     *
     * Overrides helpText
     */
    errorText?: string;
    /**
     * Sets the validation state of the ChipGroup
     */
    validationState?: 'error' | 'none';
    /**
     * Renders a necessity indicator after ChipGroup label
     *
     * If set to `undefined` it renders nothing.
     */
    necessityIndicator?: 'required' | 'optional' | 'none';
    /**
     * Accepts multiple Chip components as children
     */
    children: React.ReactNode;
    /**
     * Sets the initial value of the ChipGroup component.
     */
    defaultValue?: string | string[];
    /**
     * Controls the interactive state of the ChipGroup. When set to true, all contained Chip elements become non-interactive and visually disabled.
     * Setting it to false enables normal user interaction. Useful for temporarily disabling user input within the ChipGroup.
     *
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Sets the required state of the ChipGroup component.
     * @default false
     */
    isRequired?: boolean;
    /**
     * Specifies the name attribute for the ChipGroup component.
     * When provided, this attribute ensures that the Chip elements within the group are semantically associated, allowing them to be grouped logically for form submission.
     * This can be particularly useful in scenarios where the ChipGroup is part of a larger form and needs to be identified as a distinct entity when the form is submitted.
     * If not provided, a default unique identifier will be generated internally.
     */
    name?: string;
    /**
     * The callback invoked on any state change within the ChipGroup
     */
    onChange?: ({ name, values }: {
        name: string;
        values: string[];
    }) => void;
    /**
     * Defines the selection behavior within the ChipGroup component.
     * When set to 'single', only one Chip can be selected at a time, akin to a chip button group.
     * When set to 'multiple', multiple Chips can be concurrently selected, simulating checkbox-like behavior within the group.
     *
     * @default "single"
     */
    selectionType?: 'single' | 'multiple';
    /**
     * Specifies the size of the rendered Chips withing the ChipGroup
     *
     * @default "small"
     */
    size?: 'xsmall' | 'small' | 'medium' | 'large';
    /**
     * Value of the Chip group
     * Acts as a controlled component by specifying the ChipGroup value
     * Use `onChange` to update its value
     */
    value?: string | string[];
    /**
     * Sets the ChipGroups's visual color, it will propagate down to all the Chips
     *
     * @default "primary"
     */
    color?: 'primary' | 'positive' | 'negative';
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
type ChipGroupPropsWithA11yLabel = {
    /**
     * Label to be shown for the input field
     */
    label?: undefined;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel: string;
};
type ChipGroupPropsWithLabel = {
    /**
     * Label to be shown for the input field
     */
    label: string;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel?: string;
};
type ChipGroupProps = (ChipGroupPropsWithA11yLabel | ChipGroupPropsWithLabel) & ChipGroupCommonProps;

declare const Chip: react__default.ForwardRefExoticComponent<ChipProps & react__default.RefAttributes<BladeElementRef>>;

declare const ChipGroup: react__default.ForwardRefExoticComponent<ChipGroupProps & react__default.RefAttributes<BladeElementRef>>;

type CollapsibleProps = {
    /**
     * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`
     */
    children: ReactNode;
    /**
     * Direction in which the content expands
     *
     * @default bottom
     */
    direction?: 'bottom' | 'top';
    /**
     * Expands the collapsible content by default (uncontrolled)
     *
     * @default false
     */
    defaultIsExpanded?: boolean;
    /**
     * Expands the collapsible content (controlled)
     *
     * @default undefined
     */
    isExpanded?: boolean;
    /**
     * Callback for change in collapsible's expanded state
     *
     * @default undefined
     */
    onExpandChange?: ({ isExpanded }: {
        isExpanded: boolean;
    }) => void;
    /**
     * **Internal**: disables trigger validations. Used for AccordionButton and SideNavLink internally
     */
    _dangerouslyDisableValidations?: boolean;
    /**
     * **Internal**: used to override responsive width restrictions
     */
    _shouldApplyWidthRestrictions?: boolean;
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
declare const Collapsible: react.ForwardRefExoticComponent<{
    /**
     * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`
     */
    children: ReactNode;
    /**
     * Direction in which the content expands
     *
     * @default bottom
     */
    direction?: "top" | "bottom" | undefined;
    /**
     * Expands the collapsible content by default (uncontrolled)
     *
     * @default false
     */
    defaultIsExpanded?: boolean | undefined;
    /**
     * Expands the collapsible content (controlled)
     *
     * @default undefined
     */
    isExpanded?: boolean | undefined;
    /**
     * Callback for change in collapsible's expanded state
     *
     * @default undefined
     */
    onExpandChange?: (({ isExpanded }: {
        isExpanded: boolean;
    }) => void) | undefined;
    /**
     * **Internal**: disables trigger validations. Used for AccordionButton and SideNavLink internally
     */
    _dangerouslyDisableValidations?: boolean | undefined;
    /**
     * **Internal**: used to override responsive width restrictions
     */
    _shouldApplyWidthRestrictions?: boolean | undefined;
} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & react.RefAttributes<BladeElementRef>>;

type CollapsibleLinkProps = Pick<LinkProps, 'color' | 'size' | 'isDisabled' | 'testID' | 'accessibilityLabel' | 'children'> & DataAnalyticsAttribute & StyledPropsBlade;
declare const CollapsibleLink: ({ children, size, color, isDisabled, testID, accessibilityLabel, ...rest }: CollapsibleLinkProps) => ReactElement;

type CollapsibleButtonProps = Pick<ButtonProps, 'variant' | 'size' | 'iconPosition' | 'isDisabled' | 'testID' | 'accessibilityLabel' | 'icon' | 'children'> & DataAnalyticsAttribute;
declare const CollapsibleButton: react.ForwardRefExoticComponent<Pick<ButtonProps, "icon" | "children" | "testID" | "size" | "accessibilityLabel" | "variant" | "isDisabled" | "iconPosition"> & DataAnalyticsAttribute & react.RefAttributes<BladeElementRef>>;

type CollapsibleBodyProps = {
    children: ReactNode;
    width?: BaseBoxProps['width'];
    /**
     * Internal
     *
     * Set to false to remove margin of CollapsibleBody
     */
    _hasMargin?: boolean;
} & DataAnalyticsAttribute & TestID;

declare const CollapsibleBody: ({ children, testID, width, _hasMargin, ...rest }: CollapsibleBodyProps) => ReactElement;

type FormInputLabelProps = {
    /**
     * Label to be shown for the input field
     */
    label?: string;
    /**
     * Desktop only prop. Default value on mobile will be `top`
     */
    labelPosition?: 'left' | 'top';
    /**
     * Displays `(optional)` when `optional` is passed or `*` when `required` is passed
     */
    necessityIndicator?: 'required' | 'optional' | 'none';
    /**
     * Suffix element to be shown for the input field
     *
     * @example
     * ```jsx
     * labelSuffix={
     *  <Tooltip content="This is a tooltip" placement="right">
     *    <TooltipInteractiveWrapper>
     *        <InfoIcon size="small" color="surface.icon.gray.subtle" />
     *    </TooltipInteractiveWrapper>
     *  </Tooltip>
     * }
     * ```
     */
    labelSuffix?: react__default.ReactNode;
    /**
     * Trailing element to be shown for the input field
     */
    labelTrailing?: react__default.ReactNode;
};

type CommonAutoCompleteSuggestionTypes = 'none' | 'name' | 'email' | 'username' | 'password' | 'newPassword' | 'oneTimeCode' | 'telephone' | 'postalCode' | 'countryName' | 'creditCardNumber' | 'creditCardCSC' | 'creditCardExpiry' | 'creditCardExpiryMonth' | 'creditCardExpiryYear';
type WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';
type BaseInputCommonProps = FormInputLabelProps & DataAnalyticsAttribute & FormInputValidationProps & {
    /**
     * Determines if it needs to be rendered as input, textarea or button
     */
    as?: 'input' | 'textarea' | 'button' | 'div';
    /**
     * ID that will be used for accessibility
     */
    id: string;
    /**
     * Placeholder text to be displayed inside the input field
     */
    placeholder?: string;
    /**
     * Type of Input Field to be rendered.
     *
     * @default text
     */
    type?: 'text' | 'telephone' | 'email' | 'url' | 'number' | 'search' | 'password';
    /**
     * Used to set the default value of input field when it's uncontrolled
     */
    defaultValue?: string;
    /**
     * The name of the input field.
     *
     * Useful in form submissions
     */
    name?: string;
    /**
     * The callback function to be invoked when the input field gets focus
     */
    onFocus?: FormInputOnEvent;
    /**
     * The callback function to be invoked when the value of the input field changes
     */
    onChange?: FormInputOnEvent;
    /**
     * The callback function to be invoked when input is clicked
     */
    onClick?: FormInputOnEvent;
    /**
     * The callback function to be invoked when the value of the input field has any input
     */
    onInput?: FormInputOnEvent;
    /**
     * The callback function to be invoked whenever there is a keyDown event
     */
    onKeyDown?: FormInputHandleOnKeyDownEvent;
    /**
     * The callback function to be invoked when content is pasted into the input
     */
    onPaste?: react__default.ClipboardEventHandler<HTMLInputElement>;
    /**
     * The callback function to be invoked when the the input field loses focus
     *
     * For React Native this will call `onEndEditing` event since we want to get the last value of the input field
     */
    onBlur?: FormInputOnEvent;
    /**
     * Ignores the blur event animation (Used in Select to ignore blur animation when item in option is clicked)
     */
    shouldIgnoreBlurAnimation?: boolean;
    /**
     * sets boolean that ignores the blur animations on baseinput
     */
    setShouldIgnoreBlurAnimation?: (shouldIgnoreBlurAnimation: boolean) => void;
    /**
     * Used to turn the input field to controlled so user can control the value
     */
    value?: string;
    /**
     * Used to disable the input field
     */
    isDisabled?: boolean;
    /**
     * If true, the input is marked as required, and `required` attribute will be added
     */
    isRequired?: boolean;
    /**
     * Icon to be shown at the start of the input field
     */
    leadingIcon?: IconComponent;
    /**
     * Prefix symbol to be displayed at the beginning of the input field. If leadingIcon is provided it'll be placed after it
     */
    prefix?: string;
    /**
     * Element to be rendered before suffix. This is decided by the component which is extending BaseInput
     *
     * eg: consumers can render a loader or they could render a clear button
     */
    trailingInteractionElement?: ReactNode;
    /**
     * Callback to be invoked when the TrailingInteractionElement is clicked
     */
    onTrailingInteractionElementClick?: () => void;
    /**
     * Element to be rendered before prefix. This is decided by the component which is extending BaseInput
     *
     * eg: consumers can render a country selector or button
     */
    leadingInteractionElement?: ReactNode;
    /**
     * Leading DropDown to be rendered at Prefix slot
     */
    leadingDropDown?: ReactNode;
    /**
     * Trailing DropDown to be rendered at Suffix slot
     */
    trailingDropDown?: ReactNode;
    /**
     * Suffix symbol to be displayed at the end of the input field. If trailingIcon is provided it'll be placed before it
     */
    suffix?: string;
    /**
     * Icon to be displayed at the end of the input field
     */
    trailingIcon?: IconComponent;
    /**
     * Displays the character counter under the input field
     */
    maxCharacters?: number;
    /**
     * alignment of the text inside input field
     */
    textAlign?: 'left' | 'center' | 'right';
    /**
     * If true, focuses the input field on load
     *
     * **Note:**
     * Automatically focusing a form control can confuse visually-impaired people using screen-reading technology and people with cognitive impairments.
     * When autofocus is assigned, screen-readers "teleport" their user to the form control without warning them beforehand.
     */
    autoFocus?: boolean;
    /**
     * Hints the platform to display an appropriate virtual keyboard
     *
     * **Native:** Passes as is the `keyboardType` attribute
     *
     * **Web:** Passes the value to the `inputMode` attribute
     */
    keyboardType?: 'text' | 'search' | 'telephone' | 'email' | 'url' | 'decimal';
    /**
     * determines what return key to show on the keyboard of mobile devices/virtual keyboard
     * **Note**: Few values are platform dependent and might not render on all the platforms
     *
     * `default` is only available on native. it'll be mapped to `enter` for web
     * `previous` is only available on native android
     */
    keyboardReturnKeyType?: 'default' | 'go' | 'done' | 'next' | 'previous' | 'search' | 'send';
    /**
     * Element to be rendered on the trailing slot of input field label
     */
    trailingHeaderSlot?: (value?: string) => ReactNode;
    /**
     * Element to be rendered on the trailing slot of input field footer
     */
    trailingFooterSlot?: (value?: string) => ReactNode;
    /**
     * Sets the textarea's number of lines
     */
    numberOfLines?: 1 | 2 | 3 | 4 | 5;
    /**
     * Sets the accessibility label for the input
     */
    accessibilityLabel?: string;
    /**
     * Sets the id of the label
     *
     * (Useful when assigning one label to multiple elements using aria-labelledby)
     */
    labelId?: string;
    /**
     * Can be used in select to set the id of the active descendant from the listbox
     */
    activeDescendant?: string;
    /**
     * Hides the label text
     */
    hideLabelText?: boolean;
    /**
     * Hides the form hint text
     */
    hideFormHint?: boolean;
    /**
     * componentName prop sets the data-blade-component attribute name
     * for internal metric collection purposes
     */
    componentName?: string;
    /**
     * whether the input has a popup
     */
    hasPopup?: AriaAttributes['hasPopup'];
    /**
     * id of the popup
     */
    popupId?: string;
    /**
     * true if popup is in expanded state
     */
    isPopupExpanded?: boolean;
    setInputWrapperRef?: (node: ContainerElementType) => void;
    /**
     * sets the autocapitalize behavior for the input
     */
    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
    /**
     * constraints the height of input to given number rows
     *
     * When set to expandable, input takes 1 row in the begining and expands to take 3 when active
     *
     * @default 'single'
     */
    maxTagRows?: 'single' | 'multiple' | 'expandable';
    /**
     * A slot for adding tags to input
     */
    tags?: react__default.ReactElement[] | null;
    /**
     * Disables stripping of tags and shows all tags
     */
    showAllTags?: boolean;
    /**
     * State variable of active tag index
     */
    activeTagIndex?: number;
    /**
     * Is this input SelectInput or AutoComplete
     */
    isDropdownTrigger?: boolean;
    /**
     * Is the label expected to be rendered inside input?
     * Used in AutoComplete and Select when label can't exist outside
     *
     */
    isLabelInsideInput?: boolean;
    /**
     * State setter for active tag index
     */
    setActiveTagIndex?: (activeTagIndex: number) => void;
    /**
     * Sets the size of the input field
     * @default medium
     */
    size?: 'xsmall' | 'small' | 'medium' | 'large';
    /**
     * Overrides the padding of the input independently of the `size` prop.
     * Accepts CSS values like `"16px"`.
     */
    padding?: string;
    /**
     * Overrides the border radius of the input independently of the `size` prop.
     * Accepts border radius tokens like `"large"`.
     */
    borderRadius?: 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
    /**
     * Sets the elevation (box-shadow) on the input wrapper.
     */
    elevation?: keyof Elevation;
    /**
     * Link button to be rendered at the end of the input field.
     * **Note:** `size` of the Link will be set to the same size as the input field, `isDisabled` will follow Input's `isDisabled`, & `variant` will be set to `button`.
     * Example:
     * ```tsx
     * trailingButton={<Link onClick={handleClick}>Apply</Link>}
     * ```
     */
    trailingButton?: react__default.ReactElement<LinkProps>;
    /**
     * Whether to use Text or Heading component for Input text
     * @default text
     **/
    valueComponentType?: 'text' | 'heading';
    /**
     * Whether to render the input as a table cell
     * @default true
     **/
    isTableInputCell?: boolean;
    /**
     * Hides the form hints and shows them as tooltip of trailing
     */
    showHintsAsTooltip?: boolean;
    role?: AriaAttributes['role'];
    /**
     * Tab Index of the input field
     *
     * @default undefined
     */
    tabIndex?: number;
    /**
     * Slot to be rendered adjacent to the value
     */
    valueSuffix?: react__default.ReactNode;
    children?: ReactNode;
    /**
     * Overrides the caret (text cursor) color of the input.
     */
    caretColor?: 'surface.icon.onSea.onSubtle';
    /**
     * Content rendered inside the input wrapper, above the input row.
     * Used by ChatInput for file previews.
     */
    topContent?: react__default.ReactNode;
    /**
     * Content rendered inside the input wrapper, below the input row.
     * Used by ChatInput for the action bar.
     */
    bottomContent?: react__default.ReactNode;
    /**
     * Overlay content rendered inside the input row wrapper with position relative.
     * Used by ChatInput for ghost suggestions.
     */
    inputRowOverlay?: react__default.ReactNode;
} & TestID & Platform.Select<{
    native: {
        /**
         * The callback function to be invoked when the value of the input field is submitted.
         */
        onSubmit?: FormInputOnEvent;
        /**
         * determines what autoComplete suggestion type to show
         *
         * Internally it'll render platform specific attributes:
         *
         * - web: `autocomplete`
         * - iOS: `textContentType`
         * - android: `autoComplete`
         *
         */
        autoCompleteSuggestionType?: CommonAutoCompleteSuggestionTypes;
    };
    web: {
        /**
         * This is a react-native only prop and has no effect on web.
         */
        onSubmit?: undefined;
        /**
         * determines what autoComplete suggestion type to show
         *
         * Internally it'll render platform specific attributes:
         *
         * - web: `autocomplete`
         * - iOS: `textContentType`
         * - android: `autoComplete`
         *
         */
        autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;
    };
}> & StyledPropsBlade & MotionMetaProp;
type BaseInputPropsWithA11yLabel = {
    /**
     * Label to be shown for the input field
     */
    label?: undefined;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel: string;
};
type BaseInputPropsWithLabel = {
    /**
     * Label to be shown for the input field
     */
    label: string;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel?: string;
};
type BaseInputProps = (BaseInputPropsWithA11yLabel | BaseInputPropsWithLabel) & BaseInputCommonProps;

type CounterInputCommonProps = Pick<BaseInputProps, 'labelPosition' | 'name' | 'onFocus' | 'onBlur' | 'isDisabled' | 'testID' | keyof DataAnalyticsAttribute> & {
    /**
     * Accessibility label for the input (optional override)
     */
    accessibilityLabel?: string;
    /**
     * Label to be shown for the counter input
     */
    label?: string;
    /**
     * The numerical value of the counter input
     */
    value?: number;
    /**
     * The default numerical value when component is uncontrolled
     */
    defaultValue?: number;
    /**
     * Minimum allowed value. When reached, the decrement button will be disabled
     * @default 0
     */
    min?: number;
    /**
     * Maximum allowed value. When reached, the increment button will be disabled
     * If not provided, the increment button will not be disabled
     */
    max?: number;
    /**
     * Visual emphasis of the counter input
     * @default 'subtle'
     */
    emphasis?: 'subtle' | 'intense';
    /**
     * Size of the counter input
     * @default 'medium'
     */
    size?: 'xsmall' | 'medium' | 'large';
    /**
     * Decides whether to show a loading spinner and disable interaction
     * @default false
     */
    isLoading?: boolean;
    /**
     * Event handler called when the value changes via increment, decrement, or manual input
     */
    onChange?: (args: {
        value: number;
    }) => void;
} & StyledPropsBlade & MotionMetaProp;
type CounterInputProps = CounterInputCommonProps;

declare const CounterInput: (_props: CounterInputProps) => react__default.ReactElement;

type DrawerProps = {
    /**
     * Controls the state of the drawer, indicating whether it is open or closed
     */
    isOpen: boolean;
    /**
     * Callback function triggered when the drawer is dismissed or closed.
     *
     * **Note**: onDismiss gets triggered immediately on close button click. Use onUnmount if you want to perform actions after the animations are complete
     */
    onDismiss: () => void;
    /**
     * Callback function triggered when the drawer is unmounted.
     *
     * Unlike onDismiss, this gets called after the animations are complete
     */
    onUnmount?: () => void;
    /**
     * Show or hide overlay.
     *
     * Also decides if clicking outside on overlay closes the drawer or not
     */
    showOverlay?: boolean;
    /**
     * children node.
     *
     * Supports DrawerHeader, DrawerBody, and DrawerFooter
     */
    children: react__default.ReactNode;
    /**
     * zIndex property of drawer
     *
     * @default 1001
     */
    zIndex?: number;
    /**
     * Accessibility label for the drawer
     */
    accessibilityLabel?: string;
    /**
     * Ref to the element that should receive focus when opening the drawer.
     */
    initialFocusRef?: react__default.MutableRefObject<any>;
    /**
     * If `true`, the DrawerBody will be rendered only when it becomes active.
     * Set to `false` to keep DrawerBody in DOM
     *
     * @default true
     */
    isLazy?: boolean;
} & DataAnalyticsAttribute & TestID;
type DrawerHeaderProps = {
    /**
     * Title of the Drawer
     */
    title?: string;
    /**
     * Subtitle of the Drawer
     */
    subtitle?: string;
    /**
     * Leading element
     *
     * DrawerHeaderIcon or DrawerHeaderAsset
     */
    leading?: react__default.ReactNode;
    /**
     * Title suffix element
     *
     * DrawerHeaderBadge
     */
    titleSuffix?: react__default.ReactNode;
    /**
     * Trailing element
     *
     * Link, Button[]
     */
    trailing?: react__default.ReactNode;
    /**
     * Children elements to be rendered inside the header
     */
    children?: react__default.ReactElement | react__default.ReactElement[];
    /**
     * Background image of the header
     *
     * Use this for adding gradients
     */
    color?: FeedbackColors;
    /**
     * Whether to show the divider above the header
     * @default true
     */
    showDivider?: boolean;
} & DataAnalyticsAttribute;
type DrawerFooterProps = {
    /**
     * Content of the footer
     */
    children: react__default.ReactNode;
    /**
     * Whether to show the divider above the footer
     * @default true
     */
    showDivider?: boolean;
} & DataAnalyticsAttribute;

declare const Drawer: (_props: DrawerProps) => React.ReactElement;

declare const DrawerHeader: (_props: DrawerHeaderProps) => react__default.ReactElement;
declare const DrawerBody: (_props: {
    children: react__default.ReactNode;
}) => react__default.ReactElement;
declare const DrawerFooter: (_props: DrawerFooterProps) => react__default.ReactElement;

declare const DatePicker: (_props: any) => React.ReactElement;

declare const FilterChipDatePicker: (_props: any) => React.ReactElement;

type TaggedInputProps = {
    isTaggedInput?: boolean;
    tags?: string[];
    onTagChange?: ({ tags }: {
        tags: string[];
    }) => void;
};

type Type = Exclude<BaseInputProps['type'], 'password'>;
type TextInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'labelSuffix' | 'labelTrailing' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'size' | 'leadingIcon' | 'trailingButton' | 'trailingIcon' | 'textAlign' | 'popupId' | 'isPopupExpanded' | 'hasPopup' | 'componentName' | 'onKeyDown' | keyof DataAnalyticsAttribute> & {
    /**
     * Decides whether to render a clear icon button
     */
    showClearButton?: boolean;
    /**
     * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
     */
    onClearButtonClick?: () => void;
    /**
     * Decides whether to show a loading spinner for the input field.
     */
    isLoading?: boolean;
    /**
     * Icon that will be rendered at the beginning of the input field
     * @deprecated Use `leading` instead. This prop will be removed in the next major version.
     */
    icon?: IconComponent;
    /**
     * Type of Input Field to be rendered. Use `PasswordInput` for type `password`
     *
     *
     * **Note on number type**
     *
     * `type="number"` internally uses `inputMode="numeric"` instead of HTML's `type="number"` which also allows text characters.
     * If you have a usecase where you only want to support number input, you can handle it on validations end.
     *
     * Check out [Why the GOV.UK Design System team changed the input type for numbers](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for reasoning
     *
     * @default text
     */
    type?: Type;
    /**
     *
     * Icon or React Element to be rendered at the end of the input field
     */
    trailing?: react__default.ReactElement | IconComponent;
    /**
     * Icon or React Element to be rendered at the beginning of the input field
     */
    leading?: react__default.ReactElement | IconComponent;
    /**
     * Format pattern where # represents input characters and other symbols act as delimiters
     * When provided, input will be automatically formatted and onChange will include rawValue
     *
     * **Note:**
     * 1. Format pattern should only contain # symbols and special characters as delimiters.
     *    Alphanumeric characters (letters and numbers) are not allowed in the format pattern.
     * 2. When format is provided, user input is restricted to alphanumeric characters only.
     *    Special characters and symbols will be filtered out automatically from user input.
     *
     * @example "#### #### #### ####" for card numbers
     * @example "##/##" for expiry dates
     * @example "(###) ###-####" for phone numbers
     */
    format?: '#### #### #### ####' | '##/##' | '##/##/####' | '(###) ###-####' | '###-##-####' | '##:##' | '##:##:##' | '#### #### ####' | '###.###.###.###' | '## ## ####' | '##-###-##' | (string & {});
} & TaggedInputProps & StyledPropsBlade;
type TextInputPropsWithA11yLabel = {
    /**
     * Label to be shown for the input field
     */
    label?: undefined;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel: string;
};
type TextInputPropsWithLabel = {
    /**
     * Label to be shown for the input field
     */
    label: string;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel?: string;
};
type TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) & TextInputCommonProps;
declare const TextInput: react__default.ForwardRefExoticComponent<TextInputProps & react__default.RefAttributes<BladeElementRef>>;

type Level = 'month' | 'year' | 'decade';
type PickerType = 'day' | 'month' | 'year';
type Preset = {
    /**
     * Label for the preset
     *
     * @example 'Last 7 days'
     */
    label: string;
    /**
     * Value can be a range of dates
     *
     * @example with range selection
     * [dayjs().subtract(7, 'day'), dayjs()]
     */
    value: (date: Date) => DatesRangeValue;
};
type DateSelectionType = 'single' | 'range';
type MantineInternalProps = '__onDayMouseEnter' | '__onDayClick' | 'getDayProps' | 'getYearControlProps' | 'getMonthControlProps' | 'onMouseLeave';
type CalendarProps<SelectionType extends DateSelectionType> = Pick<DatePickerProps$1<SelectionType extends 'single' ? 'default' : 'range'>, MantineInternalProps | 'value' | 'defaultValue' | 'onChange' | 'onMonthSelect' | 'onYearSelect'> & {
    /**
     * Sets the selection mode of the calendar
     * @default 'single'
     */
    selectionType?: SelectionType;
    /**
     * Sets the picker type
     * @default 'date'
     */
    picker?: PickerType;
    /**
     * Sets the default picker type
     */
    defaultPicker?: PickerType;
    /**
     * Callback which fires when picker type changes
     */
    onPickerChange?: (picker: PickerType) => void;
    /**
     * Controlled isOpen state
     */
    isOpen?: boolean;
    /**
     * Uncontrolled isOpen state
     */
    defaultIsOpen?: boolean;
    /**
     * Callback which fires when isOpen state changes
     */
    onOpenChange?: ({ isOpen }: {
        isOpen: boolean;
    }) => void;
    /**
     * Defines presets for the date picker
     *
     * @example with single selection
     * [
     *   { label: 'In 7 days', value: dayjs().add(7, 'day') },
     *   { label: 'In a month', value: dayjs().add(1, 'month') },
     * ]
     *
     * @example with range selection
     * [
     *   { label: 'Last 7 days', value: [dayjs().subtract(7, 'day'), dayjs()] },
     *   { label: 'Last month', value: [dayjs().subtract(1, 'month'), dayjs()] },
     * ]
     */
    presets?: Preset[];
    /**
     * Sets the first day of the week in the calendar.
     *
     * 0-6 (0=Sunday, 1=Monday, etc.)
     * @default 1
     */
    firstDayOfWeek?: DayOfWeek;
    /**
     * Sets the minimum date that can be selected.
     */
    minDate?: Date;
    /**
     * Sets the maximum date that can be selected.
     */
    maxDate?: Date;
    /**
     * Disables dates that do not pass the function.
     */
    excludeDate?: (date: Date) => boolean;
    /**
     * Determines whether single date can be selected as range, applicable only when type="range"
     * @default false
     */
    allowSingleDateInRange?: boolean;
    /**
     * Callback which is called whenever the next button is clicked.
     *
     * @param date - The updated date.
     * @param type - The level of the calendar. ("month" | "year" | "decade")
     */
    onNext?: ({ date, type }: {
        date: Date;
        type: Level;
    }) => void;
    /**
     * Callback which is called whenever the previous button is clicked.
     *
     * @param date - The updated date.
     * @param type - The level of the calendar. ("month" | "year" | "decade")
     */
    onPrevious?: ({ date, type }: {
        date: Date;
        type: Level;
    }) => void;
    /**
     * Whether to show the footer with apply/cancel buttons
     * @default true
     */
    showFooterActions?: boolean;
    /**
     * Custom React element to render in the footer above/side of action buttons
     * Can be used to add custom content like informational text, links, or other components
     */
    footer?: React.ReactElement;
    /**
     * Controls how the selected date is displayed in the input field.
     *
     * - `compact`: Shows only the preset label (e.g., "Last 7 days") instead of the actual dates.
     *   Useful for presets where showing the label is more meaningful than showing actual dates.
     * - `default`: Shows the actual date values in the input field.
     *
     * @default 'default'
     */
    displayFormat?: 'compact' | 'default';
};
type DatePickerProps<Type extends DateSelectionType> = Omit<CalendarProps<Type>, MantineInternalProps> & Omit<DatePickerCommonInputProps, 'inputRef' | 'referenceProps' | 'labelPosition' | 'name' | 'successText' | 'errorText' | 'helpText'> & {
    /**
     * Sets the label for the input element.
     */
    label?: Type extends 'single' ? string : string | {
        start: string;
        end?: string;
    };
    /**
     * Sets the HTML [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname) attribute on the input elements.
     * Can be used when submitting a form.
     *
     * @example 'date' | { start: 'start-date', end: 'end-date' }
     */
    name?: Type extends 'single' ? string : {
        start: string;
        end?: string;
    };
    helpText?: Type extends 'single' ? string : string | {
        start: string;
        end?: string;
    };
    errorText?: Type extends 'single' ? string : string | {
        start: string;
        end?: string;
    };
    successText?: Type extends 'single' ? string : string | {
        start: string;
        end?: string;
    };
    /**
     * Callback which fires when apply button is clicked
     */
    onApply?: Type extends 'single' ? (value: DateValue) => void : (value: DatesRangeValue) => void;
    labelPosition?: BaseInputProps['labelPosition'];
    /**
     * Sets the date format to be displayed in the input field.
     * @default 'DD/MM/YYYY'  if pickerType is 'month' then 'MMMM', 'YYYY' if pickerType is 'year'
     */
    format?: 'DD/MM/YYYY' | 'MMM' | 'MMMM' | 'YYYY';
    /**
     *  Placeholder text for the datepicker input , when no date is selected.
     * @default 'DD/MM/YYYY'  if pickerType is 'month' then 'MMMM', 'YYYY' if pickerType is 'year'
     */
    inputPlaceHolder?: string;
    /**
     * Decides whether to render a clear icon button
     */
    showClearButton?: boolean;
    /**
     * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
     */
    onClearButtonClick?: () => void;
};
type DatePickerCommonInputProps = {
    labelPosition?: BaseInputProps['labelPosition'];
    inputRef: React.Ref<any>;
    referenceProps: any;
} & Pick<TextInputProps, 'size' | 'isRequired' | 'necessityIndicator' | 'autoFocus' | 'isDisabled' | 'accessibilityLabel' | 'labelSuffix' | 'labelTrailing'> & FormInputValidationProps;

declare const Dropdown: react__default.ForwardRefExoticComponent<{
    isOpen?: boolean | undefined;
    onOpenChange?: ((isOpen: boolean) => void) | undefined;
    selectionType?: "multiple" | "single" | undefined;
    children: react__default.ReactNode[];
    _width?: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    } | undefined;
} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;

type DropdownProps = {
    /**
     * Control open / close state of the Dropdown component
     *
     * This can be used to close the dropdown when button in the footer of dropdown is clicked
     */
    isOpen?: boolean;
    /**
     * Callback when open state of the dropdown changes
     */
    onOpenChange?: (isOpen: boolean) => void;
    selectionType?: 'single' | 'multiple';
    children: react__default.ReactNode[];
    /**
     * @private
     *
     * width prop for outer relative container of Dropdown. Use width prop on DropdownOverlay to change width of menu
     */
    _width?: BoxProps['width'];
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
type DropdownOverlayProps = {
    children: react__default.ReactElement[] | react__default.ReactElement;
    /**
     * Sets the z-index of the DropdownOverlay
     *
     * @default 1001
     */
    zIndex?: number;
    /**
     * Override the default width of dropdown
     *
     * Avoid overriding width in SelectInput and AutoComplete as its expected to match the input
     */
    width?: BoxProps['width'];
    /**
     * Override the default minWidth of dropdown
     *
     * Avoid overriding minWidth in SelectInput and AutoComplete as its expected to match the input
     */
    minWidth?: BoxProps['minWidth'];
    /**
     * Override the default maxWidth of dropdown
     *
     * Avoid overriding maxWidth in SelectInput and AutoComplete as its expected to match the input
     */
    maxWidth?: BoxProps['maxWidth'];
    /**
     * Reference to the element which triggers the DropdownOverlay
     *
     * This is used to position the DropdownOverlay relative to a specific element,
     * for example in PhoneNumberInput the DropdownOverlay is positioned relative to the input element
     */
    referenceRef?: react__default.MutableRefObject<ContainerElementType | null>;
    /**
     * Sets the placement of the DropdownOverlay
     *
     * @default 'bottom-start'
     */
    defaultPlacement?: Placement;
    /**
     * Nested Dropdown Overlay (Input Search Dropdown)
     * @default false
     * @private
     */
    _isNestedDropdown?: boolean;
} & TestID;
type FilterChipGroupProps = TestID & DataAnalyticsAttribute & {
    children: react__default.ReactNode;
    /**
     * Callback which is called when clear button is clicked
     */
    onClearButtonClick?: () => void;
    /**
     * Boolean to decide if we should show clear button or not.
     * If true, clear button will be shown when there are selected filters
     *
     */
    showClearButton?: boolean;
};
type FilterChipGroupContextType = {
    /**
     *  Number of Selected Filters
     */
    filterChipGroupSelectedFilters: string[];
    setFilterChipGroupSelectedFilters: react__default.Dispatch<react__default.SetStateAction<string[]>>;
    clearFilterCallbackTriggerer: number;
    setClearFilterCallbackTriggerer: react__default.Dispatch<react__default.SetStateAction<number>>;
};

declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => react__default.ReactElement;

type DropdownButtonProps = ButtonProps & {
    onBlur?: BaseButtonProps['onBlur'];
    onKeyDown?: BaseButtonProps['onKeyDown'];
};
declare const DropdownButton: ({ children, icon, iconPosition, isDisabled, isFullWidth, isLoading, onClick, onBlur, onKeyDown, size, type, variant, color, accessibilityLabel, testID, ...rest }: DropdownButtonProps) => react__default.ReactElement;

type DropdownLinkProps = LinkButtonVariantProps & {
    onBlur?: BaseLinkProps['onBlur'];
    onKeyDown?: BaseLinkProps['onKeyDown'];
};
declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...props }: DropdownLinkProps) => react__default.ReactElement;

type DropdownIconButtonProps = Omit<IconButtonProps, 'onClick'> & {
    onBlur?: BaseButtonProps['onBlur'];
    onKeyDown?: BaseButtonProps['onKeyDown'];
    onClick?: IconButtonProps['onClick'];
};
declare const DropdownIconButton: ({ icon, isDisabled, onClick, onBlur, onKeyDown, size, accessibilityLabel, emphasis, ...rest }: DropdownIconButtonProps) => react__default.ReactElement;

type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID' | 'children' | keyof DataAnalyticsAttribute>;
declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, children, ...rest }: DropdownHeaderProps) => react__default.ReactElement;
type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
declare const DropdownFooter: ({ children, testID }: DropdownFooter) => react__default.ReactElement;

declare const BaseFilterChip: (_props: any) => React.ReactElement;

declare const FilterChipGroup: (_props: unknown) => React.ReactElement;

declare const InputDropdownButton: (_props: any) => React.ReactElement;

type ElevateProps = Pick<BaseMotionBoxProps, 'type' | 'motionTriggers' | 'children'> & {
    /**
     * Controlled state of elevation. If you want to elevate on hover / focus, etc, checkout `motionTriggers` prop instead.
     *
     * This is when you want to elevate conditionally
     *
     * With `isHighlighted={true}`, your component will be in elevated state
     * With `isHighlighted={false}`, your component will be in normal state
     */
    isHighlighted?: boolean;
};

declare const Elevate: (_props: ElevateProps) => React.ReactElement;

type EmptyStateSize = 'small' | 'medium' | 'large' | 'xlarge';

type EmptyStateProps = {
    /**
     * Asset slot for custom illustrations, images, or any visual element.
     * Supports PNGs, custom brand illustrations, SVGs, animated gifs, lottie components etc.
     *
     * @example
     * ```jsx
     * // Custom image
     * <EmptyState asset={<img src="/custom-illustration.png" alt="No data" />} />
     *
     * // Custom component
     * <EmptyState asset={<CustomIllustration />} />
     * ```
     */
    asset?: React.ReactNode;
    /**
     * Primary heading text for the empty state
     */
    title?: string;
    /**
     * Supporting description text providing context and guidance
     */
    description?: string;
    /**
     * Children content for actions, links, or any custom content.
     */
    children?: React.ReactNode;
    /**
     * Size variant affecting the overall scale of the component
     * @default medium
     */
    size?: EmptyStateSize;
} & TestID & StyledPropsBlade & DataAnalyticsAttribute;

declare const EmptyState: (_props: EmptyStateProps) => react__default.ReactElement;

type FadeProps = Pick<BaseMotionEntryExitProps, 'children' | 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'>;

declare const Fade: (_props: FadeProps) => React.ReactElement;

declare const FileUpload: (_props: FileUploadProps) => React.ReactElement;

declare const FileUploadItem: react.MemoExoticComponent<({ file, onPreview, onRemove, onReupload, onDismiss, size: containerSize, width, minWidth, maxWidth, flexShrink, flexGrow, flexBasis, ...rest }: FileUploadItemProps) => React.ReactElement>;

type InfoGroupProps = {
    /**
     * Defines how Key and Value are arranged — side by side or stacked
     * @default 'horizontal'
     */
    itemOrientation?: 'horizontal' | 'vertical';
    /**
     * Shows the size of the component
     * @default 'medium'
     */
    size?: 'xsmall' | 'small' | 'medium' | 'large';
    /**
     * Defines the alignment of the value content
     * @default 'left'
     */
    valueAlign?: 'left' | 'right';
    /**
     * Controls whether vertical dividers are rendered
     * @default false
     */
    isHighlighted?: boolean;
    /**
     * Custom grid template columns for the InfoGroup layout
     *
     * @default 'max-content 1fr' for horizontal itemOrientation
     * @default 'repeat(min(4, ${React.Children.count(children)}), 1fr)' for vertical itemOrientation
     */
    gridTemplateColumns?: BoxProps['gridAutoColumns'];
    /**
     * Children should be InfoItem components
     */
    children: React.ReactNode;
} & TestID & StyledPropsBlade & Pick<BoxProps, 'width' | 'maxWidth' | 'minWidth' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'paddingBottom' | 'padding' | 'paddingX' | 'paddingY'>;
type InfoItemProps = {
    /**
     * Content should be InfoItemKey and InfoItemValue components
     */
    children: React.ReactNode;
    /**
     * Controls whether vertical dividers are rendered for this item
     * @default false
     */
    isHighlighted?: boolean;
} & TestID;
type TitlePeripheralProps = {
    /**
     * Leading element - can be icon component, avatar, or any React element
     */
    leading?: IconComponent | React.ReactElement;
    /**
     * Trailing element - can be icon component, avatar, or any React element
     */
    trailing?: IconComponent | React.ReactElement;
    /**
     * Additional help text to provide context
     */
    helpText?: string;
    /**
     * Truncates text after specified number of lines
     * @default undefined
     */
    truncateAfterLines?: number;
};
type TitleCollectionProps = {
    children: string | React.ReactNode;
    titleWeight: 'medium' | 'semibold';
    titleColor: Extract<TextColors, 'surface.text.gray.muted' | 'surface.text.gray.subtle'>;
    paddingLeft?: BoxProps['paddingLeft'];
    paddingRight?: BoxProps['paddingRight'];
} & TitlePeripheralProps;
type InfoItemKeyProps = {
    /**
     * Content of the key.
     */
    children?: StringChildrenType;
} & TitlePeripheralProps & TestID;
type InfoItemValueProps = {
    /**
     * Content of the value - text string, components, or other ReactNode
     */
    children?: React.ReactNode;
} & TitlePeripheralProps & TestID;

declare const InfoGroup: (_props: InfoGroupProps) => React.ReactElement;
declare const InfoItem: (_props: InfoItemProps) => React.ReactElement;
declare const InfoItemKey: (_props: InfoItemKeyProps) => React.ReactElement;
declare const InfoItemValue: (_props: InfoItemValueProps) => React.ReactElement;

type IndicatorProps = {
    /**
     * Sets the color tone
     *
     * @default neutral
     */
    color?: FeedbackColors | 'primary';
    /**
     * Sets the emphasis of the indicator
     *
     * If set to intense it will show a background circle
     *
     * @default subtle
     */
    emphasis?: 'subtle' | 'intense';
    /**
     * Size of the indicator
     *
     * @default medium
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * A text label to show alongside the indicator dot
     */
    children?: StringChildrenType;
    /**
     * a11y label for screen readers
     */
    accessibilityLabel?: string;
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
declare const Indicator: react__default.ForwardRefExoticComponent<{
    /**
     * Sets the color tone
     *
     * @default neutral
     */
    color?: FeedbackColors | "primary" | undefined;
    /**
     * Sets the emphasis of the indicator
     *
     * If set to intense it will show a background circle
     *
     * @default subtle
     */
    emphasis?: "subtle" | "intense" | undefined;
    /**
     * Size of the indicator
     *
     * @default medium
     */
    size?: "small" | "medium" | "large" | undefined;
    /**
     * A text label to show alongside the indicator dot
     */
    children?: StringChildrenType | undefined;
    /**
     * a11y label for screen readers
     */
    accessibilityLabel?: string | undefined;
} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;

type SelectInputValueSuffixType = ({ values }: {
    values: string[];
}) => react__default.ReactNode;
type DropdownInputTriggersCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID' | 'size' | keyof DataAnalyticsAttribute> & {
    icon?: IconComponent;
    /**
     * Controlled value of the Select. Use it in combination of `onChange`.
     *
     * Check out [Controlled Dropdown Documentation](https://blade.razorpay.com/?path=/story/components-dropdown-with-select--controlled-dropdown&globals=measureEnabled:false) for example.
     */
    value?: string | string[];
    /**
     * Used to set the default value of SelectInput when it's uncontrolled. Use `value` instead for controlled SelectInput
     */
    defaultValue?: string | string[];
    onChange?: ({ name, values }: {
        name?: string;
        values: string[];
    }) => void;
    /**
     * Syncs the selected value to inputValue in AutoComplete
     *
     * Only needed in single select AutoComplete because inputValue is expected to be same as selected value there
     */
    syncInputValueWithSelection?: (value: string) => void;
    /**
     * constraints the height of input to given number rows
     *
     * When set to expandable, input takes 1 row in the begining and expands to take 3 when active
     *
     * @default 'single'
     */
    maxRows?: 'single' | 'multiple' | 'expandable';
    /**
     * Position of the label.
     *
     * Can be
     * - top: top positioned
     * - left: left positioned
     * - inside-input: added inside the input (not applicable for single select AutoComplete)
     */
    labelPosition?: BaseInputProps['labelPosition'] | 'inside-input';
};
type DropdownInputTriggersPropsWithA11yLabel = {
    /**
     * Label to be shown for the input field
     */
    label?: undefined;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel: string;
};
type DropdownInputTriggersPropsWithLabel = {
    /**
     * Label to be shown for the input field
     */
    label: string;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel?: string;
};
type DropdownInputTriggersProps = (DropdownInputTriggersPropsWithA11yLabel | DropdownInputTriggersPropsWithLabel) & DropdownInputTriggersCommonProps;
type SelectInputProps = DropdownInputTriggersProps & {
    /**
     * Slot to be rendered adjacent to the value
     */
    valueSuffix?: SelectInputValueSuffixType;
};
type AutoCompleteProps = DropdownInputTriggersCommonProps & {
    /**
     * Callback to handle the change in input element.
     *
     * This is different from onChange which handles the change in selection of item
     */
    onInputValueChange?: BaseInputProps['onChange'];
    /**
     * Controlled state of value inside AutoComplete input
     */
    inputValue?: BaseInputProps['value'];
    /**
     * Controlled state of filtering of items in AutoComplete.
     *
     * Checkout [Custom Filtering Example](https://blade.razorpay.com/?path=/story/components-dropdown-with-autocomplete--controlled-filtering)
     *
     */
    filteredValues?: string[];
};

/**
 * ### SelectInput
 *
 * Our equivalent of `<select>` tag. Lets you select items from given options.
 *
 * To be used in combination of `Dropdown` and `ActionList` component
 *
 * ---
 *
 * #### Usage
 *
 * ```diff
 * <Dropdown>
 * + <SelectInput label="Select Fruits" />
 *   <DropdownOverlay>
 *     <ActionList>
 *       <ActionListItem title="Mango" value="mango" />
 *       <ActionListItem title="Apple" value="apple" />
 *     </ActionList>
 *   </DropdownOverlay>
 * </Dropdown>
 * ```
 *
 * ---
 *
 * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select SelectInput Documentation}.
 */
declare const SelectInput: react__default.ForwardRefExoticComponent<SelectInputProps & react__default.RefAttributes<BladeElementRef>>;

/**
 * ### AutoComplete
 *
 * Extension on top of SelectInput which allows you type and filter between ActionList items
 *
 * To be used in combination of `Dropdown` and `ActionList` component
 *
 * ---
 *
 * #### Usage in Desktop
 *
 * ```diff
 * <Dropdown>
 * + <AutoComplete label="Select Fruits" />
 *   <DropdownOverlay>
 *     <ActionList>
 *       <ActionListItem title="Mango" value="mango" />
 *       <ActionListItem title="Apple" value="apple" />
 *     </ActionList>
 *   </DropdownOverlay>
 * </Dropdown>
 * ```
 *
 * #### Usage in Mobile
 *
 * ```diff
 * <Dropdown>
 * + <SelectInput label="Select Fruits" />
 *   <BottomSheet>
 *      <BottomSheetHeader>
 * +      <AutoComplete label="Select Fruits" />
 *      </BottomSheetHeader>
 *      <BottomSheetBody>
 *       <ActionList>
 *         <ActionListItem title="Mango" value="mango" />
 *         <ActionListItem title="Apple" value="apple" />
 *       </ActionList>
 *      </BottomSheetBody>
 *   </BottomSheet>
 * </Dropdown>
 * ```
 *
 * ---
 *
 * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-autocomplete--with-single-select AutoComplete Documentation}.
 */
declare const AutoComplete: react__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | `data-analytics-${string}` | "label" | "testID" | "prefix" | "size" | "onBlur" | "onFocus" | "accessibilityLabel" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
    icon?: IconComponent | undefined;
    value?: string | string[] | undefined;
    defaultValue?: string | string[] | undefined;
    onChange?: (({ name, values }: {
        name?: string | undefined;
        values: string[];
    }) => void) | undefined;
    syncInputValueWithSelection?: ((value: string) => void) | undefined;
    maxRows?: "multiple" | "single" | "expandable" | undefined;
    labelPosition?: "top" | "left" | "inside-input" | undefined;
} & {
    onInputValueChange?: FormInputOnEvent | undefined;
    inputValue?: string | undefined;
    filteredValues?: string[] | undefined;
} & react__default.RefAttributes<BladeElementRef>>;

type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
    name?: string;
    value?: string;
    inputIndex: number;
}) => void;
type OTPInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'labelSuffix' | 'labelTrailing' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID' | 'size' | keyof DataAnalyticsAttribute> & {
    /**
     * Determines the number of input fields to show for the OTP
     * @default 6
     */
    otpLength?: 4 | 6;
    /**
     * The callback function to be invoked when all the values of the OTPInput are filled
     */
    onOTPFilled?: FormInputOnEvent;
    /**
     * Masks input characters in all the fields
     */
    isMasked?: boolean;
    /**
     * Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.
     *
     * It's not recommended to turn this off in favor of otp input practices.
     *
     *
     * Internally it'll render platform specific attributes:
     *
     * - web: `autocomplete`
     * - iOS: `textContentType`
     * - android: `autoComplete`
     *
     */
    autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'oneTimeCode'>;
    /**
     * The callback function to be invoked when one of the input fields gets focus
     */
    onFocus?: FormInputOnEventWithIndex;
    /**
     * The callback function to be invoked when one of the input fields is blurred
     */
    onBlur?: FormInputOnEventWithIndex;
} & StyledPropsBlade;
type OTPInputPropsWithA11yLabel = {
    /**
     * Label to be shown for the input field
     */
    label?: undefined;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel: string;
};
type OTPInputPropsWithLabel = {
    /**
     * Label to be shown for the input field
     */
    label: string;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel?: string;
};
type OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabel) & OTPInputCommonProps;
declare const OTPInput: react__default.ForwardRefExoticComponent<OTPInputProps & react__default.RefAttributes<HTMLInputElement[]>>;

type PasswordInputExtraProps = {
    /**
     * Shows a reveal button to toggle password visibility
     *
     * @default true
     */
    showRevealButton?: boolean;
    /**
     * Displays asterisk (`*`) when `isRequired` is enabled
     *
     * @default none
     */
    necessityIndicator?: Exclude<BaseInputProps['necessityIndicator'], 'optional'>;
    /**
     * Determines what autoComplete suggestion type to show. Defaults to using platform heuristics.
     *
     * It's not recommended to turn this off in favor of safe password practices.
     * Providing `password` or `newPassword` is more informative to the platform for browser autofill or password managers.
     *
     * **Note**: Using `newPassword` on iOS has some [known issue](https://github.com/facebook/react-native/issues/21911) on React Native
     *
     * Internally it'll render platform specific attributes:
     *
     * - web: `autocomplete`
     * - iOS: `textContentType`
     * - android: `autoComplete`
     *
     */
    autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'password' | 'newPassword'>;
};
type PasswordInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'labelSuffix' | 'labelTrailing' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID' | 'size' | keyof DataAnalyticsAttribute> & PasswordInputExtraProps & StyledPropsBlade;
type PasswordInputPropsWithA11yLabel = {
    /**
     * Label to be shown for the input field
     */
    label?: undefined;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel: string;
};
type PasswordInputPropsWithLabel = {
    /**
     * Label to be shown for the input field
     */
    label: string;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel?: string;
};
type PasswordInputProps = (PasswordInputPropsWithA11yLabel | PasswordInputPropsWithLabel) & PasswordInputCommonProps;
declare const PasswordInput: react__default.ForwardRefExoticComponent<PasswordInputProps & react__default.RefAttributes<BladeElementRef>>;

type TextAreaCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'labelSuffix' | 'labelTrailing' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID' | 'size' | keyof DataAnalyticsAttribute> & {
    /**
     * Decides whether to render a clear icon button
     */
    showClearButton?: boolean;
    /**
     * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
     */
    onClearButtonClick?: () => void;
    onKeyDown?: ({ name, value, event, }: {
        name?: FormInputOnKeyDownEvent['name'];
        value: string;
        event: FormInputOnKeyDownEvent['event'];
    }) => void;
} & TaggedInputProps & StyledPropsBlade;
type TextAreaPropsWithA11yLabel = {
    /**
     * Label to be shown for the input field
     */
    label?: undefined;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel: string;
};
type TextAreaPropsWithLabel = {
    /**
     * Label to be shown for the input field
     */
    label: string;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel?: string;
};
type TextAreaProps = (TextAreaPropsWithA11yLabel | TextAreaPropsWithLabel) & TextAreaCommonProps;
declare const TextArea: react__default.ForwardRefExoticComponent<TextAreaProps & react__default.RefAttributes<BladeElementRef>>;

type SearchInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'labelSuffix' | 'labelTrailing' | 'helpText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'autoFocus' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'size' | keyof DataAnalyticsAttribute> & {
    /**
     * Event handler to handle the onClick event for clear button.
     */
    onClearButtonClick?: () => void;
    /**
     * Decides whether to show a loading spinner for the input field.
     */
    isLoading?: boolean;
    /**
     * Toggle the visibility of the search icon.
     *
     * @default true
     */
    showSearchIcon?: boolean;
    /**
     * Optional trailing  to be shown at the end of the input.
     */
    trailing?: react__default.ReactNode;
} & StyledPropsBlade;
type SearchInputPropsWithA11yLabel = {
    /**
     * Label to be shown for the input field
     */
    label?: undefined;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel: string;
};
type SearchInputPropsWithLabel = {
    /**
     * Label to be shown for the input field
     */
    label: string;
    /**
     * Accessibility label for the input
     */
    accessibilityLabel?: string;
};
type SearchInputProps = (SearchInputPropsWithA11yLabel | SearchInputPropsWithLabel) & SearchInputCommonProps;
declare const SearchInput: react__default.ForwardRefExoticComponent<SearchInputProps & react__default.RefAttributes<BladeElementRef>>;

type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | 'labelSuffix' | 'labelTrailing' | 'name' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'defaultValue' | 'necessityIndicator' | 'isRequired' | 'isDisabled' | 'onFocus' | 'onBlur' | 'onClick' | 'leadingIcon' | 'trailingIcon' | 'accessibilityLabel' | 'autoFocus' | 'testID' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'placeholder' | keyof DataAnalyticsAttribute>;
type PhoneNumberInputProps = StyledPropsBlade & CommonProps & {
    /**
     * Default value of the input, Used to set the default value of input field when it's uncontrolled
     */
    defaultValue?: string;
    /**
     * Value of the input, Used to turn the input field to controlled so user can control the value
     */
    value?: string;
    /**
     * The default country code to be used in the input.
     * Uncontrolled state of the country code.
     *
     * @default "IN" or autodetect based on the user's locale
     */
    defaultCountry?: CountryCodeType;
    /**
     * Controlled state of the country code to be used in the input.
     */
    country?: CountryCodeType;
    /**
     * Callback that is called when the country is selected from the country selector.
     */
    onCountryChange?: ({ country }: {
        country: CountryCodeType;
    }) => void;
    /**
     * List of countries to be shown in the country selector.
     */
    allowedCountries?: CountryCodeType[];
    /**
     * Callback that is called when the value of the input changes.
     */
    onChange?: (event: {
        /**
         * formatted phone number with dial code
         *
         * @example: "+91 123456789"
         */
        phoneNumber: string;
        /**
         * dial code of the country
         *
         * @example: 91 for India
         */
        dialCode: string;
        /**
         * country code of the country
         *
         * @example: "IN" for India
         */
        country: CountryCodeType;
        /**
         * raw value of the input
         */
        value: string;
        /**
         * name of the input
         */
        name: string;
    }) => void;
    /**
     * If true, the dial code text will be shown in the leading text.
     *
     * @default true
     */
    showDialCode?: boolean;
    /**
     * If true, the country selector will be shown.
     *
     * @default true
     */
    showCountrySelector?: boolean;
    /**
     * Callback that is called when the clear button is clicked.
     */
    onClearButtonClick?: () => void;
};

declare const PhoneNumberInput: (_props: PhoneNumberInputProps) => React.ReactElement;

/**
 * Props for the InputGroup component.
 */
type InputGroupProps = {
    /**
     * Label for the entire input group.
     */
    label?: string;
    /**
     * Position of the label relative to the group.
     *
     * @default 'top'
     */
    labelPosition?: BaseInputProps['labelPosition'];
    /**
     * Controls the size of the input group and its child inputs.
     *
     * @default 'medium'
     */
    size?: BaseInputProps['size'];
    /**
     * Help text displayed at the bottom of the group.
     */
    helpText?: string;
    /**
     * Error message that appears when validationState is 'error'.
     */
    errorText?: string;
    /**
     * Success message that appears when validationState is 'success'.
     */
    successText?: string;
    /**
     * Current validation state of the input group.
     *
     * @default 'none'
     */
    validationState?: BaseInputProps['validationState'];
    /**
     * Disables all inputs within the group.
     *
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Should be InputRow components or other valid inputs.
     */
    children: React.ReactNode;
    /**
     * Test ID for automation
     */
    testID?: string;
} & DataAnalyticsAttribute & StyledPropsBlade & MotionMetaProp;
/**
 * Props for the InputRow component.
 */
type InputRowProps = {
    /**
     * CSS grid template columns value (e.g., "1fr 2fr" or "200px 1fr").
     * Controls how space is distributed between child inputs.
     */
    gridTemplateColumns?: string;
    /**
     * Input components to render in this row.
     */
    children: React.ReactNode;
    /**
     * Test ID for automation
     */
    testID?: string;
};

declare const InputGroup: (_props: InputGroupProps) => react__default.ReactElement;

declare const InputRow: (_props: InputRowProps) => react__default.ReactElement;

type ListItemProps = {
    /**
     * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.
     *
     */
    children: react__default.ReactNode;
    /**
     * Icon to be rendered for a ListItem's bullet.
     *
     */
    icon?: IconComponent;
    /**
     * Icon color of the ListItem's bullet.
     *
     */
    iconColor?: ListProps['iconColor'];
    /**
     * This is a private prop to be used only for internal logic purposes.
     *
     */
    _itemNumber?: undefined;
} & TestID;
declare const ListItem: ({ children, icon: Icon, iconColor: listItemIconColor, _itemNumber, testID, }: ListItemProps) => react__default.ReactElement;

type ListCommonProps = {
    /**
     * ListItem to be rendered for the List.
     *
     */
    children: react__default.ReactElement<ListItemProps> | react__default.ReactElement<ListItemProps>[];
    /**
     * Sets the variant to be rendered for the List.
     *
     * @default 'unordered'
     */
    variant?: 'unordered' | 'ordered' | 'ordered-filled';
    /**
     * Sets the size for the List.
     *
     * @default 'medium'
     */
    size?: 'small' | 'medium' | 'large';
} & TestID & StyledPropsBlade;
type ListWithIconProps = ListCommonProps & {
    variant?: 'unordered';
    icon?: IconComponent;
    iconColor?: IconProps['color'];
};
type ListWithoutIconProps = ListCommonProps & {
    variant?: 'ordered' | 'ordered-filled';
    icon?: undefined;
    iconColor?: undefined;
};
type ListProps = ListWithIconProps | ListWithoutIconProps;
declare const List: react__default.ForwardRefExoticComponent<ListProps & react__default.RefAttributes<BladeElementRef>>;

type ListItemLinkProps = Exclude<LinkProps, 'size' | 'variant' | 'isDisabled'>;
declare const ListItemLink: ({ accessibilityLabel, children, href, icon, iconPosition, onClick, rel, target, testID, }: ListItemLinkProps) => React.ReactElement;

type ListItemCodeProps = Exclude<CodeProps, 'size'>;
declare const ListItemCode: ({ children, testID }: ListItemCodeProps) => React.ReactElement;

type ListItemTextProps = Omit<TextProps<{
    variant: TextVariant;
}>, 'variant' | 'size'>;
declare const ListItemText: ({ children, testID, ...props }: ListItemTextProps) => ReactElement;

type Assertiveness = AriaAttributes['liveRegion'];

declare function announce(message: string, _assertiveness?: Assertiveness): void;
declare function clearAnnouncer(_assertiveness: Assertiveness): void;
declare function destroyAnnouncer(): void;

type ModalHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix'>;
declare const ModalHeader: () => react__default.ReactElement;

type ModalFooterProps = Pick<BaseFooterProps, 'children'>;
declare const ModalFooter: () => react__default.ReactElement;

type ModalBodyProps = {
    children: react__default.ReactNode;
    padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.6'>;
};
declare const ModalBody: (props: ModalBodyProps) => react__default.ReactElement;

type ModalProps = {
    /**
     *  Children of Modal
     * Only ModalHeader, ModalBody and ModalFooter are allowed as children
     */
    children: React.ReactNode;
    /**
     Sets the modal to open or close
     * @default false
     */
    isOpen: boolean;
    /**
     *  Callback function when user clicks on close button or outside the modal or on pressing escape key.
     */
    onDismiss?: () => void;
    /**
     * Whether the modal can be dismissed by clicking outside or pressing escape key
     * @default true
     */
    isDismissible?: boolean;
    /**
     *  Ref to the element to be focused on opening the modal.
     */
    initialFocusRef?: React.MutableRefObject<any>;
    /**
     *  Size of the modal
     * @default 'small'
     */
    size?: 'small' | 'medium' | 'large' | 'full';
    /**
     *  Accessibility label for the modal
     */
    accessibilityLabel?: string;
    /**
     * Sets the z-index of the modal
     * @default 1000
     */
    zIndex?: number;
} & DataAnalyticsAttribute;

declare const Modal: (props: ModalProps) => react__default.ReactElement;

type MoveProps = Pick<BaseMotionEntryExitProps, 'children' | 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'>;

declare const Move: (_props: MoveProps) => React.ReactElement;

type MorphProps = {
    children: React.ReactElement;
    layoutId: string;
};

declare const Morph: (_props: MorphProps) => React.ReactElement;

type BaseMenuItemProps = {
    as?: React.ComponentType<any> | 'a' | 'button';
    id?: string;
    title?: string;
    description?: string;
    children?: React.ReactNode;
    className?: string;
    isDisabled?: boolean;
    isSelected?: boolean;
    isVisible?: boolean;
    isKeydownPressed?: boolean;
    leading?: React.ReactNode;
    trailing?: React.ReactNode;
    titleSuffix?: React.ReactNode;
    selectionType?: 'single' | 'multiple';
    color?: 'negative';
    href?: LinkProps['href'];
    target?: LinkProps['target'];
    rel?: LinkProps['rel'];
    role?: 'menuitem' | 'menuitemcheckbox' | 'option' | 'link';
    tabIndex?: number;
    onClick?: Platform.Select<{
        web: React.MouseEventHandler;
        native: undefined | ((event: any) => void);
    }>;
} & BladeCommonEvents & DataAnalyticsAttribute;

type MenuProps = {
    /**
     * First children is trigger and second children is MenuOverlay
     **/
    children: [react__default.ReactElement, react__default.ReactElement];
    /**
     * Open controlled state
     */
    isOpen?: boolean;
    /**
     * On Menu open change callback
     */
    onOpenChange?: ({ isOpen }: {
        isOpen: boolean;
    }) => void;
    /**
     * Should menu open on click or hover
     *
     * @default 'click'
     */
    openInteraction?: 'hover' | 'click';
};
type MenuItemProps = {
    /**
     * title of item
     */
    title?: string;
    /**
     * Description text for the item
     */
    description?: string;
    /**
     * Slot to render custom menu items
     */
    children?: react__default.ReactNode;
    as?: BaseMenuItemProps['as'];
    /**
     * Click handler for MenuItem
     *
     * Absense of this prop and href will turn the item into non-interactive item
     */
    onClick?: (event: react__default.MouseEvent) => void;
    /**
     * Focus handler for MenuItem
     *
     * Absense of this prop and href will turn the item into non-interactive item
     */
    onFocus?: (event: react__default.FocusEvent) => void;
    /**
     * Link to open when item is clicked.
     *
     * Absense of this prop and onClick will turn the item into non-interactive item
     */
    href?: string;
    /**
     * HTML target of the link
     */
    target?: string;
    /**
     * Item that goes on left-side of item.
     *
     * Will be overriden in multiselect
     */
    leading?: react__default.ReactNode;
    /**
     * Item that goes on right-side of item.
     */
    trailing?: react__default.ReactNode;
    /**
     * Item that goes immediately next to the title.
     */
    titleSuffix?: react__default.ReactElement;
    /**
     * disabled state of item
     */
    isDisabled?: boolean;
    /**
     * Color of item. set to negative for dangerous actions like Delete, Remove, etc
     */
    color?: Extract<FeedbackColors, 'negative'>;
    _hasFocusInside?: boolean;
    _isMenuTrigger?: boolean;
    _isSubmenuOpen?: boolean;
} & DataAnalyticsAttribute;
type MenuOverlayProps = {
    /**
     * JSX Slot for MenuItem or anything else
     */
    children: react__default.ReactElement[] | react__default.ReactElement | react__default.ReactNode;
    /**
     * zIndex override
     */
    zIndex?: BoxProps['zIndex'];
    /**
     * width override.
     *
     * By default width is not set
     */
    width?: BoxProps['width'];
    /**
     * minWidth override
     */
    minWidth?: BoxProps['minWidth'];
    /**
     * maxWidth override
     */
    maxWidth?: BoxProps['maxWidth'];
    /**
     * Offset for overlay positioning relative to trigger.
     *
     * Supports Floating UI offset options (`mainAxis`, `crossAxis`, `alignmentAxis`).
     */
    offset?: OffsetOptions;
    /**
     * @private Internal Prop. Do not override or you'll be fired
     */
    _transitionStyle?: react__default.CSSProperties;
} & TestID & DataAnalyticsAttribute;
type MenuFooterProps = Pick<BaseFooterProps, 'children' | 'testID' | keyof DataAnalyticsAttribute>;
type MenuHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID' | keyof DataAnalyticsAttribute>;

declare const Menu: (_props: MenuProps) => React.ReactElement;

declare const MenuItem: (_props: MenuItemProps) => React.ReactElement;

declare const MenuOverlay: (_props: MenuOverlayProps) => React.ReactElement;

declare const MenuDivider: (_styledProps: StyledPropsBlade) => React.ReactElement;

declare const MenuHeader: (_props: MenuHeaderProps) => React.ReactElement;
declare const MenuFooter: (_props: MenuFooterProps) => React.ReactElement;

/**
 * Common props for Pagination component
 */
type PaginationProps = {
    /**
     * Total pages in the pagination.
     */
    totalPages?: number;
    /**
     * Current active page (1-indexed).
     * When provided, the component is controlled.
     * When not provided, the component is uncontrolled and manages its own state.
     * @default undefined (uncontrolled)
     */
    selectedPage?: number;
    /**
     * Default page when uncontrolled (1-indexed, where 1 is the first page).
     * Only used when selectedPage is not provided.
     * @default 1
     */
    defaultSelectedPage?: number;
    /**
     * Callback fired when the page is changed.
     * The page parameter is 1-indexed.
     */
    onSelectedPageChange?: ({ page }: {
        page: number;
    }) => void;
    /**
     * The default page size.
     * Page size controls how items are shown per page.
     * @default 10
     */
    defaultPageSize?: 10 | 25 | 50;
    /**
     * Current page size when controlled.
     * When provided, the page size is controlled.
     * When not provided, the component manages page size internally.
     * @default 10
     */
    pageSize?: 10 | 25 | 50;
    /**
     * Callback function that is called when the page size is changed.
     */
    onPageSizeChange?: ({ pageSize }: {
        pageSize: number;
    }) => void;
    /**
     * Whether to show the page size picker. It will be always hidden on mobile.
     * Page size picker controls how items are shown per page.
     * @default false
     */
    showPageSizePicker?: boolean;
    /**
     * Whether to show the page number selector. It will be always hidden on mobile.
     * Page number selectors is a group of buttons that allows the user to jump to a specific page.
     * @default false
     */
    showPageNumberSelector?: boolean;
    /**
     * Content of the label to be shown in the pagination component.
     * If not provided, a default label will be shown based on current page and page size.
     */
    label?: string;
    /**
     * Whether to show the label. It will be always hidden on mobile.
     * @default false
     */
    showLabel?: boolean;
    /**
     * Whether the pagination component is disabled.
     * @default false
     */
    isDisabled?: boolean;
    /**
     * The label to be shown in the page size picker.
     * @default 'items / page'
     */
    pageSizeLabel?: string;
} & DataAnalyticsAttribute & TestID & StyledPropsBlade;

declare const Pagination: (_prop: PaginationProps) => react__default.ReactElement;

type PopoverProps = {
    /**
     * Popover title
     */
    title?: string;
    /**
     * Leading content placed before the title
     *
     * Can be any blade icon or asset.
     */
    titleLeading?: react__default.ReactNode;
    /**
     * Footer content
     */
    footer?: react__default.ReactNode;
    /**
     * Popover content
     */
    content: react__default.ReactElement;
    /**
     * Placement of Popover
     *
     * @default "top"
     */
    placement?: UseFloatingOptions['placement'];
    /**
     * Popover trigger
     */
    children: react__default.ReactElement;
    /**
     * Open state of Popover
     * If set to true makes the popover controlled
     */
    isOpen?: boolean;
    /**
     * Uncontrolled state of the popover
     */
    defaultIsOpen?: boolean;
    /**
     * Called when popover open state is changed, this can be used to detect when popover opens or closed
     */
    onOpenChange?: ({ isOpen }: {
        isOpen: boolean;
    }) => void;
    /**
     * Sets the z-index of the Popover
     * @default 1000
     */
    zIndex?: number;
    /**
     * The ref of the element that should receive focus when the popover opens.
     *
     * @default PopoverCloseButton
     */
    initialFocusRef?: react__default.RefObject<any>;
    /**
     * Should popover open on click or hover
     *
     * @default 'click'
     */
    openInteraction?: 'hover' | 'click';
} & DataAnalyticsAttribute;
/**
 * PopoverTriggerProps
 *
 * This can be useful when working with Custom Trigger Components
 */
type PopoverTriggerProps = {
    onMouseDown?: Platform.Select<{
        web: react__default.MouseEventHandler;
        native: undefined;
    }>;
    onPointerDown?: Platform.Select<{
        web: react__default.PointerEventHandler;
        native: undefined;
    }>;
    onKeyDown?: Platform.Select<{
        web: react__default.KeyboardEventHandler;
        native: undefined;
    }>;
    onKeyUp?: Platform.Select<{
        web: react__default.KeyboardEventHandler;
        native: undefined;
    }>;
    onClick?: Platform.Select<{
        web: react__default.MouseEventHandler;
        native: undefined;
    }>;
    onTouchEnd?: Platform.Select<{
        web: react__default.TouchEventHandler;
        native: (event: GestureResponderEvent) => void;
    }>;
};

declare const Popover: ({ content, children, placement, onOpenChange, zIndex, title, titleLeading, footer, isOpen, defaultIsOpen, }: PopoverProps) => react__default.ReactElement;

declare const PopoverInteractiveWrapper: react__default.ForwardRefExoticComponent<PressableProps & react__default.RefAttributes<View>>;

type ProgressBarCommonProps = {
    /**
     * Sets aria-label to help users know what the progress bar is for. Default value is the same as the `label` passed.
     */
    accessibilityLabel?: string;
    /**
     * Sets the color of the progress bar which changes the feedback color.
     */
    color?: FeedbackColors;
    /**
     * Sets the type of the progress bar.
     * @default 'progress'
     */
    type?: 'meter' | 'progress';
    /**
     * Sets the label to be rendered for the progress bar. This value will also be used as default for `accessibilityLabel`.
     */
    label?: string;
    /**
     * Sets the size of the progress bar.
     * Note: 'large' size isn't available when the variant is 'linear'.
     * @default 'small'
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * Sets the progress value of the progress bar.
     * @default 'small'
     */
    value?: number;
    /**
     * Sets the minimum value for the progress bar.
     * @default 0
     */
    min?: number;
    /**
     * Sets the maximum value for the progress bar.
     * @default 100
     */
    max?: number;
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
type ProgressBarVariant = 'progress' | 'meter' | 'linear' | 'circular';
type ProgressBarProgressProps = ProgressBarCommonProps & {
    /**
     * Sets the variant to be rendered for the progress bar.
     * @default 'progress'
     */
    variant?: Extract<ProgressBarVariant, 'progress' | 'linear' | 'circular'>;
    /**
     * Sets whether the progress bar is in an indeterminate state.
     * @default false
     */
    isIndeterminate?: boolean;
    /**
     * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.
     * @default true
     */
    showPercentage?: boolean;
    /**
     * Private property for Blade.
     *
     * Should not be used by consumers.
     *
     * Sets whether the indeterminate progress bar should oscillate (left-to-right-to-left).
     * When false, uses standard left-to-right animation.
     *
     * @private
     * @default false
     */
    _oscillation?: boolean;
};
type ProgressBarMeterProps = ProgressBarCommonProps & {
    /**
     * Sets the variant to be rendered for thr progress bar.
     * @default 'progress'
     */
    variant?: Extract<ProgressBarVariant, 'meter' | 'linear' | 'circular'>;
    /**
     * Sets whether the progress bar is in an indeterminate state.
     * @default false
     */
    isIndeterminate?: undefined;
    /**
     * Sets whether or not to show the progress percentage for the progress bar. Percentage is hidden by default for the `meter` variant.
     * @default false
     */
    showPercentage?: undefined;
    /**
     * Sets whether the indeterminate progress bar should oscillate.
     * @default undefined
     */
    _oscillation?: undefined;
};
type ProgressBarProps = ProgressBarProgressProps | ProgressBarMeterProps;
declare const ProgressBar: react__default.ForwardRefExoticComponent<ProgressBarProps & react__default.RefAttributes<BladeElementRef>>;

declare const QuickFilter: react__default.ForwardRefExoticComponent<{
    title: string;
    value: string;
    trailing?: react__default.ReactNode;
} & TestID & DataAnalyticsAttribute & react__default.RefAttributes<BladeElementRef>>;

type QuickFilterGroupCommomProps = {
    /**
     * Specifies the name attribute for the  component.
     * When provided, this attribute ensures that the QuickFilter elements within the group are semantically associated, allowing them to be grouped logically for form submission.
     * This can be particularly useful in scenarios where the QuickFilter is part of a larger form and needs to be identified as a distinct entity when the form is submitted.
     * If not provided, a default unique identifier will be generated internally.
     */
    name?: string;
    /**
     * Sets the initial value of the QuickFilter component.
     */
    defaultValue?: string | string[];
    /**
     * Value of the QuickFilter group
     * Acts as a controlled component by specifying the QuickFilter value
     * Use `onChange` to update its value
     */
    value?: string | string[];
    onChange?: ({ name, values }: {
        name: string;
        values: string[];
    }) => void;
    selectionType: 'single' | 'multiple';
    children: React.ReactNode;
};
type QuickFilterGroupProps = QuickFilterGroupCommomProps & TestID & DataAnalyticsAttribute;

declare const QuickFilterGroup: ({ children, testID, value, defaultValue, onChange, name, selectionType, ...rest }: QuickFilterGroupProps) => react__default.ReactElement;

type RadioProps = {
    /**
     * Sets the label text of the Radio
     */
    children?: StringChildrenType;
    /**
     * Help text for the Radio
     */
    helpText?: string;
    /**
     * The value to be used in the Radio input.
     * This is the value that will be returned on form submission.
     */
    value: string;
    /**
     * If `true`, the Radio will be disabled
     *
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Size of the radios
     *
     * @default "medium"
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * @private
     * Internal prop to hide the radio icon
     * @default false
     */
    _hideRadioIcon?: boolean;
} & TestID & DataAnalyticsAttribute & StyledPropsBlade & MotionMetaProp;
declare const Radio: react__default.ForwardRefExoticComponent<{
    /**
     * Sets the label text of the Radio
     */
    children?: StringChildrenType | undefined;
    /**
     * Help text for the Radio
     */
    helpText?: string | undefined;
    /**
     * The value to be used in the Radio input.
     * This is the value that will be returned on form submission.
     */
    value: string;
    /**
     * If `true`, the Radio will be disabled
     *
     * @default false
     */
    isDisabled?: boolean | undefined;
    /**
     * Size of the radios
     *
     * @default "medium"
     */
    size?: "small" | "medium" | "large" | undefined;
    /**
     * @private
     * Internal prop to hide the radio icon
     * @default false
     */
    _hideRadioIcon?: boolean | undefined;
} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & MotionMetaProp & react__default.RefAttributes<BladeElementRef>>;

type RadioGroupProps = {
    /**
     * Accepts multiple radios as children
     */
    children: react__default.ReactNode;
    /**
     * Help text of the radio group
     */
    helpText?: string;
    /**
     * Error text of the radio group
     * Renders when `validationState` is set to 'error'
     *
     * Overrides helpText
     */
    errorText?: string;
    /**
     * Sets the error state of the radioGroup
     * If set to `error` it will render the `errorText` of the group,
     * and propagate `invalid` prop to every radio
     */
    validationState?: 'error' | 'none';
    /**
     * Renders a necessity indicator after radioGroup label
     *
     * If set to `undefined` it renders nothing.
     */
    necessityIndicator?: 'required' | 'optional' | 'none';
    /**
     * Sets the disabled state of the radioGroup
     * If set to `true` it propagate down to all the radios
     *
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Sets the required state of the radioGroup
     * @default false
     */
    isRequired?: boolean;
    /**
     * Renders the label of the radio group
     */
    label?: string;
    /**
     * Sets the position of the label
     *
     * @default 'top'
     */
    labelPosition?: 'top' | 'left';
    /**
     * Initial value of the radio group
     */
    defaultValue?: string;
    /**
     * value of the radio group
     *
     * Use `onChange` to update its value
     */
    value?: string;
    /**
     * The callback invoked when any of the radio's state changes
     */
    onChange?: ({ name, value, event, }: {
        name: string | undefined;
        value: string;
        event: react__default.ChangeEvent<HTMLInputElement>;
    }) => void;
    /**
     * The name of the input field in a radio
     * (Useful for form submission).
     */
    name?: string;
    /**
     * Size of the radios
     *
     * @default "medium"
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * Orientation of the radio group
     *
     * @default 'vertical'
     */
    orientation?: 'vertical' | 'horizontal';
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, orientation, testID, flexWrap, ...rest }: RadioGroupProps) => react__default.ReactElement;

type ScaleProps = Pick<BaseMotionBoxProps, 'type' | 'motionTriggers' | 'children'> & {
    /**
     * Controlled state of scaling. If you want to scale up on hover / focus, etc, checkout `motionTriggers` prop instead.
     *
     * This is when you want to scale up / scale down conditionally
     *
     * With `isHighlighted={true}`, your component will be in scaled state
     * With `isHighlighted={false}`, your component will be in normal state
     */
    isHighlighted?: boolean;
    /**
     * Whether to scale up or scale down the component
     */
    variant?: 'scale-up' | 'scale-down';
};

declare const Scale: (_props: ScaleProps) => React.ReactElement;

type TooltipProps = {
    /**
     * Tooltip title
     */
    title?: string;
    /**
     * Tooltip content
     */
    content: string;
    /**
     * Placement of tooltip
     *
     * @default "top"
     */
    placement?: Exclude<UseFloatingOptions['placement'], 'left-end' | 'left-start' | 'right-end' | 'right-start'>;
    children: React.ReactElement;
    onOpenChange?: ({ isOpen }: {
        isOpen: boolean;
    }) => void;
    /**
     * Sets the z-index of the modal
     * @default 1100
     */
    zIndex?: number;
} & DataAnalyticsAttribute;

declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => react__default.ReactElement;

declare const TooltipInteractiveWrapper: react__default.ForwardRefExoticComponent<PressableProps & react__default.RefAttributes<View>>;

type TooltipifyComponentProps = {
    children: React.ReactElement;
    tooltip?: Pick<TooltipProps, 'title' | 'content' | 'onOpenChange'>;
};

type SideNavBackgroundColor = `surface.background.gray.${DotNotationToken<Theme['colors']['surface']['background']['gray']>}`;
type SideNavProps = {
    /**
     * Children slot.
     *
     * Supports SideNavFooter, SideNavBody
     */
    children: react__default.ReactNode;
    /**
     * **Only applicable in mobile**
     *
     * State for opening / closing the SideNav in mobile
     */
    isOpen?: DrawerProps['isOpen'];
    /**
     * **Only applicable in mobile**
     *
     * Callback when SideNav is closed
     */
    onDismiss?: DrawerProps['onDismiss'];
    /**
     * Callback that gets triggered when L1 is collapsed or expanded.
     *
     * This callback gets triggered when you-
     * - Select the active link changes between L1 and L2 which can collapse or expand the L1
     * - When you hover / unhover L1 in collapsed state which can temporarily expand the L1
     */
    onVisibleLevelChange?: ({ visibleLevel }: {
        visibleLevel: number;
    }) => void;
    /**
     * Callback that gets triggered when controlled full expand state changes.
     *
     * **Only applicable in desktop**
     */
    onExpandChange?: ({ isExpanded }: {
        isExpanded: boolean;
    }) => void;
    /**
     * Callback that gets triggered when controlled full expand/collapse transition ends.
     *
     * **Only applicable in desktop**
     */
    onExpandTransitionEnd?: ({ isExpanded }: {
        isExpanded: boolean;
    }) => void;
    /**
     * **Only applicable in desktop**
     *
     * Controls whether SideNav should remain fully expanded.
     * - `true` (default): existing behavior with hover-based temporary expansion.
     * - `false`: keeps SideNav collapsed and disables hover/focus-based expansion.
     */
    isExpanded?: boolean;
    /**
     * Banner slot for usecases like adding Activation Panel
     *
     * **IMPORTANT** Avoid adding promotional items in this
     */
    banner?: react__default.ReactElement;
    /**
     * Sets background color of the SideNav surface.
     *
     * @default `surface.background.gray.moderate`
     */
    backgroundColor?: SideNavBackgroundColor;
} & StyledPropsBlade & TestID;
type SideNavLinkProps = {
    /**
     * title of the Link
     */
    title: string;
    /**
     * description of the Link
     *
     * **Note**: Only applicable for L2 items
     */
    description?: string;
    /**
     * Slot after the title.
     *
     * Used for <Badge />, <Counter /> in most cases
     */
    titleSuffix?: react__default.ReactElement;
    /**
     * Trailing slot for item. Only visible on hover of the item
     *
     * Used for <Button />
     */
    trailing?: react__default.ReactElement;
    /**
     * href of the link
     */
    href?: LinkProps['href'];
    /**
     * Anchor tag `target` attribute
     */
    target?: LinkProps['target'];
    /**
     * as prop to pass ReactRouter's Link component.
     *
     * ```jsx
     * import { Link } from 'react-router-dom';
     *
     * <SideNavLink as={Link} />
     * ```
     */
    as: react__default.ComponentType<any>;
    /**
     * Set Active state of SideNavLink.
     *
     * Checkout SideNav documentation for usage
     */
    isActive?: boolean;
    /**
     * Leading icon for SideNavLink
     */
    icon?: IconComponent;
    /**
     * Children slot to add Nested Menu
     *
     * ```jsx
     * <SideNavLink title="L2 Trigger" href="/l2-first-item">
     *  <SideNavLevel>
     *    <SideNavLink title="L2 Item" href="/l2-first-item" />
     *    <SideNavLink title="L2 Item 2" href="/l2-second-item" />
     *  </SideNavLevel>
     * </SideNavLink>
     * ```
     */
    children?: react__default.ReactElement;
    /**
     * Tooltip object to add tooltip to SideNavLink
     *
     * ```jsx
     * <SideNavLink
     *  tooltip={{
     *    title: 'Tooltip Title',
     *    content: 'Tooltip description'
     *  }}
     * />
     * ```
     */
    tooltip?: TooltipifyComponentProps['tooltip'];
    onClick?: (event: react__default.MouseEvent) => void;
} & DataAnalyticsAttribute;
type SideNavSectionProps = {
    title?: string;
    /**
     * Number of items after which the items are collapsed into `+x more`
     */
    maxVisibleItems?: number;
    /**
     * Default value if the nav section is expanded or collapsed after maxVisibleItems
     *
     * @default false
     */
    defaultIsExpanded?: boolean;
    /**
     * Callback when `+x more is clicked`
     */
    onExpandChange?: ({ isExpanded }: {
        isExpanded: boolean;
    }) => void;
    /**
     * Children slot for SideNavLink
     */
    children: react__default.ReactElement[];
} & DataAnalyticsAttribute;
type SideNavFooterProps = {
    /**
     * Children slot for SideNavLink, SideNavItem
     */
    children: react__default.ReactElement[] | react__default.ReactElement;
};
type SideNavItemProps = {
    /**
     * Leading slot for SideNavItem.
     *
     * Meant for Indicator, Icon, etc
     */
    leading: react__default.ReactElement | IconComponent;
    /**
     * Trailing slot for SideNavItem.
     *
     * Meant for Button, Switch, etc
     */
    trailing: react__default.ReactElement;
    /**
     * Title of SideNavItem
     */
    title: string;
    /**
     * Render item of container. Use as="label" when using Switch or form input in trailing
     *
     * @default div
     */
    as?: 'label' | 'div';
    /**
     * backgroundColor of the item
     *
     * @default undefined
     */
    backgroundColor?: BaseBoxProps['backgroundColor'];
    /**
     * Tooltip object to add tooltip to SideNavItem
     *
     * ```jsx
     * <SideNavItem
     *  tooltip={{
     *    title: 'Tooltip Title',
     *    content: 'Tooltip description'
     *  }}
     * />
     * ```
     */
    tooltip?: SideNavLinkProps['tooltip'];
} & DataAnalyticsAttribute;
type SideNavBodyProps = {
    children: react__default.ReactElement | react__default.ReactElement[];
};
type SideNavLevelProps = {
    children: react__default.ReactElement | react__default.ReactElement[];
    titleSuffix?: react__default.ReactElement;
};

declare const SideNav: (_props: SideNavProps) => React.ReactElement;

declare const SideNavLink: (_props: SideNavLinkProps) => React.ReactElement;

declare const SideNavLevel: (_props: SideNavLevelProps) => React.ReactElement;

declare const SideNavSection: (_props: SideNavSectionProps) => React.ReactElement;

declare const SideNavItem: (_props: SideNavItemProps) => React.ReactElement;

declare const SideNavFooter: (_props: SideNavFooterProps) => React.ReactElement;

declare const SideNavBody: (_props: SideNavBodyProps) => React.ReactElement;

declare const SIDE_NAV_EXPANDED_L1_WIDTH_XL: 264;
declare const SIDE_NAV_EXPANDED_L1_WIDTH_BASE: 240;

type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'borderRadius'> & Partial<FlexboxProps> & {
    testID?: string;
};

declare const Skeleton: react__default.ForwardRefExoticComponent<Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & Pick<BaseBoxProps, "width" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "borderRadius"> & Partial<FlexboxProps> & {
    testID?: string | undefined;
} & react__default.RefAttributes<BladeElementRef>>;

type SkipNavLinkProps = {
    id?: string;
    children?: StringChildrenType;
};
declare const SkipNavLink: (_props: SkipNavLinkProps) => never;
declare const SkipNavContent: (_props: SkipNavLinkProps) => never;

type SpotlightPopoverStepRenderProps = {
    /**
     * Go to a specific step
     */
    goToStep: (step: number) => void;
    /**
     * Go to the next step
     */
    goToNext: () => void;
    /**
     * Go to the previous step
     */
    goToPrevious: () => void;
    /**
     * Stop the tour
     *
     * This will call the `onFinish` callback
     */
    stopTour: () => void;
    /**
     * Current active step (zero based index)
     */
    activeStep: number;
    /**
     * Total number of steps
     */
    totalSteps: number;
};
type Step = {
    /**
     * Unique identifier for the tour step
     */
    name: string;
    /**
     * Content of the Popover
     */
    content: (props: SpotlightPopoverStepRenderProps) => React.ReactElement;
    /**
     * Footer content
     */
    footer?: (props: SpotlightPopoverStepRenderProps) => React.ReactNode;
    /**
     * Popover title
     */
    title?: string;
    /**
     * Leading content placed before the title
     *
     * Can be any blade icon or asset.
     */
    titleLeading?: React.ReactNode;
    /**
     * Placement of Popover
     * @default "top"
     */
    placement?: UseFloatingOptions['placement'];
};
type SpotlightPopoverTourSteps = Step[];
type SpotlightPopoverTourProps = {
    /**
     * Array of steps to be rendered
     *
     * The order of the steps will be the order in which they are rendered depending on the `activeStep` prop
     */
    steps: SpotlightPopoverTourSteps;
    /**
     * Whether the tour is visible or not
     */
    isOpen: boolean;
    /**
     * Callback when the tour is opened or closed
     */
    onOpenChange?: ({ isOpen }: {
        isOpen: boolean;
    }) => void;
    /**
     * Callback which fires when the `stopTour` method is called from the `steps` array
     */
    onFinish?: () => void;
    /**
     * Callback when the active step changes
     */
    onStepChange?: (step: number) => void;
    /**
     * Active step to be rendered
     */
    activeStep: number;
    children: React.ReactNode;
};
type SpotlightPopoverTourStepProps = {
    name: string;
    children: React.ReactNode;
};

declare const Tour: (_props: SpotlightPopoverTourProps) => React.ReactElement;

declare const SpotlightPopoverTourFooter: () => React.ReactElement;

declare const SpotlightPopoverTourStep: (_props: SpotlightPopoverTourStepProps) => React.ReactElement;

type StaggerProps = Pick<BaseMotionEntryExitProps, 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'> & {
    children: React.ReactElement[] | React.ReactElement;
} & Omit<BoxProps, 'as'>;

declare const Stagger: (_props: StaggerProps) => React.ReactElement;

type StepGroupProps = {
    /**
     * size of step group
     *
     * @default medium
     */
    size?: 'medium' | 'large';
    /**
     * orientation of step group
     *
     * @default vertical
     */
    orientation?: 'horizontal' | 'vertical';
    /**
     * children slot for StepItem components
     */
    children: react__default.ReactElement | react__default.ReactElement[];
    /**
     * Width of StepGroup. By default it takes the width of its items.
     */
    width?: BoxProps['width'];
    /**
     * minWidth prop of StepGroup
     */
    minWidth?: BoxProps['minWidth'];
    /**
     * maxWidth prop of StepGroup
     *
     * @default 100%
     */
    maxWidth?: BoxProps['maxWidth'];
    /**
     * @private
     *
     * DO NOT USE THIS PROP OR YOU WILL BE FIRED (joking. you won't be fired. But something bad will happen for sure)
     *
     * This is an internal prop to keep track of nestingLevel of StepGroup
     */
    _nestingLevel?: number;
} & StyledPropsBlade & DataAnalyticsAttribute & TestID;
type StepItemProps = {
    _index?: number;
    _nestingLevel?: StepGroupProps['_nestingLevel'];
    _totalIndex?: number;
    /**
     * title of StepItem
     */
    title: string;
    /**
     * color of StepItem title
     */
    titleColor?: `feedback.text.${FeedbackColors}.intense` | `surface.text.primary.normal`;
    /**
     * A string that renders in italic font. Made for adding timestamp values.
     *
     * ```jsx
     * timestamp="Thu, 11th Oct23 | 12:00pm"
     * ```
     */
    timestamp?: string;
    /**
     * Description of StepItem
     */
    description?: string;
    /**
     * minWidth prop of StepItem
     */
    minWidth?: BoxProps['minWidth'];
    /**
     * Progress line of step. When its start only starting part is highlighted and rest is kept dotted
     *
     * @default full
     */
    stepProgress?: 'start' | 'end' | 'full' | 'none';
    /**
     * marker JSX slot. It can be StepItemIndicator or StepItemIcon
     *
     * ```jsx
     * marker={<StepItemIndicator color="positive" />}
     * marker={<StepItemIcon icon={CheckIcon} color="positive" />}
     * ```
     */
    marker?: react__default.ReactElement;
    /**
     * trailing slot for StepItem. Mostly meant for Badge
     */
    trailing?: react__default.ReactElement;
    /**
     * Controlled state of selected item
     */
    isSelected?: boolean;
    /**
     * State for disabling the step item
     */
    isDisabled?: boolean;
    /**
     * Anchor tag's href value. Turns StepItem into interactive item and render it as `<a>` tag
     */
    href?: LinkProps['href'];
    /**
     * Anchjor tag's taget value. Meant to be used alongside `href` prop
     */
    target?: LinkProps['target'];
    /**
     * StepItem's click handler. Turns StepItem into interactive item and render it as button tag
     */
    onClick?: (event: react__default.MouseEvent) => void;
    /**
     * Children slot for adding additional custom elements to item
     */
    children?: react__default.ReactNode;
} & DataAnalyticsAttribute;

declare const StepGroup: (_props: StepGroupProps) => React.ReactElement;

declare const StepItem: (_props: StepItemProps) => React.ReactElement;

declare const StepItemIndicator: ({ color }: {
    color: IndicatorProps['color'];
}) => React.ReactElement;
type StepItemIconProps = {
    icon: IconComponent;
    color: IndicatorProps['color'];
    isDisabled?: boolean;
};
declare const StepItemIcon: ({ icon: Icon, color, isDisabled, }: StepItemIconProps) => React.ReactElement;

type SlideDirections = 'top' | 'right' | 'bottom' | 'left';
type SlideProps = Pick<BaseMotionEntryExitProps, 'children' | 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'> & {
    /**
     * Direction from where the component should slide
     *
     * ```jsx
     * // Slides from top on enter and slides to top on exit
     * <Slide direction="top"><Component /></Slide>
     *
     * // Slides from right on enter, slides to top on exit
     * <Slide direction={{ enter: 'right', exit: 'top' }}><Component /></Slide>
     * ```
     *
     * @default 'bottom'
     */
    direction?: SlideDirections | {
        enter: SlideDirections;
        exit: SlideDirections;
    };
    /**
     * Offset from which the component should slide.
     *
     * Possible values are `100vh`, `100vw`, `${number}%`.
     *
     * The Slide component is only meant to be used to animate something from outside of your viewport.
     * So this prop has limited values to ensure it gives you control on what outside of viewport means in your case yet restrict unintentional usage of moving in something from middle of viewport
     *
     * If you want subtle movement on enter, `Move` is probably the component you're looking for.
     *
     * @default
     * `direction="right | left"` -> 100vw
     * `direction="top | bottom" -> 100vh
     */
    fromOffset?: `100vh` | `100vw` | `${number}%`;
};

declare const Slide: (_props: SlideProps) => React.ReactElement;

type OnChange = ({ isChecked, value, event, }: {
    isChecked: boolean;
    event?: React.ChangeEvent;
    value?: string;
}) => void;
type SwitchProps = {
    /**
     * If `true`, The switch will be checked. This also makes the switch controlled
     * Use `onChange` to update its value
     *
     * @default false
     */
    isChecked?: boolean;
    /**
     * If `true`, the switch will be initially checked. This also makes the switch uncontrolled
     *
     * @default false
     */
    defaultChecked?: boolean;
    /**
     * The callback invoked when the checked state of the `Switch` changes.
     */
    onChange?: OnChange;
    /**
     * The name of the input field in a switch
     * (Useful for form submission).
     */
    name?: string;
    /**
     * The value to be used in the switch input.
     * This is the value that will be returned on form submission.
     */
    value?: string;
    /**
     * If `true`, the switch will be disabled
     *
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Size of the switch
     *
     * @default "medium"
     */
    size?: 'small' | 'medium';
    /**
     * Provides accessible label for internal checkbox component that sets the aria-label prop for screen readers.
     */
    accessibilityLabel: string;
    /**
     * The id of the input field in a switch, useful for associating a label element with the input via htmlFor prop
     */
    id?: string;
} & TestID & DataAnalyticsAttribute & StyledPropsBlade & MotionMetaProp;

declare const Switch: react__default.ForwardRefExoticComponent<{
    isChecked?: boolean | undefined;
    defaultChecked?: boolean | undefined;
    onChange?: OnChange | undefined;
    name?: string | undefined;
    value?: string | undefined;
    isDisabled?: boolean | undefined;
    size?: "small" | "medium" | undefined;
    accessibilityLabel: string;
    id?: string | undefined;
} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & MotionMetaProp & react__default.RefAttributes<BladeElementRef>>;

type TableNode<Item> = Item & {
    id: Identifier;
};
type TableData<Item> = {
    nodes: TableNode<Item>[];
};
type TableBackgroundColors = `surface.background.gray.${DotNotationToken<Theme['colors']['surface']['background']['gray']>}`;
/**
 * Common grid spanning properties for table cells
 */
type TableCellGridSpanningProps = {
    /**
     * Grid column start position (1-based). Used for CSS Grid column spanning.
     * @example
     * <TableCell gridColumnStart={1} gridColumnEnd={4}>Spans columns 1-3</TableCell>
     */
    gridColumnStart?: number;
    /**
     * Grid column end position (1-based). Used for CSS Grid column spanning.
     * @example
     * <TableCell gridColumnStart={1} gridColumnEnd={4}>Spans columns 1-3</TableCell>
     */
    gridColumnEnd?: number;
    /**
     * Grid row start position (1-based). Used for CSS Grid row spanning.
     * @example
     * <TableCell gridRowStart={1} gridRowEnd={3}>Spans rows 1-2</TableCell>
     */
    gridRowStart?: number;
    /**
     * Grid row end position (1-based). Used for CSS Grid row spanning.
     * @example
     * <TableCell gridRowStart={1} gridRowEnd={3}>Spans rows 1-2</TableCell>
     */
    gridRowEnd?: number;
};
type TableHeaderProps = {
    /**
     * The children of TableHeader should be TableHeaderRow
     * @example
     * <TableHeader>
     *   <TableHeaderRow>
     *     <TableHeaderCell>Header Cell 1</TableHeaderCell>
     *   </TableHeaderRow>
     * </TableHeader>
     **/
    children: react__default.ReactNode;
};
type TableHeaderRowProps = {
    /**
     * The children of TableHeaderRow should be TableHeaderCell
     * @example
     * <TableHeader>
     *   <TableHeaderRow>
     *     <TableHeaderCell>Header Cell 1</TableHeaderCell>
     *   </TableHeaderRow>
     * </TableHeader>
     **/
    children: react__default.ReactNode;
    /**
     * The rowDensity prop determines the density of the table.
     * The rowDensity prop can be 'compact', 'normal', or'comfortable'.
     * The default value is `normal`.
     *
     * @deprecated This prop is deprecated and will be removed in a future major version.
     * The header row is now always compact (36px height) regardless of this prop value.
     **/
    rowDensity?: TableProps<unknown>['rowDensity'];
} & DataAnalyticsAttribute;
type TableHeaderCellProps = {
    /**
     * The children of TableHeaderCell can be a string or a ReactNode.
     **/
    children: string | react__default.ReactNode;
    /**
     * The unique key of the column.
     * This is used to identify the column for sorting in sortFunctions prop of Table.
     * Sorting is enabled only for columns whose key is present in sortableColumns prop of Table.
     **/
    headerKey?: string;
    /**
     * The textAlign prop determines the content alignment of the table.
     * The textAlign prop can be 'left', 'center', or 'right'.
     * The default value is `left`.
     **/
    textAlign?: 'left' | 'center' | 'right';
    _hasPadding?: boolean;
} & TableCellGridSpanningProps & DataAnalyticsAttribute;
type TableProps<Item> = {
    /**
     * The children of the Table component should be a function that returns TableHeader, TableBody and TableFooter components.
     * The function will be called with the tableData prop.
     */
    children: (tableData: TableNode<Item>[]) => react__default.ReactElement;
    /**
     * The data prop is an object with a nodes property that is an array of objects.
     * Each object in the array is a row in the table.
     * The object should have an id property that is a unique identifier for the row.
     */
    data: TableData<Item>;
    /**
     * Selection mode determines how the table rows can be selected.
     * @default 'row'
     **/
    multiSelectTrigger?: 'checkbox' | 'row';
    /**
     * The selectionType prop determines the type of selection that is allowed on the table.
     * The selectionType prop can be 'none', 'single' or 'multiple'.
     * @default 'none'
     **/
    selectionType?: 'none' | 'single' | 'multiple';
    /**
     * The onSelectionChange prop is a function that is called when the selection changes.
     * The function is called with an object that has a values property that is an array of the selected rows.
     **/
    onSelectionChange?: ({ values, selectedIds, }: {
        /**
         * Note: on server side paginated data, this prop will only contain the selected rows on the current page.
         *
         * Thus, it's recommended to use `selectedIds` for more consistent state management across server/client paginated data.
         *
         * *Deprecated:* Use `selectedIds` instead.
         *
         * @deprecated
         */
        values: TableNode<Item>[];
        /**
         * An array of selected row ids.
         */
        selectedIds: Identifier[];
    }) => void;
    /**
     * The isHeaderSticky prop determines whether the table header is sticky or not.
     * The default value is `false`.
     **/
    isHeaderSticky?: boolean;
    /**
     * The isFooterSticky prop determines whether the table footer is sticky or not.
     * The default value is `false`.
     **/
    isFooterSticky?: boolean;
    /**
     * The isFirstColumnSticky prop determines whether the first column is sticky or not.
     * The default value is `false`.
     **/
    isFirstColumnSticky?: boolean;
    /**
     * The rowDensity prop determines the density of the table.
     * The rowDensity prop can be 'compact', 'normal', or'comfortable'.
     * The default value is `normal`.
     **/
    rowDensity?: 'compact' | 'normal' | 'comfortable';
    /**
     * The onSortChange prop is a function that is called when the sort changes.
     * The function is called with an object that has a sortKey property that is the key of the column that is sorted and a isSortReversed property that is a boolean that determines whether the sort is reversed or not.
     **/
    onSortChange?: ({ sortKey, isSortReversed, }: {
        sortKey: TableHeaderCellProps['headerKey'];
        isSortReversed: boolean;
    }) => void;
    /**
     * The sortFunctions prop is an object that has a key for each column that is sortable.
     * The value of each key is a function that is called when the column is sorted.
     * The function is called with an array of the rows in the table.
     * The function should return an array of the rows in the table.
     **/
    sortFunctions?: Record<string, (array: TableNode<Item>[]) => TableNode<Item>[]>;
    /**
     * The toolbar prop is a React element that is rendered above the table.
     * The toolbar prop should be a `TableToolbar` component.
     **/
    toolbar?: react__default.ReactElement;
    /**
     * The pagination prop is a React element that is rendered below the table.
     * The pagination prop should be a `TablePagination` component.
     **/
    pagination?: react__default.ReactElement;
    /**
     * The height prop is a responsive styled prop that determines the height of the table.
     **/
    height?: BoxProps['height'];
    /**
     * The showStripedRows prop determines whether the table should have striped rows or not.
     * The default value is `false`.
     **/
    showStripedRows?: boolean;
    /**
     * The gridTemplateColumns prop determines the grid-template-columns CSS property of the table.
     * The default value is `repeat(${columnCount},minmax(100px, 1fr))`.
     **/
    gridTemplateColumns?: string;
    /**
     * The isLoading prop determines whether the table is loading or not.
     * The default value is `false`.
     **/
    isLoading?: boolean;
    /**
     * The isRefreshing prop determines whether the table is refreshing or not.
     * The default value is `false`.
     **/
    isRefreshing?: boolean;
    /**
     * The showBorderedCells prop determines whether the table should have bordered cells or not.
     **/
    showBorderedCells?: boolean;
    /**
     * An array of default selected row ids. This will be used to set the initial selected rows.
     */
    defaultSelectedIds?: Identifier[];
    /**
     * The backgroundColor prop determines the background color of the table.
     **/
    backgroundColor?: TableBackgroundColors | 'transparent';
    /**
     * The isGrouped prop determines whether the table has grouped data with parent-child relationships or not.
     * When true, enables tree-aware selection where selecting a parent automatically selects all children.
     * The default value is `false`.
     **/
    isGrouped?: boolean;
} & DataAnalyticsAttribute & StyledPropsBlade;
type Identifier = string | number;
type TableBodyProps<Item> = {
    /**
     * The children of the TableBody component should be TableRow components.
     * @example
     * <TableBody>
     *   <TableRow>
     *     <TableCell>...</TableCell>
     *   </TableRow>
     * </TableBody>
     * if you are using TableBody inside TableVirtualizedWrapper then you can pass the children as a function
     * @example
     * <TableBody>
     *  {(tableItem, index) => (
     *   <TableRow key={index} item={tableItem}>
     *    <TableCell>...</TableCell>
     *   </TableRow>
     *   )}
     * </TableBody>
     **/
    children: react__default.ReactNode | ((tableItem: Item, index: number) => react__default.ReactElement);
} & DataAnalyticsAttribute;
type TableRowProps<Item> = {
    /**
     * The children of the TableRow component should be TableCell components.
     * @example
     * <TableRow>
     *   <TableCell>...</TableCell>
     * </TableRow>
     **/
    children: react__default.ReactNode;
    /**
     * The item prop is used to pass the individual table item to the TableRow component.
     * @example
     * tableData.map((tableItem) => (
     *   <TableRow item={item}>
     *     <TableCell>...</TableCell>
     *   </TableRow>
     * ));
     **/
    item: TableNode<Item>;
    /**
     * The isDisabled prop is used to disable the TableRow component.
     * @example
     * <TableRow isDisabled>
     *   <TableCell>...</TableCell>
     * </TableRow>
     **/
    isDisabled?: boolean;
    /**
     * Callback triggered when the row is hovered. It is called with the current row item prop.
     */
    onHover?: ({ item }: {
        item: TableNode<Item>;
    }) => void;
    /**
     * Callback triggered when the row is clicked. It is called with the current row item prop.
     */
    onClick?: ({ item }: {
        item: TableNode<Item>;
    }) => void;
    hoverActions?: react__default.ReactElement;
} & TestID & DataAnalyticsAttribute;
type TableCellProps = {
    /**
     * The children of the TableCell component should be a string or a ReactNode.
     * @example
     * <TableCell>{'Hello'}</TableCell>
     * <TableCell>
     *  <Text>...</Text>
     * </TableCell>
     * <TableCell>
     * <Button>...</Button>
     * </TableCell>
     **/
    children: react__default.ReactNode;
    /**
     * The textAlign prop determines the content alignment of the table.
     * The textAlign prop can be 'left', 'center', or 'right'.
     * The default value is `left`.
     **/
    textAlign?: 'left' | 'center' | 'right';
    /**
     * Removes padding from CellWrapper
     *
     * @private
     */
    _hasPadding?: boolean;
    /**
     * The backgroundColor prop determines the background color of the table cell.
     * The default value is `transparent`.
     **/
    backgroundColor?: TableBackgroundColors | 'transparent';
} & TableCellGridSpanningProps & DataAnalyticsAttribute;
type TableEditableCellProps = Pick<BaseInputProps, 'validationState' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'leadingIcon' | 'trailingButton' | 'errorText' | 'successText'> & {
    accessibilityLabel: NonNullable<BaseInputProps['accessibilityLabel']>;
    inputType?: Extract<BaseInputProps['type'], 'text' | 'number' | 'email' | 'tel' | 'url'>;
};
type TableEditableDropdownCellProps = Pick<DropdownProps, 'children' | 'isOpen' | 'onOpenChange' | 'selectionType' | 'zIndex'>;
type TableFooterProps = {
    /**
     * The children of TableFooter should be TableFooterRow
     * @example
     * <TableFooter>
     *   <TableFooterRow>
     *     <TableFooterCell>Footer Cell 1</TableFooterCell>
     *   </TableFooterRow>
     * </TableFooter>
     **/
    children: react__default.ReactNode;
} & DataAnalyticsAttribute;
type TableFooterRowProps = {
    /**
     * The children of TableFooterRow should be TableFooterCell
     * @example
     * <TableFooter>
     *   <TableFooterRow>
     *     <TableFooterCell>Footer Cell 1</TableFooterCell>
     *   </TableFooterRow>
     * </TableFooter>
     **/
    children: react__default.ReactNode;
} & DataAnalyticsAttribute;
type TableFooterCellProps = {
    /**
     * The children of TableHeaderCell can be a string or a ReactNode.
     **/
    children: string | react__default.ReactNode;
    /**
     * The textAlign prop determines the content alignment of the table.
     * The textAlign prop can be 'left', 'center', or 'right'.
     * The default value is `left`.
     **/
    textAlign?: 'left' | 'center' | 'right';
} & TableCellGridSpanningProps & DataAnalyticsAttribute;
type TablePaginationCommonProps = {
    /**
     * The default page size.
     * Page size controls how rows are shown per page.
     * @default 10
     * consider using virtualization for large page sizes
     **/
    defaultPageSize?: 10 | 25 | 50;
    /**
     * The current page. Passing this prop will make the component controlled and will not update the page on its own.
     **/
    currentPage?: number;
    /**
     * Callback function that is called when the page size is changed
     */
    onPageSizeChange?: ({ pageSize }: {
        pageSize: number;
    }) => void;
    /**
     * Whether to show the page size picker. It will be always be hidden on mobile.
     * Page size picker controls how rows are shown per page.
     * @default true
     */
    showPageSizePicker?: boolean;
    /**
     * Whether to show the page number selector. It will be always be hidden on mobile.
     * Page number selectors is a group of buttons that allows the user to jump to a specific page.
     * @default false
     */
    showPageNumberSelector?: boolean;
    /**
     * Content of the label to be shown in the pagination component
     * @default `Showing 1 to ${totalItems} Items`
     */
    label?: string;
    /**
     * Whether to show the label. It will be always be hidden on mobile.
     * @default false
     */
    showLabel?: boolean;
} & DataAnalyticsAttribute;
type TablePaginationType = 'client' | 'server';
type TablePaginationServerProps = TablePaginationCommonProps & {
    /**
     * Whether the pagination is happening on client or server.
     * If the pagination is happening on `client`, the Table component will **divide the data into pages** and show the pages based on the page size.
     * If the pagination is happening on `server`, the Table component will **not divide the data into pages and will show all the data**. You will have to fetch data for each page as the page changes and pass it to the Table component.
     * When paginationType is `server`, the `onPageChange` & `totalItemCount` props are required.
     * @default 'client'
     * */
    paginationType?: Extract<TablePaginationType, 'server'>;
    /**
     * The total number of possible items in the table. This is used to calculate the total number of pages when pagination is happening on server and not all the data is fetched at once.
     */
    totalItemCount: number;
    /**
     * Callback function that is called when the page is changed
     */
    onPageChange: ({ page }: {
        page: number;
    }) => void;
};
type TablePaginationClientProps = TablePaginationCommonProps & {
    /**
     * Whether the pagination is happening on client or server.
     * If the pagination is happening on `client`, the Table component will **divide the data into pages** and show the pages based on the page size.
     * If the pagination is happening on `server`, the Table component will **not divide the data into pages and will show all the data**. You will have to fetch data for each page as the page changes and pass it to the Table component.
     * When paginationType is `server`, the `onPageChange` & `totalItemCount` props are required.
     * @default 'client'
     * */
    paginationType?: Extract<TablePaginationType, 'client'>;
    /**
     * The total number of possible items in the table. This is used to calculate the total number of pages when pagination is happening on server and not all the data is fetched at once.
     */
    totalItemCount?: number;
    /**
     * Callback function that is called when the page is changed
     */
    onPageChange?: ({ page }: {
        page: number;
    }) => void;
};
type TablePaginationProps$1 = TablePaginationCommonProps & (TablePaginationServerProps | TablePaginationClientProps);
type TableToolbarPlacement = 'inline' | 'overlay';
type TableToolbarProps = {
    /**
     * The children of TableToolbar should be TableToolbarActions
     */
    children?: react__default.ReactNode;
    /**
     * The title of the TableToolbar. If not provided, it will show the default title.
     * @default `Showing 1 to ${totalItems} Items`
     */
    title?: string;
    /**
     * The title to show when items are selected. If not provided, it will show the default title.
     * @default `${selectedRows.length} 'Items'} Selected`
     */
    selectedTitle?: string;
    /**
     * Controls how the TableToolbar is positioned relative to the TableHeader.
     * - `inline`: Renders the toolbar above the TableHeader as part of the normal layout (default).
     * - `overlay`: Renders the toolbar over the TableHeader.
     *
     * Defaults to `inline`.
     */
    placement?: TableToolbarPlacement;
} & DataAnalyticsAttribute;
type TableToolbarActionsProps = {
    children?: react__default.ReactNode;
} & StyledPropsBlade & DataAnalyticsAttribute;

declare const Table: <Item>(props: TableProps<Item>) => react__default.ReactElement;

declare const TableHeader: (props: TableHeaderProps) => react__default.ReactElement;
declare const TableHeaderRow: (props: TableHeaderRowProps) => react__default.ReactElement;
declare const TableHeaderCell: (props: TableHeaderCellProps) => react__default.ReactElement;

declare const TableBody: <Item>(props: TableBodyProps<Item>) => react__default.ReactElement;
declare const TableRow: (props: TableRowProps<unknown>) => react__default.ReactElement;
declare const TableCell: (props: TableCellProps) => react__default.ReactElement;

declare const TableFooter: (props: unknown) => react__default.ReactElement;
declare const TableFooterRow: (props: unknown) => react__default.ReactElement;
declare const TableFooterCell: (props: unknown) => react__default.ReactElement;

type TablePaginationProps = unknown;
declare const TablePagination: (props: TablePaginationProps) => react__default.ReactElement;

declare const TableToolbar: (props: unknown) => react__default.ReactElement;
declare const TableToolbarActions: (props: unknown) => react__default.ReactElement;

declare const TableEditableCell: (props: TableEditableCellProps) => React.ReactElement;
declare const TableEditableDropdownCell: (props: TableEditableDropdownCellProps) => React.ReactElement;

declare const Tabs: react__default.ForwardRefExoticComponent<{
    children: react__default.ReactNode;
    value?: string | undefined;
    defaultValue?: string | undefined;
    onChange?: ((value: string) => void) | undefined;
    orientation?: Platform.Select<{
        web: "horizontal" | "vertical";
        native: "horizontal";
    }> | undefined;
    size?: "small" | "medium" | "large" | undefined;
    variant?: "filled" | "bordered" | "borderless" | undefined;
    isFullWidthTabItem?: boolean | undefined;
    isLazy?: boolean | undefined;
} & DataAnalyticsAttribute & react__default.RefAttributes<unknown>>;

type TabsProps = {
    /**
     * The content of the component, accepts `TabsList` and `TabsPanel` components.
     */
    children: react__default.ReactNode;
    /**
     * The value of the tab panel same as the corresponding TabItem's value to match the selected TabItem.
     */
    value?: string;
    /**
     * The default value of the selected tab, in case the Tabs component is uncontrolled.
     */
    defaultValue?: string;
    /**
     * Callback fired when the value changes.
     */
    onChange?: (value: string) => void;
    /**
     * The orientation of the tabs.
     *
     * @default 'horizontal' (always horizontal on react-native)
     */
    orientation?: Platform.Select<{
        web: 'horizontal' | 'vertical';
        native: 'horizontal';
    }>;
    /**
     * The size of the tabs.
     *
     * @default 'medium'
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * The variant of the tabs.
     *
     * @default 'bordered'
     */
    variant?: 'bordered' | 'borderless' | 'filled';
    /**
     * If `true`, the TabItems will grow to use all the available space.
     *
     * @default false
     */
    isFullWidthTabItem?: boolean;
    /**
     * If `true`, the TabPanel will be rendered only when it becomes active.
     *
     * @default false
     */
    isLazy?: boolean;
} & DataAnalyticsAttribute;
type TabItemCommonProps = {
    /**
     * The value of the tab item.
     */
    value: string;
    /**
     * Trailing element of the tab item.
     * Can be used to render a Badge/Counter component.
     */
    trailing?: react__default.ReactNode;
    /**
     * Internal prop used to pass size from Tabs to TabsItem.
     */
    /**
     * If `true`, the tab item will be disabled.
     */
    isDisabled?: boolean;
    /**
     * If set the tab item will be rendered as a link.
     * This can be used to create a tab item that redirects to another page or integrate with react-router.
     *
     * @default undefined
     */
    href?: string;
    /**
     * Callback fired when the tab item is clicked.
     */
    onClick?: (event: react__default.MouseEvent) => void;
};
type TabItemWithoutLeadingProps = TabItemCommonProps & {
    /**
     * The content of the tab item.
     */
    children: react__default.ReactNode;
    /**
     * Leading element of the tab item.
     * Can be used to render an Icon.
     */
    leading?: undefined;
};
type TabItemWithOutChildrenProps = TabItemCommonProps & {
    /**
     * Leading element of the tab item.
     * Can be used to render an Icon.
     */
    leading: IconComponent;
    /**
     * The content of the tab item.
     */
    children?: react__default.ReactNode;
};
type TabItemProps = TabItemWithoutLeadingProps | TabItemWithOutChildrenProps;
type TabPanelProps = {
    /**
     * The value of the tab panel. This will be used to match the selected tab.
     */
    value: string;
    /**
     * The content of the tab panel.
     */
    children: react__default.ReactNode;
} & DataAnalyticsAttribute;

declare const TabItem: (_props: TabItemProps) => react__default.ReactElement;

declare const TabList: (_props: {
    children: react__default.ReactNode;
}) => react__default.ReactElement;

declare const TabPanel: (_props: TabPanelProps) => react__default.ReactElement;

/**
 * ## Tags
 *
 * Tag component can be used to display selected items on UI.
 *
 * ### Usage
 *
 * ***Note:*** _Make sure to handle state when using Tag_
 *
 * ```jsx
 * const [showTag, setShowTag] = React.useState(true);
 *
 * // ...
 *
 * {showTag && (
 *  <Tag
 *    icon={CheckIcon}
 *    onDismiss={() => setShowTag(false)}
 *  >
 *    Transactions
 *  </Tag>
 * )}
 * ```
 *
 * Checkout [Tags Documentation](https://blade.razorpay.com/?path=/story/components-tag--default) for more info.
 *
 */
declare const Tag: react__default.ForwardRefExoticComponent<{
    size?: "xsmall" | "small" | "medium" | "large" | undefined;
    icon?: IconComponent | undefined;
    onDismiss: () => void;
    children: StringChildrenType;
    isDisabled?: boolean | undefined;
    _isVirtuallyFocused?: boolean | undefined;
    _isTagInsideInput?: boolean | undefined;
} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
    top: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    bottom: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    left: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    position?: "absolute" | "relative" | {
        readonly base?: "absolute" | "relative" | undefined;
        readonly xs?: "absolute" | "relative" | undefined;
        readonly s?: "absolute" | "relative" | undefined;
        readonly m?: "absolute" | "relative" | undefined;
        readonly l?: "absolute" | "relative" | undefined;
        readonly xl?: "absolute" | "relative" | undefined;
    } | undefined;
    right: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    zIndex?: number | {
        readonly base?: number | undefined;
        readonly xs?: number | undefined;
        readonly s?: number | undefined;
        readonly m?: number | undefined;
        readonly l?: number | undefined;
        readonly xl?: number | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
} & Pick<GridProps, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
    width: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    display?: "none" | "flex" | {
        readonly base?: "none" | "flex" | undefined;
        readonly xs?: "none" | "flex" | undefined;
        readonly s?: "none" | "flex" | undefined;
        readonly m?: "none" | "flex" | undefined;
        readonly l?: "none" | "flex" | undefined;
        readonly xl?: "none" | "flex" | undefined;
    } | undefined;
    height: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    maxWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minHeight: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    minWidth: SpacingValueType | {
        readonly base?: SpacingValueType | undefined;
        readonly xs?: SpacingValueType | undefined;
        readonly s?: SpacingValueType | undefined;
        readonly m?: SpacingValueType | undefined;
        readonly l?: SpacingValueType | undefined;
        readonly xl?: SpacingValueType | undefined;
    };
    overflowX: never;
    overflowY: never;
    textAlign: never;
    whiteSpace: never;
    overflow?: "hidden" | "scroll" | "visible" | {
        readonly base?: "hidden" | "scroll" | "visible" | undefined;
        readonly xs?: "hidden" | "scroll" | "visible" | undefined;
        readonly s?: "hidden" | "scroll" | "visible" | undefined;
        readonly m?: "hidden" | "scroll" | "visible" | undefined;
        readonly l?: "hidden" | "scroll" | "visible" | undefined;
        readonly xl?: "hidden" | "scroll" | "visible" | undefined;
    } | undefined;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "display"> & Pick<{
    elevation?: ElevationLevels | {
        readonly base?: ElevationLevels | undefined;
        readonly xs?: ElevationLevels | undefined;
        readonly s?: ElevationLevels | undefined;
        readonly m?: ElevationLevels | undefined;
        readonly l?: ElevationLevels | undefined;
        readonly xl?: ElevationLevels | undefined;
    } | undefined;
    backgroundImage: never;
    backgroundPosition: never;
    backgroundSize: never;
    backgroundRepeat: never;
    backdropFilter: never;
    backgroundOrigin: never;
    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderBottomLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle: never;
    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderLeftStyle: never;
    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderRightStyle: never;
    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
    };
    borderTopLeftRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle: never;
    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    clipPath: never;
    opacity?: react_native_types.AnimatableNumericValue | {
        readonly base?: react_native_types.AnimatableNumericValue | undefined;
        readonly xs?: react_native_types.AnimatableNumericValue | undefined;
        readonly s?: react_native_types.AnimatableNumericValue | undefined;
        readonly m?: react_native_types.AnimatableNumericValue | undefined;
        readonly l?: react_native_types.AnimatableNumericValue | undefined;
        readonly xl?: react_native_types.AnimatableNumericValue | undefined;
    } | undefined;
    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | {
        readonly base?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xs?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly s?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly m?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly l?: "none" | "auto" | "box-none" | "box-only" | undefined;
        readonly xl?: "none" | "auto" | "box-none" | "box-only" | undefined;
    } | undefined;
    transform?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | {
        readonly base?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xs?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly s?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly m?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly l?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
        readonly xl?: (react_native_types.PerpectiveTransform | react_native_types.RotateTransform | react_native_types.RotateXTransform | react_native_types.RotateYTransform | react_native_types.RotateZTransform | react_native_types.ScaleTransform | react_native_types.ScaleXTransform | react_native_types.ScaleYTransform | react_native_types.TranslateXTransform | react_native_types.TranslateYTransform | react_native_types.SkewXTransform | react_native_types.SkewYTransform | react_native_types.MatrixTransform)[] | undefined;
    } | undefined;
    transformOrigin: never;
    visibility: never;
    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | {
        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | "popup.border.gray.subtle" | "popup.border.neutral.moderate" | "popup.border.information.moderate" | "popup.border.negative.moderate" | "popup.border.notice.moderate" | "popup.border.positive.moderate" | "popup.border.gray.moderate" | "popup.border.gray.intense" | "interactive.border.neutral.disabled" | "interactive.border.neutral.default" | "interactive.border.neutral.highlighted" | "interactive.border.neutral.faded" | "interactive.border.information.disabled" | "interactive.border.information.default" | "interactive.border.information.highlighted" | "interactive.border.information.faded" | "interactive.border.negative.disabled" | "interactive.border.negative.default" | "interactive.border.negative.highlighted" | "interactive.border.negative.faded" | "interactive.border.notice.disabled" | "interactive.border.notice.default" | "interactive.border.notice.highlighted" | "interactive.border.notice.faded" | "interactive.border.positive.disabled" | "interactive.border.positive.default" | "interactive.border.positive.highlighted" | "interactive.border.positive.faded" | "interactive.border.staticBlack.fadedHighlighted" | "interactive.border.staticBlack.disabled" | "interactive.border.staticBlack.default" | "interactive.border.staticBlack.highlighted" | "interactive.border.staticBlack.faded" | "interactive.border.staticWhite.fadedHighlighted" | "interactive.border.staticWhite.disabled" | "interactive.border.staticWhite.default" | "interactive.border.staticWhite.highlighted" | "interactive.border.staticWhite.faded" | "interactive.border.gray.disabled" | "interactive.border.gray.default" | "interactive.border.gray.highlighted" | "interactive.border.gray.faded" | "interactive.border.primary.disabled" | "interactive.border.primary.default" | "interactive.border.primary.highlighted" | "interactive.border.primary.faded" | undefined;
    };
    borderRadius: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "2xsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: "dashed" | "dotted" | "solid" | {
        readonly base?: "dashed" | "dotted" | "solid" | undefined;
        readonly xs?: "dashed" | "dotted" | "solid" | undefined;
        readonly s?: "dashed" | "dotted" | "solid" | undefined;
        readonly m?: "dashed" | "dotted" | "solid" | undefined;
        readonly l?: "dashed" | "dotted" | "solid" | undefined;
        readonly xl?: "dashed" | "dotted" | "solid" | undefined;
    } | undefined;
    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
    };
    transition: never;
    __brand__?: "platform-native" | {
        readonly base?: "platform-native" | undefined;
        readonly xs?: "platform-native" | undefined;
        readonly s?: "platform-native" | undefined;
        readonly m?: "platform-native" | undefined;
        readonly l?: "platform-native" | undefined;
        readonly xl?: "platform-native" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & DataAnalyticsAttribute & TestID & react__default.RefAttributes<BladeElementRef>>;

type TagProps = {
    /**
     * Decides the size of Tag
     *
     * @default medium
     */
    size?: 'xsmall' | 'small' | 'medium' | 'large';
    /**
     * Leading icon for your Tag
     */
    icon?: IconComponent;
    /**
     * Callback when close icon on Tag is clicked
     */
    onDismiss: () => void;
    /**
     * Text that renders inside Tag
     */
    children: StringChildrenType;
    /**
     * Disable tag
     */
    isDisabled?: boolean;
    /**
     * Private property for Blade.
     *
     * Should not be used by consumers.
     *
     * Used for adding virtual focus on tag.
     *
     * @private
     */
    _isVirtuallyFocused?: boolean;
    /**
     * Private property for Blade.
     *
     * Should not be used by consumers.
     *
     * Is tag placed inside an input
     *
     * @private
     */
    _isTagInsideInput?: boolean;
} & StyledPropsBlade & DataAnalyticsAttribute & TestID;

declare const TimePicker: (_props: any) => React.ReactElement;

declare const ToastContainer: () => React.ReactElement;

type ToastProps = {
    /**
     * @default `informational`
     */
    type?: 'informational' | 'promotional';
    /**
     * Content of the toast
     */
    content: react__default.ReactNode;
    /**
     * @default `neutral`
     */
    color?: FeedbackColors;
    /**
     * Can be used to render an icon
     */
    leading?: react__default.ComponentType<any>;
    /**
     * If true, the toast will be dismissed after few seconds
     *
     * Duration for promotional toast is 8s
     * Duration for informational toast is 4s
     *
     * @default false
     */
    autoDismiss?: boolean;
    /**
     * Duration in milliseconds for which the toast will be visible
     *
     * @default 4000 for informational toast
     * @default 8000 for promotional toast
     */
    duration?: number;
    /**
     * Called when the toast is dismissed or duration runs out
     */
    onDismissButtonClick?: ({ event, toastId, }: {
        event: react__default.MouseEvent<HTMLButtonElement>;
        toastId: string;
    }) => void;
    /**
     * Primary action of toast
     */
    action?: {
        text: string;
        onClick?: ({ event, toastId }: {
            event: ButtonProps['onClick'];
            toastId: string;
        }) => void;
        isLoading?: boolean;
    };
    /**
     * Forwarded to react-hot-toast
     *
     * This can be used to programatically update toasts by providing an id
     */
    id?: string;
};

type BladeToast = Omit<Toast, 'type'> & ToastProps;
type UseToastReturn = {
    toasts: BladeToast[];
    show: (props: ToastProps) => string;
    dismiss: (id?: string) => void;
};
declare const useToast: () => UseToastReturn;

declare const TabNav: (_props: never) => React.ReactElement;

declare const TabNavItem: (_props: never) => React.ReactElement;

type MenuTriggerProps = {
    onMouseDown?: Platform.Select<{
        web: React.MouseEventHandler;
        native: undefined;
    }>;
    onPointerDown?: Platform.Select<{
        web: React.PointerEventHandler;
        native: undefined;
    }>;
    onKeyDown?: Platform.Select<{
        web: React.KeyboardEventHandler;
        native: undefined;
    }>;
    onKeyUp?: Platform.Select<{
        web: React.KeyboardEventHandler;
        native: undefined;
    }>;
    onClick?: Platform.Select<{
        web: React.MouseEventHandler;
        native: undefined;
    }>;
};
type TabNavIconProp = IconComponent | {
    default: IconComponent;
    selected: IconComponent;
};
type TabNavItemProps = {
    /**
     * href of the link
     */
    href?: LinkProps['href'];
    /**
     * Anchor tag `target` attribute
     */
    target?: LinkProps['target'];
    /**
     * as prop to pass ReactRouter's Link component.
     *
     * @default 'a'
     *
     * @example
     * ```jsx
     * import { Link } from 'react-router-dom';
     *
     * <TabNavItem as={Link} />
     * ```
     */
    as?: React.ComponentType<any> | 'a' | 'button';
    /**
     * Selected state of the navigation item.
     *
     * @default false
     */
    isActive?: boolean;
    /**
     * Leading icon for TabNavItem.
     * Accepts a single IconComponent or an object with `default` and `selected` variants.
     *
     * @example
     * ```jsx
     * // Single icon
     * <TabNavItem icon={HomeIcon} />
     *
     * // With selected state variant
     * <TabNavItem icon={{ default: HomeIcon, selected: HomeFilledIcon }} />
     * ```
     *
     * @default undefined
     */
    icon?: TabNavIconProp;
    /**
     * Element to render after the navigation item.
     *
     * @default undefined
     */
    trailing?: React.ReactElement;
    /**
     * Title of the navigation item.
     */
    title?: string;
    /**
     * Element rendered right after the title text, before the trailing element.
     * Useful for adding status tags like Badge (e.g., BETA, NEW, ALPHA).
     *
     * @example
     * ```jsx
     * <TabNavItem
     *   title="Ray AI"
     *   titleSuffix={<Badge size="small" color="positive">BETA</Badge>}
     * />
     * ```
     *
     * @default undefined
     */
    titleSuffix?: React.ReactElement;
    /**
     * Accessibility label for the navigation item.
     */
    accessibilityLabel?: string;
} & MenuTriggerProps;
type Item = TabNavItemProps & {
    description?: string;
    isAlwaysOverflowing?: boolean;
};
type TabNavItemData = Item & {
    isOverflowing?: boolean;
    tabWidth?: number;
    offsetX?: number;
};
type TabNavProps = {
    items: Item[];
    children: (props: {
        items: TabNavItemData[];
        overflowingItems: TabNavItemData[];
    }) => React.ReactElement;
};

declare const TopNav: (_props: never) => React.ReactElement;

type TopNavContextProps = {
    colorScheme: ColorSchemeNames;
};
/**
 * Returns the TopNav context if inside a TopNav, otherwise null.
 * Stores the original app colorScheme so that overlay components
 * (Menu, Popover, etc.) rendered inside TopNav can reset back to
 * the app's colorScheme instead of inheriting TopNav's dark theme.
 */
declare const useTopNavContext: () => TopNavContextProps | null;

type TopNavOverlayThemeOverrideProps = {
    children: react__default.ReactNode;
    /**
     * When `true`, switches the theme to the app's original colorScheme
     * (stored in TopNavContext) instead of TopNav's default dark theme.
     *
     * Used by SearchInput to toggle between dark (unfocused) and the
     * original app theme (focused) while inside TopNav.
     *
     * @default false — stays in dark theme (TopNav's default)
     */
    shouldOverrideTheme?: boolean;
};
/**
 * Wraps children with the correct theme when rendered inside TopNav.
 *
 * TopNav forces a dark theme, but overlay/child components should render
 * in the app's original colorScheme. This wrapper centralises that logic.
 *
 * - Without `shouldOverrideTheme` (default): wraps with BladeProvider using
 *   the app's original colorScheme (for portalled overlays like Popover, Menu).
 * - With `shouldOverrideTheme={false}`: stays in TopNav's dark theme.
 * - With `shouldOverrideTheme={true}`: switches to the app's original colorScheme
 *   via ThemeContext + StyledThemeProvider (for inline theme switches like SearchInput).
 *
 * Outside TopNav this is a no-op passthrough.
 */
declare const TopNavOverlayThemeOverride: ({ children, shouldOverrideTheme, }: TopNavOverlayThemeOverrideProps) => react__default.ReactElement;

type VisuallyHiddenProps = {
    children: React.ReactNode;
} & TestID;

declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => react__default.ReactElement;

/**
 * Screen reader class adapted from webaim
 * https://webaim.org/techniques/css/invisiblecontent/#techniques
 */
declare const screenReaderStyles: CSSObject;

type LightBoxProps = {
    /**
     * Controls whether the LightBox overlay is visible.
     */
    isOpen: boolean;
    /**
     * Called when the user dismisses the LightBox — via the close button, Escape key, or backdrop click.
     */
    onDismiss: () => void;
    /**
     * Index of the currently active item (controlled).
     * Use alongside `onIndexChange` to manage state externally.
     */
    activeIndex?: number;
    /**
     * Index of the item to show when LightBox first opens (uncontrolled).
     * @default 0
     */
    defaultActiveIndex?: number;
    /**
     * Called when the active item changes via navigation arrows, thumbnail click, or keyboard.
     */
    onIndexChange?: (value: {
        index: number;
    }) => void;
    /**
     * Accessibility label for the LightBox dialog.
     * @default "Media viewer"
     */
    accessibilityLabel?: string;
    /**
     * Accepts only `LightBoxBody`.
     */
    children: react__default.ReactNode;
};
type LightBoxBodyProps = {
    /**
     * Accepts only `LightBoxItem` components.
     */
    children: react__default.ReactNode;
};
type LightBoxItemProps = {
    /**
     * Image URL. LightBox renders an `<img>` element using this src.
     * The same URL is used for the thumbnail strip unless `thumbnail` is provided.
     */
    src: string;
    /**
     * Alt text for the image.
     */
    alt?: string;
    /**
     * Optional thumbnail image URL override. Defaults to `src`.
     */
    thumbnail?: string;
    children?: never;
} | {
    /**
     * Thumbnail image URL for the thumbnail strip.
     * Required when `children` is provided.
     */
    thumbnail: string;
    /**
     * Accessible label for the thumbnail in the strip.
     */
    alt?: string;
    /**
     * Custom content to render as the main slide — video, iframe, Preview component, etc.
     */
    children: react__default.ReactNode;
    src?: never;
};

declare const LightBox: (props: LightBoxProps) => react__default.ReactElement;

declare const LightBoxBody: (_props: LightBoxBodyProps) => react__default.ReactElement;

declare const LightBoxItem: (_props: LightBoxItemProps) => null;

type ListViewCommonProps = {
    children: react__default.ReactNode;
};
type ListViewProps = ListViewCommonProps & TestID & DataAnalyticsAttribute;
type ListViewFilterProps = {
    children?: react__default.ReactNode;
    /**
     * Quick Filters Component
     */
    quickFilters: react__default.ReactNode;
    /**
     * Search value for search input
     * @deprecated Use `actions` prop instead. This will be removed in a future major version.
     */
    searchValue?: string;
    /**
     * Placeholder for search input
     * @deprecated Use `actions` prop instead. This will be removed in a future major version.
     */
    searchValuePlaceholder?: string;
    /**
     * Name for search input
     * @deprecated Use `actions` prop instead. This will be removed in a future major version.
     */
    searchName?: string;
    /**
     * onChange handler for search input
     * @deprecated Use `actions` prop instead. This will be removed in a future major version.
     */
    onSearchChange?: ({ name, value }: {
        name?: string;
        value?: string;
    }) => void;
    /**
     *  onClear handler for search input
     * @deprecated Use `actions` prop instead. This will be removed in a future major version.
     */
    onSearchClear?: () => void;
    /**
     * it will show/hide the quick filters
     * @deprecated use showFilters instead
     */
    showQuickFilters?: boolean;
    /**
     * it will show/hide the filters
     * @deprecated Filters are now always expanded.
     * @default true
     */
    showFilters?: boolean;
    /**
     * onChange handler for showQuickFilters
     * @deprecated use onShowFiltersChange instead
     */
    onShowQuickFiltersChange?: (showQuickFilters: boolean) => void;
    /**
     * onChange handler for showFilters
     * @deprecated Filters are now always expanded.
     */
    onShowFiltersChange?: (showFilters: boolean) => void;
    /**
     *
     * @default 0
     * you only need this if quick filters are controlled.
     */
    selectedFiltersCount?: number;
    /**
     * searchTrailing : trailing element for search input
     * @deprecated Use `actions` prop instead. This will be removed in a future major version.
     */
    searchTrailing?: react__default.ReactNode;
    /**
     * Actions slot for search input and action buttons
     * This will replace searchValue, onSearchChange, onSearchClear, searchValuePlaceholder, searchName, searchTrailing, and actionButtonGroup in a future major version.
     */
    actions?: react__default.ReactNode;
} & TestID & DataAnalyticsAttribute;

declare const ListView: (_prop: ListViewProps) => react__default.ReactElement;

declare const ListViewFilters: (_prop: ListViewFilterProps) => react__default.ReactElement;

type PreviewProps = {
    /**
     * The children of the Preview component.
     */
    children: React.ReactElement | React.ReactElement[];
    /**
     * The function to call when the full screen button is clicked.
     */
    onFullScreen?: () => void;
    /**
     * Whether the drag and zoom is disabled.
     */
    isDragAndZoomDisabled?: boolean;
    /**
     * The initial zoom of the Preview component.
     */
    defaultZoom?: number;
    /**
     * The function to call when the zoom changes.
     */
    onZoomChange?: (newZoom: number) => void;
    /**
     * The function to call when the drag changes.
     */
    onDragChange?: (position: {
        x: number;
        y: number;
    }) => void;
    /**
     * The step of the zoom.
     */
    zoomScaleStep?: number;
};
type PreviewHeaderProps = {
    /**
     * The title of the PreviewHeader component.
     */
    title?: string;
    /**
     * The trailing of the PreviewHeader component.
     */
    trailing?: React.ReactElement | React.ReactElement[];
    /**
     * The function to call when the full screen button is clicked.
     * @private
     */
    _onFullScreen?: () => void;
};
type PreviewBodyProps = {
    /**
     * The children of the PreviewBody component.
     */
    children: React.ReactElement;
};
type PreviewFooterProps = {
    /**
     * The trailing of the PreviewFooter component.
     */
    trailing?: React.ReactElement;
    /**
     * Whether to show the zoom percentage.
     */
    showZoomPercentage?: boolean;
};

declare const Preview: (_prop: PreviewProps) => react__default.ReactElement;
declare const PreviewHeader: (_prop: PreviewHeaderProps) => react__default.ReactElement;
declare const PreviewBody: (_prop: PreviewBodyProps) => react__default.ReactElement;
declare const PreviewFooter: (_prop: PreviewFooterProps) => react__default.ReactElement;

type GenUIProviderProps = any;
declare const GenUIProvider: (_props: GenUIProviderProps) => react__default.ReactElement;

type GenUIBaseComponent = {
    component?: string;
};
/**
 * Type helper to create a custom component type
 *
 * @example
 * ```tsx
 * type MyWidgetComponent = CustomComponent<'MY_WIDGET', {
 *   title: string;
 *   data: number[];
 * }>;
 * ```
 */
type GenUICustomComponent<TName extends string, TProps extends Record<string, unknown>> = GenUIBaseComponent & {
    component: TName;
} & TProps;
type GenUIAction = {
    type: string;
    eventName?: string;
    data?: Record<string, unknown>;
};
/**
 * Component renderer function type
 */
type GenUIComponentRenderer<T extends GenUIBaseComponent = GenUIBaseComponent> = React.ComponentType<T & {
    index: number;
}>;
/**
 * Component definition for registration
 */
type GenUIComponentDefinition<T extends GenUIBaseComponent = GenUIBaseComponent> = {
    /** The renderer component */
    renderer: GenUIComponentRenderer<T>;
    /** Optional: validate if the component name is a valid partial (for streaming) */
    isValidPartial?: (partialName: string) => boolean;
    /** Optional: animation name */
    animation?: {
        /** 'gradient-ring-entry' wraps the component in an AnimatedGradientBorder */
        name: 'gradient-ring-entry' | (string & Record<never, never>);
    };
};
/**
 * Registry of all component renderers
 */
type GenUIComponentRegistry = Record<string, GenUIComponentDefinition>;

type GenUIContextValue = any;
/**
 * Hook to access GenUI context
 * @throws Error if used outside GenUIProvider
 */
declare const useGenUI: () => GenUIContextValue;
/**
 * Hook to access action click handler (safe version that doesn't throw)
 */
declare const useGenUIAction: () => ((action: GenUIAction) => void) | undefined;

type GenUISchemaRendererProps = any;
declare const GenUISchemaRenderer: (_props: GenUISchemaRendererProps) => react__default.ReactElement;

type GenUIComponent = any;

/**
 * RzpGlass Types
 *
 * TypeScript types for the RzpGlass WebGL shader component.
 * Uniforms are organized into logical groups matching the shader structure.
 */

type RzpGlassColoramaConfig = {
    /** Input range min (default: 0.0) */
    inputMin?: number;
    /** Input range max (default: 1.0) */
    inputMax?: number;
    /** Gamma curve: <1 = brights, >1 = darks (default: 1.05) */
    modifyGamma?: number;
    /** 0 = off, >0 = number of discrete steps (default: 0.0) */
    posterizeLevels?: number;
    /** Stretch/compress the index (default: 1.0) */
    cycleRepetitions?: number;
    /** Static offset (default: 0.0) */
    phaseShift?: number;
    /** Cycling animation speed (default: 0.0) */
    cycleSpeed?: number;
    /** false = clamp, true = wrap/fract (default: false) */
    wrapMode?: boolean;
    /** false = normal, true = reverse gradient (default: true) */
    reverse?: boolean;
    /** 0 = full effect, 1 = original (default: 0.0) */
    blendWithOriginal?: number;
    /** Cross-fade between gradientMapSrc (0.0) and gradientMap2Src (1.0). Animates smoothly. (default: 0.0) */
    gradientMapBlend?: number;
    /** Duration of gradientMapBlend transition in seconds (default: 0.6) */
    gradientMapBlendDuration?: number;
};
type RzpGlassDisplacementConfig = {
    /** Number of glass slits (default: 45.0) */
    numSegments?: number;
    /** Angle of slits in radians (default: 0.15) */
    slitAngle?: number;
    /** X displacement amount in pixels (default: -12.0) */
    displacementX?: number;
    /** Y displacement amount in pixels (default: 20.0) */
    displacementY?: number;
};
type RzpGlassCenterElementConfig = {
    /** Toggle center element (default: true) */
    enableCenterElement?: boolean;
    /** Duration of one animation cycle in seconds (default: 6.0) */
    centerAnimDuration?: number;
};
type RzpGlassColorCorrectionConfig = {
    /** Levels black point (default: 0.0) */
    ccBlackPoint?: number;
    /** Levels white point (default: 0.9) */
    ccWhitePoint?: number;
    /** Midtone gamma (default: 1.2) */
    ccMidtoneGamma?: number;
    /** Output gamma (default: 1.2) */
    ccGamma?: number;
    /** Contrast boost (default: 0.0) */
    ccContrast?: number;
};
type RzpGlassCanvasConfig = {
    /**
     * Target aspect ratio (width / height) for the canvas cover behavior.
     * The canvas will fill the container while maintaining this ratio, cropping overflow.
     * Defaults to 3/2 (matching the default base video at 4500x3000).
     * Override for videos with different native aspect ratios (e.g. 16/9).
     */
    aspectRatio?: number;
};
type RzpGlassZoomPanConfig = {
    /** Zoom level (1.0 = normal, 2.0 = 2x zoom) (default: 1.0) */
    zoom?: number;
    /** Horizontal pan offset (-1 to 1) (default: 0.0) */
    panX?: number;
    /** Vertical pan offset (-1 to 1) (default: 0.0) */
    panY?: number;
    /** Per-side edge feathering: [top, right, bottom, left] clockwise (0 = none, 1 = max) (default: [0, 0, 0, 0]) */
    edgeFeather?: [number, number, number, number];
};
type RzpGlassBackgroundConfig = {
    /** Background color to blend bright areas with. RGB array [0-1, 0-1, 0-1]. When not provided, no blending occurs. */
    backgroundColor?: [number, number, number];
};
type RzpGlassEffectToggles = {
    /** Enable displacement effect (default: true) */
    enableDisplacement?: boolean;
    /** Enable colorama effect (default: true) */
    enableColorama?: boolean;
    /** Enable bloom effect (default: true) */
    enableBloom?: boolean;
    /** Enable light sweep effect (default: true) */
    enableLightSweep?: boolean;
};
type RzpGlassLightConfig = {
    /** Strength of light sweep effect (default: 0.2) */
    lightIntensity?: number;
    /** Frame when light effect starts (default: 140) */
    lightStartFrame?: number;
};
type RzpGlassPlaybackConfig = {
    /** Whether video is paused (default: false) */
    paused?: boolean;
    /** Video start time in seconds (default: 0) */
    startTime?: number;
    /** Video end time in seconds (default: 14) */
    endTime?: number;
    /** Animate light effect independently of video (default: true) */
    animateLightIndependently?: boolean;
    /** Video playback rate multiplier — 1.0 = normal, 0.5 = half speed, 2.0 = double speed (default: 1.0) */
    playbackRate?: number;
};
type RzpGlassCycleAnimConfig = {
    /** Whether to animate cycle repetitions (default: true) */
    animateCycleReps?: boolean;
    /** Starting value for cycle repetitions animation (default: 1.0) */
    cycleRepetitionsStart?: number;
    /** Ending value for cycle repetitions animation (default: 1.15) */
    cycleRepetitionsEnd?: number;
    /** Frame when cycle repetitions animation starts (default: 0) */
    cycleRepetitionsStartFrame?: number;
    /** Duration of cycle repetitions animation in frames (default: 140) */
    cycleRepetitionsDuration?: number;
};
type RzpGlassConfig = RzpGlassColoramaConfig & RzpGlassDisplacementConfig & RzpGlassCenterElementConfig & RzpGlassColorCorrectionConfig & RzpGlassCanvasConfig & RzpGlassZoomPanConfig & RzpGlassBackgroundConfig & RzpGlassEffectToggles & RzpGlassLightConfig & RzpGlassPlaybackConfig & RzpGlassCycleAnimConfig;
type RzpGlassProps = RzpGlassConfig & {
    /** CSS width (default: '100%') */
    width?: string | number;
    /** CSS height (default: '100%') */
    height?: string | number;
    /**
     * Named preset that provides a base configuration.
     * Any explicit props you pass will override the preset values.
     * - `default`  — baseline, same as not passing a preset
     * - `zoomed`   — tight closeup with high zoom and edge feathering
     */
    preset?: RzpGlassPreset;
    /**
     * Base CDN path for loading default assets.
     */
    assetsPath?: string;
    /**
     * A canvas element generated by `generateGradientCanvas()` to use as the
     * colorama gradient map texture. When provided, hot-swaps the texture at
     * runtime without reinitializing the WebGL context.
     */
    gradientMapCanvas?: HTMLCanvasElement | null;
    /**
     * URL to a static image to use as the base texture instead of the default
     * video. When provided, no video element is created.
     * e.g. `imageSrc="/bottom-frame.jpg"`
     */
    imageSrc?: string;
    /**
     * URL to the gradient map image for the colorama effect.
     * Overrides the default gradient map. Changing this value re-initializes the WebGL context.
     * e.g. `gradientMapSrc="/my-gradient.jpg"`
     */
    gradientMapSrc?: string;
    /**
     * URL to a second gradient map for smooth cross-fading via the `gradientMapBlend` prop.
     * Changing this value re-initializes the WebGL context.
     * e.g. `gradientMap2Src="/colorama-gradient-map-green.jpg"`
     */
    gradientMap2Src?: string;
    /** Callback when assets are loaded */
    onLoad?: () => void;
    /** Callback on error */
    onError?: (error: Error) => void;
    className?: string;
    style?: React.CSSProperties;
};

type RzpGlassPreset = 'default' | 'zoomed' | 'bottomWave' | 'rippleWave' | 'circleSlideUp';

declare const RzpGlass: react.ForwardRefExoticComponent<{
    inputMin?: number | undefined;
    inputMax?: number | undefined;
    modifyGamma?: number | undefined;
    posterizeLevels?: number | undefined;
    cycleRepetitions?: number | undefined;
    phaseShift?: number | undefined;
    cycleSpeed?: number | undefined;
    wrapMode?: boolean | undefined;
    reverse?: boolean | undefined;
    blendWithOriginal?: number | undefined;
    gradientMapBlend?: number | undefined;
    gradientMapBlendDuration?: number | undefined;
} & {
    numSegments?: number | undefined;
    slitAngle?: number | undefined;
    displacementX?: number | undefined;
    displacementY?: number | undefined;
} & {
    enableCenterElement?: boolean | undefined;
    centerAnimDuration?: number | undefined;
} & {
    ccBlackPoint?: number | undefined;
    ccWhitePoint?: number | undefined;
    ccMidtoneGamma?: number | undefined;
    ccGamma?: number | undefined;
    ccContrast?: number | undefined;
} & {
    aspectRatio?: number | undefined;
} & {
    zoom?: number | undefined;
    panX?: number | undefined;
    panY?: number | undefined;
    edgeFeather?: [number, number, number, number] | undefined;
} & {
    backgroundColor?: [number, number, number] | undefined;
} & {
    enableDisplacement?: boolean | undefined;
    enableColorama?: boolean | undefined;
    enableBloom?: boolean | undefined;
    enableLightSweep?: boolean | undefined;
} & {
    lightIntensity?: number | undefined;
    lightStartFrame?: number | undefined;
} & {
    paused?: boolean | undefined;
    startTime?: number | undefined;
    endTime?: number | undefined;
    animateLightIndependently?: boolean | undefined;
    playbackRate?: number | undefined;
} & {
    animateCycleReps?: boolean | undefined;
    cycleRepetitionsStart?: number | undefined;
    cycleRepetitionsEnd?: number | undefined;
    cycleRepetitionsStartFrame?: number | undefined;
    cycleRepetitionsDuration?: number | undefined;
} & {
    width?: string | number | undefined;
    height?: string | number | undefined;
    preset?: RzpGlassPreset | undefined;
    assetsPath?: string | undefined;
    gradientMapCanvas?: HTMLCanvasElement | null | undefined;
    imageSrc?: string | undefined;
    gradientMapSrc?: string | undefined;
    gradientMap2Src?: string | undefined;
    onLoad?: (() => void) | undefined;
    onError?: ((error: Error) => void) | undefined;
    className?: string | undefined;
    style?: react.CSSProperties | undefined;
} & react.RefAttributes<HTMLDivElement>>;

/**
 * RzpGlass Utility Functions
 */

/**
 * Preload all assets for a given RazorSense preset.
 * This ensures videos and images are fully loaded before the component mounts,
 * preventing frame skipping in one-shot animations.
 *
 * @param preset - The preset name to preload assets for
 * @param assetsPath - Optional CDN path for assets (defaults to Blade CDN)
 * @returns Promise that resolves when all assets are loaded
 *
 * @example
 * ```tsx
 * // Preload before showing the animation
 * await preloadRazorSenseAssets('circleSlideUp');
 *
 * // Now mount the component - assets are already cached
 * <RazorSense preset="circleSlideUp" />
 * ```
 */
declare function preloadRazorSenseAssets(preset?: RzpGlassPreset, assetsPath?: string): Promise<void>;

interface FluidGradientProps {
    /**
     * SVG children define the mask shape.
     * Use SVG elements (path, g, circle, etc.) or framer-motion SVG
     * variants (motion.path, motion.g) directly.
     *
     * Shapes must use fill="white" to be visible through the gradient.
     *
     * The coordinate space matches `viewBox` (defaults to "0 0 24 24").
     *
     * @example
     * <FluidGradient>
     *   <motion.path d="M3 3..." fill="white" />
     * </FluidGradient>
     *
     * @example with motion.div wrapping an SVG:
     * <FluidGradient>
     *   <motion.g animate={{ scale: 1.2 }} style={{ originX: "50%", originY: "50%" }}>
     *     <path d="M3 3..." fill="white" />
     *   </motion.g>
     * </FluidGradient>
     */
    children?: react__default.ReactNode;
    /** Side length of the square canvas in CSS pixels. Default: 200 */
    size?: number;
    /**
     * viewBox for the SVG mask coordinate space.
     * Match this to your path's native coordinate system.
     * Default: "0 0 24 24"
     */
    viewBox?: string;
    /**
     * Origin of the radial gradient in UV space.
     * [0, 0] = top-left  [0.5, 0.5] = center (default)  [1, 1] = bottom-right
     * Accepts any [x, y] tuple; values outside [0,1] push the origin off-canvas.
     */
    origin?: [number, number];
    className?: string;
    style?: react__default.CSSProperties;
}
/**
 * FluidGradient renders an animated WebGL gradient clipped to whatever
 * SVG shape you pass as children.
 *
 * Children are placed inside an SVG <mask>, so they should be valid SVG
 * elements. Use `fill="white"` for the visible area.
 * Animate with framer-motion's SVG variants: motion.path, motion.g, motion.svg.
 */
declare function FluidGradient({ children, size, viewBox, origin, className, style, }: FluidGradientProps): react__default.JSX.Element;

export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BaseFilterChip, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartBar, ChartBarProps, ChartBarWrapper, ChartBarWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartDonut, ChartDonutCell, ChartDonutProps, ChartDonutWrapper, ChartDonutWrapperProps, ChartLabelContentProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatInput, ChatInputProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CommonChartComponentsContext, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterInput, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DEFAULT_COLOR, DashboardIcon, DataColorMapping, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadItem, FileUploadItemProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GenUIAction, GenUIBaseComponent, GenUIComponent, GenUIComponentDefinition, GenUIComponentRegistry, GenUIComponentRenderer, GenUICustomComponent, GenUIProvider, GenUISchemaRenderer, GenUISchemaRendererProps, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, LightBox, LightBoxBody, LightBoxBodyProps, LightBoxItem, LightBoxItemProps, LightBoxProps, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, Pagination, PaginationProps, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RzpGlass as RazorSense, FluidGradient as RazorSenseGradient, FluidGradientProps as RazorSenseGradientProps, RzpGlassPreset as RazorSensePreset, RzpGlassProps as RazorSenseProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, ReticleIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SecondaryLabelMap, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavIconProp, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TimePicker, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavContextProps, TopNavOverlayThemeOverride, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, preloadRazorSenseAssets, screenReaderStyles, useCommonChartComponentsContext, useGenUI, useGenUIAction, useTheme, useToast, useTopNavContext };