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

@razorpay/blade 11.36.2 → 11.38.0

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

Files changed (560) hide show

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

@@ -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']>;
@@ -2289,6 +2299,8 @@ declare const ImageIcon: IconComponent;
 declare const InboxIcon: IconComponent;
+declare const IndiaFlagIcon: IconComponent;
 declare const InfoIcon: IconComponent;
 declare const InstagramIcon: IconComponent;
@@ -2323,6 +2335,8 @@ declare const LogOutIcon: IconComponent;
 declare const MagicCheckoutIcon: IconComponent;
+declare const MagicKonnectIcon: IconComponent;
 declare const MailIcon: IconComponent;
 declare const MailOpenIcon: IconComponent;
@@ -2661,6 +2675,8 @@ declare const WifiOffIcon: IconComponent;
 declare const WindIcon: IconComponent;
+declare const WorldwideIcon: IconComponent;
 declare const XCircleIcon: IconComponent;
 declare const XSquareIcon: IconComponent;
@@ -2750,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;
@@ -2808,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 = {
     /**
@@ -2857,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
  *
@@ -2894,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 = {
     /**
@@ -2926,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;
@@ -3188,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 = {
@@ -3282,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 = {
@@ -3350,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;
@@ -3400,7 +3416,7 @@ type AvatarGroupProps = {
      */
     maxCount?: number;
     testID?: string;
-};
+} & DataAnalyticsAttribute;
 type AvatarCommonProps = {
     /**
      * The size of the avatar.
@@ -3462,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;
@@ -3522,7 +3538,7 @@ type ActionListItemProps = {
      * @private
      */
     _index?: number;
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 type ActionListSectionProps = {
     title: string;
     children: React__default.ReactNode[] | React__default.ReactNode;
@@ -3540,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;
@@ -3639,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 = {
@@ -3705,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
@@ -4303,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
@@ -4333,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;
@@ -4344,7 +4360,7 @@ type BaseFooterProps = {
     metaComponentName?: string;
     showDivider?: boolean;
     padding?: BoxProps['padding'];
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 type BottomSheetProps = {
     /**
@@ -4379,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
@@ -4393,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;
     /**
@@ -4406,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';
@@ -4480,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>>;
@@ -4502,7 +4518,7 @@ type BottomNavProps = {
      * @default 100
      */
     zIndex?: number;
-} & StyledPropsBlade & TestID;
+} & StyledPropsBlade & TestID & DataAnalyticsAttribute;
 type BottomNavItemProps = {
     /**
      * Title text of the BottomNavItem
@@ -4551,7 +4567,7 @@ type BottomNavItemProps = {
         web: React__default.MouseEventHandler;
         native: undefined;
     }>;
-} & TestID;
+} & TestID & DataAnalyticsAttribute;
 /**
  * ### BottomNav component
@@ -4593,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 & {
     /**
@@ -4621,7 +4637,7 @@ type BreadcrumbProps = StyledPropsBlade & {
      * aria-label for breadcrumb
      */
     accessibilityLabel?: string;
-};
+} & DataAnalyticsAttribute;
 type BreadcrumbItemProps = {
     /**
      * Href of the BreadcrumbItem
@@ -4652,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 = {
     /**
@@ -4687,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;
         /**
@@ -4731,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
@@ -4780,7 +4796,7 @@ type ButtonGroupProps = {
      * Test ID for automation
      */
     testID?: string;
-};
+} & DataAnalyticsAttribute;
 /**
  * ### ButtonGroup Component
@@ -4808,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'>;
@@ -4936,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 = {
     /**
@@ -4972,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 = {
@@ -5149,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;
@@ -5166,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
@@ -5195,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']>;
@@ -5313,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;
@@ -5323,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;
@@ -5409,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
@@ -5488,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;
@@ -6124,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 = {
     /**
@@ -6155,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
@@ -6244,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
@@ -6273,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;
@@ -6831,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 = {
     /**
@@ -6872,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;
@@ -6890,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 = {
     /**
@@ -6974,7 +6990,7 @@ type DrawerProps = {
      * @default true
      */
     isLazy?: boolean;
-} & TestID;
+} & DataAnalyticsAttribute & TestID;
 type DrawerHeaderProps = {
     /**
      * Title of the Drawer
@@ -7002,7 +7018,7 @@ type DrawerHeaderProps = {
      * Link, Button[]
      */
     trailing?: React.ReactNode;
-};
+} & DataAnalyticsAttribute;
 /**
  * ### Drawer Component
@@ -7041,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
@@ -7057,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;
@@ -7118,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
      */
@@ -7442,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
      */
