@razorpay/blade 9.3.0 → 9.4.1

package/build/components/index.d.ts

@@ -4935,7 +4935,7 @@ declare type FormInputLabelProps = {
     /**
      * Label to be shown for the input field
      */
-    label: string;
+    label?: string;
     /**
      * Desktop only prop. Default value on mobile will be `top`
      */
@@ -4993,7 +4993,7 @@ type FormInputOnKeyDownEvent = {
 
 declare type CommonAutoCompleteSuggestionTypes = 'none' | 'name' | 'email' | 'username' | 'password' | 'newPassword' | 'oneTimeCode' | 'telephone' | 'postalCode' | 'countryName' | 'creditCardNumber' | 'creditCardCSC' | 'creditCardExpiry' | 'creditCardExpiryMonth' | 'creditCardExpiryYear';
 declare type WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';
-declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
+declare type BaseInputCommonProps = FormInputLabelProps & FormInputValidationProps & {
     /**
      * Determines if it needs to be rendered as input, textarea or button
      */
@@ -5174,1017 +5174,212 @@ declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
      */
     autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
 } & TestID$1 & 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$1;
-
-declare type Type = Exclude<BaseInputProps['type'], 'password'>;
-declare type TextInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID'> & {
-    /**
-     * 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
-     */
-    icon?: IconComponent$1;
-    /**
-     * 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;
-} & StyledPropsBlade$1;
-declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "prefix" | "value" | "label" | "onBlur" | "onFocus" | "defaultValue" | "autoCapitalize" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & {
-    /**
-     * Decides whether to render a clear icon button
-     */
-    showClearButton?: boolean | undefined;
-    /**
-     * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
-     */
-    onClearButtonClick?: (() => void) | undefined;
-    /**
-     * Decides whether to show a loading spinner for the input field.
-     */
-    isLoading?: boolean | undefined;
-    /**
-     * Icon that will be rendered at the beginning of the input field
-     */
-    icon?: IconComponent$1 | undefined;
-    /**
-     * 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;
-} & 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;
-    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">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
-
-declare 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'>;
-};
-declare type PasswordInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID'> & PasswordInputExtraProps & StyledPropsBlade$1;
-declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "value" | "label" | "onBlur" | "onFocus" | "defaultValue" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "helpText" | "errorText" | "successText" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & 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;
-    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">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
-
-declare type TextAreaProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID'> & {
-    /**
-     * 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;
-} & StyledPropsBlade$1;
-declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "value" | "label" | "onBlur" | "onFocus" | "defaultValue" | "onChange" | "onSubmit" | "autoFocus" | "numberOfLines" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "maxCharacters"> & {
-    /**
-     * Decides whether to render a clear icon button
-     */
-    showClearButton?: boolean | undefined;
-    /**
-     * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
-     */
-    onClearButtonClick?: (() => void) | 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;
+    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;
     };
-    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;
+    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;
     };
-    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;
-    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">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}> & StyledPropsBlade$1;
+declare type BaseInputPropsWithA11yLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label?: undefined;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel: string;
+};
+declare type BaseInputPropsWithLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label: string;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel?: string;
+};
+declare type BaseInputProps = (BaseInputPropsWithA11yLabel | BaseInputPropsWithLabel) & BaseInputCommonProps;
+
+declare type Type = Exclude<BaseInputProps['type'], 'password'>;
+declare 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'> & {
+    /**
+     * 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
+     */
+    icon?: IconComponent$1;
+    /**
+     * 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;
+} & StyledPropsBlade$1;
+declare type TextInputPropsWithA11yLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label?: undefined;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel: string;
+};
+declare type TextInputPropsWithLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label: string;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel?: string;
+};
+declare type TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) & TextInputCommonProps;
+declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<BladeElementRef>>;
+
+declare 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'>;
+};
+declare 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'> & PasswordInputExtraProps & StyledPropsBlade$1;
+declare type PasswordInputPropsWithA11yLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label?: undefined;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel: string;
+};
+declare type PasswordInputPropsWithLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label: string;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel?: string;
+};
+declare type PasswordInputProps = (PasswordInputPropsWithA11yLabel | PasswordInputPropsWithLabel) & PasswordInputCommonProps;
+declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<BladeElementRef>>;
+
+declare 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'> & {
+    /**
+     * 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;
+} & StyledPropsBlade$1;
+declare type TextAreaPropsWithA11yLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label?: undefined;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel: string;
+};
+declare type TextAreaPropsWithLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label: string;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel?: string;
+};
+declare type TextAreaProps = (TextAreaPropsWithA11yLabel | TextAreaPropsWithLabel) & TextAreaCommonProps;
+declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<BladeElementRef>>;
 
 declare type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
     name?: string;
     value?: string;
     inputIndex: number;
 }) => void;
-declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID'> & {
+declare type OTPInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID'> & {
     /**
      * Determines the number of input fields to show for the OTP
      * @default 6
@@ -6221,6 +5416,27 @@ declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'v
      */
     onBlur?: FormInputOnEventWithIndex;
 } & StyledPropsBlade$1;
+declare type OTPInputPropsWithA11yLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label?: undefined;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel: string;
+};
+declare type OTPInputPropsWithLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label: string;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel?: string;
+};
+declare type OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabel) & OTPInputCommonProps;
 /**
  * OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.
  *
@@ -6235,9 +5451,9 @@ declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'v
  *   />
  * ```
  */
-declare const OTPInput: ({ autoFocus, errorText, helpText, isDisabled, keyboardReturnKeyType, keyboardType, label, labelPosition, name, onChange, onFocus, onBlur, onOTPFilled, otpLength, placeholder, successText, validationState, value, isMasked, autoCompleteSuggestionType, testID, ...styledProps }: OTPInputProps) => React__default.ReactElement;
+declare const OTPInput: ({ autoFocus, errorText, helpText, isDisabled, keyboardReturnKeyType, keyboardType, label, accessibilityLabel, labelPosition, name, onChange, onFocus, onBlur, onOTPFilled, otpLength, placeholder, successText, validationState, value, isMasked, autoCompleteSuggestionType, testID, ...styledProps }: OTPInputProps) => React__default.ReactElement;
 
-declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID'> & {
+declare type SelectInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID'> & {
     icon?: IconComponent$1;
     /**
      * Controlled value of the Select. Use it in combination of `onChange`.
@@ -6254,6 +5470,27 @@ declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' |
         values: string[];
     }) => void;
 };
+declare type SelectInputPropsWithA11yLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label?: undefined;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel: string;
+};
+declare type SelectInputPropsWithLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label: string;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel?: string;
+};
+declare type SelectInputProps = (SelectInputPropsWithA11yLabel | SelectInputPropsWithLabel) & SelectInputCommonProps;
 /**
  * ### SelectInput
  *
@@ -6281,23 +5518,7 @@ declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' |
  *
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select SelectInput Documentation}.
  */
-declare const SelectInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "prefix" | "label" | "onBlur" | "onFocus" | "onClick" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
-    icon?: IconComponent$1 | undefined;
-    /**
-     * 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[] | undefined;
-    /**
-     * Used to set the default value of SelectInput when it's uncontrolled. Use `value` instead for controlled SelectInput
-     */
-    defaultValue?: string | string[] | undefined;
-    onChange?: (({ name, values }: {
-        name?: string | undefined;
-        values: string[];
-    }) => void) | undefined;
-} & React__default.RefAttributes<BladeElementRef>>;
+declare const SelectInput: React__default.ForwardRefExoticComponent<SelectInputProps & React__default.RefAttributes<BladeElementRef>>;
 
 declare type IndicatorCommonProps = {
     /**
@@ -6666,8 +5887,13 @@ declare type ModalProps = {
      *  Accessibility label for the modal
      */
     accessibilityLabel?: string;
+    /**
+     * Sets the z-index of the modal
+     * @default 1000
+     */
+    zIndex?: number;
 };
-declare const Modal: ({ isOpen, children, onDismiss, initialFocusRef, size, accessibilityLabel, }: ModalProps) => React__default.ReactElement;
+declare const Modal: ({ isOpen, children, onDismiss, initialFocusRef, size, accessibilityLabel, zIndex, }: ModalProps) => React__default.ReactElement;
 
 declare type ProgressBarCommonProps = {
     /**
@@ -8496,4 +7722,4 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
     tabIndex: -1;
 }, "tabIndex">;
 
-export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };
+export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };