npm - @razorpay/blade - Versions diffs - 11.36.2 → 11.38.0 - Mend

@razorpay/blade 11.36.2 → 11.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (560) hide show

package/build/types/components/index.native.d.ts CHANGED Viewed

@@ -680,6 +680,16 @@ type ContainerElementType = Platform.Select<{
     web: HTMLDivElement;
     native: View;
 }>;
+/**
+ * This type is used to add data-analytics attributes to components.
+ * This is used to track user interactions on the components.
+ * The key is always `data-analytics-` followed by the attribute name.
+ * eg: `data-analytics-action="click"`
+ * eg: `data-analytics-section="header"`
+ */
+interface DataAnalyticsAttribute {
+    [key: DataAnalyticsKey]: string;
+}
 /**
  * Returns the value or the responsive object with that value
@@ -1348,8 +1358,8 @@ type BoxProps = Partial<PaddingProps & MarginProps & LayoutProps & FlexboxProps
     children?: React.ReactNode | React.ReactNode[];
     tabIndex?: number;
     id?: string;
-} & TestID>;
-type BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> & Partial<BaseBoxVisualProps & {
+} & TestID & DataAnalyticsAttribute>;
+type BaseBoxProps = Omit<BoxProps, keyof BoxVisualProps> & Partial<DataAnalyticsAttribute & BaseBoxVisualProps & {
     className?: string;
     id?: string;
     tabIndex?: number;
@@ -1719,7 +1729,7 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
     children?: React__default.ReactNode | React__default.ReactNode[];
     tabIndex?: number | undefined;
     id?: string | undefined;
-} & TestID> & React__default.RefAttributes<BoxRefType>>;
+} & TestID & DataAnalyticsAttribute> & React__default.RefAttributes<BoxRefType>>;
 type InteractiveText$1 = DotNotationToken<Theme['colors']['interactive']['icon']>;
 type FeedbackText$1 = DotNotationToken<Theme['colors']['feedback']['icon']>;
@@ -2071,6 +2081,8 @@ declare const ImageIcon: IconComponent;
 declare const InboxIcon: IconComponent;
+declare const IndiaFlagIcon: IconComponent;
 declare const InfoIcon: IconComponent;
 declare const InstagramIcon: IconComponent;
@@ -2105,6 +2117,8 @@ declare const LogOutIcon: IconComponent;
 declare const MagicCheckoutIcon: IconComponent;
+declare const MagicKonnectIcon: IconComponent;
 declare const MailIcon: IconComponent;
 declare const MailOpenIcon: IconComponent;
@@ -2443,6 +2457,8 @@ declare const WifiOffIcon: IconComponent;
 declare const WindIcon: IconComponent;
+declare const WorldwideIcon: IconComponent;
 declare const XCircleIcon: IconComponent;
 declare const XSquareIcon: IconComponent;
@@ -2532,7 +2548,7 @@ type AccordionProps = {
  * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs
  *
  */
-declare const Accordion: ({ defaultExpandedIndex, expandedIndex, onExpandChange, showNumberPrefix, children, variant, size, maxWidth, testID, ...styledProps }: AccordionProps) => ReactElement;
+declare const Accordion: ({ defaultExpandedIndex, expandedIndex, onExpandChange, showNumberPrefix, children, variant, size, maxWidth, testID, ...rest }: AccordionProps) => ReactElement;
 type BaseHeaderProps = {
     title?: string;
@@ -2590,14 +2606,14 @@ type BaseHeaderProps = {
      * inner child of BottomSheetHeader. Meant to be used for AutoComplete only
      */
     children?: React__default.ReactElement | React__default.ReactElement[];
-} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'> & TestID;
+} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'> & TestID & DataAnalyticsAttribute;
-declare const AccordionItemHeader: ({ title, subtitle, leading, children, trailing, titleSuffix, }: Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'children' | 'trailing' | 'titleSuffix'>) => React.ReactElement;
+declare const AccordionItemHeader: ({ title, subtitle, leading, children, trailing, titleSuffix, ...rest }: Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'children' | 'trailing' | 'titleSuffix'> & DataAnalyticsAttribute) => React.ReactElement;
-declare const AccordionItemBody: ({ children, _description, }: {
+declare const AccordionItemBody: ({ children, _description, ...rest }: {
     children?: React.ReactNode | StringChildrenType;
     _description?: string | undefined;
-}) => React.ReactElement;
+} & DataAnalyticsAttribute) => React.ReactElement;
 type AccordionItemProps = {
     /**
@@ -2639,12 +2655,12 @@ type AccordionItemProps = {
      * instead pass `showNumberPrefix` to root `Accordion`
      */
     _index?: number;
-} & TestID;
-declare const AccordionItem: ({ title, description, icon, children, isDisabled, _index, testID, }: AccordionItemProps) => ReactElement;
+} & TestID & DataAnalyticsAttribute;
+declare const AccordionItem: ({ title, description, icon, children, isDisabled, _index, testID, ...rest }: AccordionItemProps) => ReactElement;
 type ActionListProps = {
     children: React__default.ReactNode[];
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 /**
  * ### ActionList
  *
@@ -2676,7 +2692,7 @@ type ActionListProps = {
  * ```
  *
  */
-declare const ActionList: React__default.MemoExoticComponent<({ children, testID }: ActionListProps) => React__default.ReactElement>;
+declare const ActionList: React__default.MemoExoticComponent<({ children, testID, ...rest }: ActionListProps) => React__default.ReactElement>;
 type BadgeProps = {
     /**
@@ -2708,8 +2724,8 @@ type BadgeProps = {
      *
      */
     icon?: IconComponent;
-} & TestID & StyledPropsBlade;
-declare const Badge: ({ children, emphasis, icon: Icon, size, color, testID, ...styledProps }: BadgeProps) => ReactElement;
+} & TestID & StyledPropsBlade & DataAnalyticsAttribute;
+declare const Badge: ({ children, emphasis, icon: Icon, size, color, testID, ...props }: BadgeProps) => ReactElement;
 type AriaRoles = Exclude<AccessibilityRole, 'header' | 'adjustable' | 'image' | 'none' | 'summary'> | 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
 type AccessibilityProps = AriaAttributes;
@@ -2970,7 +2986,7 @@ type BaseTextProps = {
      */
     numberOfLines?: number;
     componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code' | 'display';
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type BaseTextSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
 type BaseLinkCommonProps = {
@@ -3064,11 +3080,11 @@ type BaseButtonCommonProps = {
 type BaseButtonWithoutIconProps = BaseButtonCommonProps & {
     icon?: undefined;
     children: StringChildrenType;
-};
+} & DataAnalyticsAttribute;
 type BaseButtonWithIconProps = BaseButtonCommonProps & {
     icon: IconComponent;
     children?: StringChildrenType;
-};
+} & DataAnalyticsAttribute;
 type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;
 type ButtonCommonProps = {
@@ -3132,7 +3148,7 @@ type ButtonCommonProps = {
         native: (event: GestureResponderEvent) => void;
         web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
     }>;
-} & TestID & StyledPropsBlade & BladeCommonEvents;
+} & TestID & StyledPropsBlade & DataAnalyticsAttribute & BladeCommonEvents;
 type ButtonWithoutIconProps = ButtonCommonProps & {
     icon?: undefined;
     children: StringChildrenType;
@@ -3182,7 +3198,7 @@ type AvatarGroupProps = {
      */
     maxCount?: number;
     testID?: string;
-};
+} & DataAnalyticsAttribute;
 type AvatarCommonProps = {
     /**
      * The size of the avatar.
@@ -3244,7 +3260,7 @@ type AvatarCommonProps = {
     topAddon?: React__default.ReactElement;
     testID?: string;
 } & BladeCommonEvents & StyledPropsBlade;
-type AvatarProps = AvatarCommonProps & AvatarImgProps;
+type AvatarProps = AvatarCommonProps & AvatarImgProps & DataAnalyticsAttribute;
 type ActionListItemProps = {
     title: string;
@@ -3304,7 +3320,7 @@ type ActionListItemProps = {
      * @private
      */
     _index?: number;
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 type ActionListSectionProps = {
     title: string;
     children: React__default.ReactNode[] | React__default.ReactNode;
@@ -3322,8 +3338,8 @@ type ActionListSectionProps = {
      * @private
      */
     _sectionChildValues?: string[];
-} & TestID;
-declare const ActionListSection: ({ title, children, testID, _hideDivider, _sectionChildValues, }: ActionListSectionProps) => React__default.ReactElement;
+} & TestID & DataAnalyticsAttribute;
+declare const ActionListSection: ({ title, children, testID, _hideDivider, _sectionChildValues, ...rest }: ActionListSectionProps) => React__default.ReactElement;
 declare const ActionListItemIcon: ({ icon }: {
     icon: IconComponent;
 }) => React__default.ReactElement;
@@ -3423,8 +3439,8 @@ type AlertProps = {
          */
         secondary?: SecondaryAction;
     };
-} & TestID & StyledPropsBlade;
-declare const Alert: ({ description, title, isDismissible, onDismiss, emphasis, isFullWidth, color, actions, testID, icon, ...styledProps }: AlertProps) => ReactElement | null;
+} & TestID & StyledPropsBlade & DataAnalyticsAttribute;
+declare const Alert: ({ description, title, isDismissible, onDismiss, emphasis, isFullWidth, color, actions, testID, icon, ...rest }: AlertProps) => ReactElement | null;
 type AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
 type AmountDisplayProps = {
@@ -3489,9 +3505,9 @@ type AmountCommonProps = {
      * @default false
      */
     isStrikethrough?: boolean;
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type AmountProps = AmountTypeProps & AmountCommonProps;
-declare const Amount: ({ value, suffix, type, size, weight, isAffixSubtle, isStrikethrough, color, currencyIndicator, currency, testID, ...styledProps }: AmountProps) => ReactElement;
+declare const Amount: ({ value, suffix, type, size, weight, isAffixSubtle, isStrikethrough, color, currencyIndicator, currency, testID, ...rest }: AmountProps) => ReactElement;
 declare const Avatar: (_props: AvatarProps) => React.ReactElement;
@@ -3506,7 +3522,7 @@ type BaseFooterProps = {
     metaComponentName?: string;
     showDivider?: boolean;
     padding?: BoxProps['padding'];
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 type BottomSheetProps = {
     /**
@@ -3541,7 +3557,7 @@ type BottomSheetProps = {
      * @default 100
      */
     zIndex?: number;
-};
+} & DataAnalyticsAttribute;
 type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'showBackButton' | 'onBackButtonClick' | 'children'> & {
     /**
      * Trailing element to be rendered in the Header
@@ -3555,8 +3571,8 @@ type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'lead
      * Accepts `Counter`
      */
     titleSuffix?: BaseHeaderProps['titleSuffix'];
-};
-type BottomSheetFooterProps = Pick<BaseFooterProps, 'children'>;
+} & DataAnalyticsAttribute;
+type BottomSheetFooterProps = Pick<BaseFooterProps, 'children'> & DataAnalyticsAttribute;
 type BottomSheetBodyProps = {
     children: React.ReactNode;
     /**
@@ -3568,7 +3584,7 @@ type BottomSheetBodyProps = {
      */
     padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.5'>;
     overflow?: BaseBoxProps['overflow'];
-};
+} & DataAnalyticsAttribute;
 declare const BottomSheetHeader: ({ title, subtitle, leading, trailing, titleSuffix, showBackButton, onBackButtonClick, children, }: BottomSheetHeaderProps) => React__default.ReactElement;
@@ -3642,14 +3658,14 @@ type LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {
     target?: string;
     rel?: string;
     isDisabled?: undefined;
-};
+} & DataAnalyticsAttribute;
 type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {
     variant?: 'button';
     isDisabled?: boolean;
     href?: undefined;
     target?: undefined;
     rel?: undefined;
-};
+} & DataAnalyticsAttribute;
 type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;
 declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<BladeElementRef>>;
@@ -3664,7 +3680,7 @@ type BottomNavProps = {
      * @default 100
      */
     zIndex?: number;
-} & StyledPropsBlade & TestID;
+} & StyledPropsBlade & TestID & DataAnalyticsAttribute;
 type BottomNavItemProps = {
     /**
      * Title text of the BottomNavItem
@@ -3713,7 +3729,7 @@ type BottomNavItemProps = {
         web: React__default.MouseEventHandler;
         native: undefined;
     }>;
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 declare const BottomNav: (_props: BottomNavProps) => React.ReactElement;
 declare const BottomNavItem: (_props: BottomNavItemProps) => React.ReactElement;
@@ -3743,7 +3759,7 @@ type BreadcrumbProps = StyledPropsBlade & {
      * aria-label for breadcrumb
      */
     accessibilityLabel?: string;
-};
+} & DataAnalyticsAttribute;
 type BreadcrumbItemProps = {
     /**
      * Href of the BreadcrumbItem
@@ -3774,7 +3790,7 @@ type BreadcrumbItemProps = {
      * Accessibility label for the BreadcrumbItem, can be used in icon only variant
      */
     accessibilityLabel?: string;
-};
+} & DataAnalyticsAttribute;
 declare const Breadcrumb: (_: BreadcrumbProps) => React.ReactElement;
@@ -3809,7 +3825,7 @@ type IconButtonProps = {
      * Sets tabindex property on button element
      */
     _tabIndex?: number;
-} & BladeCommonEvents & Platform.Select<{
+} & DataAnalyticsAttribute & BladeCommonEvents & Platform.Select<{
     web: {
         onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
         /**
@@ -3853,7 +3869,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
      * Sets tabindex property on button element
      */
     _tabIndex?: number | undefined;
-} & BladeCommonEvents & {
+} & DataAnalyticsAttribute & BladeCommonEvents & {
     onClick: (event: GestureResponderEvent) => void;
     isHighlighted?: undefined;
 } & {
@@ -3897,7 +3913,7 @@ type ButtonGroupProps = {
      * Test ID for automation
      */
     testID?: string;
-};
+} & DataAnalyticsAttribute;
 declare const ButtonGroup: (_props: ButtonGroupProps) => React.ReactElement;
@@ -4027,13 +4043,13 @@ type CardProps = {
      * @default undefined
      */
     as?: 'label';
-} & TestID & StyledPropsBlade;
-declare const Card: ({ children, backgroundColor, borderRadius, elevation, testID, padding, width, height, minHeight, minWidth, onClick, isSelected, accessibilityLabel, shouldScaleOnHover, onHover, href, target, rel, as, ...styledProps }: CardProps) => React__default.ReactElement;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
+declare const Card: ({ children, backgroundColor, borderRadius, elevation, testID, padding, width, height, minHeight, minWidth, onClick, isSelected, accessibilityLabel, shouldScaleOnHover, onHover, href, target, rel, as, ...rest }: CardProps) => React__default.ReactElement;
 type CardBodyProps = {
     children: React__default.ReactNode;
     height?: BoxProps['height'];
-} & TestID;
-declare const CardBody: ({ height, children, testID }: CardBodyProps) => React__default.ReactElement;
+} & TestID & DataAnalyticsAttribute;
+declare const CardBody: ({ height, children, testID, ...rest }: CardBodyProps) => React__default.ReactElement;
 type CounterProps = {
     /**
@@ -4063,8 +4079,8 @@ type CounterProps = {
      * @default 'medium'
      */
     size?: 'small' | 'medium' | 'large';
-} & TestID & StyledPropsBlade;
-declare const Counter: ({ value, max, color, emphasis, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
+declare const Counter: ({ value, max, color, emphasis, size, testID, ...rest }: CounterProps) => React.ReactElement;
 declare const validAsValues$2: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
 type HeadingProps = {
@@ -4240,8 +4256,8 @@ type CardHeaderProps = {
      * @default true
      */
     showDivider?: boolean;
-} & TestID;
-declare const CardHeader: ({ children, testID, marginBottom, paddingBottom, showDivider, }: CardHeaderProps) => React__default.ReactElement;
+} & TestID & DataAnalyticsAttribute;
+declare const CardHeader: ({ children, testID, marginBottom, paddingBottom, showDivider, ...rest }: CardHeaderProps) => React__default.ReactElement;
 type CardHeaderLeadingProps = {
     title: string;
     subtitle?: string;
@@ -4257,8 +4273,8 @@ type CardHeaderLeadingProps = {
      * Accepts: `CardHeaderCounter` component
      */
     suffix?: React__default.ReactNode;
-};
-declare const CardHeaderLeading: ({ title, subtitle, prefix, suffix, }: CardHeaderLeadingProps) => React__default.ReactElement;
+} & DataAnalyticsAttribute;
+declare const CardHeaderLeading: ({ title, subtitle, prefix, suffix, ...rest }: CardHeaderLeadingProps) => React__default.ReactElement;
 type CardHeaderTrailingProps = {
     /**
      * Renders a visual ornament in card header trailing section
@@ -4286,20 +4302,20 @@ type CardFooterProps = {
      * @default true
      */
     showDivider?: boolean;
-} & TestID;
-declare const CardFooter: ({ children, testID, marginTop, paddingTop, showDivider, }: CardFooterProps) => React__default.ReactElement;
+} & TestID & DataAnalyticsAttribute;
+declare const CardFooter: ({ children, testID, marginTop, paddingTop, showDivider, ...props }: CardFooterProps) => React__default.ReactElement;
 type CardFooterLeadingProps = {
     title?: string;
     subtitle?: string;
-};
-declare const CardFooterLeading: ({ title, subtitle }: CardFooterLeadingProps) => React__default.ReactElement;
+} & DataAnalyticsAttribute;
+declare const CardFooterLeading: ({ title, subtitle, ...rest }: CardFooterLeadingProps) => React__default.ReactElement;
 type CardFooterTrailingProps = {
     actions?: {
         primary?: CardFooterAction;
         secondary?: CardFooterAction;
     };
-};
-declare const CardFooterTrailing: ({ actions }: CardFooterTrailingProps) => React__default.ReactElement;
+} & DataAnalyticsAttribute;
+declare const CardFooterTrailing: ({ actions, ...rest }: CardFooterTrailingProps) => React__default.ReactElement;
 type InteractiveTokens = DotNotationToken<Theme['colors']['interactive']['background']>;
 type FeedbackTokens = DotNotationToken<Theme['colors']['feedback']['background']>;
