@razorpay/blade 11.37.0 → 11.38.1

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

@@ -681,6 +681,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
@@ -1349,8 +1359,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;
@@ -1937,7 +1947,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']>;
@@ -2756,7 +2766,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;
@@ -2814,14 +2824,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 = {
     /**
@@ -2863,12 +2873,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
  *
@@ -2900,7 +2910,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 = {
     /**
@@ -2932,8 +2942,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;
@@ -3194,7 +3204,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 = {
@@ -3288,11 +3298,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 = {
@@ -3356,7 +3366,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;
@@ -3406,7 +3416,7 @@ type AvatarGroupProps = {
      */
     maxCount?: number;
     testID?: string;
-};
+} & DataAnalyticsAttribute;
 type AvatarCommonProps = {
     /**
      * The size of the avatar.
@@ -3468,7 +3478,7 @@ type AvatarCommonProps = {
     topAddon?: React__default.ReactElement;
     testID?: string;
 } & BladeCommonEvents & StyledPropsBlade;
-type AvatarProps = AvatarCommonProps & AvatarImgProps;
+type AvatarProps = AvatarCommonProps & AvatarImgProps & DataAnalyticsAttribute;
 
 type ActionListItemProps = {
     title: string;
@@ -3528,7 +3538,7 @@ type ActionListItemProps = {
      * @private
      */
     _index?: number;
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 type ActionListSectionProps = {
     title: string;
     children: React__default.ReactNode[] | React__default.ReactNode;
@@ -3546,8 +3556,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;
@@ -3645,8 +3655,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 = {
@@ -3711,9 +3721,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;
 
 /**
  * ### Avatar Component
@@ -4309,7 +4319,7 @@ declare const Avatar: React__default.ForwardRefExoticComponent<{
     srcSet?: string | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     referrerPolicy?: React__default.HTMLAttributeReferrerPolicy | undefined;
-} & React__default.RefAttributes<BladeElementRef>>;
+} & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;
 
 /**
  * ### AvatarGroup Component
@@ -4339,7 +4349,7 @@ declare const Avatar: React__default.ForwardRefExoticComponent<{
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-avatar-avatargroup AvatarGroup Documentation}
  *
  */
-declare const AvatarGroup: ({ children, size, maxCount, testID, ...styledProps }: AvatarGroupProps) => React__default.ReactElement;
+declare const AvatarGroup: ({ children, size, maxCount, testID, ...rest }: AvatarGroupProps) => React__default.ReactElement;
 
 declare const TrustedBadgeIcon: IconComponent;
 
@@ -4350,7 +4360,7 @@ type BaseFooterProps = {
     metaComponentName?: string;
     showDivider?: boolean;
     padding?: BoxProps['padding'];
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 
 type BottomSheetProps = {
     /**
@@ -4385,7 +4395,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
@@ -4399,8 +4409,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;
     /**
@@ -4412,15 +4422,15 @@ type BottomSheetBodyProps = {
      */
     padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.5'>;
     overflow?: BaseBoxProps['overflow'];
-};
+} & DataAnalyticsAttribute;
 
-declare const BottomSheetHeader: ({ title, subtitle, leading, titleSuffix, trailing, showBackButton, onBackButtonClick, children, }: BottomSheetHeaderProps) => React__default.ReactElement;
+declare const BottomSheetHeader: ({ title, subtitle, leading, titleSuffix, trailing, showBackButton, onBackButtonClick, children, ...dataAnalyticsProps }: BottomSheetHeaderProps) => React__default.ReactElement;
 
-declare const BottomSheetFooter: ({ children }: BaseFooterProps) => React__default.ReactElement;
+declare const BottomSheetFooter: ({ children, ...dataAnalyticsProps }: BaseFooterProps) => React__default.ReactElement;
 
-declare const BottomSheetBody: ({ children, padding, overflow, }: BottomSheetBodyProps) => React__default.ReactElement;
+declare const BottomSheetBody: ({ children, padding, overflow, ...dataAnalyticsProps }: BottomSheetBodyProps) => React__default.ReactElement;
 
-declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, zIndex, }: BottomSheetProps) => React__default.ReactElement;
+declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, zIndex, ...dataAnalyticsProps }: BottomSheetProps) => React__default.ReactElement;
 
 type LinkCommonProps = {
     variant?: 'anchor' | 'button';
@@ -4486,14 +4496,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>>;
 
@@ -4508,7 +4518,7 @@ type BottomNavProps = {
      * @default 100
      */
     zIndex?: number;
-} & StyledPropsBlade & TestID;
+} & StyledPropsBlade & TestID & DataAnalyticsAttribute;
 type BottomNavItemProps = {
     /**
      * Title text of the BottomNavItem
@@ -4557,7 +4567,7 @@ type BottomNavItemProps = {
         web: React__default.MouseEventHandler;
         native: undefined;
     }>;
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 
 /**
  * ### BottomNav component
@@ -4599,8 +4609,8 @@ type BottomNavItemProps = {
  * Checkout {@link https://blade.razorpay.com/??path=/docs/components-bottomnav--doc BottomNav Documentation}
 
  */
-declare const BottomNav: ({ children, zIndex, testID, ...styledProps }: BottomNavProps) => React__default.ReactElement;
-declare const BottomNavItem: ({ title, href, rel, target, as, isActive, onClick, icon: Icon, testID, }: BottomNavItemProps) => React__default.ReactElement;
+declare const BottomNav: ({ children, zIndex, testID, ...rest }: BottomNavProps) => React__default.ReactElement;
+declare const BottomNavItem: ({ title, href, rel, target, as, isActive, onClick, icon: Icon, testID, ...rest }: BottomNavItemProps) => React__default.ReactElement;
 
 type BreadcrumbProps = StyledPropsBlade & {
     /**
@@ -4627,7 +4637,7 @@ type BreadcrumbProps = StyledPropsBlade & {
      * aria-label for breadcrumb
      */
     accessibilityLabel?: string;
-};
+} & DataAnalyticsAttribute;
 type BreadcrumbItemProps = {
     /**
      * Href of the BreadcrumbItem
@@ -4658,11 +4668,11 @@ type BreadcrumbItemProps = {
      * Accessibility label for the BreadcrumbItem, can be used in icon only variant
      */
     accessibilityLabel?: string;
-};
+} & DataAnalyticsAttribute;
 
