@razorpay/blade 11.37.0 → 11.38.1

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

@@ -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']>;
@@ -2538,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;
@@ -2596,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 = {
     /**
@@ -2645,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
  *
@@ -2682,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 = {
     /**
@@ -2714,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;
@@ -2976,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 = {
@@ -3070,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 = {
@@ -3138,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;
@@ -3188,7 +3198,7 @@ type AvatarGroupProps = {
      */
     maxCount?: number;
     testID?: string;
-};
+} & DataAnalyticsAttribute;
 type AvatarCommonProps = {
     /**
      * The size of the avatar.
@@ -3250,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;
@@ -3310,7 +3320,7 @@ type ActionListItemProps = {
      * @private
      */
     _index?: number;
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 type ActionListSectionProps = {
     title: string;
     children: React__default.ReactNode[] | React__default.ReactNode;
@@ -3328,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;
@@ -3429,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 = {
@@ -3495,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;
 
@@ -3512,7 +3522,7 @@ type BaseFooterProps = {
     metaComponentName?: string;
     showDivider?: boolean;
     padding?: BoxProps['padding'];
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 
 type BottomSheetProps = {
     /**
@@ -3547,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
@@ -3561,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;
     /**
@@ -3574,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;
 
@@ -3648,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>>;
 
@@ -3670,7 +3680,7 @@ type BottomNavProps = {
      * @default 100
      */
     zIndex?: number;
-} & StyledPropsBlade & TestID;
+} & StyledPropsBlade & TestID & DataAnalyticsAttribute;
 type BottomNavItemProps = {
     /**
      * Title text of the BottomNavItem
@@ -3719,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;
@@ -3749,7 +3759,7 @@ type BreadcrumbProps = StyledPropsBlade & {
      * aria-label for breadcrumb
      */
     accessibilityLabel?: string;
-};
+} & DataAnalyticsAttribute;
 type BreadcrumbItemProps = {
     /**
      * Href of the BreadcrumbItem
@@ -3780,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;
 
@@ -3815,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;
         /**
@@ -3859,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;
 } & {
@@ -3903,7 +3913,7 @@ type ButtonGroupProps = {
      * Test ID for automation
      */
     testID?: string;
-};
+} & DataAnalyticsAttribute;
 
 declare const ButtonGroup: (_props: ButtonGroupProps) => React.ReactElement;
 
@@ -4033,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 = {
     /**
@@ -4069,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 = {
@@ -4246,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;
@@ -4263,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
@@ -4292,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']>;
@@ -4410,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;
 
@@ -4502,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
@@ -4581,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;
@@ -5000,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 = {
     /**
@@ -5031,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
@@ -5120,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
@@ -5149,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;
@@ -5490,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 = {
     /**
@@ -5531,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;
@@ -5549,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 = {
     /**
@@ -5633,7 +5643,7 @@ type DrawerProps = {
      * @default true
      */
     isLazy?: boolean;
-} & TestID;
+} & DataAnalyticsAttribute & TestID;
 type DrawerHeaderProps = {
     /**
      * Title of the Drawer
@@ -5661,7 +5671,7 @@ type DrawerHeaderProps = {
      * Link, Button[]
      */
     trailing?: React.ReactNode;
-};
+} & DataAnalyticsAttribute;
 
 declare const Drawer: (_props: DrawerProps) => React.ReactElement;
 
@@ -5727,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
      */
@@ -6051,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
      */
@@ -6281,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;
     /**
@@ -6323,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;
 
@@ -6331,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;
 
@@ -6524,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
@@ -6560,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;
@@ -6619,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;
@@ -6636,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`.
@@ -6723,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
@@ -6813,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
@@ -6837,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
      */
@@ -6870,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.
      */
@@ -6909,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
@@ -7109,7 +7119,7 @@ type ModalProps = {
      * @default 1000
      */
     zIndex?: number;
-};
+} & DataAnalyticsAttribute;
 
 declare const Modal: (props: ModalProps) => React__default.ReactElement;
 
@@ -7138,7 +7148,7 @@ type BaseMenuItemProps = {
         web: React.MouseEventHandler;
         native: undefined | ((event: any) => void);
     }>;
-} & BladeCommonEvents;
+} & BladeCommonEvents & DataAnalyticsAttribute;
 
 type MenuProps = {
     /**
@@ -7223,7 +7233,7 @@ type MenuItemProps = {
     _hasFocusInside?: boolean;
     _isMenuTrigger?: boolean;
     _isSubmenuOpen?: boolean;
-};
+} & DataAnalyticsAttribute;
 type MenuOverlayProps = {
     /**
      * JSX Slot for MenuItem or anything else
@@ -7251,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;
 
@@ -7321,7 +7331,7 @@ type PopoverProps = {
      * @default PopoverCloseButton
      */
     initialFocusRef?: React__default.RefObject<any>;
-};
+} & DataAnalyticsAttribute;
 /**
  * PopoverTriggerProps
  *
@@ -7397,7 +7407,7 @@ type ProgressBarCommonProps = {
      * @default 100
      */
     max?: number;
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type ProgressBarVariant = 'progress' | 'meter' | 'linear' | 'circular';
 type ProgressBarProgressProps = ProgressBarCommonProps & {
     /**
@@ -7434,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 = {
     /**
@@ -7462,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
@@ -7489,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;
@@ -7908,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 = {
     /**
@@ -7935,7 +7945,7 @@ type TooltipProps = {
      * @default 1100
      */
     zIndex?: number;
-};
+} & DataAnalyticsAttribute;
 
 declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => React__default.ReactElement;
 
@@ -8038,7 +8048,7 @@ type SideNavLinkProps = {
      * ```
      */
     tooltip?: Pick<TooltipProps, 'title' | 'content' | 'onOpenChange'>;
-};
+} & DataAnalyticsAttribute;
 type SideNavSectionProps = {
     title?: string;
     /**
@@ -8061,7 +8071,7 @@ type SideNavSectionProps = {
      * Children slot for SideNavLink
      */
     children: React__default.ReactElement[];
-};
+} & DataAnalyticsAttribute;
 type SideNavFooterProps = {
     /**
      * Children slot for SideNavLink, SideNavItem
@@ -8110,7 +8120,7 @@ type SideNavItemProps = {
      * ```
      */
     tooltip?: SideNavLinkProps['tooltip'];
-};
+} & DataAnalyticsAttribute;
 type SideNavBodyProps = {
     children: React__default.ReactElement | React__default.ReactElement[];
 };
@@ -8328,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'];
@@ -8337,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.
      *
@@ -8392,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;
 
@@ -8460,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;
@@ -8472,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;
@@ -8848,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.
@@ -8861,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.
@@ -8983,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 = {
     /**
@@ -8996,7 +9010,7 @@ type TableBodyProps = {
      * </TableBody>
      **/
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 type TableRowProps<Item> = {
     /**
      * The children of the TableRow component should be TableCell components.
@@ -9037,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.
@@ -9057,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']>;
 };
@@ -9073,7 +9087,7 @@ type TableFooterProps = {
      * </TableFooter>
      **/
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 type TableFooterRowProps = {
     /**
      * The children of TableFooterRow should be TableFooterCell
@@ -9085,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.
@@ -9131,7 +9145,7 @@ type TablePaginationCommonProps = {
      * @default false
      */
     showLabel?: boolean;
-};
+} & DataAnalyticsAttribute;
 type TablePaginationType = 'client' | 'server';
 type TablePaginationServerProps = TablePaginationCommonProps & {
     /**
@@ -9189,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;
 
@@ -9267,7 +9281,7 @@ type TabsProps = {
      * @default false
      */
     isLazy?: boolean;
-};
+} & DataAnalyticsAttribute;
 type TabItemProps = {
     /**
      * The label of the tab item.
@@ -9315,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;
 
@@ -9370,7 +9384,7 @@ type TagProps = {
      * @private
      */
     _isTagInsideInput?: boolean;
-} & StyledPropsBlade & TestID;
+} & StyledPropsBlade & DataAnalyticsAttribute & TestID;
 
 /**
  * ## Tags
@@ -9399,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;