@@ -4404,7 +4420,7 @@ type CarouselProps = {
      * Sets the height of the carousel
      */
     height?: BoxProps['height'];
-} & StyledPropsBlade;
+} & StyledPropsBlade & DataAnalyticsAttribute;
 declare const Carousel: ({ autoPlay, showIndicators, children, carouselItemWidth, accessibilityLabel, onChange, indicatorVariant, navigationButtonVariant, }: CarouselProps) => React__default.ReactElement;
@@ -4496,7 +4512,7 @@ type CheckboxProps = {
      *
      */
     tabIndex?: number;
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 declare const Checkbox: React__default.ForwardRefExoticComponent<{
     /**
      * If `true`, The checkbox will be checked. This also makes the checkbox controlled
@@ -4575,7 +4591,7 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
      *
      */
     tabIndex?: number | undefined;
-} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -4994,8 +5010,8 @@ type CheckboxGroupProps = {
      * @default "medium"
      */
     size?: 'small' | 'medium' | 'large';
-} & TestID & StyledPropsBlade;
-declare const CheckboxGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: CheckboxGroupProps) => React__default.ReactElement;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
+declare const CheckboxGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...rest }: CheckboxGroupProps) => React__default.ReactElement;
 type ChipProps = {
     /**
@@ -5025,7 +5041,7 @@ type ChipProps = {
      * Use `onChange` to update its value
      */
     value?: string;
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type ChipGroupCommonProps = {
     /**
      * Sets the position of the label
@@ -5114,7 +5130,7 @@ type ChipGroupCommonProps = {
      * @default "primary"
      */
     color?: 'primary' | 'positive' | 'negative';
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type ChipGroupPropsWithA11yLabel = {
     /**
      * Label to be shown for the input field
@@ -5143,7 +5159,7 @@ declare const Chip: React__default.ForwardRefExoticComponent<{
     color?: "negative" | "positive" | "primary" | undefined;
     isDisabled?: boolean | undefined;
     value?: string | undefined;
-} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -5484,7 +5500,7 @@ declare const Chip: React__default.ForwardRefExoticComponent<{
     } | undefined;
 }, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
-declare const ChipGroup: ({ accessibilityLabel, label, labelPosition, necessityIndicator, validationState, errorText, helpText, isRequired, children, isDisabled, name, defaultValue, onChange, value, size, color, testID, selectionType, ...styledProps }: ChipGroupProps) => React__default.ReactElement;
+declare const ChipGroup: ({ accessibilityLabel, label, labelPosition, necessityIndicator, validationState, errorText, helpText, isRequired, children, isDisabled, name, defaultValue, onChange, value, size, color, testID, selectionType, ...rest }: ChipGroupProps) => React__default.ReactElement;
 type CollapsibleProps = {
     /**
@@ -5525,14 +5541,14 @@ type CollapsibleProps = {
      * **Internal**: used to override responsive width restrictions
      */
     _shouldApplyWidthRestrictions?: boolean;
-} & TestID & StyledPropsBlade;
-declare const Collapsible: ({ children, direction, defaultIsExpanded, isExpanded, onExpandChange, testID, _shouldApplyWidthRestrictions, _dangerouslyDisableValidations, ...styledProps }: CollapsibleProps) => ReactElement;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
+declare const Collapsible: ({ children, direction, defaultIsExpanded, isExpanded, onExpandChange, testID, _shouldApplyWidthRestrictions, _dangerouslyDisableValidations, ...rest }: CollapsibleProps) => ReactElement;
-type CollapsibleLinkProps = Pick<LinkProps, 'color' | 'size' | 'isDisabled' | 'testID' | 'accessibilityLabel' | 'children'> & StyledPropsBlade;
-declare const CollapsibleLink: ({ children, size, color, isDisabled, testID, accessibilityLabel, ...styledProps }: CollapsibleLinkProps) => ReactElement;
+type CollapsibleLinkProps = Pick<LinkProps, 'color' | 'size' | 'isDisabled' | 'testID' | 'accessibilityLabel' | 'children'> & DataAnalyticsAttribute & StyledPropsBlade;
+declare const CollapsibleLink: ({ children, size, color, isDisabled, testID, accessibilityLabel, ...rest }: CollapsibleLinkProps) => ReactElement;
-type CollapsibleButtonProps = Pick<ButtonProps, 'variant' | 'size' | 'iconPosition' | 'isDisabled' | 'testID' | 'accessibilityLabel' | 'icon' | 'children'>;
-declare const CollapsibleButton: React$1.ForwardRefExoticComponent<CollapsibleButtonProps & React$1.RefAttributes<BladeElementRef>>;
+type CollapsibleButtonProps = Pick<ButtonProps, 'variant' | 'size' | 'iconPosition' | 'isDisabled' | 'testID' | 'accessibilityLabel' | 'icon' | 'children'> & DataAnalyticsAttribute;
+declare const CollapsibleButton: React$1.ForwardRefExoticComponent<Pick<ButtonProps, "icon" | "children" | "testID" | "size" | "accessibilityLabel" | "variant" | "isDisabled" | "iconPosition"> & DataAnalyticsAttribute & React$1.RefAttributes<BladeElementRef>>;
 type CollapsibleBodyProps = {
     children: ReactNode;
@@ -5543,9 +5559,9 @@ type CollapsibleBodyProps = {
      * Set to false to remove margin of CollapsibleBody
      */
     _hasMargin?: boolean;
-} & TestID;
+} & DataAnalyticsAttribute & TestID;
-declare const CollapsibleBody: ({ children, testID, width, _hasMargin, }: CollapsibleBodyProps) => ReactElement;
+declare const CollapsibleBody: ({ children, testID, width, _hasMargin, ...rest }: CollapsibleBodyProps) => ReactElement;
 type DividerProps = {
     /**
@@ -5627,7 +5643,7 @@ type DrawerProps = {
      * @default true
      */
     isLazy?: boolean;
-} & TestID;
+} & DataAnalyticsAttribute & TestID;
 type DrawerHeaderProps = {
     /**
      * Title of the Drawer
@@ -5655,7 +5671,7 @@ type DrawerHeaderProps = {
      * Link, Button[]
      */
     trailing?: React.ReactNode;
-};
+} & DataAnalyticsAttribute;
 declare const Drawer: (_props: DrawerProps) => React.ReactElement;
@@ -5721,7 +5737,7 @@ type FormInputValidationProps = {
 type CommonAutoCompleteSuggestionTypes = 'none' | 'name' | 'email' | 'username' | 'password' | 'newPassword' | 'oneTimeCode' | 'telephone' | 'postalCode' | 'countryName' | 'creditCardNumber' | 'creditCardCSC' | 'creditCardExpiry' | 'creditCardExpiryMonth' | 'creditCardExpiryYear';
 type WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';
-type BaseInputCommonProps = FormInputLabelProps & FormInputValidationProps & {
+type BaseInputCommonProps = FormInputLabelProps & DataAnalyticsAttribute & FormInputValidationProps & {
     /**
      * Determines if it needs to be rendered as input, textarea or button
      */
@@ -6045,7 +6061,7 @@ type TaggedInputProps = {
 };
 type Type = Exclude<BaseInputProps['type'], 'password'>;
-type TextInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'size' | 'leadingIcon' | 'trailingButton' | 'trailingIcon' | 'textAlign'> & {
+type TextInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'size' | 'leadingIcon' | 'trailingButton' | 'trailingIcon' | 'textAlign' | keyof DataAnalyticsAttribute> & {
     /**
      * Decides whether to render a clear icon button
      */
@@ -6275,7 +6291,7 @@ type DropdownProps = {
      * width prop for outer relative container of Dropdown. Use width prop on DropdownOverlay to change width of menu
      */
     _width?: BoxProps['width'];
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type DropdownOverlayProps = {
     children: React__default.ReactElement[] | React__default.ReactElement;
     /**
@@ -6317,7 +6333,7 @@ type DropdownOverlayProps = {
     defaultPlacement?: Placement;
 } & TestID;
-declare const Dropdown: ({ children, isOpen: isOpenControlled, onOpenChange, selectionType, testID, _width, ...styledProps }: DropdownProps) => React__default.ReactElement;
+declare const Dropdown: ({ children, isOpen: isOpenControlled, onOpenChange, selectionType, testID, _width, ...rest }: DropdownProps) => React__default.ReactElement;
 declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => React__default.ReactElement;
@@ -6325,16 +6341,16 @@ type DropdownButtonProps = ButtonProps & {
     onBlur?: BaseButtonProps['onBlur'];
     onKeyDown?: BaseButtonProps['onKeyDown'];
 };
-declare const DropdownButton: ({ children, icon, iconPosition, isDisabled, isFullWidth, isLoading, onClick, onBlur, onKeyDown, size, type, variant, accessibilityLabel, testID, ...styledProps }: DropdownButtonProps) => React__default.ReactElement;
+declare const DropdownButton: ({ children, icon, iconPosition, isDisabled, isFullWidth, isLoading, onClick, onBlur, onKeyDown, size, type, variant, accessibilityLabel, testID, ...rest }: DropdownButtonProps) => React__default.ReactElement;
 type DropdownLinkProps = LinkButtonVariantProps & {
     onBlur?: BaseLinkProps['onBlur'];
     onKeyDown?: BaseLinkProps['onKeyDown'];
 };
-declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...styledProps }: DropdownLinkProps) => React__default.ReactElement;
+declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...props }: DropdownLinkProps) => React__default.ReactElement;
-type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID'>;
-declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, }: DropdownHeaderProps) => React__default.ReactElement;
+type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID' | keyof DataAnalyticsAttribute>;
+declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, ...rest }: DropdownHeaderProps) => React__default.ReactElement;
 type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
 declare const DropdownFooter: ({ children, testID }: DropdownFooter) => React__default.ReactElement;
@@ -6518,8 +6534,8 @@ type IndicatorProps = {
      * a11y label for screen readers
      */
     accessibilityLabel?: string;
-} & TestID & StyledPropsBlade;
-declare const Indicator: ({ accessibilityLabel, children, size, color, emphasis, testID, ...styledProps }: IndicatorProps) => ReactElement;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
+declare const Indicator: ({ accessibilityLabel, children, size, color, emphasis, testID, ...rest }: IndicatorProps) => ReactElement;
 /**
  * ### SelectInput
@@ -6554,7 +6570,7 @@ declare const SelectInput: React__default.ForwardRefExoticComponent<(({
 } | {
     label: string;
     accessibilityLabel?: string | undefined;
-}) & Pick<BaseInputProps, "name" | "label" | "testID" | "prefix" | "size" | "accessibilityLabel" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
+}) & Pick<BaseInputProps, "name" | `data-analytics-${string}` | "label" | "testID" | "prefix" | "size" | "accessibilityLabel" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
     icon?: IconComponent | undefined;
     value?: string | string[] | undefined;
     defaultValue?: string | string[] | undefined;
@@ -6613,7 +6629,7 @@ declare const SelectInput: React__default.ForwardRefExoticComponent<(({
  *
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-autocomplete--with-single-select AutoComplete Documentation}.
  */
-declare const AutoComplete: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "label" | "testID" | "prefix" | "size" | "accessibilityLabel" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
+declare const AutoComplete: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | `data-analytics-${string}` | "label" | "testID" | "prefix" | "size" | "accessibilityLabel" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
     icon?: IconComponent | undefined;
     value?: string | string[] | undefined;
     defaultValue?: string | string[] | undefined;
@@ -6630,7 +6646,7 @@ declare const AutoComplete: React__default.ForwardRefExoticComponent<Pick<BaseIn
     filteredValues?: string[] | undefined;
 } & React__default.RefAttributes<BladeElementRef>>;
-type DropdownInputTriggersCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID' | 'size'> & {
+type DropdownInputTriggersCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID' | 'size' | keyof DataAnalyticsAttribute> & {
     icon?: IconComponent;
     /**
      * Controlled value of the Select. Use it in combination of `onChange`.
@@ -6717,7 +6733,7 @@ type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
     value?: string;
     inputIndex: number;
 }) => void;
-type OTPInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID' | 'size'> & {
+type OTPInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID' | 'size' | keyof DataAnalyticsAttribute> & {
     /**
      * Determines the number of input fields to show for the OTP
      * @default 6
@@ -6807,7 +6823,7 @@ type PasswordInputExtraProps = {
      */
     autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'password' | 'newPassword'>;
 };
-type PasswordInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID' | 'size'> & PasswordInputExtraProps & StyledPropsBlade;
+type PasswordInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID' | 'size' | keyof DataAnalyticsAttribute> & PasswordInputExtraProps & StyledPropsBlade;
 type PasswordInputPropsWithA11yLabel = {
     /**
      * Label to be shown for the input field
@@ -6831,7 +6847,7 @@ type PasswordInputPropsWithLabel = {
 type PasswordInputProps = (PasswordInputPropsWithA11yLabel | PasswordInputPropsWithLabel) & PasswordInputCommonProps;
 declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<BladeElementRef>>;
-type TextAreaCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID' | 'size'> & {
+type TextAreaCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID' | 'size' | keyof DataAnalyticsAttribute> & {
     /**
      * Decides whether to render a clear icon button
      */
@@ -6864,7 +6880,7 @@ type TextAreaPropsWithLabel = {
 type TextAreaProps = (TextAreaPropsWithA11yLabel | TextAreaPropsWithLabel) & TextAreaCommonProps;
 declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<BladeElementRef>>;
-type SearchInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'helpText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'autoFocus' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'size'> & {
+type SearchInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'helpText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'autoFocus' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'size' | keyof DataAnalyticsAttribute> & {
     /**
      * Event handler to handle the onClick event for clear button.
      */
@@ -6903,7 +6919,7 @@ type SearchInputPropsWithLabel = {
 type SearchInputProps = (SearchInputPropsWithA11yLabel | SearchInputPropsWithLabel) & SearchInputCommonProps;
 declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<BladeElementRef>>;
-type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | 'name' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'defaultValue' | 'necessityIndicator' | 'isRequired' | 'isDisabled' | 'onFocus' | 'onBlur' | 'onClick' | 'leadingIcon' | 'trailingIcon' | 'accessibilityLabel' | 'autoFocus' | 'testID' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'placeholder'>;
+type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | 'name' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'defaultValue' | 'necessityIndicator' | 'isRequired' | 'isDisabled' | 'onFocus' | 'onBlur' | 'onClick' | 'leadingIcon' | 'trailingIcon' | 'accessibilityLabel' | 'autoFocus' | 'testID' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'placeholder' | keyof DataAnalyticsAttribute>;
 type PhoneNumberInputProps = StyledPropsBlade & CommonProps & {
     /**
      * Default value of the input, Used to set the default value of input field when it's uncontrolled
@@ -7103,7 +7119,7 @@ type ModalProps = {
      * @default 1000
      */
     zIndex?: number;
-};
+} & DataAnalyticsAttribute;
 declare const Modal: (props: ModalProps) => React__default.ReactElement;
@@ -7132,7 +7148,7 @@ type BaseMenuItemProps = {
         web: React.MouseEventHandler;
         native: undefined | ((event: any) => void);
     }>;
-} & BladeCommonEvents;
+} & BladeCommonEvents & DataAnalyticsAttribute;
 type MenuProps = {
     /**
@@ -7217,7 +7233,7 @@ type MenuItemProps = {
     _hasFocusInside?: boolean;
     _isMenuTrigger?: boolean;
     _isSubmenuOpen?: boolean;
-};
+} & DataAnalyticsAttribute;
 type MenuOverlayProps = {
     /**
      * JSX Slot for MenuItem or anything else
@@ -7245,9 +7261,9 @@ type MenuOverlayProps = {
      * @private Internal Prop. Do not override or you'll be fired
      */
     _transitionStyle?: React__default.CSSProperties;
-} & TestID;
-type MenuFooterProps = Pick<BaseFooterProps, 'children' | 'testID'>;
-type MenuHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID'>;
+} & TestID & DataAnalyticsAttribute;
+type MenuFooterProps = Pick<BaseFooterProps, 'children' | 'testID' | keyof DataAnalyticsAttribute>;
+type MenuHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID' | keyof DataAnalyticsAttribute>;
 declare const Menu: (_props: MenuProps) => React.ReactElement;
@@ -7315,7 +7331,7 @@ type PopoverProps = {
      * @default PopoverCloseButton
      */
     initialFocusRef?: React__default.RefObject<any>;
-};
+} & DataAnalyticsAttribute;
 /**
  * PopoverTriggerProps
  *
@@ -7391,7 +7407,7 @@ type ProgressBarCommonProps = {
      * @default 100
      */
     max?: number;
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type ProgressBarVariant = 'progress' | 'meter' | 'linear' | 'circular';
 type ProgressBarProgressProps = ProgressBarCommonProps & {
     /**
@@ -7428,7 +7444,7 @@ type ProgressBarMeterProps = ProgressBarCommonProps & {
     showPercentage?: undefined;
 };
 type ProgressBarProps = ProgressBarProgressProps | ProgressBarMeterProps;
-declare const ProgressBar: ({ accessibilityLabel, color, type, isIndeterminate, label, showPercentage, size, value, variant, min, max, testID, ...styledProps }: ProgressBarProps) => ReactElement;
+declare const ProgressBar: ({ accessibilityLabel, color, type, isIndeterminate, label, showPercentage, size, value, variant, min, max, testID, ...rest }: ProgressBarProps) => ReactElement;
 type RadioProps = {
     /**
@@ -7456,7 +7472,7 @@ type RadioProps = {
      * @default "medium"
      */
     size?: 'small' | 'medium' | 'large';
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 declare const Radio: React__default.ForwardRefExoticComponent<{
     /**
      * Sets the label text of the Radio
@@ -7483,7 +7499,7 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
      * @default "medium"
      */
     size?: "small" | "medium" | "large" | undefined;
-} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -7902,8 +7918,8 @@ type RadioGroupProps = {
      * @default "medium"
      */
     size?: 'small' | 'medium' | 'large';
-} & TestID & StyledPropsBlade;
-declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: RadioGroupProps) => React__default.ReactElement;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
+declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...rest }: RadioGroupProps) => React__default.ReactElement;
 type TooltipProps = {
     /**
@@ -7929,7 +7945,7 @@ type TooltipProps = {
      * @default 1100
      */
     zIndex?: number;
-};
+} & DataAnalyticsAttribute;
 declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => React__default.ReactElement;
@@ -8032,7 +8048,7 @@ type SideNavLinkProps = {
      * ```
      */
     tooltip?: Pick<TooltipProps, 'title' | 'content' | 'onOpenChange'>;
-};
+} & DataAnalyticsAttribute;
 type SideNavSectionProps = {
     title?: string;
     /**
@@ -8055,7 +8071,7 @@ type SideNavSectionProps = {
      * Children slot for SideNavLink
      */
     children: React__default.ReactElement[];
-};
+} & DataAnalyticsAttribute;
 type SideNavFooterProps = {
     /**
      * Children slot for SideNavLink, SideNavItem
@@ -8104,7 +8120,7 @@ type SideNavItemProps = {
      * ```
      */
     tooltip?: SideNavLinkProps['tooltip'];
-};
+} & DataAnalyticsAttribute;
 type SideNavBodyProps = {
     children: React__default.ReactElement | React__default.ReactElement[];
 };
@@ -8322,7 +8338,7 @@ type StepGroupProps = {
      * This is an internal prop to keep track of nestingLevel of StepGroup
      */
     _nestingLevel?: number;
-} & StyledPropsBlade & TestID;
+} & StyledPropsBlade & DataAnalyticsAttribute & TestID;
 type StepItemProps = {
     _index?: number;
     _nestingLevel?: StepGroupProps['_nestingLevel'];
@@ -8331,6 +8347,10 @@ type StepItemProps = {
      * title of StepItem
      */
     title: string;
+    /**
+     * color of StepItem title
+     */
+    titleColor?: `feedback.text.${FeedbackColors}.intense` | `surface.text.primary.normal`;
     /**
      * A string that renders in italic font. Made for adding timestamp values.
      *
@@ -8386,7 +8406,7 @@ type StepItemProps = {
      * Children slot for adding additional custom elements to item
      */
     children?: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 declare const StepGroup: (_props: StepGroupProps) => React.ReactElement;
@@ -8454,7 +8474,7 @@ type SwitchProps = {
      * The id of the input field in a switch, useful for associating a label element with the input via htmlFor prop
      */
     id?: string;
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 declare const Switch: React__default.ForwardRefExoticComponent<{
     isChecked?: boolean | undefined;
@@ -8466,7 +8486,7 @@ declare const Switch: React__default.ForwardRefExoticComponent<{
     size?: "small" | "medium" | undefined;
     accessibilityLabel: string;
     id?: string | undefined;
-} & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
+} & TestID & DataAnalyticsAttribute & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -8842,7 +8862,7 @@ type TableHeaderRowProps = {
      * The default value is `normal`.
      **/
     rowDensity?: TableProps<unknown>['rowDensity'];
-};
+} & DataAnalyticsAttribute;
 type TableHeaderCellProps = {
     /**
      * The children of TableHeaderCell can be a string or a ReactNode.
@@ -8855,7 +8875,7 @@ type TableHeaderCellProps = {
      **/
     headerKey?: string;
     _hasPadding?: boolean;
-};
+} & DataAnalyticsAttribute;
 type TableProps<Item> = {
     /**
      * The children of the Table component should be a function that returns TableHeader, TableBody and TableFooter components.
@@ -8977,7 +8997,7 @@ type TableProps<Item> = {
      * An array of default selected row ids. This will be used to set the initial selected rows.
      */
     defaultSelectedIds?: Identifier[];
-} & StyledPropsBlade;
+} & DataAnalyticsAttribute & StyledPropsBlade;
 type Identifier = string | number;
 type TableBodyProps = {
     /**
@@ -8990,7 +9010,7 @@ type TableBodyProps = {
      * </TableBody>
      **/
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 type TableRowProps<Item> = {
     /**
      * The children of the TableRow component should be TableCell components.
@@ -9031,7 +9051,7 @@ type TableRowProps<Item> = {
         item: TableNode<Item>;
     }) => void;
     hoverActions?: React__default.ReactElement;
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 type TableCellProps = {
     /**
      * The children of the TableCell component should be a string or a ReactNode.
@@ -9051,7 +9071,7 @@ type TableCellProps = {
      * @private
      */
     _hasPadding?: boolean;
-};
+} & DataAnalyticsAttribute;
 type TableEditableCellProps = Pick<BaseInputProps, 'validationState' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'leadingIcon' | 'trailingButton' | 'errorText' | 'successText'> & {
     accessibilityLabel: NonNullable<BaseInputProps['accessibilityLabel']>;
 };