-declare const Breadcrumb: ({ size, color, showLastSeparator, accessibilityLabel, children, ...styledProps }: BreadcrumbProps) => React__default.ReactElement;
+declare const Breadcrumb: ({ size, color, showLastSeparator, accessibilityLabel, children, ...rest }: BreadcrumbProps) => React__default.ReactElement;
 
-declare const BreadcrumbItem: ({ children, href, icon: Icon, isCurrentPage, onClick, accessibilityLabel, }: BreadcrumbItemProps) => React__default.ReactElement;
+declare const BreadcrumbItem: ({ children, href, icon: Icon, isCurrentPage, onClick, accessibilityLabel, ...rest }: BreadcrumbItemProps) => React__default.ReactElement;
 
 type IconButtonProps = {
     /**
@@ -4693,7 +4703,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;
         /**
@@ -4737,7 +4747,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
      * Sets tabindex property on button element
      */
     _tabIndex?: number | undefined;
-} & BladeCommonEvents & {
+} & DataAnalyticsAttribute & BladeCommonEvents & {
     onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
     /**
      * This changes the hover interaction to highlight icon more
@@ -4786,7 +4796,7 @@ type ButtonGroupProps = {
      * Test ID for automation
      */
     testID?: string;
-};
+} & DataAnalyticsAttribute;
 
 /**
  * ### ButtonGroup Component
@@ -4814,7 +4824,7 @@ type ButtonGroupProps = {
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup FileUpload Documentation}
  *
  */
-declare const ButtonGroup: ({ children, isDisabled, size, color, variant, isFullWidth, testID, ...styledProps }: ButtonGroupProps) => React__default.ReactElement;
+declare const ButtonGroup: ({ children, isDisabled, size, color, variant, isFullWidth, testID, ...rest }: ButtonGroupProps) => React__default.ReactElement;
 
 type CardSpacingValueType = Extract<SpacingValueType, 'spacing.0' | 'spacing.3' | 'spacing.4' | 'spacing.5' | 'spacing.7'>;
 
@@ -4942,13 +4952,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 = {
     /**
@@ -4978,8 +4988,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 = {
@@ -5155,8 +5165,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;
@@ -5172,8 +5182,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
@@ -5201,20 +5211,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']>;
@@ -5319,9 +5329,9 @@ type CarouselProps = {
      * Sets the height of the carousel
      */
     height?: BoxProps['height'];
-} & StyledPropsBlade;
+} & StyledPropsBlade & DataAnalyticsAttribute;
 