@@ -8236,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 = {
     /**
@@ -8257,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;
     /**
@@ -8299,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;
@@ -8307,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;
@@ -8550,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
@@ -8586,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;
@@ -8645,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;
@@ -8662,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`.
@@ -8749,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
@@ -8839,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
@@ -8863,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
      */
@@ -8896,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.
      */
@@ -9502,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;
@@ -9546,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
@@ -9708,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 = {
@@ -9724,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 = {
     /**
@@ -9760,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';
@@ -9789,7 +9806,7 @@ type BaseMenuItemProps = {
         web: React.MouseEventHandler;
         native: undefined | ((event: any) => void);
     }>;
-} & BladeCommonEvents;
+} & BladeCommonEvents & DataAnalyticsAttribute;
 type MenuProps = {
     /**
@@ -9874,7 +9891,7 @@ type MenuItemProps = {
     _hasFocusInside?: boolean;
     _isMenuTrigger?: boolean;
     _isSubmenuOpen?: boolean;
-};
+} & DataAnalyticsAttribute;
 type MenuOverlayProps = {
     /**
      * JSX Slot for MenuItem or anything else
@@ -9902,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>>[];
@@ -9945,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 = {
     /**
@@ -10007,7 +10041,7 @@ type PopoverProps = {
      * @default PopoverCloseButton
      */
     initialFocusRef?: React__default.RefObject<any>;
-};
+} & DataAnalyticsAttribute;
 /**
  * PopoverTriggerProps
  *
@@ -10040,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 = {
     /**
@@ -10053,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.
@@ -10065,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 = {
     /**
@@ -10106,7 +10140,7 @@ type ProgressBarCommonProps = {
      * @default 100
      */
     max?: number;
-} & TestID & StyledPropsBlade;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type ProgressBarVariant = 'progress' | 'meter' | 'linear' | 'circular';
 type ProgressBarProgressProps = ProgressBarCommonProps & {
     /**
@@ -10143,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 = {
     /**
@@ -10171,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
@@ -10198,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;
@@ -10834,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 = {
     /**
@@ -10861,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>>;
@@ -10964,7 +10998,7 @@ type SideNavLinkProps = {
      * ```
      */
     tooltip?: Pick<TooltipProps, 'title' | 'content' | 'onOpenChange'>;
-};
+} & DataAnalyticsAttribute;
 type SideNavSectionProps = {
     title?: string;
     /**
@@ -10987,7 +11021,7 @@ type SideNavSectionProps = {
      * Children slot for SideNavLink
      */
     children: React__default.ReactElement[];
-};
+} & DataAnalyticsAttribute;
 type SideNavFooterProps = {
     /**
      * Children slot for SideNavLink, SideNavItem
@@ -11036,7 +11070,7 @@ type SideNavItemProps = {
      * ```
      */
     tooltip?: SideNavLinkProps['tooltip'];
-};
+} & DataAnalyticsAttribute;
 type SideNavBodyProps = {
     children: React__default.ReactElement | React__default.ReactElement[];
 };
@@ -11056,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;
@@ -11284,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'];
@@ -11293,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.
      *
@@ -11348,7 +11386,7 @@ type StepItemProps = {
      * Children slot for adding additional custom elements to item
      */
     children?: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 /**
  * ## StepGroup
@@ -11368,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
@@ -11392,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'];
@@ -11456,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;
@@ -11468,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;
@@ -12061,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.
@@ -12074,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.
@@ -12196,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 = {
     /**
@@ -12209,7 +12247,7 @@ type TableBodyProps = {
      * </TableBody>
      **/
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 type TableRowProps<Item> = {
     /**
      * The children of the TableRow component should be TableCell components.
@@ -12250,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.
@@ -12270,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']>;
 };
@@ -12286,7 +12324,7 @@ type TableFooterProps = {
      * </TableFooter>
      **/
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 type TableFooterRowProps = {
     /**
      * The children of TableFooterRow should be TableFooterCell
@@ -12298,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.
@@ -12344,7 +12382,7 @@ type TablePaginationCommonProps = {
      * @default false
      */
     showLabel?: boolean;
-};
+} & DataAnalyticsAttribute;
 type TablePaginationType = 'client' | 'server';
 type TablePaginationServerProps = TablePaginationCommonProps & {
     /**
@@ -12402,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;
@@ -12479,7 +12517,7 @@ type TabsProps = {
      * @default false
      */
     isLazy?: boolean;
-};
+} & DataAnalyticsAttribute;
 type TabItemProps = {
     /**
      * The label of the tab item.
@@ -12527,7 +12565,7 @@ type TabPanelProps = {
      * The content of the tab panel.
      */
     children: React__default.ReactNode;
-};
+} & DataAnalyticsAttribute;
 /**
  * ### Tabs
@@ -12559,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 | {
@@ -13121,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 = {
     /**
@@ -13168,7 +13206,7 @@ type TagProps = {
      * @private
      */
     _isTagInsideInput?: boolean;
-} & StyledPropsBlade & TestID;
+} & StyledPropsBlade & DataAnalyticsAttribute & TestID;
 /**
  * ## Tags
@@ -13197,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;
@@ -13356,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<{
@@ -13393,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;
@@ -13417,4 +13455,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
-export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };