/// <reference types="react" />
import * as React$1 from 'react';
import React__default, { ReactNode, ReactElement, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, ReactChild, KeyboardEvent } from 'react';
import { View, ViewStyle, AccessibilityRole, GestureResponderEvent, TouchableOpacity } from 'react-native';
import { CSSObject } from 'styled-components';
import * as csstype from 'csstype';
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 { DateValue, DatesRangeValue, DatePickerProps as DatePickerProps$1, DayOfWeek } from '@mantine/dates';
export { DateValue, DatesRangeValue } from '@mantine/dates';
import { Placement, 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;
    /** xsmall: 1(px/rem/pt) */
    xsmall: 1;
    /** small: 2(px/rem/pt) */
    small: 2;
    /** medium: 4(px/rem/pt) */
    medium: 4;
    /** large: 8(px/rem/pt) */
    large: 8;
    /** xlarge: 12(px/rem/pt) */
    xlarge: 12;
    /** 2xlarge: 16(px/rem/pt) */
    '2xlarge': 16;
    /** 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 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 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: 14(px/rem/pt)
         *
         * mobile: 14(px/rem/pt)
         */
        25: number;
        /** desktop: 16(px/rem/pt)
         *
         * mobile: 16(px/rem/pt)
         */
        50: number;
        /** desktop: 18(px/rem/pt)
         *
         * mobile: 18(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: {
        /** -1% */
        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 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 = 'web';
    /**
     * Right now, the module resolution is set to resolve `.web` files,
     *
     * Thus Platform.Select<> type will return the `web` type
     */
    type Select<Options extends {
        web: unknown;
        native: unknown;
    }> = Brand<Options[Name], 'platform-web'>;
    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 Theme = {
    name: ThemeTokens['name'];
    border: Border;
    breakpoints: Breakpoints;
    colors: Colors;
    spacing: Spacing;
    motion: Motion;
    elevation: Elevation;
    typography: Typography;
};

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

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 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;
};
/**
 * 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 SubtleOrIntenseEmphasis = Pick<Emphasis, 'subtle' | 'intense'>;
type SubtleOrIntense = keyof SubtleOrIntenseEmphasis;
type InteractiveStates = {
    default: string;
    highlighted: string;
    disabled: string;
    faded: string;
};
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'>;
type Colors = {
    interactive: {
        background: Record<InteractiveColorKeys, InteractiveStates & {
            fadedHighlighted: string;
        }>;
        border: Record<InteractiveColorKeys, InteractiveStates>;
        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: SubtleOrIntenseEmphasis;
        border: SubtleOrIntenseEmphasis;
    };
    transparent: string;
};
type ColorsWithModes = Record<ColorSchemeModes, Colors>;
type ThemeTokens = {
    name: 'bladeTheme' | StringWithAutocomplete;
    border: Border;
    breakpoints: Breakpoints;
    colors: ColorsWithModes;
    motion: Motion;
    elevation: ElevationWithColorModes;
    spacing: Spacing;
    typography: TypographyWithPlatforms;
};

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 BackgroundOnlyColorObjects = 'popup' | 'overlay';
type BackgroundColorString<T extends ColorObjects | BackgroundOnlyColorObjects> = `${T}.background.${DotNotationToken<Theme['colors'][T]['background']>}`;
type BorderColorString<T extends ColorObjects> = `${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'>;
    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'> & {
    /**
     * 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'> | 'transparent';
}> & {
    as: BoxAsType;
};
type StyledPropsBlade = Partial<Omit<MarginProps & Pick<FlexboxProps, 'alignSelf' | 'justifySelf' | 'placeSelf' | 'order'> & 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 & DataAnalyticsAttribute>;
type BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> & Partial<DataAnalyticsAttribute & BaseBoxVisualProps & {
    className?: string;
    id?: string;
    tabIndex?: number;
}> & BladeCommonEvents;
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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & FlexboxProps & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & {
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & {
    onMouseOver: React__default.MouseEventHandler<HTMLElement>;
    onMouseEnter: React__default.MouseEventHandler<HTMLElement>;
    onMouseLeave: React__default.MouseEventHandler<HTMLElement>;
    onScroll: React__default.UIEventHandler<HTMLElement>;
} & {
    draggable: boolean;
    onDragStart: React__default.DragEventHandler<HTMLElement>;
    onDragEnter: React__default.DragEventHandler<HTMLElement>;
    onDragLeave: React__default.DragEventHandler<HTMLElement>;
    onDragOver: React__default.DragEventHandler<HTMLElement>;
    onDragEnd: React__default.DragEventHandler<HTMLElement>;
    onDrop: React__default.DragEventHandler<HTMLElement>;
} & {
    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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & MakeObjectResponsive<{
    backgroundColor: "transparent" | "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 & 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 AcceptPaymentsIcon: IconComponent;

declare const ActivityIcon: IconComponent;

declare const AddressBookIcon: IconComponent;

declare const AffordabilityIcon: IconComponent;

declare const AirplayIcon: IconComponent;

declare const AlertCircleIcon: IconComponent;

declare const AlertOctagonIcon: IconComponent;

declare const AlertOnlyIcon: IconComponent;

declare const AlertTriangleIcon: IconComponent;

declare const AlignCenterIcon: IconComponent;

declare const AlignJustifyIcon: IconComponent;

declare const AlignLeftIcon: IconComponent;

declare const AlignRightIcon: IconComponent;

declare const AnchorIcon: IconComponent;

declare const AndroidIcon: IconComponent;

declare const AnnouncementIcon: IconComponent;

declare const ApertureIcon: IconComponent;

declare const AppStoreIcon: IconComponent;

declare const AppleIcon: IconComponent;

declare const ArrowDownIcon: IconComponent;

declare const ArrowDownLeftIcon: IconComponent;

declare const ArrowDownRightIcon: IconComponent;

declare const ArrowLeftIcon: IconComponent;

declare const ArrowRightIcon: IconComponent;

declare const ArrowSquareDownIcon: IconComponent;

declare const ArrowSquareDownLeftIcon: IconComponent;

declare const ArrowSquareDownRightIcon: IconComponent;

declare const ArrowSquareLeftIcon: IconComponent;

declare const ArrowSquareRightIcon: IconComponent;

declare const ArrowSquareUpIcon: IconComponent;

declare const ArrowSquareUpLeftIcon: IconComponent;

declare const ArrowSquareUpRightIcon: IconComponent;

declare const ArrowUpIcon: IconComponent;

declare const ArrowUpLeftIcon: IconComponent;

declare const ArrowUpRightIcon: IconComponent;

declare const AtSignIcon: IconComponent;

declare const AttachmentIcon: IconComponent;

declare const AutomateAccountingIcon: IconComponent;

declare const AutomatePayrollIcon: IconComponent;

declare const AwardIcon: IconComponent;

declare const BankAccountVerificationIcon: IconComponent;

declare const BankIcon: IconComponent;

declare const BarChartAltIcon: IconComponent;

declare const BarChartIcon: IconComponent;

declare const BarCodeIcon: IconComponent;

declare const Battery100PercentIcon: IconComponent;

declare const Battery20PercentIcon: IconComponent;

declare const Battery40PercentIcon: IconComponent;

declare const Battery60PercentIcon: IconComponent;

declare const Battery80PercentIcon: IconComponent;

declare const BatteryChargingIcon: IconComponent;

declare const BatteryIcon: IconComponent;

declare const BellIcon: IconComponent;

declare const BellOffIcon: IconComponent;

declare const BfsiIcon: IconComponent;

declare const BillIcon: IconComponent;

declare const BillMeIcon: IconComponent;

declare const BluetoothIcon: IconComponent;

declare const BoldIcon: IconComponent;

declare const BookIcon: IconComponent;

declare const BookmarkIcon: IconComponent;

declare const BoxIcon: IconComponent;

declare const BriefcaseIcon: IconComponent;

declare const BugIcon: IconComponent;

declare const BuildingIcon: IconComponent;

declare const BulkPayoutsIcon: IconComponent;

declare const BusinessBankingIcon: IconComponent;

declare const BusinessSpendManagementIcon: IconComponent;

declare const CalendarIcon: IconComponent;

declare const CameraIcon: IconComponent;

declare const CameraOffIcon: IconComponent;

declare const CashIcon: IconComponent;

declare const CastIcon: IconComponent;

declare const CheckCircle2Icon: IconComponent;

declare const CheckCircleIcon: IconComponent;

declare const CheckIcon: IconComponent;

declare const CheckSquareIcon: IconComponent;

declare const ChevronDownIcon: IconComponent;

declare const ChevronLeftIcon: IconComponent;

declare const ChevronRightIcon: IconComponent;

declare const ChevronUpIcon: IconComponent;

declare const ChevronsDownIcon: IconComponent;

declare const ChevronsLeftIcon: IconComponent;

declare const ChevronsRightIcon: IconComponent;

declare const ChevronsUpIcon: IconComponent;

declare const ChromeIcon: IconComponent;

declare const CircleIcon: IconComponent;

declare const ClipboardIcon: IconComponent;

declare const ClockIcon: IconComponent;

declare const CloseIcon: IconComponent;

declare const ClosedCaptioningIcon: IconComponent;

declare const CloudDrizzleIcon: IconComponent;

declare const CloudIcon: IconComponent;

declare const CloudLightningIcon: IconComponent;

declare const CloudOffIcon: IconComponent;

declare const CloudRainIcon: IconComponent;

declare const CloudSnowIcon: IconComponent;

declare const CodeSnippetIcon: IconComponent;

declare const CodepenIcon: IconComponent;

declare const CoinIcon: IconComponent;

declare const CoinsIcon: IconComponent;

declare const CommandIcon: IconComponent;

declare const CompanyRegistrationIcon: IconComponent;

declare const CompassIcon: IconComponent;

declare const ConfettiIcon: IconComponent;

declare const ContactlessPaymentIcon: IconComponent;

declare const CookieIcon: IconComponent;

declare const CopyIcon: IconComponent;

declare const CopyrightIcon: IconComponent;

declare const CornerDownLeftIcon: IconComponent;

declare const CornerDownRightIcon: IconComponent;

declare const CornerLeftDownIcon: IconComponent;

declare const CornerLeftUpIcon: IconComponent;

declare const CornerRightDownIcon: IconComponent;

declare const CornerRightUpIcon: IconComponent;

declare const CornerUpLeftIcon: IconComponent;

declare const CornerUpRightIcon: IconComponent;

declare const CpuIcon: IconComponent;

declare const CreditCardIcon: IconComponent;

declare const CreditsAndLoansIcon: IconComponent;

declare const CropIcon: IconComponent;

declare const CrosshairIcon: IconComponent;

declare const CurrentAccountIcon: IconComponent;

declare const CustomersIcon: IconComponent;

declare const CutIcon: IconComponent;

declare const DashboardIcon: IconComponent;

declare const DeleteIcon: IconComponent;

declare const DigitalLendingIcon: IconComponent;

declare const DisbursePaymentsIcon: IconComponent;

declare const DiscIcon: IconComponent;

declare const DollarIcon: IconComponent;

declare const DollarsIcon: IconComponent;

declare const DotIcon: IconComponent;

declare const DownloadCloudIcon: IconComponent;

declare const DownloadIcon: IconComponent;

declare const DragHandleIcon: IconComponent;

declare const DropletIcon: IconComponent;

declare const EcommerceIcon: IconComponent;

declare const EditComposeIcon: IconComponent;

declare const EditIcon: IconComponent;

declare const EditInlineIcon: IconComponent;

declare const EducationIcon: IconComponent;

declare const EngageIcon: IconComponent;

declare const EqualsIcon: IconComponent;

declare const EscrowAccountIcon: IconComponent;

declare const ExportIcon: IconComponent;

declare const ExternalLinkIcon: IconComponent;

declare const EyeIcon: IconComponent;

declare const EyeOffIcon: IconComponent;

declare const FacebookIcon: IconComponent;

declare const FastForwardIcon: IconComponent;

declare const FeatherIcon: IconComponent;

declare const FigmaIcon: IconComponent;

declare const FileIcon: IconComponent;

declare const FileMinusIcon: IconComponent;

declare const FilePlusIcon: IconComponent;

declare const FileTextIcon: IconComponent;

declare const FileZipIcon: IconComponent;

declare const FilmIcon: IconComponent;

declare const FilterIcon: IconComponent;

declare const FlagIcon: IconComponent;

declare const FlaskIcon: IconComponent;

declare const FolderIcon: IconComponent;

declare const ForexManagementIcon: IconComponent;

declare const FreelanceIcon: IconComponent;

declare const FullScreenEnterIcon: IconComponent;

declare const FullScreenExitIcon: IconComponent;

declare const GithubIcon: IconComponent;

declare const GitlabIcon: IconComponent;

declare const GlobeIcon: IconComponent;

declare const GridIcon: IconComponent;

declare const HashIcon: IconComponent;

declare const HeadphoneIcon: IconComponent;

declare const HeadphonesIcon: IconComponent;

declare const HeadsetIcon: IconComponent;

declare const HeartIcon: IconComponent;

declare const HelpCircleIcon: IconComponent;

declare const HistoryIcon: IconComponent;

declare const HomeIcon: IconComponent;

declare const ImageIcon: IconComponent;

declare const InboxIcon: IconComponent;

declare const IndiaFlagIcon: IconComponent;

declare const InfoIcon: IconComponent;

declare const InstagramIcon: IconComponent;

declare const InstantSettlementIcon: IconComponent;

declare const InternationalPaymentsIcon: IconComponent;

declare const InvoicesIcon: IconComponent;

declare const ItalicIcon: IconComponent;

declare const KeyIcon: IconComponent;

declare const KeyboardIcon: IconComponent;

declare const LayersIcon: IconComponent;

declare const LayoutIcon: IconComponent;

declare const LeftCircularCornerIcon: IconComponent;

declare const LifeBuoyIcon: IconComponent;

declare const LinkIcon: IconComponent;

declare const ListIcon: IconComponent;

declare const ListSearchIcon: IconComponent;

declare const LoaderIcon: IconComponent;

declare const LoansForBusinessesIcon: IconComponent;

declare const LockIcon: IconComponent;

declare const LogInIcon: IconComponent;

declare const LogOutIcon: IconComponent;

declare const MagicCheckoutIcon: IconComponent;

declare const MagicKonnectIcon: IconComponent;

declare const MailIcon: IconComponent;

declare const MailOpenIcon: IconComponent;

declare const MapIcon: IconComponent;

declare const MapPinIcon: IconComponent;

declare const MaximizeIcon: IconComponent;

declare const MenuDotsIcon: IconComponent;

declare const MenuIcon: IconComponent;

declare const MessageCircleIcon: IconComponent;

declare const MessageSquareIcon: IconComponent;

declare const MicIcon: IconComponent;

declare const MicOffIcon: IconComponent;

declare const MinimizeIcon: IconComponent;

declare const MinusCircleIcon: IconComponent;

declare const MinusIcon: IconComponent;

declare const MinusSquareIcon: IconComponent;

declare const MobileAppIcon: IconComponent;

declare const MonitorIcon: IconComponent;

declare const MoonIcon: IconComponent;

declare const MoreHorizontalIcon: IconComponent;

declare const MoreIcon: IconComponent;

declare const MoreVerticalIcon: IconComponent;

declare const MoveIcon: IconComponent;

declare const MusicIcon: IconComponent;

declare const MyAccountIcon: IconComponent;

declare const NavigationIcon: IconComponent;

declare const NoSignalIcon: IconComponent;

declare const OctagonIcon: IconComponent;

declare const OffersIcon: IconComponent;

declare const OptimizerIcon: IconComponent;

declare const PackageIcon: IconComponent;

declare const PaperclipIcon: IconComponent;

declare const PauseCircleIcon: IconComponent;

declare const PauseIcon: IconComponent;

declare const PaymentButtonIcon: IconComponent;

declare const PaymentButtonsIcon: IconComponent;

declare const PaymentGatewayIcon: IconComponent;

declare const PaymentLinkIcon: IconComponent;

declare const PaymentLinksIcon: IconComponent;

declare const PaymentPagesIcon: IconComponent;

declare const PayoutLinkIcon: IconComponent;

declare const PayrollAddonsIcon: IconComponent;

declare const PayrollForCaIcon: IconComponent;

declare const PayrollForStartupOrSmeIcon: IconComponent;

declare const PercentIcon: IconComponent;

declare const PettyCashBudgetIcon: IconComponent;

declare const PhoneCallIcon: IconComponent;

declare const PhoneForwardedIcon: IconComponent;

declare const PhoneIcon: IconComponent;

declare const PhoneIncomingIcon: IconComponent;

declare const PhoneMissedIcon: IconComponent;

declare const PhoneOffIcon: IconComponent;

declare const PhoneOutgoingIcon: IconComponent;

declare const PictureInPictureIcon: IconComponent;

declare const PieChartIcon: IconComponent;

declare const PinIcon: IconComponent;

declare const PlayCircleIcon: IconComponent;

declare const PlayIcon: IconComponent;

declare const PlusCircleIcon: IconComponent;

declare const PlusIcon: IconComponent;

declare const PlusSquareIcon: IconComponent;

declare const PocketIcon: IconComponent;

declare const PosIcon: IconComponent;

declare const PowerIcon: IconComponent;

declare const PrinterIcon: IconComponent;

declare const PromptIcon: IconComponent;

declare const QRCodeIcon: IconComponent;

declare const RadioIcon: IconComponent;

declare const RayIcon: IconComponent;

declare const RazorpayIcon: IconComponent;

declare const RazorpayXIcon: IconComponent;

declare const RazorpayxPayrollIcon: IconComponent;

declare const RefreshIcon: IconComponent;

declare const RepeatIcon: IconComponent;

declare const ReportsIcon: IconComponent;

declare const ResizerIcon: IconComponent;

declare const RewindIcon: IconComponent;

declare const RotateClockWiseIcon: IconComponent;

declare const RotateCounterClockWiseIcon: IconComponent;

declare const RouteIcon: IconComponent;

declare const RoutesIcon: IconComponent;

declare const RupeeIcon: IconComponent;

declare const RupeesIcon: IconComponent;

declare const SaasIcon: IconComponent;

declare const SaveIcon: IconComponent;

declare const ScissorsIcon: IconComponent;

declare const SearchIcon: IconComponent;

declare const SendIcon: IconComponent;

declare const ServerIcon: IconComponent;

declare const SettingsIcon: IconComponent;

declare const SettlementsIcon: IconComponent;

declare const ShareIcon: IconComponent;

declare const ShieldIcon: IconComponent;

declare const ShoppingBagIcon: IconComponent;

declare const ShoppingCartIcon: IconComponent;

declare const ShuffleIcon: IconComponent;

declare const SidebarIcon: IconComponent;

declare const Signal1BarIcon: IconComponent;

declare const Signal2BarIcon: IconComponent;

declare const Signal3BarIcon: IconComponent;

declare const Signal4BarIcon: IconComponent;

declare const SignalIcon: IconComponent;

declare const SimCardIcon: IconComponent;

declare const SkipBackIcon: IconComponent;

declare const SkipForwardIcon: IconComponent;

declare const SlackIcon: IconComponent;

declare const SlashIcon: IconComponent;

declare const SlidersIcon: IconComponent;

declare const SmartCollectIcon: IconComponent;

declare const SmartphoneIcon: IconComponent;

declare const SolutionsIcon: IconComponent;

declare const SortIcon: IconComponent;

declare const SourceToPayIcon: IconComponent;

declare const SparklesIcon: IconComponent;

declare const SpeakerIcon: IconComponent;

declare const SquareIcon: IconComponent;

declare const StampIcon: IconComponent;

declare const StarIcon: IconComponent;

declare const StopCircleIcon: IconComponent;

declare const StorefrontIcon: IconComponent;

declare const SubscriptionsIcon: IconComponent;

declare const SunIcon: IconComponent;

declare const SunriseIcon: IconComponent;

declare const SunsetIcon: IconComponent;

declare const TabletIcon: IconComponent;

declare const TagIcon: IconComponent;

declare const TargetIcon: IconComponent;

declare const TaxPaymentsIcon: IconComponent;

declare const TestIcon: IconComponent;

declare const ThermometerIcon: IconComponent;

declare const ThumbsDownIcon: IconComponent;

declare const ThumbsUpIcon: IconComponent;

declare const TicketIcon: IconComponent;

declare const ToggleLeftIcon: IconComponent;

declare const ToggleRightIcon: IconComponent;

declare const TokenHqIcon: IconComponent;

declare const TopLeftRoundedCornerIcon: IconComponent;

declare const TopLeftSharpCornerIcon: IconComponent;

declare const TrademarkIcon: IconComponent;

declare const TrademarkRegisteredIcon: IconComponent;

declare const TransactionsIcon: IconComponent;

declare const TranslateIcon: IconComponent;

declare const TrashIcon: IconComponent;

declare const TrendingDownIcon: IconComponent;

declare const TrendingUpIcon: IconComponent;

declare const TriangleIcon: IconComponent;

declare const TvIcon: IconComponent;

declare const TwitterIcon: IconComponent;

declare const TypeIcon: IconComponent;

declare const UmbrellaIcon: IconComponent;

declare const UnderlineIcon: IconComponent;

declare const UnlockIcon: IconComponent;

declare const UpiAutopayIcon: IconComponent;

declare const UpiIcon: IconComponent;

declare const UploadCloudIcon: IconComponent;

declare const UploadIcon: IconComponent;

declare const UserCheckIcon: IconComponent;

declare const UserIcon: IconComponent;

declare const UserMinusIcon: IconComponent;

declare const UserPlusIcon: IconComponent;

declare const UserXIcon: IconComponent;

declare const UsersIcon: IconComponent;

declare const VendorPaymentsIcon: IconComponent;

declare const VideoIcon: IconComponent;

declare const VideoOffIcon: IconComponent;

declare const ViewLiveDemoIcon: IconComponent;

declare const VoicemailIcon: IconComponent;

declare const VolumeHighIcon: IconComponent;

declare const VolumeIcon: IconComponent;

declare const VolumeLowIcon: IconComponent;

declare const VolumeMuteIcon: IconComponent;

declare const WalletIcon: IconComponent;

declare const WatchIcon: IconComponent;

declare const WifiIcon: IconComponent;

declare const WifiOffIcon: IconComponent;

declare const WindIcon: IconComponent;

declare const WorldwideIcon: IconComponent;

declare const XCircleIcon: IconComponent;

declare const XSquareIcon: IconComponent;

declare const YoutubeIcon: IconComponent;

declare const ZapIcon: IconComponent;

declare const ZoomInIcon: IconComponent;

declare const ZoomOutIcon: IconComponent;

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 & StyledPropsBlade;

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 & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: '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'];
    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[];
} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'> & TestID & DataAnalyticsAttribute;

declare const AccordionItemHeader: ({ title, subtitle, leading, children, trailing, titleSuffix, ...rest }: Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'children' | 'trailing' | 'titleSuffix'> & DataAnalyticsAttribute) => React.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?: '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?: "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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & DataAnalyticsAttribute & 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';
    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 & 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';
} & 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.
     */
    src: string;
    /**
     * 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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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;
} & 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'];
};

/**
 * ## AnimateInteractions
 *
 * AnimateInteractions is the utility preset that we offer to help you animate children when the parent is interacted.
 *
 * This is in a way equivalent to following CSS-
 * ```css
 * .parent:hover .child { }
 * ```
 *
 * ### Usage
 *
 * ```jsx
 * <AnimateInteractions
 *    motionTriggers={['hover']}
 *  > // <-- When this is hovered
 *  <Box>
 *    <Move
 *      motionTriggers={['on-animate-interactions']}
 *    > // <-- this animates in
 *      <Box />
 *    </Move>
 *  </Box>
 * </AnimateInteractions>
 * ```
 */
declare const AnimateInteractions: ({ children, motionTriggers, }: AnimateInteractionsProps) => React__default.ReactElement;

/**
 * ### Avatar Component
 *
 * An avatar component is a standardized visual representation of a user or entity.
 *
 * ---
 *
 * #### Usage
 *
 * ```jsx
  <Avatar name="Nitin Kumar" src="https://avatars.githubusercontent.com/u/46647141?v=4" />
 * ```
 *
 *  ---
 *
 * Checkout {@link https://blade.razorpay.com/?path=/docs/components-avatar-avatar Avatar Documentation}
 *
 */
declare const Avatar: React__default.ForwardRefExoticComponent<{
    size?: ("xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
    variant?: "circle" | "square" | undefined;
    color?: FeedbackColors | "primary" | undefined;
    icon?: IconComponent | undefined;
    name?: string | undefined;
    href?: string | undefined;
    target?: string | undefined;
    rel?: string | undefined;
    onClick?: ((event: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
    isSelected?: boolean | undefined;
    bottomAddon?: IconComponent | undefined;
    topAddon?: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | undefined;
    testID?: string | undefined;
} & BladeCommonEvents & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & {
    src?: string | undefined;
    alt?: string | undefined;
    srcSet?: string | undefined;
    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
    referrerPolicy?: React__default.HTMLAttributeReferrerPolicy | undefined;
} & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;

/**
 * ### AvatarGroup Component
 *
 * The AvatarGroup component is used to group Avatars together.
 *
 * ---
 *
 * #### Usage
 *
 * ```jsx
  const App = () => {
    return (
      <AvatarGroup>
        <Avatar name="Kamlesh Chandnani" />
        <Avatar name="Rama Krushna Behera" />
        <Avatar name="Chaitanya Vikas Deorukhkar" />
        <Avatar name="Anurag Hazra" />
        <Avatar name="Nitin Kumar" />
      </AvatarGroup>
    );
  }
 * ```
 *
 *  ---
 *
 * Checkout {@link https://blade.razorpay.com/?path=/docs/components-avatar-avatargroup AvatarGroup Documentation}
 *
 */
declare const AvatarGroup: ({ children, size, maxCount, testID, ...rest }: AvatarGroupProps) => React__default.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;
    /**
     * 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, titleSuffix, trailing, showBackButton, onBackButtonClick, children, ...dataAnalyticsProps }: BottomSheetHeaderProps) => React__default.ReactElement;

declare const BottomSheetFooter: ({ children, ...dataAnalyticsProps }: BaseFooterProps) => React__default.ReactElement;

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

declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, zIndex, ...dataAnalyticsProps }: 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 BottomNavItem: ({ title, href, rel, target, as, isActive, onClick, icon: Icon, testID, ...rest }: BottomNavItemProps) => React__default.ReactElement;
declare const BottomNav: React__default.ForwardRefExoticComponent<{
    children: React__default.ReactNode;
    zIndex?: number | undefined;
} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & TestID & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;

declare const Breadcrumb: React__default.ForwardRefExoticComponent<Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & {
    size?: "small" | "medium" | "large" | undefined;
    color?: "neutral" | "primary" | "white" | undefined;
    children: React__default.ReactNode;
    showLastSeparator?: boolean | undefined;
    accessibilityLabel?: string | undefined;
} & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;

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 BreadcrumbItem: ({ children, href, icon: Icon, isCurrentPage, onClick, accessibilityLabel, ...rest }: BreadcrumbItemProps) => React__default.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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & {
    onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
    /**
     * This changes the hover interaction to highlight icon more
     *
     * **Only available on web currently**
     */
    isHighlighted?: boolean | undefined;
} & {
    __brand__?: "platform-web" | 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;

/**
 * ### ButtonGroup Component
 *
 * The ButtonGroup component is used to group related buttons together.
 *
 * ---
 *
 * #### Usage
 *
 * ```jsx
  const App = () => {
    return (
      <ButtonGroup>
        <Button icon={RefreshIcon}>Sync</Button>
        <Button icon={ShareIcon}>Share</Button>
        <Button icon={DownloadIcon}>Download</Button>
      </ButtonGroup>
    );
  }
 * ```
 *
 *  ---
 *
 * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup FileUpload Documentation}
 *
 */
declare const ButtonGroup: React__default.ForwardRefExoticComponent<{
    children: React__default.ReactNode;
    variant?: "primary" | "tertiary" | "secondary" | undefined;
    size?: "xsmall" | "small" | "medium" | "large" | undefined;
    color?: "negative" | "positive" | "primary" | "white" | undefined;
    isFullWidth?: boolean | undefined;
    isDisabled?: boolean | undefined;
    testID?: string | undefined;
} & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;

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`
     */
    backgroundColor?: CardSurfaceBackgroundColors;
    /**
     * Sets the border radius of the Card
     *
     * @default `medium`
     */
    borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;
    /**
     * Sets the elevation for Cards
     *
     * eg: `theme.elevation.midRaised`
     *
     * @default `theme.elevation.lowRaised`
     *
     * **Links:**
     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs
     */
    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'];
    /**
     * 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;
    /**
     * 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';
} & 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`
     */
    backgroundColor?: "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | undefined;
    /**
     * Sets the border radius of the Card
     *
     * @default `medium`
     */
    borderRadius?: "medium" | "large" | "xlarge" | undefined;
    /**
     * Sets the elevation for Cards
     *
     * eg: `theme.elevation.midRaised`
     *
     * @default `theme.elevation.lowRaised`
     *
     * **Links:**
     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs
     */
    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'];
    /**
     * 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;
    /**
     * 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;
} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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' | 'semibold'>;
    children: React__default.ReactNode;
    textAlign?: BaseTextProps['textAlign'];
    textDecorationLine?: BaseTextProps['textDecorationLine'];
    size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
} & TestID & 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?: "regular" | "semibold" | undefined;
    children: React__default.ReactNode;
    textAlign?: BaseTextProps['textAlign'];
    textDecorationLine?: BaseTextProps['textDecorationLine'];
    size?: "small" | "medium" | "large" | "xlarge" | "2xlarge" | undefined;
} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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'];
    textDecorationLine?: BaseTextProps['textDecorationLine'];
    wordBreak?: BaseTextProps['wordBreak'];
} & TestID & 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'>;
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;
    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'];
} & TestID & 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'];
} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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
     *
     * Accepts: `CardHeaderCounter` component
     */
    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
     *
     * Accepts: `CardHeaderLink`, `CardHeaderText`, `CardHeaderIconButton`, `CardHeaderBadge`
     */
    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?: 1 | 2 | 3 | "autofit" | undefined;
    shouldAddStartEndSpacing?: boolean | 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.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "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.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate") | undefined;
    navigationButtonPosition?: "bottom" | "side" | 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?: csstype.Property.AlignItems | {
        readonly base?: csstype.Property.AlignItems | undefined;
        readonly xs?: csstype.Property.AlignItems | undefined;
        readonly s?: csstype.Property.AlignItems | undefined;
        readonly m?: csstype.Property.AlignItems | undefined;
        readonly l?: csstype.Property.AlignItems | undefined;
        readonly xl?: csstype.Property.AlignItems | 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;
    showNavigationButtons?: boolean | undefined;
} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;

type CarouselItemProps = {
    id?: string;
    index?: number;
    children: React__default.ReactNode;
    shouldHaveStartSpacing?: boolean;
    shouldHaveEndSpacing?: boolean;
} & DataAnalyticsAttribute;
declare const CarouselItem: ({ children, shouldHaveStartSpacing, shouldHaveEndSpacing, id, index, ...rest }: 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;
    /**
     * 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';
    /**
     * 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'];
    /**
     * 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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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';
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
declare const CheckboxGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...rest }: CheckboxGroupProps) => React__default.ReactElement;

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.
     */
    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.
     * */
    loadingText?: 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'];
} & TestID & StyledPropsBlade & DataAnalyticsAttribute;
type SelfChatMessageProps = CommonChatMessageProps & {
    senderType: 'self' | 'other';
    messageType?: 'default' | 'last';
    errorText?: string;
    isLoading?: boolean;
    loadingText?: string;
    leading?: undefined;
};
type DefaultChatMessageProps = CommonChatMessageProps & {
    senderType: 'self' | 'other';
    messageType?: 'default' | 'last';
    isLoading?: boolean;
    loadingText?: string;
};
type ChatMessageProps = SelfChatMessageProps | DefaultChatMessageProps;

declare const ChatMessage: React__default.ForwardRefExoticComponent<ChatMessageProps & React__default.RefAttributes<BladeElementRef>>;

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$1.ForwardRefExoticComponent<{
    /**
     * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`
     */
    children: ReactNode;
    /**
     * Direction in which the content expands
     *
     * @default bottom
     */
    direction?: "bottom" | "top" | 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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & React$1.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$1.ForwardRefExoticComponent<Pick<ButtonProps, "icon" | "children" | "testID" | "size" | "variant" | "isDisabled" | "accessibilityLabel" | "iconPosition"> & DataAnalyticsAttribute & React$1.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 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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;

/**
 * ### Drawer Component
 *
 * A drawer is a panel that slides in mostly from right side of the screen over the existing content in the viewport.
 * It helps in providing additional details or context and can also be used to promote product features or new products.
 *
 * ---
 *
 * #### Usage
 *
 * ```jsx
  const MyDrawer = () => {
    const [showDrawer, setShowDrawer] = React.useState(false);
    return (
      <Box>
        <Button onClick={() => setShowDrawer(true)}>Open Drawer</Button>
        <Drawer
          isOpen={showDrawer}
          onDismiss={() => setShowDrawer(false)}
        >
          <DrawerHeader title="Announcements" />
          <DrawerBody>
            <FTXAnnouncement />
            <CatPictures />
          </DrawerBody>
        <Drawer>
      </Box>
    )
  }
 * ```
 *
 *  ---
 *
 * Checkout {@link https://blade.razorpay.com/?path=/docs/components-drawer Drawer Documentation}
 *
 *
 */
declare const Drawer: React__default.ForwardRefExoticComponent<{
    isOpen: boolean;
    onDismiss: () => void;
    showOverlay?: boolean | undefined;
    children: React__default.ReactNode;
    zIndex?: number | undefined;
    accessibilityLabel?: string | undefined;
    initialFocusRef?: React__default.MutableRefObject<any> | undefined;
    isLazy?: boolean | undefined;
} & DataAnalyticsAttribute & TestID & React__default.RefAttributes<BladeElementRef>>;

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
     */
    onDismiss: () => void;
    /**
     * Show or hide overlay.
     *
     * Also decides if clicking outside on overlay closes the drawer or not
     */
    showOverlay?: boolean;
    /**
     * children node.
     *
     * Supports DrawerHeader and DrawerBody
     */
    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[];
} & DataAnalyticsAttribute;

/**
 * #### Usage
 *
 * ```jsx
 * <DrawerHeader
 *  title="Announcements"
 *  subtitle="Checkout what's new in Razorpay"
 *  titleSuffix={<DrawerHeaderBadge>New</DrawerHeaderBadge>}
 *  leading={<DrawerHeaderIcon icon={AnnouncementIcon} />}
 *  trailing={<Button icon={DownloadIcon} />}
 * />
 * ```
 *
 */
declare const DrawerHeader: ({ title, subtitle, leading, trailing, titleSuffix, children, ...rest }: DrawerHeaderProps) => React__default.ReactElement;
declare const drawerPadding = "spacing.6";
declare const DrawerBody: ({ children }: {
    children: React__default.ReactNode;
}) => React__default.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';
};

type FormInputOnEvent = ({ name, value }: {
    name?: string;
    value?: 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 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';
    /**
     * 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 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;
    /**
     * 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?: 'medium' | 'large';
    /**
     * 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;
} & 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 TaggedInputProps = {
    isTaggedInput?: boolean;
    tags?: string[];
    onTagChange?: ({ tags }: {
        tags: string[];
    }) => void;
};

type Type = Exclude<BaseInputProps['type'], 'password'>;
type TextInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | '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' | 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 `leadingIcon` 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;
} & 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;
};
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 : {
        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 : {
        start: string;
        end?: string;
    };
    errorText?: Type extends 'single' ? string : {
        start: string;
        end?: string;
    };
    successText?: Type extends 'single' ? 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;
};
type DatePickerCommonInputProps = {
    labelPosition?: BaseInputProps['labelPosition'];
    inputRef: React.Ref<any>;
    referenceProps: any;
} & Pick<TextInputProps, 'size' | 'isRequired' | 'necessityIndicator' | 'autoFocus' | 'isDisabled' | 'accessibilityLabel'> & FormInputValidationProps;
type FilterChipDatePickerProps = Omit<DatePickerProps<'single' | 'range'>, 'label'> & {
    /**
     * Sets the label for the input element.
     */
    label: string;
    /**
     *
     * Callback which fires when clear button is clicked
     */
    onClearButtonClick?: () => void;
};

declare const DatePicker: <Type extends DateSelectionType = "single">(props: DatePickerProps<Type>) => React__default.ReactElement;

declare const FilterChipDatePicker: (props: FilterChipDatePickerProps) => React.ReactElement;

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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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;
} & 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, zIndex, width, minWidth, maxWidth, referenceRef, defaultPlacement, }: DropdownOverlayProps) => React__default.ReactElement | null;

type DropdownButtonProps = ButtonProps & {
    onBlur?: BaseButtonProps['onBlur'];
    onKeyDown?: BaseButtonProps['onKeyDown'];
};
declare const DropdownButton: ({ children, icon, iconPosition, isDisabled, isFullWidth, isLoading, onClick, onBlur, onKeyDown, size, type, variant, 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;

type BaseFilterChipProps = {
    /**
     * Controlled value of FilterChip.
     *
     * FilterChip is always a controlled component since selected state of it comes from other components like Menu, Dropdown.
     */
    value?: string | string[];
    /**
     * Change handler when FilterChip's value is cleared
     */
    onClearButtonClick?: ({ value }: {
        value: string | string[];
    }) => void;
    /**
     * Children. Title of the Chip
     */
    label: string;
    /**
     * Disabled state for Chip
     */
    isDisabled?: boolean;
    /**
     * Type of selection.
     *
     * When set to multiple, length of selections is rendered inside counter
     *
     * When using inside Dropdown, this prop is internally taken from Dropdown.
     */
    selectionType?: 'single' | 'multiple';
    id?: string;
    onKeyDown?: (e: React.KeyboardEventHandler) => void;
    onClick?: (e: React.MouseEventHandler) => void;
    onBlur?: (e: React.FocusEventHandler) => void;
    accessibilityProps?: Partial<AccessibilityProps>;
} & TestID;

type FilterChipSelectInputProps = Pick<BaseFilterChipProps, 'onKeyDown' | 'value' | 'label' | 'testID' | 'onClick' | 'selectionType' | 'onBlur'> & {
    accessibilityLabel?: string;
    onChange?: (props: {
        name: string;
        values: string[];
    }) => void;
    name?: string;
    onClearButtonClick?: (props: {
        name: string;
        values: string[];
    }) => void;
} & DataAnalyticsAttribute;
declare const FilterChipSelectInput: (props: FilterChipSelectInputProps) => React__default.ReactElement;

declare const FilterChipGroup: ({ testID, children, showClearButton, onClearButtonClick, ...rest }: FilterChipGroupProps) => 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;
};

/**
 * ## Elevate
 *
 * Elevate is one of the highlight presets that we expose from blade to help you elevate (add shadow) components based on interactions
 *
 * ### Usage
 *
 * #### Elevate up on hover
 *
 * ```jsx
 * <Elevate motionTriggers={['hover']}>
 *  <Card />
 * </Elevate>
 * ```
 *
 * #### Conditionally elevateF
 *
 * ```jsx
 * <Elevate isHighlighted={isHighlightedState}>
 *   <MyComponent />
 * </Elevate>
 * ```
 */
declare const Elevate: ({ children, isHighlighted, type, motionTriggers, }: ElevateProps) => React__default.ReactElement;

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

/**
 * ## Fade
 *
 * Fade is one of the motion presets that we expose from blade to help you fade in / fade out components easily.
 *
 * ### Usage
 *
 * #### Fade in on mount
 *
 * ```jsx
 * <Fade>
 *   <Card />
 * </Fade>
 * ```
 *
 * #### Conditionally fade based on state
 *
 * ```jsx
 * <Fade isVisible={isVisibleState}>
 *   <Card />
 * </Fade>
 * ```
 */
declare const Fade: ({ children, isVisible, type, motionTriggers, shouldUnmountWhenHidden, delay, }: FadeProps) => 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;
    /**
     * Size of the FileUpload component
     *
     * @default 'medium'
     */
    size?: 'medium' | 'large';
    /**
     * Test ID for automation
     */
    testID?: string;
} & StyledPropsBlade & MotionMetaProp;
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) & FileUploadCommonProps;

/**
 * ### FileUpload Component
 *
 * The FileUpload component is used to handle file attachments, including the drag-and-drop interaction.
 * Primarily, it is used to upload files to a server or to display a list of uploaded files.
 *
 * ---
 *
 * #### Usage
 *
 * ```jsx
  const GSTForm = () => {
   const [selectedFile, setSelectedFile] = useState<BladeFile>();
   const [isLoading, setIsLoading] = useState(false);
 
   return (
    <Box>
      <Heading marginBottom="spacing.4">Add GST Details</Heading>
      <form encType="multipart/form-data" onSubmit={handleSubmit}>
          <FileUpload
            uploadType="single"
            label="Upload GST"
            helpText="Upload .jpg, .jpeg, or .png file only"
            accept=".jpg, .jpeg, .png"
            onChange={({ fileList }) => {
              setSelectedFile(fileList[0]);
            }}
            onDrop={({ fileList }) => {
              setSelectedFile(fileList[0]);
            }}
            isRequired
            necessityIndicator="required"
          />
          <Button type="submit" variant="primary">
            Submit
          </Button>
          {isLoading && (
            <ProgressBar isIndeterminate label="Uploading your GST Certificate..." />
          )}
      </form>
    </Box>
   );
  }
 * ```
 *
 *  ---
 *
 * Checkout {@link https://blade.razorpay.com/?path=/docs/components-fileupload FileUpload Documentation}
 *
 */
declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps & React$1.RefAttributes<BladeElementRef>>;

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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;

/**
 * ### 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<(({
    label?: undefined;
    accessibilityLabel: string;
} | {
    label: string;
    accessibilityLabel?: string | undefined;
}) & Pick<BaseInputProps, "name" | `data-analytics-${string}` | "label" | "testID" | "prefix" | "size" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "accessibilityLabel" | "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?: "left" | "top" | "inside-input" | undefined;
}) & 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" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "accessibilityLabel" | "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?: "left" | "top" | "inside-input" | undefined;
} & {
    onInputValueChange?: FormInputOnEvent | undefined;
    inputValue?: string | undefined;
    filteredValues?: string[] | undefined;
} & React__default.RefAttributes<BladeElementRef>>;

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;
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[];
};

type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
    name?: string;
    value?: string;
    inputIndex: number;
}) => void;
type OTPInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | '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' | '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' | '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' | '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;
} & 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>>;

/**
 * PhoneNumberInput is a component that allows users to input phone numbers.
 * It provides a country selector dropdown to select the country code.
 *
 * @example
 *
 * ```ts
 * <PhoneNumberInput />
 * ```
 */
declare const PhoneNumberInput: React__default.ForwardRefExoticComponent<Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & {
    [x: `data-analytics-${string}`]: string;
    name?: string | undefined;
    label?: string | undefined;
    testID?: string | undefined;
    size?: "medium" | "large" | undefined;
    onBlur?: FormInputOnEvent | undefined;
    onFocus?: FormInputOnEvent | undefined;
    defaultValue?: string | undefined;
    autoFocus?: boolean | undefined;
    placeholder?: string | undefined;
    onClick?: FormInputOnEvent | undefined;
    isDisabled?: boolean | undefined;
    accessibilityLabel?: string | undefined;
    labelPosition?: "left" | "top" | undefined;
    isRequired?: boolean | undefined;
    validationState?: "none" | "error" | "success" | undefined;
    necessityIndicator?: "none" | "required" | "optional" | undefined;
    helpText?: string | undefined;
    errorText?: string | undefined;
    successText?: string | undefined;
    leadingIcon?: IconComponent | undefined;
    trailingIcon?: IconComponent | undefined;
    keyboardReturnKeyType?: "search" | "default" | "next" | "done" | "previous" | "go" | "send" | undefined;
    autoCompleteSuggestionType?: ("on" | ("none" | "name" | "email" | "password" | "username" | "telephone" | "newPassword" | "oneTimeCode" | "postalCode" | "countryName" | "creditCardNumber" | "creditCardCSC" | "creditCardExpiry" | "creditCardExpiryMonth" | "creditCardExpiryYear")) | undefined;
} & {
    defaultValue?: string | undefined;
    value?: string | undefined;
    defaultCountry?: CountryCodeType | undefined;
    country?: CountryCodeType | undefined;
    onCountryChange?: (({ country }: {
        country: CountryCodeType;
    }) => void) | undefined;
    allowedCountries?: CountryCodeType[] | undefined;
    onChange?: ((event: {
        phoneNumber: string;
        dialCode: string;
        country: CountryCodeType;
        value: string;
        name: string;
    }) => void) | undefined;
    showDialCode?: boolean | undefined;
    showCountrySelector?: boolean | undefined;
    onClearButtonClick?: (() => void) | undefined;
} & React__default.RefAttributes<BladeElementRef>>;

type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | '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;
};

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'];

/**
 * Announces the message using screen reader technology.
 */
declare function announce(message: string, assertiveness?: Assertiveness): void;
/**
 * Stops all queued announcements.
 */
declare function clearAnnouncer(assertiveness: Assertiveness): void;
/**
 * Removes the announcer from the DOM.
 */
declare function destroyAnnouncer(): void;

type ModalHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | keyof DataAnalyticsAttribute>;
declare const ModalHeader: ({ leading, subtitle, title, titleSuffix, trailing, ...rest }: ModalHeaderProps) => React.ReactElement;

type ModalFooterProps = Pick<BaseFooterProps, 'children' | keyof DataAnalyticsAttribute>;
declare const ModalFooter: (props: ModalFooterProps) => React__default.ReactElement;

type ModalBodyProps = {
    children: React__default.ReactNode;
    /**
     * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately
     * @default `spacing.6`
     *
     * **Links:**
     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs
     */
    padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.6'>;
} & DataAnalyticsAttribute;
declare const ModalBody: ({ children, padding, ...rest }: 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;
    /**
     *  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';
    /**
     *  Accessibility label for the modal
     */
    accessibilityLabel?: string;
    /**
     * Sets the z-index of the modal
     * @default 1000
     */
    zIndex?: number;
} & DataAnalyticsAttribute;

declare const Modal: ({ isOpen, children, onDismiss, initialFocusRef, size, accessibilityLabel, zIndex, ...rest }: ModalProps) => React__default.ReactElement;

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

/**
 * ## Move
 *
 * Move is one of the motion presets that we expose from blade to help you make components appear / disappear with move
 *
 * ### Usage
 *
 * #### Move in on mount
 *
 * ```jsx
 * <Move>
 *   <Card />
 * </Move>
 * ```
 *
 * #### Conditionally move based on state
 *
 * ```jsx
 * <Move isVisible={isVisibleState}>
 *   <Card />
 * </Move>
 * ```
 */
declare const Move: ({ children, type, isVisible, motionTriggers, shouldUnmountWhenHidden, delay, }: MoveProps) => React__default.ReactElement;

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

declare const Morph: ({ children, layoutId }: MorphProps) => React__default.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'];
    /**
     * @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$1.ReactElement;

declare const MenuItem: React__default.ForwardRefExoticComponent<{
    title?: string | undefined;
    description?: string | undefined;
    children?: React__default.ReactNode;
    as?: React__default.ComponentType<any> | "a" | "button" | undefined;
    onClick?: ((event: React__default.MouseEvent<Element, MouseEvent>) => void) | undefined;
    onFocus?: ((event: React__default.FocusEvent<Element, Element>) => void) | undefined;
    href?: string | undefined;
    target?: string | undefined;
    leading?: React__default.ReactNode;
    trailing?: React__default.ReactNode;
    titleSuffix?: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | undefined;
    isDisabled?: boolean | undefined;
    color?: "negative" | undefined;
    _hasFocusInside?: boolean | undefined;
    _isMenuTrigger?: boolean | undefined;
    _isSubmenuOpen?: boolean | undefined;
} & DataAnalyticsAttribute & React__default.RefAttributes<HTMLButtonElement>>;

declare const MenuOverlay: React__default.ForwardRefExoticComponent<{
    children: React__default.ReactNode | React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>[];
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | 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;
    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;
    } | 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;
    _transitionStyle?: React__default.CSSProperties | undefined;
} & TestID & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;

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

declare const MenuHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, ...rest }: MenuHeaderProps) => React__default.ReactElement;
declare const MenuFooter: ({ children, testID, ...rest }: MenuFooterProps) => 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>;
} & 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, title, titleLeading, footer, children, placement, onOpenChange, zIndex, isOpen, defaultIsOpen, initialFocusRef, ...rest }: PopoverProps) => React__default.ReactElement;

type PopoverInteractiveWrapper = {
    /**
     * A label for screen readers to announce when the popover is opened.
     */
    accessibilityLabel?: string;
    /**
     * The content of the PopoverInteractiveWrapper.
     */
    children?: React__default.ReactNode;
    onClick?: (event: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
    onKeyDown?: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
} & Omit<BaseBoxProps, 'as'> & DataAnalyticsAttribute;
declare const PopoverInteractiveWrapper: React__default.ForwardRefExoticComponent<{
    /**
     * A label for screen readers to announce when the popover is opened.
     */
    accessibilityLabel?: string | undefined;
    /**
     * The content of the PopoverInteractiveWrapper.
     */
    children?: React__default.ReactNode;
    onClick?: ((event: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
    onKeyDown?: ((event: React__default.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
} & Omit<BaseBoxProps, "as"> & DataAnalyticsAttribute & React__default.RefAttributes<HTMLButtonElement>>;

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;
};
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;
};
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';
} & 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;
} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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';
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...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';
};

/**
 * ## Scale
 *
 * Scale is one of the highlight presets that we expose from blade to help you scale up or scale down components based on interactions
 *
 * ### Usage
 *
 * #### Scale up on hover
 *
 * ```jsx
 * <Scale motionTriggers={['hover']}>
 *  <Card />
 * </Scale>
 * ```
 *
 * #### Scale down on tap
 *
 * ```jsx
 * <Scale variant="scale-down" motionTriggers={['tap']}>
 *   <Card />
 * </Scale>
 * ```
 *
 * #### Conditionally scale
 *
 * ```jsx
 * <Scale isHighlighted={isHighlightedState}>
 *   <MyComponent />
 * </Scale>
 * ```
 */
declare const Scale: ({ children, isHighlighted, type, variant, motionTriggers, }: ScaleProps) => React__default.ReactElement;

declare const SideNav: React__default.ForwardRefExoticComponent<{
    children: React__default.ReactNode;
    isOpen?: boolean | undefined;
    onDismiss?: (() => void) | undefined;
    onVisibleLevelChange?: (({ visibleLevel }: {
        visibleLevel: number;
    }) => void) | undefined;
    banner?: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | undefined;
} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & TestID & React__default.RefAttributes<BladeElementRef>>;

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, ...rest }: TooltipProps) => React__default.ReactElement;

declare const TooltipInteractiveWrapper: React__default.ForwardRefExoticComponent<Omit<BaseBoxProps, "as"> & React__default.RefAttributes<HTMLDivElement>>;

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

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;
    /**
     * Banner slot for usecases like adding Activation Panel
     *
     * **IMPORTANT** Avoid adding promotional items in this
     */
    banner?: React__default.ReactElement;
} & 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;
    /**
     * 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[];
};

declare const SideNavLink: ({ title, description, href, children, titleSuffix, trailing, isActive, icon, tooltip, as, target, onClick, ...rest }: SideNavLinkProps) => React__default.ReactElement;

declare const SideNavLevel: ({ children }: SideNavLevelProps) => React__default.ReactElement;

declare const SideNavSection: ({ children, title, defaultIsExpanded, maxVisibleItems, onExpandChange, ...rest }: SideNavSectionProps) => React__default.ReactElement;

declare const SideNavItem: ({ leading, trailing, title, backgroundColor, tooltip, as, ...rest }: SideNavItemProps) => React.ReactElement;

declare const SideNavFooter: ({ children }: SideNavFooterProps) => React__default.ReactElement;

declare const SideNavBody: ({ children }: SideNavBodyProps) => React.ReactElement;

declare const SIDE_NAV_EXPANDED_L1_WIDTH_XL: 264;
declare const SIDE_NAV_EXPANDED_L1_WIDTH_BASE: 245;

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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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;
    /**
     * **Internal**
     *
     * Adds background to link. Used internally in SideNav
     */
    _hasBackground?: boolean;
};
declare const SkipNavLink: ({ id, children, _hasBackground, }: SkipNavLinkProps) => React__default.ReactElement;
type SkipNavContentProps = {
    id?: string;
} & TestID;
declare const SkipNavContent: ({ id, testID, }: SkipNavContentProps) => React__default.ReactElement;

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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & {
    /**
     * Sets the color of the spinner.
     *
     * @default 'default'
     */
    color?: "neutral" | "primary" | "white" | undefined;
} & React__default.RefAttributes<BladeElementRef>>;

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 SpotlightPopoverTour: ({ steps, activeStep, isOpen, onFinish, onOpenChange, onStepChange, children, }: SpotlightPopoverTourProps) => React__default.ReactElement;

type SpotlightPopoverFooterAction = {
    text?: string;
} & Pick<ButtonProps, 'variant' | 'icon' | 'iconPosition' | 'isDisabled' | 'isLoading' | 'onClick'>;
type SpotlightPopoverTourFooterProps = {
    actions: {
        primary?: SpotlightPopoverFooterAction;
        secondary?: SpotlightPopoverFooterAction;
    };
};
declare const SpotlightPopoverTourFooter: ({ activeStep, totalSteps, actions, }: SpotlightPopoverTourFooterProps & Pick<SpotlightPopoverStepRenderProps, 'activeStep' | 'totalSteps'>) => React.ReactElement;

declare const SpotlightPopoverTourStep: React__default.MemoExoticComponent<({ name, children, }: SpotlightPopoverTourStepProps) => React__default.ReactElement>;

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

/**
 * ## Stagger
 *
 * Stagger is a utility motion preset we expose from blade to help you implement stagger animations.
 *
 * You can use any of the base entry / exit presets like `Fade`, `Move`, `Slide` inside of it and the components will appear one after the other instead of all at once.
 *
 * **Note:** Unlike other motion presets, Stagger is not an enhancer components and renders a Box instead. You can use BoxProps on this component.
 *
 * ### Usage
 *
 * #### Move with Stagger
 *
 * ```jsx
 * <Stagger>
 *  <Move><Chip /></Move>
 *  <Move><Chip /></Move>
 *  <Move><Chip /></Move>
 * </Stagger>
 * ```
 *
 * #### Conditionally make the parent visible or invisible
 *
 * `isVisible` prop in this case should be on Stagger instead of children preset component
 *
 * ```jsx
 * <Stagger isVisible={isVisibleState}>
 *  <Move><Chip /></Move>
 *  <Move><Chip /></Move>
 *  <Move><Chip /></Move>
 * </Stagger>
 * ```
 *
 */
declare const Stagger: ({ children, isVisible, type, shouldUnmountWhenHidden, delay, motionTriggers, ...boxProps }: StaggerProps) => React__default.ReactElement;

/**
 * ## StepGroup
 *
 * Step Group visualises sequential processes with a consistent structure. It can be interactive, guiding users through steps, or function as a timeline for reference.
 *
 * ### Usage
 *
 * ```jsx
 * <StepGroup orientation="vertical" size="medium">
 *   <StepItem title="Personal Details" />
 *   <StepItem title="Business Details" />
 * </StepGroup>
 * ```
 *
 * ---
 *
 * Checkout {@link https://blade.razorpay.com/?path=/docs/components-stepgroup--docs StepGroup Documentation}
 */
declare const StepGroup: React__default.ForwardRefExoticComponent<{
    size?: "medium" | "large" | undefined;
    orientation?: "horizontal" | "vertical" | undefined;
    children: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>[];
    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;
    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;
    } | 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;
    _nestingLevel?: number | undefined;
} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & DataAnalyticsAttribute & TestID & React__default.RefAttributes<BladeElementRef>>;

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;
    /**
     * 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;

/**
 * ## StepItem
 *
 * Component meant to be used inside the StepGroup parent component
 *
 * ### Usage
 *
 * ```jsx
 * <StepGroup orientation="vertical" size="medium">
 *   <StepItem
 *      title="Personal Details"
 *      timestamp="Thu 15th Oct'23 | 12:00pm"
 *      description="Fill your personal details here"
 *      marker={<StepItemIndicator color="negative" />}
 *    />
 * </StepGroup>
 * ```
 *
 * ---
 *
 * Checkout {@link https://blade.razorpay.com/?path=/docs/components-stepgroup--docs StepGroup Documentation}
 */
declare const StepItem: ({ title, titleColor, timestamp, description, stepProgress, marker, trailing, isSelected, isDisabled, href, target, onClick, children, _index, _totalIndex, _nestingLevel, ...rest }: StepItemProps) => React__default.ReactElement;

declare const StepItemIndicator: ({ color }: {
    color: IndicatorProps['color'];
}) => React.ReactElement;
type StepItemIconProps = {
    icon: IconComponent;
    color: IndicatorProps['color'];
};
declare const StepItemIcon: ({ icon: Icon, color }: 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}%`;
};

/**
 * ## Slide
 *
 * Slide is one of the motion presets that we expose from blade to help you make components slide in from outside of viewport
 *
 * If you're looking for subtle movement on enter in the viewport itself, checkout `Move` preset instead.
 *
 * ### Usage
 *
 * #### Slide in on mount
 *
 * ```jsx
 * <Slide direction="bottom">
 *   <Card />
 * </Slide>
 * ```
 *
 * #### Conditionally slide based on state
 *
 * ```jsx
 * <Slide isVisible={isVisibleState}>
 *   <Card />
 * </Slide>
 * ```
 */
declare const Slide: ({ children, type, direction, isVisible, motionTriggers, shouldUnmountWhenHidden, fromOffset, delay, }: SlideProps) => React__default.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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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']>}`;
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`.
     **/
    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;
} & 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';
} & 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;
} & 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']>;
};
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';
} & 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 = TablePaginationCommonProps & (TablePaginationServerProps | TablePaginationClientProps);
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;
} & DataAnalyticsAttribute;
type TableToolbarActionsProps = {
    children?: React__default.ReactNode;
} & StyledPropsBlade & DataAnalyticsAttribute;

declare const Table: <Item>({ children, data, multiSelectTrigger, selectionType, onSelectionChange, isHeaderSticky, isFooterSticky, isFirstColumnSticky, rowDensity, onSortChange, sortFunctions, toolbar, pagination, height, showStripedRows, gridTemplateColumns, isLoading, isRefreshing, showBorderedCells, defaultSelectedIds, backgroundColor, ...rest }: TableProps<Item>) => React__default.ReactElement;

declare const TableHeader: ({ children, ...rest }: TableHeaderRowProps) => React__default.ReactElement;
declare const TableHeaderCell: ({ children, headerKey, _hasPadding, textAlign, ...rest }: TableHeaderCellProps) => React__default.ReactElement;
declare const TableHeaderRow: ({ children, rowDensity, ...rest }: TableHeaderRowProps) => React__default.ReactElement;

declare const TableBody: <Item>({ children, ...rest }: TableBodyProps<Item>) => React__default.ReactElement;
declare const TableCell: ({ children, textAlign, _hasPadding, ...rest }: TableCellProps) => React__default.ReactElement;
declare const TableRow: <Item>({ children, item, isDisabled, onHover, onClick, hoverActions, testID, ...rest }: TableRowProps<Item>) => React__default.ReactElement;

declare const TableFooter: ({ children, ...rest }: TableFooterProps) => React__default.ReactElement;
declare const TableFooterRow: ({ children, ...rest }: TableFooterRowProps) => React__default.ReactElement;
declare const TableFooterCell: ({ children, textAlign, ...rest }: TableFooterCellProps) => React__default.ReactElement;

declare const TablePagination: ({ currentPage: controlledCurrentPage, onPageChange, onPageSizeChange, defaultPageSize, showPageSizePicker, showPageNumberSelector, showLabel, label, totalItemCount, paginationType, ...rest }: TablePaginationProps) => React__default.ReactElement;

declare const TableToolbarActions: ({ children, ...rest }: TableToolbarActionsProps) => React__default.ReactElement;
declare const TableToolbar: ({ children, title, selectedTitle: controlledSelectedTitle, ...rest }: TableToolbarProps) => React__default.ReactElement;

declare const TableEditableDropdownCell: (dropdownProps: TableEditableDropdownCellProps) => React.ReactElement;
declare const TableEditableCell: ({ validationState, accessibilityLabel, autoCapitalize, autoCompleteSuggestionType, autoFocus, defaultValue, isDisabled, isRequired, keyboardReturnKeyType, leadingIcon, maxCharacters, name, onBlur, onChange, onClick, onFocus, onSubmit, placeholder, prefix, suffix, value, testID, trailingButton, errorText, successText, }: TableEditableCellProps) => React.ReactElement;

/**
 * ### Tabs
 *
 * Check out the [Tab Stories & Examples](https://blade.razorpay.com/?path=/docs/components-tabs--default)
 *
 * ----
 * ### Basic Usage
 *
 * ```jsx
 * import { Tabs, TabList, TabItem, TabPanel } from '@razorpay/blade/components';
 *
 * <Tabs variant="bordered" orientation="horizontal">
 *   <TabList>
 *     <TabItem value="subscriptions">Subscription</TabItem>
 *     <TabItem value="plans">Plans</TabItem>
 *     <TabItem value="settings">Settings</TabItem>
 *   </TabList>
 *
 *   <TabPanel value="subscriptions">
 *     <Text>Subscriptions Panel</Text>
 *   </TabPanel>
 *   <TabPanel value="plans">
 *     <Text>Plans Panel</Text>
 *   </TabPanel>
 *   <TabPanel value="settings">
 *     <Text>Settings Panel</Text>
 *   </TabPanel>
 * </Tabs>
 * ```
 */
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?: "medium" | "large" | undefined;
    variant?: "filled" | "bordered" | "borderless" | undefined;
    isFullWidthTabItem?: boolean | undefined;
    isLazy?: boolean | undefined;
} & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;

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?: '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: ({ children, value, leading: Leading, trailing, isDisabled, href, onClick, ...rest }: TabItemProps) => React__default.ReactElement;

declare const TabList: ({ children, ...rest }: {
    children: React__default.ReactNode;
} & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & DataAnalyticsAttribute) => React__default.ReactElement;

declare const TabPanel: ({ children, value, ...rest }: 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?: "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" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & DataAnalyticsAttribute & TestID & React__default.RefAttributes<BladeElementRef>>;

type TagProps = {
    /**
     * Decides the size of Tag
     *
     * @default medium
     */
    size?: '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 ToastContainer: () => React__default.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;

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 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.
     *
     * @default undefined
     */
    icon?: IconComponent;
    /**
     * Element to render after the navigation item.
     *
     * @default undefined
     */
    trailing?: React.ReactElement;
    /**
     * Title of the navigation item.
     */
    title?: string;
    /**
     * 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 TabNavItems: ({ children, ...rest }: BoxProps) => React__default.ReactElement;
declare const TabNav: ({ children, items, ...styledProps }: TabNavProps & StyledPropsBlade) => React__default.ReactElement;

declare const TabNavItem: React__default.ForwardRefExoticComponent<{
    href?: string | undefined;
    target?: string | undefined;
    as?: React__default.ComponentType<any> | "a" | "button" | undefined;
    isActive?: boolean | undefined;
    icon?: IconComponent | undefined;
    trailing?: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | undefined;
    title?: string | undefined;
    accessibilityLabel?: string | undefined;
} & {
    onMouseDown?: Platform.Select<{
        web: React__default.MouseEventHandler<Element>;
        native: undefined;
    }> | undefined;
    onPointerDown?: Platform.Select<{
        web: React__default.PointerEventHandler<Element>;
        native: undefined;
    }> | undefined;
    onKeyDown?: Platform.Select<{
        web: React__default.KeyboardEventHandler<Element>;
        native: undefined;
    }> | undefined;
    onKeyUp?: Platform.Select<{
        web: React__default.KeyboardEventHandler<Element>;
        native: undefined;
    }> | undefined;
    onClick?: Platform.Select<{
        web: React__default.MouseEventHandler<Element>;
        native: undefined;
    }> | undefined;
} & React__default.RefAttributes<HTMLAnchorElement>>;

type TopNavProps = {
    children: React__default.ReactNode;
} & Pick<BoxProps, 'padding' | 'paddingTop' | 'paddingBottom' | 'paddingLeft' | 'paddingRight' | 'paddingX' | 'paddingY' | 'backgroundColor' | 'position' | 'top' | 'bottom' | 'left' | 'right' | 'width' | 'zIndex' | keyof DataAnalyticsAttribute> & TestID & StyledPropsBlade;
declare const TopNav: React__default.ForwardRefExoticComponent<{
    children: React__default.ReactNode;
} & 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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & FlexboxProps & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & {
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & {
    onMouseOver: React__default.MouseEventHandler<HTMLElement>;
    onMouseEnter: React__default.MouseEventHandler<HTMLElement>;
    onMouseLeave: React__default.MouseEventHandler<HTMLElement>;
    onScroll: React__default.UIEventHandler<HTMLElement>;
} & {
    draggable: boolean;
    onDragStart: React__default.DragEventHandler<HTMLElement>;
    onDragEnter: React__default.DragEventHandler<HTMLElement>;
    onDragLeave: React__default.DragEventHandler<HTMLElement>;
    onDragOver: React__default.DragEventHandler<HTMLElement>;
    onDragEnd: React__default.DragEventHandler<HTMLElement>;
    onDrop: React__default.DragEventHandler<HTMLElement>;
} & {
    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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & MakeObjectResponsive<{
    backgroundColor: "transparent" | "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 & DataAnalyticsAttribute>, "width" | "backgroundColor" | "bottom" | "left" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "zIndex" | "padding" | `data-analytics-${string}` | "paddingX" | "paddingY"> & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
    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?: csstype.Property.Position | {
        readonly base?: csstype.Property.Position | undefined;
        readonly xs?: csstype.Property.Position | undefined;
        readonly s?: csstype.Property.Position | undefined;
        readonly m?: csstype.Property.Position | undefined;
        readonly l?: csstype.Property.Position | undefined;
        readonly xl?: csstype.Property.Position | 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;
    };
    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;
    };
    zIndex?: csstype.Property.ZIndex | {
        readonly base?: csstype.Property.ZIndex | undefined;
        readonly xs?: csstype.Property.ZIndex | undefined;
        readonly s?: csstype.Property.ZIndex | undefined;
        readonly m?: csstype.Property.ZIndex | undefined;
        readonly l?: csstype.Property.ZIndex | undefined;
        readonly xl?: csstype.Property.ZIndex | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
} & Pick<{
    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
    } | undefined;
    gridAutoFlow?: csstype.Property.GridAutoFlow | {
        readonly base?: csstype.Property.GridAutoFlow | undefined;
        readonly xs?: csstype.Property.GridAutoFlow | undefined;
        readonly s?: csstype.Property.GridAutoFlow | undefined;
        readonly m?: csstype.Property.GridAutoFlow | undefined;
        readonly l?: csstype.Property.GridAutoFlow | undefined;
        readonly xl?: csstype.Property.GridAutoFlow | undefined;
    } | undefined;
    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
    } | undefined;
    gridColumnEnd?: csstype.Property.GridColumnEnd | {
        readonly base?: csstype.Property.GridColumnEnd | undefined;
        readonly xs?: csstype.Property.GridColumnEnd | undefined;
        readonly s?: csstype.Property.GridColumnEnd | undefined;
        readonly m?: csstype.Property.GridColumnEnd | undefined;
        readonly l?: csstype.Property.GridColumnEnd | undefined;
        readonly xl?: csstype.Property.GridColumnEnd | undefined;
    } | undefined;
    gridColumnStart?: csstype.Property.GridColumnStart | {
        readonly base?: csstype.Property.GridColumnStart | undefined;
        readonly xs?: csstype.Property.GridColumnStart | undefined;
        readonly s?: csstype.Property.GridColumnStart | undefined;
        readonly m?: csstype.Property.GridColumnStart | undefined;
        readonly l?: csstype.Property.GridColumnStart | undefined;
        readonly xl?: csstype.Property.GridColumnStart | undefined;
    } | undefined;
    gridRowEnd?: csstype.Property.GridRowEnd | {
        readonly base?: csstype.Property.GridRowEnd | undefined;
        readonly xs?: csstype.Property.GridRowEnd | undefined;
        readonly s?: csstype.Property.GridRowEnd | undefined;
        readonly m?: csstype.Property.GridRowEnd | undefined;
        readonly l?: csstype.Property.GridRowEnd | undefined;
        readonly xl?: csstype.Property.GridRowEnd | undefined;
    } | undefined;
    gridRowStart?: csstype.Property.GridRowStart | {
        readonly base?: csstype.Property.GridRowStart | undefined;
        readonly xs?: csstype.Property.GridRowStart | undefined;
        readonly s?: csstype.Property.GridRowStart | undefined;
        readonly m?: csstype.Property.GridRowStart | undefined;
        readonly l?: csstype.Property.GridRowStart | undefined;
        readonly xl?: csstype.Property.GridRowStart | undefined;
    } | undefined;
    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
        readonly base?: csstype.Property.GridTemplateAreas | undefined;
        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
        readonly s?: csstype.Property.GridTemplateAreas | undefined;
        readonly m?: csstype.Property.GridTemplateAreas | undefined;
        readonly l?: csstype.Property.GridTemplateAreas | undefined;
        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
    } | undefined;
    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
    } | undefined;
    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
    } | undefined;
    grid?: csstype.Property.Grid | {
        readonly base?: csstype.Property.Grid | undefined;
        readonly xs?: csstype.Property.Grid | undefined;
        readonly s?: csstype.Property.Grid | undefined;
        readonly m?: csstype.Property.Grid | undefined;
        readonly l?: csstype.Property.Grid | undefined;
        readonly xl?: csstype.Property.Grid | undefined;
    } | undefined;
    gridArea?: csstype.Property.GridArea | {
        readonly base?: csstype.Property.GridArea | undefined;
        readonly xs?: csstype.Property.GridArea | undefined;
        readonly s?: csstype.Property.GridArea | undefined;
        readonly m?: csstype.Property.GridArea | undefined;
        readonly l?: csstype.Property.GridArea | undefined;
        readonly xl?: csstype.Property.GridArea | undefined;
    } | undefined;
    gridColumn?: csstype.Property.GridColumn | {
        readonly base?: csstype.Property.GridColumn | undefined;
        readonly xs?: csstype.Property.GridColumn | undefined;
        readonly s?: csstype.Property.GridColumn | undefined;
        readonly m?: csstype.Property.GridColumn | undefined;
        readonly l?: csstype.Property.GridColumn | undefined;
        readonly xl?: csstype.Property.GridColumn | undefined;
    } | undefined;
    gridRow?: csstype.Property.GridRow | {
        readonly base?: csstype.Property.GridRow | undefined;
        readonly xs?: csstype.Property.GridRow | undefined;
        readonly s?: csstype.Property.GridRow | undefined;
        readonly m?: csstype.Property.GridRow | undefined;
        readonly l?: csstype.Property.GridRow | undefined;
        readonly xl?: csstype.Property.GridRow | undefined;
    } | undefined;
    gridTemplate?: csstype.Property.GridTemplate | {
        readonly base?: csstype.Property.GridTemplate | undefined;
        readonly xs?: csstype.Property.GridTemplate | undefined;
        readonly s?: csstype.Property.GridTemplate | undefined;
        readonly m?: csstype.Property.GridTemplate | undefined;
        readonly l?: csstype.Property.GridTemplate | undefined;
        readonly xl?: csstype.Property.GridTemplate | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "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?: csstype.Property.Display | {
        readonly base?: csstype.Property.Display | undefined;
        readonly xs?: csstype.Property.Display | undefined;
        readonly s?: csstype.Property.Display | undefined;
        readonly m?: csstype.Property.Display | undefined;
        readonly l?: csstype.Property.Display | undefined;
        readonly xl?: csstype.Property.Display | 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?: csstype.Property.OverflowX | {
        readonly base?: csstype.Property.OverflowX | undefined;
        readonly xs?: csstype.Property.OverflowX | undefined;
        readonly s?: csstype.Property.OverflowX | undefined;
        readonly m?: csstype.Property.OverflowX | undefined;
        readonly l?: csstype.Property.OverflowX | undefined;
        readonly xl?: csstype.Property.OverflowX | undefined;
    } | undefined;
    overflowY?: csstype.Property.OverflowY | {
        readonly base?: csstype.Property.OverflowY | undefined;
        readonly xs?: csstype.Property.OverflowY | undefined;
        readonly s?: csstype.Property.OverflowY | undefined;
        readonly m?: csstype.Property.OverflowY | undefined;
        readonly l?: csstype.Property.OverflowY | undefined;
        readonly xl?: csstype.Property.OverflowY | undefined;
    } | undefined;
    textAlign?: csstype.Property.TextAlign | {
        readonly base?: csstype.Property.TextAlign | undefined;
        readonly xs?: csstype.Property.TextAlign | undefined;
        readonly s?: csstype.Property.TextAlign | undefined;
        readonly m?: csstype.Property.TextAlign | undefined;
        readonly l?: csstype.Property.TextAlign | undefined;
        readonly xl?: csstype.Property.TextAlign | undefined;
    } | undefined;
    whiteSpace?: csstype.Property.WhiteSpace | {
        readonly base?: csstype.Property.WhiteSpace | undefined;
        readonly xs?: csstype.Property.WhiteSpace | undefined;
        readonly s?: csstype.Property.WhiteSpace | undefined;
        readonly m?: csstype.Property.WhiteSpace | undefined;
        readonly l?: csstype.Property.WhiteSpace | undefined;
        readonly xl?: csstype.Property.WhiteSpace | undefined;
    } | undefined;
    overflow?: csstype.Property.Overflow | {
        readonly base?: csstype.Property.Overflow | undefined;
        readonly xs?: csstype.Property.Overflow | undefined;
        readonly s?: csstype.Property.Overflow | undefined;
        readonly m?: csstype.Property.Overflow | undefined;
        readonly l?: csstype.Property.Overflow | undefined;
        readonly xl?: csstype.Property.Overflow | undefined;
    } | undefined;
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | 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?: csstype.Property.BackgroundImage | {
        readonly base?: csstype.Property.BackgroundImage | undefined;
        readonly xs?: csstype.Property.BackgroundImage | undefined;
        readonly s?: csstype.Property.BackgroundImage | undefined;
        readonly m?: csstype.Property.BackgroundImage | undefined;
        readonly l?: csstype.Property.BackgroundImage | undefined;
        readonly xl?: csstype.Property.BackgroundImage | undefined;
    } | undefined;
    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
        readonly base?: csstype.Property.BackgroundOrigin | undefined;
        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
        readonly s?: csstype.Property.BackgroundOrigin | undefined;
        readonly m?: csstype.Property.BackgroundOrigin | undefined;
        readonly l?: csstype.Property.BackgroundOrigin | undefined;
        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
    } | undefined;
    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
        readonly base?: csstype.Property.BackgroundRepeat | undefined;
        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
        readonly s?: csstype.Property.BackgroundRepeat | undefined;
        readonly m?: csstype.Property.BackgroundRepeat | undefined;
        readonly l?: csstype.Property.BackgroundRepeat | undefined;
        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
    } | undefined;
    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
        readonly base?: csstype.Property.BorderBottomStyle | undefined;
        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
        readonly s?: csstype.Property.BorderBottomStyle | undefined;
        readonly m?: csstype.Property.BorderBottomStyle | undefined;
        readonly l?: csstype.Property.BorderBottomStyle | undefined;
        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderLeftStyle | {
        readonly base?: csstype.Property.BorderLeftStyle | undefined;
        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
        readonly s?: csstype.Property.BorderLeftStyle | undefined;
        readonly m?: csstype.Property.BorderLeftStyle | undefined;
        readonly l?: csstype.Property.BorderLeftStyle | undefined;
        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
    } | undefined;
    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?: csstype.Property.BorderRightStyle | {
        readonly base?: csstype.Property.BorderRightStyle | undefined;
        readonly xs?: csstype.Property.BorderRightStyle | undefined;
        readonly s?: csstype.Property.BorderRightStyle | undefined;
        readonly m?: csstype.Property.BorderRightStyle | undefined;
        readonly l?: csstype.Property.BorderRightStyle | undefined;
        readonly xl?: csstype.Property.BorderRightStyle | undefined;
    } | undefined;
    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" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderTopStyle?: csstype.Property.BorderTopStyle | {
        readonly base?: csstype.Property.BorderTopStyle | undefined;
        readonly xs?: csstype.Property.BorderTopStyle | undefined;
        readonly s?: csstype.Property.BorderTopStyle | undefined;
        readonly m?: csstype.Property.BorderTopStyle | undefined;
        readonly l?: csstype.Property.BorderTopStyle | undefined;
        readonly xl?: csstype.Property.BorderTopStyle | undefined;
    } | undefined;
    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?: csstype.Property.ClipPath | {
        readonly base?: csstype.Property.ClipPath | undefined;
        readonly xs?: csstype.Property.ClipPath | undefined;
        readonly s?: csstype.Property.ClipPath | undefined;
        readonly m?: csstype.Property.ClipPath | undefined;
        readonly l?: csstype.Property.ClipPath | undefined;
        readonly xl?: csstype.Property.ClipPath | undefined;
    } | undefined;
    opacity?: csstype.Property.Opacity | {
        readonly base?: csstype.Property.Opacity | undefined;
        readonly xs?: csstype.Property.Opacity | undefined;
        readonly s?: csstype.Property.Opacity | undefined;
        readonly m?: csstype.Property.Opacity | undefined;
        readonly l?: csstype.Property.Opacity | undefined;
        readonly xl?: csstype.Property.Opacity | undefined;
    } | undefined;
    pointerEvents?: csstype.Property.PointerEvents | {
        readonly base?: csstype.Property.PointerEvents | undefined;
        readonly xs?: csstype.Property.PointerEvents | undefined;
        readonly s?: csstype.Property.PointerEvents | undefined;
        readonly m?: csstype.Property.PointerEvents | undefined;
        readonly l?: csstype.Property.PointerEvents | undefined;
        readonly xl?: csstype.Property.PointerEvents | undefined;
    } | undefined;
    transform?: csstype.Property.Transform | {
        readonly base?: csstype.Property.Transform | undefined;
        readonly xs?: csstype.Property.Transform | undefined;
        readonly s?: csstype.Property.Transform | undefined;
        readonly m?: csstype.Property.Transform | undefined;
        readonly l?: csstype.Property.Transform | undefined;
        readonly xl?: csstype.Property.Transform | undefined;
    } | undefined;
    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
    } | undefined;
    visibility?: csstype.Property.Visibility | {
        readonly base?: csstype.Property.Visibility | undefined;
        readonly xs?: csstype.Property.Visibility | undefined;
        readonly s?: csstype.Property.Visibility | undefined;
        readonly m?: csstype.Property.Visibility | undefined;
        readonly l?: csstype.Property.Visibility | undefined;
        readonly xl?: csstype.Property.Visibility | undefined;
    } | undefined;
    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
    } | undefined;
    borderColor: "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;
    };
    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
    };
    borderStyle?: csstype.Property.BorderStyle | {
        readonly base?: csstype.Property.BorderStyle | undefined;
        readonly xs?: csstype.Property.BorderStyle | undefined;
        readonly s?: csstype.Property.BorderStyle | undefined;
        readonly m?: csstype.Property.BorderStyle | undefined;
        readonly l?: csstype.Property.BorderStyle | undefined;
        readonly xl?: csstype.Property.BorderStyle | 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;
    };
    __brand__?: "platform-web" | {
        readonly base?: "platform-web" | undefined;
        readonly xs?: "platform-web" | undefined;
        readonly s?: "platform-web" | undefined;
        readonly m?: "platform-web" | undefined;
        readonly l?: "platform-web" | undefined;
        readonly xl?: "platform-web" | undefined;
    } | undefined;
}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
declare const TopNavBrand: ({ children }: {
    children: React__default.ReactNode;
}) => React__default.ReactElement;
declare const TopNavContent: ({ children }: {
    children: React__default.ReactNode;
}) => React__default.ReactElement;
declare const TopNavActions: ({ children }: {
    children: React__default.ReactNode;
}) => 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 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
     */
    searchValue?: string;
    /**
     * Placeholder for search input
     */
    searchValuePlaceholder?: string;
    /**
     * Name for search input
     */
    searchName?: string;
    /**
     * onChange handler for search input
     */
    onSearchChange?: ({ name, value }: {
        name?: string;
        value?: string;
    }) => void;
    /**
     *  onClear handler for search input
     */
    onSearchClear?: () => void;
    /**
     * it will show/hide the quick filters
     */
    showQuickFilters?: boolean;
    /**
     * onChange handler for showQuickFilters
     */
    onShowQuickFiltersChange?: (showQuickFilters: boolean) => void;
    /**
     * onChange handler for showQuickFilters
     * @default 0
     * you only need this if quick filters are controlled.
     */
    selectedFiltersCount?: number;
} & TestID & DataAnalyticsAttribute & ListViewCommonProps;

declare const ListView: ({ testID, children, ...rest }: ListViewProps) => React.ReactElement;

declare const ListViewFilters: ({ testID, children, quickFilters, onSearchChange, searchValue, searchValuePlaceholder, searchName, showQuickFilters, onShowQuickFiltersChange, onSearchClear, selectedFiltersCount, ...rest }: ListViewFilterProps) => React.ReactElement;

export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, 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, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, 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, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, 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, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, 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, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, Elevate, ElevateProps, EngageIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, 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, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, 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, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SortIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, 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, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };