@razorpay/blade 9.2.0 → 9.4.0

package/build/components/index.d.ts

@@ -3688,7 +3688,7 @@ declare type IconButtonProps = {
      *
      * @default 'medium'
      */
-    size?: 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     /**
      * Icon contrast
      *
@@ -3699,6 +3699,10 @@ declare type IconButtonProps = {
      * Sets aria-label to help users know what the action does, eg 'Dismiss alert'
      */
     accessibilityLabel: string;
+    /**
+     * Disabled state for IconButton
+     */
+    isDisabled?: boolean;
 } & BladeCommonEvents$1;
 declare const IconButton: React__default.ForwardRefExoticComponent<{
     /**
@@ -3711,7 +3715,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
      *
      * @default 'medium'
      */
-    size?: "medium" | "large" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
     /**
      * Icon contrast
      *
@@ -3722,6 +3726,10 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
      * Sets aria-label to help users know what the action does, eg 'Dismiss alert'
      */
     accessibilityLabel: string;
+    /**
+     * Disabled state for IconButton
+     */
+    isDisabled?: boolean | undefined;
 } & BladeCommonEvents$1 & React__default.RefAttributes<BladeElementRef>>;
 
 declare type OnChange$1 = ({ isChecked, event, value, }: {
@@ -4927,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`
      */
@@ -4985,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
      */
@@ -5201,9 +5209,30 @@ declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
         autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;
     };
 }> & 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 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'> & {
+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
      */
@@ -5235,984 +5264,179 @@ declare type TextInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | '
      */
     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"> & {
+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 | undefined;
+    showClearButton?: boolean;
     /**
      * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
      */
-    onClearButtonClick?: (() => void) | undefined;
+    onClearButtonClick?: () => void;
+} & StyledPropsBlade$1;
+declare type TextAreaPropsWithA11yLabel = {
     /**
-     * Decides whether to show a loading spinner for the input field.
+     * Label to be shown for the input field
      */
-    isLoading?: boolean | undefined;
+    label?: undefined;
     /**
-     * Icon that will be rendered at the beginning of the input field
+     * Accessibility label for the input
      */
-    icon?: IconComponent$1 | undefined;
+    accessibilityLabel: string;
+};
+declare type TextAreaPropsWithLabel = {
     /**
-     * Type of Input Field to be rendered. Use `PasswordInput` for type `password`
+     * 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 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
+     */
+    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.
      *
-     * **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.
+     * Internally it'll render platform specific attributes:
      *
-     * 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
+     * - web: `autocomplete`
+     * - iOS: `textContentType`
+     * - android: `autoComplete`
      *
-     * @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;
-    };
-    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 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'> & {
+    autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'oneTimeCode'>;
     /**
-     * Determines the number of input fields to show for the OTP
-     * @default 6
+     * The callback function to be invoked when one of the input fields gets focus
      */
-    otpLength?: 4 | 6;
+    onFocus?: FormInputOnEventWithIndex;
     /**
-     * The callback function to be invoked when all the values of the OTPInput are filled
+     * The callback function to be invoked when one of the input fields is blurred
      */
-    onOTPFilled?: FormInputOnEvent;
+    onBlur?: FormInputOnEventWithIndex;
+} & StyledPropsBlade$1;
+declare type OTPInputPropsWithA11yLabel = {
     /**
-     * Masks input characters in all the fields
+     * Label to be shown for the input field
      */
-    isMasked?: boolean;
+    label?: undefined;
     /**
-     * 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`
-     *
+     * Accessibility label for the input
      */
-    autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'oneTimeCode'>;
+    accessibilityLabel: string;
+};
+declare type OTPInputPropsWithLabel = {
     /**
-     * The callback function to be invoked when one of the input fields gets focus
+     * Label to be shown for the input field
      */
-    onFocus?: FormInputOnEventWithIndex;
+    label: string;
     /**
-     * The callback function to be invoked when one of the input fields is blurred
+     * Accessibility label for the input
      */
-    onBlur?: FormInputOnEventWithIndex;
-} & StyledPropsBlade$1;
+    accessibilityLabel?: string;
+};
+declare type OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabel) & OTPInputCommonProps;
 /**
  * OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.
  *
@@ -6227,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`.
@@ -6246,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
  *
@@ -6273,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 = {
     /**
@@ -7552,6 +6781,70 @@ declare const Switch: React__default.ForwardRefExoticComponent<{
     } | undefined;
 }, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
 
+declare type TagProps = {
+    /**
+     * Decides the size of Tag
+     *
+     * @default medium
+     */
+    size?: 'medium' | 'large';
+    /**
+     * Leading icon for your Tag
+     */
+    icon?: IconComponent$1;
+    /**
+     * 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
+     *
+     */
+    _isTagFocussed?: boolean;
+} & StyledPropsBlade$1 & TestID$1;
+/**
+ * ## 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: ({ size, icon, onDismiss, children, isDisabled, testID, _isTagFocussed, ...styledProps }: TagProps) => React__default.ReactElement | null;
+
 declare type BladeCommonEvents = {
     onBlur?: Platform.Select<{
         native: undefined | ((event: any) => void);
@@ -8424,4 +7717,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, TagIcon, 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 };