-declare const Carousel: ({ autoPlay, visibleItems, showIndicators, navigationButtonPosition, children, shouldAddStartEndSpacing, carouselItemWidth, scrollOverlayColor, accessibilityLabel, onChange, indicatorVariant, navigationButtonVariant, carouselItemAlignment, height, defaultActiveSlide, activeSlide: activeSlideProp, ...props }: CarouselProps) => React__default.ReactElement;
+declare const Carousel: ({ autoPlay, visibleItems, showIndicators, navigationButtonPosition, children, shouldAddStartEndSpacing, carouselItemWidth, scrollOverlayColor, accessibilityLabel, onChange, indicatorVariant, navigationButtonVariant, carouselItemAlignment, height, defaultActiveSlide, activeSlide: activeSlideProp, ...rest }: CarouselProps) => React__default.ReactElement;
 
 type CarouselItemProps = {
     id?: string;
@@ -5329,8 +5339,8 @@ type CarouselItemProps = {
     children: React__default.ReactNode;
     shouldHaveStartSpacing?: boolean;
     shouldHaveEndSpacing?: boolean;
-};
-declare const CarouselItem: ({ children, shouldHaveStartSpacing, shouldHaveEndSpacing, id, index, }: CarouselItemProps) => React__default.ReactElement;
+} & DataAnalyticsAttribute;
+declare const CarouselItem: ({ children, shouldHaveStartSpacing, shouldHaveEndSpacing, id, index, ...rest }: CarouselItemProps) => React__default.ReactElement;
 
 type OnChange$1 = ({ isChecked, event, value, }: {
     isChecked: boolean;
@@ -5415,7 +5425,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
@@ -5494,7 +5504,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;
@@ -6130,8 +6140,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 = {
     /**
@@ -6161,7 +6171,7 @@ type ChipProps = {
      * Use `onChange` to update its value
      */
     value?: string;
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type ChipGroupCommonProps = {
     /**
      * Sets the position of the label
@@ -6250,7 +6260,7 @@ type ChipGroupCommonProps = {
      * @default "primary"
      */
     color?: 'primary' | 'positive' | 'negative';
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type ChipGroupPropsWithA11yLabel = {
     /**
      * Label to be shown for the input field
@@ -6279,7 +6289,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;
@@ -6837,7 +6847,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 = {
     /**
@@ -6878,14 +6888,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" | "variant" | "isDisabled" | "accessibilityLabel" | "iconPosition"> & DataAnalyticsAttribute & React$1.RefAttributes<BladeElementRef>>;
 
 type CollapsibleBodyProps = {
     children: ReactNode;
@@ -6896,9 +6906,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 = {
     /**
@@ -6980,7 +6990,7 @@ type DrawerProps = {
      * @default true
      */
     isLazy?: boolean;
-} & TestID;
+} & DataAnalyticsAttribute & TestID;
 type DrawerHeaderProps = {
     /**
      * Title of the Drawer
@@ -7008,7 +7018,7 @@ type DrawerHeaderProps = {
      * Link, Button[]
      */
     trailing?: React.ReactNode;
-};
+} & DataAnalyticsAttribute;
 
 /**
  * ### Drawer Component
@@ -7047,7 +7057,7 @@ type DrawerHeaderProps = {
  *
  *
  */
-declare const Drawer: ({ isOpen, onDismiss, zIndex, children, accessibilityLabel, showOverlay, initialFocusRef, isLazy, testID, }: DrawerProps) => React__default.ReactElement;
+declare const Drawer: ({ isOpen, onDismiss, zIndex, children, accessibilityLabel, showOverlay, initialFocusRef, isLazy, testID, ...rest }: DrawerProps) => React__default.ReactElement;
 
 /**
  * #### Usage
@@ -7063,7 +7073,7 @@ declare const Drawer: ({ isOpen, onDismiss, zIndex, children, accessibilityLabel
  * ```
  *
  */
-declare const DrawerHeader: ({ title, subtitle, leading, trailing, titleSuffix, }: DrawerHeaderProps) => React__default.ReactElement;
+declare const DrawerHeader: ({ title, subtitle, leading, trailing, titleSuffix, ...rest }: DrawerHeaderProps) => React__default.ReactElement;
 declare const drawerPadding = "spacing.6";
 declare const DrawerBody: ({ children }: {
     children: React__default.ReactNode;
@@ -7124,7 +7134,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
      */
@@ -7448,7 +7458,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
      */
@@ -8242,7 +8252,7 @@ declare const DatePicker: <Type extends DateSelectionType = "single">({ selectio
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">>) => React__default.ReactElement;
+}, "visibility">, "__brand__">> & DataAnalyticsAttribute) => React__default.ReactElement;
 
 type DropdownProps = {
     /**
@@ -8263,7 +8273,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;
     /**
@@ -8305,7 +8315,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, zIndex, width, minWidth, maxWidth, referenceRef, defaultPlacement, }: DropdownOverlayProps) => React__default.ReactElement | null;
 
@@ -8313,16 +8323,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;
 
@@ -8556,8 +8566,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
@@ -8592,7 +8602,7 @@ declare const SelectInput: React__default.ForwardRefExoticComponent<(({
 } | {
     label: string;
     accessibilityLabel?: string | undefined;
-}) & Pick<BaseInputProps, "name" | "label" | "testID" | "prefix" | "size" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "accessibilityLabel" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
+}) & Pick<BaseInputProps, "name" | `data-analytics-${string}` | "label" | "testID" | "prefix" | "size" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "accessibilityLabel" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
     icon?: IconComponent | undefined;
     value?: string | string[] | undefined;
     defaultValue?: string | string[] | undefined;
@@ -8651,7 +8661,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" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "accessibilityLabel" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
+declare const AutoComplete: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | `data-analytics-${string}` | "label" | "testID" | "prefix" | "size" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "accessibilityLabel" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
     icon?: IconComponent | undefined;
     value?: string | string[] | undefined;
     defaultValue?: string | string[] | undefined;
@@ -8668,7 +8678,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`.
@@ -8755,7 +8765,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
@@ -8845,7 +8855,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
@@ -8869,7 +8879,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
      */
@@ -8902,7 +8912,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.
      */
@@ -9508,6 +9518,7 @@ declare const PhoneNumberInput: React__default.ForwardRefExoticComponent<Partial
         readonly xl?: "platform-web" | undefined;
     } | undefined;
 }, "visibility">, "__brand__">> & {
+    [x: `data-analytics-${string}`]: string;
     name?: string | undefined;
     label?: string | undefined;
     testID?: string | undefined;
@@ -9552,7 +9563,7 @@ declare const PhoneNumberInput: React__default.ForwardRefExoticComponent<Partial
     onClearButtonClick?: (() => void) | undefined;
 } & React__default.RefAttributes<BladeElementRef>>;
 
-type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | 'name' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'defaultValue' | 'necessityIndicator' | 'isRequired' | 'isDisabled' | 'onFocus' | 'onBlur' | 'onClick' | 'leadingIcon' | 'trailingIcon' | 'accessibilityLabel' | 'autoFocus' | 'testID' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'placeholder'>;
+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
@@ -9714,10 +9725,10 @@ declare function clearAnnouncer(assertiveness: Assertiveness): void;
  */
 declare function destroyAnnouncer(): void;
 
-type ModalHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix'>;
-declare const ModalHeader: ({ leading, subtitle, title, titleSuffix, trailing, }: ModalHeaderProps) => React.ReactElement;
+type ModalHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | keyof DataAnalyticsAttribute>;
+declare const ModalHeader: ({ leading, subtitle, title, titleSuffix, trailing, ...rest }: ModalHeaderProps) => React.ReactElement;
 
-type ModalFooterProps = Pick<BaseFooterProps, 'children'>;
+type ModalFooterProps = Pick<BaseFooterProps, 'children' | keyof DataAnalyticsAttribute>;
 declare const ModalFooter: (props: ModalFooterProps) => React__default.ReactElement;
 
 type ModalBodyProps = {
@@ -9730,8 +9741,8 @@ type ModalBodyProps = {
      * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs
      */
     padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.6'>;
-};
-declare const ModalBody: ({ children, padding }: ModalBodyProps) => React__default.ReactElement;
+} & DataAnalyticsAttribute;
+declare const ModalBody: ({ children, padding, ...rest }: ModalBodyProps) => React__default.ReactElement;
 
 type ModalProps = {
     /**
@@ -9766,9 +9777,9 @@ type ModalProps = {
      * @default 1000
      */
     zIndex?: number;
-};
+} & DataAnalyticsAttribute;
 
-declare const Modal: ({ isOpen, children, onDismiss, initialFocusRef, size, accessibilityLabel, zIndex, }: ModalProps) => React__default.ReactElement;
+declare const Modal: ({ isOpen, children, onDismiss, initialFocusRef, size, accessibilityLabel, zIndex, ...rest }: ModalProps) => React__default.ReactElement;
 
 type BaseMenuItemProps = {
     as?: React.ComponentType<any> | 'a' | 'button';
@@ -9795,7 +9806,7 @@ type BaseMenuItemProps = {
         web: React.MouseEventHandler;
         native: undefined | ((event: any) => void);
     }>;
-} & BladeCommonEvents;
+} & BladeCommonEvents & DataAnalyticsAttribute;
 
 type MenuProps = {
     /**
@@ -9880,7 +9891,7 @@ type MenuItemProps = {
     _hasFocusInside?: boolean;
     _isMenuTrigger?: boolean;
     _isSubmenuOpen?: boolean;
-};
+} & DataAnalyticsAttribute;
 type MenuOverlayProps = {
     /**
      * JSX Slot for MenuItem or anything else
@@ -9908,13 +9919,30 @@ 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$1.ReactElement;
 
-declare const MenuItem: React__default.ForwardRefExoticComponent<MenuItemProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const MenuItem: React__default.ForwardRefExoticComponent<{
+    title?: string | undefined;
+    description?: string | undefined;
+    children?: React__default.ReactNode;
+    as?: React__default.ComponentType<any> | "a" | "button" | undefined;
+    onClick?: ((event: React__default.MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onFocus?: ((event: React__default.FocusEvent<Element, Element>) => void) | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+    leading?: React__default.ReactNode;
+    trailing?: React__default.ReactNode;
+    titleSuffix?: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | undefined;
+    isDisabled?: boolean | undefined;
+    color?: "negative" | undefined;
+    _hasFocusInside?: boolean | undefined;
+    _isMenuTrigger?: boolean | undefined;
+    _isSubmenuOpen?: boolean | undefined;
+} & DataAnalyticsAttribute & React__default.RefAttributes<HTMLButtonElement>>;
 
 declare const MenuOverlay: React__default.ForwardRefExoticComponent<{
     children: React__default.ReactNode | React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>[];
@@ -9951,12 +9979,12 @@ declare const MenuOverlay: React__default.ForwardRefExoticComponent<{
         readonly xl?: SpacingValueType | undefined;
     } | undefined;
     _transitionStyle?: React__default.CSSProperties | undefined;
-} & TestID & React__default.RefAttributes<BladeElementRef>>;
+} & TestID & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;
 
 declare const MenuDivider: (styledProps: StyledPropsBlade) => React.ReactElement;
 
-declare const MenuHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, }: MenuHeaderProps) => React__default.ReactElement;
-declare const MenuFooter: ({ children, testID }: MenuFooterProps) => React__default.ReactElement;
+declare const MenuHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, ...rest }: MenuHeaderProps) => React__default.ReactElement;
+declare const MenuFooter: ({ children, testID, ...rest }: MenuFooterProps) => React__default.ReactElement;
 
 type PopoverProps = {
     /**
@@ -10013,7 +10041,7 @@ type PopoverProps = {
      * @default PopoverCloseButton
      */
     initialFocusRef?: React__default.RefObject<any>;
-};
+} & DataAnalyticsAttribute;
 /**
  * PopoverTriggerProps
  *
@@ -10046,7 +10074,7 @@ type PopoverTriggerProps = {
     }>;
 };
 
-declare const Popover: ({ content, title, titleLeading, footer, children, placement, onOpenChange, zIndex, isOpen, defaultIsOpen, initialFocusRef, }: PopoverProps) => React__default.ReactElement;
+declare const Popover: ({ content, title, titleLeading, footer, children, placement, onOpenChange, zIndex, isOpen, defaultIsOpen, initialFocusRef, ...rest }: PopoverProps) => React__default.ReactElement;
 
 type PopoverInteractiveWrapper = {
     /**
@@ -10059,7 +10087,7 @@ type PopoverInteractiveWrapper = {
     children?: React__default.ReactNode;
     onClick?: (event: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onKeyDown?: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
-} & Omit<BaseBoxProps, 'as'>;
+} & Omit<BaseBoxProps, 'as'> & DataAnalyticsAttribute;
 declare const PopoverInteractiveWrapper: React__default.ForwardRefExoticComponent<{
     /**
      * A label for screen readers to announce when the popover is opened.
@@ -10071,7 +10099,7 @@ declare const PopoverInteractiveWrapper: React__default.ForwardRefExoticComponen
     children?: React__default.ReactNode;
     onClick?: ((event: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
     onKeyDown?: ((event: React__default.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
-} & Omit<BaseBoxProps, "as"> & React__default.RefAttributes<HTMLButtonElement>>;
+} & Omit<BaseBoxProps, "as"> & DataAnalyticsAttribute & React__default.RefAttributes<HTMLButtonElement>>;
 
 type ProgressBarCommonProps = {
     /**
@@ -10112,7 +10140,7 @@ type ProgressBarCommonProps = {
      * @default 100
      */
     max?: number;
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type ProgressBarVariant = 'progress' | 'meter' | 'linear' | 'circular';
 type ProgressBarProgressProps = ProgressBarCommonProps & {
     /**
@@ -10149,7 +10177,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 = {
     /**
@@ -10177,7 +10205,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
@@ -10204,7 +10232,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;
@@ -10840,8 +10868,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 = {
     /**
@@ -10867,9 +10895,9 @@ type TooltipProps = {
      * @default 1100
      */
     zIndex?: number;
-};
+} & DataAnalyticsAttribute;
 
-declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => React__default.ReactElement;
+declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, ...rest }: TooltipProps) => React__default.ReactElement;
 
 declare const TooltipInteractiveWrapper: React__default.ForwardRefExoticComponent<Omit<BaseBoxProps, "as"> & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -10970,7 +10998,7 @@ type SideNavLinkProps = {
      * ```
      */
     tooltip?: Pick<TooltipProps, 'title' | 'content' | 'onOpenChange'>;
-};
+} & DataAnalyticsAttribute;
 type SideNavSectionProps = {
     title?: string;
     /**
@@ -10993,7 +11021,7 @@ type SideNavSectionProps = {
      * Children slot for SideNavLink
      */
     children: React__default.ReactElement[];
-};
+} & DataAnalyticsAttribute;
 type SideNavFooterProps = {
     /**
      * Children slot for SideNavLink, SideNavItem
@@ -11042,7 +11070,7 @@ type SideNavItemProps = {
      * ```
      */
     tooltip?: SideNavLinkProps['tooltip'];
-};
+} & DataAnalyticsAttribute;
 type SideNavBodyProps = {
     children: React__default.ReactElement | React__default.ReactElement[];
 };
@@ -11062,15 +11090,15 @@ type SideNavLevelProps = {
  * SideNav requires handling active state with React Router, Checkout Usage with React Router v6 at - [SideNav Documentation](https://blade.razorpay.com/?path=/docs/components-sidenav--docs)
  *
  */
-declare const SideNav: ({ children, isOpen, onDismiss, banner, testID, ...styledProps }: SideNavProps) => React__default.ReactElement;
+declare const SideNav: ({ children, isOpen, onDismiss, banner, testID, ...rest }: SideNavProps) => React__default.ReactElement;
 
-declare const SideNavLink: ({ title, href, children, titleSuffix, trailing, isActive, icon, tooltip, as, target, }: SideNavLinkProps) => React__default.ReactElement;
+declare const SideNavLink: ({ title, href, children, titleSuffix, trailing, isActive, icon, tooltip, as, target, ...rest }: SideNavLinkProps) => React__default.ReactElement;
 
 declare const SideNavLevel: ({ children }: SideNavLevelProps) => React__default.ReactElement;
 
-declare const SideNavSection: ({ children, title, defaultIsExpanded, maxVisibleItems, onExpandChange, }: SideNavSectionProps) => React__default.ReactElement;
+declare const SideNavSection: ({ children, title, defaultIsExpanded, maxVisibleItems, onExpandChange, ...rest }: SideNavSectionProps) => React__default.ReactElement;
 
-declare const SideNavItem: ({ leading, trailing, title, backgroundColor, tooltip, as, }: SideNavItemProps) => React.ReactElement;
+declare const SideNavItem: ({ leading, trailing, title, backgroundColor, tooltip, as, ...rest }: SideNavItemProps) => React.ReactElement;
 
 declare const SideNavFooter: ({ children }: SideNavFooterProps) => React__default.ReactElement;
 
@@ -11290,7 +11318,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'];
@@ -11299,6 +11327,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.
      *
@@ -11354,7 +11386,7 @@ type StepItemProps = {
      * Children slot for adding additional custom elements to item
      */
     children?: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 
 /**
  * ## StepGroup
@@ -11374,7 +11406,7 @@ type StepItemProps = {
  *
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-stepgroup--docs StepGroup Documentation}
  */
-declare const StepGroup: ({ size, orientation, children, testID, _nestingLevel, width, minWidth, maxWidth, ...styledProps }: StepGroupProps) => React__default.ReactElement;
+declare const StepGroup: ({ size, orientation, children, testID, _nestingLevel, width, minWidth, maxWidth, ...rest }: StepGroupProps) => React__default.ReactElement;
 
 /**
  * ## StepItem
@@ -11398,7 +11430,7 @@ declare const StepGroup: ({ size, orientation, children, testID, _nestingLevel,
  *
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-stepgroup--docs StepGroup Documentation}
  */
-declare const StepItem: ({ title, timestamp, description, stepProgress, marker, trailing, isSelected, isDisabled, href, target, onClick, children, _index, _totalIndex, _nestingLevel, }: StepItemProps) => React__default.ReactElement;
+declare const StepItem: ({ title, titleColor, timestamp, description, stepProgress, marker, trailing, isSelected, isDisabled, href, target, onClick, children, _index, _totalIndex, _nestingLevel, ...rest }: StepItemProps) => React__default.ReactElement;
 
 declare const StepItemIndicator: ({ color }: {
     color: IndicatorProps['color'];
@@ -11462,7 +11494,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;
@@ -11474,7 +11506,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;
@@ -12067,7 +12099,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.
@@ -12080,7 +12112,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.
@@ -12202,7 +12234,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 = {
     /**
@@ -12215,7 +12247,7 @@ type TableBodyProps = {
      * </TableBody>
      **/
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 type TableRowProps<Item> = {
     /**
      * The children of the TableRow component should be TableCell components.
@@ -12256,7 +12288,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.
@@ -12276,7 +12308,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']>;
 };
@@ -12292,7 +12324,7 @@ type TableFooterProps = {
      * </TableFooter>
      **/
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 type TableFooterRowProps = {
     /**
      * The children of TableFooterRow should be TableFooterCell
@@ -12304,13 +12336,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.
@@ -12350,7 +12382,7 @@ type TablePaginationCommonProps = {
      * @default false
      */
     showLabel?: boolean;
-};
+} & DataAnalyticsAttribute;
 type TablePaginationType = 'client' | 'server';
 type TablePaginationServerProps = TablePaginationCommonProps & {
     /**
@@ -12408,29 +12440,29 @@ type TableToolbarProps = {
      * @default `${selectedRows.length} 'Items'} Selected`
      */
     selectedTitle?: string;
-};
+} & DataAnalyticsAttribute;
 type TableToolbarActionsProps = {
     children?: React__default.ReactNode;
-} & StyledPropsBlade;
+} & StyledPropsBlade & DataAnalyticsAttribute;
 
-declare const Table: <Item>({ children, data, multiSelectTrigger, selectionType, onSelectionChange, isHeaderSticky, isFooterSticky, isFirstColumnSticky, rowDensity, onSortChange, sortFunctions, toolbar, pagination, height, showStripedRows, gridTemplateColumns, isLoading, isRefreshing, showBorderedCells, defaultSelectedIds, ...styledProps }: TableProps<Item>) => React__default.ReactElement;
+declare const Table: <Item>({ children, data, multiSelectTrigger, selectionType, onSelectionChange, isHeaderSticky, isFooterSticky, isFirstColumnSticky, rowDensity, onSortChange, sortFunctions, toolbar, pagination, height, showStripedRows, gridTemplateColumns, isLoading, isRefreshing, showBorderedCells, defaultSelectedIds, ...rest }: TableProps<Item>) => React__default.ReactElement;
 
-declare const TableHeader: ({ children }: TableHeaderRowProps) => React__default.ReactElement;
-declare const TableHeaderCell: ({ children, headerKey, _hasPadding, }: TableHeaderCellProps) => React__default.ReactElement;
-declare const TableHeaderRow: ({ children, rowDensity }: TableHeaderRowProps) => React__default.ReactElement;
+declare const TableHeader: ({ children, ...rest }: TableHeaderRowProps) => React__default.ReactElement;
+declare const TableHeaderCell: ({ children, headerKey, _hasPadding, ...rest }: TableHeaderCellProps) => React__default.ReactElement;
+declare const TableHeaderRow: ({ children, rowDensity, ...rest }: TableHeaderRowProps) => React__default.ReactElement;
 
-declare const TableBody: ({ children }: TableBodyProps) => React__default.ReactElement;
-declare const TableCell: ({ children, _hasPadding }: TableCellProps) => React__default.ReactElement;
-declare const TableRow: <Item>({ children, item, isDisabled, onHover, onClick, hoverActions, testID, }: TableRowProps<Item>) => React__default.ReactElement;
+declare const TableBody: ({ children, ...rest }: TableBodyProps) => React__default.ReactElement;
+declare const TableCell: ({ children, _hasPadding, ...rest }: TableCellProps) => React__default.ReactElement;
+declare const TableRow: <Item>({ children, item, isDisabled, onHover, onClick, hoverActions, testID, ...rest }: TableRowProps<Item>) => React__default.ReactElement;
 
-declare const TableFooter: ({ children }: TableFooterProps) => React__default.ReactElement;
-declare const TableFooterRow: ({ children }: TableFooterRowProps) => React__default.ReactElement;
-declare const TableFooterCell: ({ children }: TableFooterCellProps) => React__default.ReactElement;
+declare const TableFooter: ({ children, ...rest }: TableFooterProps) => React__default.ReactElement;
+declare const TableFooterRow: ({ children, ...rest }: TableFooterRowProps) => React__default.ReactElement;
+declare const TableFooterCell: ({ children, ...rest }: TableFooterCellProps) => React__default.ReactElement;
 
-declare const TablePagination: ({ currentPage: controlledCurrentPage, onPageChange, onPageSizeChange, defaultPageSize, showPageSizePicker, showPageNumberSelector, showLabel, label, totalItemCount, paginationType, }: TablePaginationProps) => React__default.ReactElement;
+declare const TablePagination: ({ currentPage: controlledCurrentPage, onPageChange, onPageSizeChange, defaultPageSize, showPageSizePicker, showPageNumberSelector, showLabel, label, totalItemCount, paginationType, ...rest }: TablePaginationProps) => React__default.ReactElement;
 
-declare const TableToolbarActions: ({ children, ...styledProps }: TableToolbarActionsProps) => React__default.ReactElement;
-declare const TableToolbar: ({ children, title, selectedTitle: controlledSelectedTitle, }: TableToolbarProps) => React__default.ReactElement;
+declare const TableToolbarActions: ({ children, ...rest }: TableToolbarActionsProps) => React__default.ReactElement;
+declare const TableToolbar: ({ children, title, selectedTitle: controlledSelectedTitle, ...rest }: TableToolbarProps) => React__default.ReactElement;
 
 declare const TableEditableDropdownCell: (dropdownProps: TableEditableDropdownCellProps) => React.ReactElement;
 declare const TableEditableCell: ({ validationState, accessibilityLabel, autoCapitalize, autoCompleteSuggestionType, autoFocus, defaultValue, isDisabled, isRequired, keyboardReturnKeyType, leadingIcon, maxCharacters, name, onBlur, onChange, onClick, onFocus, onSubmit, placeholder, prefix, suffix, value, testID, trailingButton, errorText, successText, }: TableEditableCellProps) => React.ReactElement;
@@ -12485,7 +12517,7 @@ type TabsProps = {
      * @default false
      */
     isLazy?: boolean;
-};
+} & DataAnalyticsAttribute;
 type TabItemProps = {
     /**
      * The label of the tab item.
@@ -12533,7 +12565,7 @@ type TabPanelProps = {
      * The content of the tab panel.
      */
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 
 /**
  * ### Tabs
@@ -12565,11 +12597,11 @@ type TabPanelProps = {
  * </Tabs>
  * ```
  */
-declare const Tabs: ({ children, defaultValue, value, onChange, orientation, size, variant, isFullWidthTabItem, isLazy, }: TabsProps) => React__default.ReactElement;
+declare const Tabs: ({ children, defaultValue, value, onChange, orientation, size, variant, isFullWidthTabItem, isLazy, ...rest }: TabsProps) => React__default.ReactElement;
 
-declare const TabItem: ({ children, value, leading: Leading, trailing, isDisabled, href, onClick, }: TabItemProps) => React__default.ReactElement;
+declare const TabItem: ({ children, value, leading: Leading, trailing, isDisabled, href, onClick, ...rest }: TabItemProps) => React__default.ReactElement;
 
-declare const TabList: ({ children, ...props }: {
+declare const TabList: ({ children, ...rest }: {
     children: React__default.ReactNode;
 } & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
@@ -13127,9 +13159,9 @@ declare const TabList: ({ children, ...props }: {
         readonly l?: "platform-web" | undefined;
         readonly xl?: "platform-web" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">>) => React__default.ReactElement;
+}, "visibility">, "__brand__">> & DataAnalyticsAttribute) => React__default.ReactElement;
 
-declare const TabPanel: ({ children, value }: TabPanelProps) => React__default.ReactElement;
+declare const TabPanel: ({ children, value, ...rest }: TabPanelProps) => React__default.ReactElement;
 
 type TagProps = {
     /**
@@ -13174,7 +13206,7 @@ type TagProps = {
      * @private
      */
     _isTagInsideInput?: boolean;
-} & StyledPropsBlade & TestID;
+} & StyledPropsBlade & DataAnalyticsAttribute & TestID;
 
 /**
  * ## Tags
@@ -13203,7 +13235,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__default.ReactElement;
 
@@ -13362,7 +13394,7 @@ type TabNavProps = {
     }) => React.ReactElement;
 };
 
-declare const TabNavItems: ({ children, ...props }: BoxProps) => React__default.ReactElement;
+declare const TabNavItems: ({ children, ...rest }: BoxProps) => React__default.ReactElement;
 declare const TabNav: ({ children, items, ...styledProps }: TabNavProps & StyledPropsBlade) => React__default.ReactElement;
 
 declare const TabNavItem: React__default.ForwardRefExoticComponent<{
@@ -13399,8 +13431,8 @@ declare const TabNavItem: React__default.ForwardRefExoticComponent<{
 
 type TopNavProps = {
     children: React__default.ReactNode;
-} & Pick<BoxProps, 'padding' | 'paddingTop' | 'paddingBottom' | 'paddingLeft' | 'paddingRight' | 'paddingX' | 'paddingY' | 'backgroundColor' | 'position' | 'top' | 'bottom' | 'left' | 'right' | 'width' | 'zIndex'> & StyledPropsBlade;
-declare const TopNav: ({ children, ...boxProps }: TopNavProps) => React__default.ReactElement;
+} & Pick<BoxProps, 'padding' | 'paddingTop' | 'paddingBottom' | 'paddingLeft' | 'paddingRight' | 'paddingX' | 'paddingY' | 'backgroundColor' | 'position' | 'top' | 'bottom' | 'left' | 'right' | 'width' | 'zIndex' | keyof DataAnalyticsAttribute> & TestID & StyledPropsBlade;
+declare const TopNav: ({ children, ...rest }: TopNavProps) => React__default.ReactElement;
 declare const TopNavBrand: ({ children }: {
     children: React__default.ReactNode;
 }) => React__default.ReactElement;