@@ -9067,7 +9087,7 @@ type TableFooterProps = {
      * </TableFooter>
      **/
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 type TableFooterRowProps = {
     /**
      * The children of TableFooterRow should be TableFooterCell
@@ -9079,13 +9099,13 @@ type TableFooterRowProps = {
      * </TableFooter>
      **/
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 type TableFooterCellProps = {
     /**
      * The children of TableHeaderCell can be a string or a ReactNode.
      **/
     children: string | React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 type TablePaginationCommonProps = {
     /**
      * The default page size.
@@ -9125,7 +9145,7 @@ type TablePaginationCommonProps = {
      * @default false
      */
     showLabel?: boolean;
-};
+} & DataAnalyticsAttribute;
 type TablePaginationType = 'client' | 'server';
 type TablePaginationServerProps = TablePaginationCommonProps & {
     /**
@@ -9183,10 +9203,10 @@ type TableToolbarProps = {
      * @default `${selectedRows.length} 'Items'} Selected`
      */
     selectedTitle?: string;
-};
+} & DataAnalyticsAttribute;
 type TableToolbarActionsProps = {
     children?: React__default.ReactNode;
-} & StyledPropsBlade;
+} & StyledPropsBlade & DataAnalyticsAttribute;
 declare const Table: <Item>(props: TableProps<Item>) => React__default.ReactElement;
@@ -9261,7 +9281,7 @@ type TabsProps = {
      * @default false
      */
     isLazy?: boolean;
-};
+} & DataAnalyticsAttribute;
 type TabItemProps = {
     /**
      * The label of the tab item.
@@ -9309,7 +9329,7 @@ type TabPanelProps = {
      * The content of the tab panel.
      */
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 declare const Tabs: ({ children, defaultValue, value, onChange, size, variant, isFullWidthTabItem, isLazy, }: TabsProps) => React__default.ReactElement;
@@ -9364,7 +9384,7 @@ type TagProps = {
      * @private
      */
     _isTagInsideInput?: boolean;
-} & StyledPropsBlade & TestID;
+} & StyledPropsBlade & DataAnalyticsAttribute & TestID;
 /**
  * ## Tags
@@ -9393,7 +9413,7 @@ type TagProps = {
  * Checkout [Tags Documentation](https://blade.razorpay.com/?path=/story/components-tag--default) for more info.
  *
  */
-declare const Tag: ({ size, icon: Icon, onDismiss, children, isDisabled, testID, _isVirtuallyFocused, _isTagInsideInput, ...styledProps }: TagProps) => React__default.ReactElement | null;
+declare const Tag: ({ size, icon: Icon, onDismiss, children, isDisabled, testID, _isVirtuallyFocused, _isTagInsideInput, ...rest }: TagProps) => React__default.ReactElement | null;
 declare const ToastContainer: () => React.ReactElement;
@@ -9570,4 +9590,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
-export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };