@mahatisystems/mahati-ui-components 4.5.0 → 5.0.0

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default from 'react';
 import { ChartData } from 'chart.js';
@@ -7,8 +7,11 @@ interface AccordionProps {
     title: string;
     children?: React__default.ReactNode;
     defaultOpen?: boolean;
+    accordionTestId?: string;
+    headerTestId?: string;
+    contentTestId?: string;
 }
-declare function Accordion({ title, children, defaultOpen, }: AccordionProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Accordion({ title, children, defaultOpen, accordionTestId, headerTestId, contentTestId, }: AccordionProps): react_jsx_runtime.JSX.Element;
 declare namespace Accordion {
     var displayName: string;
 }
@@ -17,13 +20,7 @@ interface IconButtonGroupProps extends React__default.HTMLAttributes<HTMLDivElem
     direction?: "row" | "col";
     gapClass?: string;
 }
-/**
- * IconButtonGroup - Groups icon buttons with consistent spacing
- */
 declare const IconButtonGroup: React__default.ForwardRefExoticComponent<IconButtonGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-/**
- * ButtonBase - Main button component
- */
 declare const ButtonBase: any;
 type ButtonWithGroup = typeof ButtonBase & {
     IconButtonGroup: typeof IconButtonGroup;
@@ -35,6 +32,7 @@ declare const Card: any;
 type MahatiModalSize = "default" | "sm" | "md" | "lg" | "xl";
 type MahatiModalProps = {
     isOpen: boolean;
+    testId?: string;
     onOpenChange?: (open: boolean) => void;
     onClose: () => void;
     title?: string;
@@ -58,7 +56,7 @@ type MahatiModalProps = {
     headerIcon?: React.ReactNode;
     showDivider?: boolean;
 };
-declare function Modal({ isOpen, onClose, title, subtitle, children, className, width: customWidth, height, margin, primaryAction, secondaryAction, headerIcon, showDivider, position, size, }: MahatiModalProps): _emotion_react_jsx_runtime.JSX.Element | null;
+declare function Modal({ testId, isOpen, onClose, title, subtitle, children, className, width: customWidth, height, margin, primaryAction, secondaryAction, headerIcon, showDivider, position, size, }: MahatiModalProps): react_jsx_runtime.JSX.Element | null;
 declare namespace Modal {
     var displayName: string;
 }
@@ -68,9 +66,10 @@ interface FormContainerProps {
     onSubmit?: (e: React__default.FormEvent) => void;
     className?: string;
     style?: React__default.CSSProperties;
+    testId?: string;
 }
 declare const FormContainer: {
-    ({ children, onSubmit, style, className }: FormContainerProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ children, onSubmit, style, testId, className, }: FormContainerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -92,6 +91,7 @@ interface CalendarDateRange {
 }
 type CalendarSize = "small" | "medium" | "large" | "extra-large";
 interface CalendarProps {
+    calendartestId?: string;
     value?: CalendarDate | null;
     onChange?: (date: CalendarDate | null, dateString?: string) => void;
     enableRangeSelection?: boolean;
@@ -129,7 +129,7 @@ interface CalendarProps {
     };
 }
 declare const Calendar: {
-    ({ value, onChange, enableRangeSelection, rangeValue, onRangeChange, enableTimeSelection, timeValue, onTimeChange, showTimeFormatToggle, timeFormat, onTimeFormatChange, autoHide, showTodayButton, showClearButton, placeholder, className, disabled, onShow, onHide, icon, showIcon, size, enableYearDropdown, showDateFormatSelector, dateFormat, onDateFormatChange, showTimeZoneSelector, timeZoneFormat, onTimeZoneFormatChange, blockDateConfig, previewTextStyles, globalTypography }: CalendarProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ calendartestId, value, onChange, enableRangeSelection, rangeValue, onRangeChange, enableTimeSelection, timeValue, onTimeChange, showTimeFormatToggle, timeFormat, onTimeFormatChange, autoHide, showTodayButton, showClearButton, placeholder, className, disabled, onShow, onHide, icon, showIcon, size, enableYearDropdown, showDateFormatSelector, dateFormat, onDateFormatChange, showTimeZoneSelector, timeZoneFormat, onTimeZoneFormatChange, blockDateConfig, previewTextStyles, globalTypography }: CalendarProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -149,18 +149,21 @@ interface MahatiActivityProps {
     onChange: (v: string | number) => void;
     options?: SelectOption[];
     size?: FieldSize;
+    testId?: string;
 }
 interface MahatiStatusProps {
     value: string | number;
     onChange: (v: string | number) => void;
     options?: SelectOption[];
     size?: FieldSize;
+    testId?: string;
 }
 interface MahatiSearchProps {
     value: string;
     onChange: (v: string) => void;
     placeholder?: string;
     size?: FieldSize;
+    testId?: string;
 }
 declare const DEFAULT_ACTIVITY_OPTIONS: SelectOption[];
 declare const DEFAULT_STATUS_OPTIONS: SelectOption[];
@@ -170,25 +173,25 @@ interface FilterProps {
     activityOptions?: SelectOption[];
     statusOptions?: SelectOption[];
     searchPlaceholder?: string;
-    size?: any;
+    testId?: string;
 }
 declare const Filter$1: {
-    ({ onApply, onReset, activityOptions, statusOptions, searchPlaceholder, size }: FilterProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ onApply, onReset, activityOptions, statusOptions, searchPlaceholder, testId, }: FilterProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-/** ✅ MAHATI ACTIVITY */
+/** ================= MAHATI ACTIVITY ================= */
 declare const MahatiActivity: {
-    ({ value, onChange, options, size, }: MahatiActivityProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ value, onChange, options, size, testId, }: MahatiActivityProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-/** ✅ MAHATI STATUS */
+/** ================= MAHATI STATUS ================= */
 declare const MahatiStatus: {
-    ({ value, onChange, options, size, }: MahatiStatusProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ value, onChange, options, size, testId, }: MahatiStatusProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-/** ✅ MAHATI SEARCH */
+/** ================= MAHATI SEARCH ================= */
 declare const MahatiSearch: {
-    ({ value, onChange, placeholder, size, }: MahatiSearchProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ value, onChange, placeholder, size, testId, }: MahatiSearchProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -200,6 +203,7 @@ interface Tab {
 interface TabbedInterfaceProps {
     tabs: Tab[];
     variant?: "underline" | "pill" | "outline" | "filled" | "gradient" | "shadow" | "glass" | "dark";
+    testId?: string;
     defaultActiveTab?: number;
     onTabChange?: (index: number) => void;
     draggableTabs?: boolean;
@@ -216,7 +220,7 @@ interface TabbedInterfaceProps {
     sectionDescriptionFont?: string;
 }
 declare const TabbedInterface: {
-    ({ tabs, variant, defaultActiveTab, onTabChange, draggableTabs, onReorderTabs, orientation, verticalPosition, showTabCloseIconInHeader, tabCloseIconPosition, tabCloseIconContent, onCloseTab, tabHeaderFont, tabContentFont, sectionTitleFont, sectionDescriptionFont, }: TabbedInterfaceProps): any;
+    ({ tabs, variant, defaultActiveTab, onTabChange, draggableTabs, onReorderTabs, orientation, verticalPosition, showTabCloseIconInHeader, tabCloseIconPosition, tabCloseIconContent, onCloseTab, tabHeaderFont, tabContentFont, sectionTitleFont, sectionDescriptionFont, testId }: TabbedInterfaceProps): any;
     displayName: string;
 };
 
@@ -232,9 +236,10 @@ interface DropdownProps {
     className?: string;
     placeholder?: string;
     disabled?: boolean;
+    testId?: string;
 }
 declare const Dropdown: {
-    ({ options, value, onSelect, variant, className, placeholder, disabled }: DropdownProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ options, value, onSelect, variant, className, placeholder, disabled, testId }: DropdownProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -246,6 +251,7 @@ interface TableProps {
     data: {
         [key: string]: unknown;
     }[];
+    tableTestId?: string;
     page?: number;
     setPage?: (page: number) => void;
     limit?: number;
@@ -272,66 +278,95 @@ interface TableProps {
     textWrapMaxLength?: number;
     textWrapColumnMaxLengths?: Record<string, number>;
 }
-declare const Table: {
-    ({ headers, data, page, setPage, limit, setLimit, totalCount, highlightRowColor, actions, paginationRequired, paginationPosition, onDownloadPDF, onDownloadExcel, searchable, searchTerm, onResetSearch, onSearch, searchModeOptions, summary, summaryKey, summaryTitleField, summaryColumn, summaryColumnKey, summaryColumnMaxLength, textWrapColumns, textWrapMaxLength, textWrapColumnMaxLengths, }: TableProps): any;
-    displayName: string;
-};
+declare const Table: ({ headers, data, page, setPage, limit, setLimit, totalCount, highlightRowColor, actions, paginationRequired, paginationPosition, onDownloadPDF, onDownloadExcel, searchable, searchTerm, onResetSearch, onSearch, searchModeOptions, summary, summaryKey, summaryTitleField, summaryColumn, summaryColumnKey, summaryColumnMaxLength, textWrapColumns, textWrapMaxLength, textWrapColumnMaxLengths, tableTestId, }: TableProps) => react_jsx_runtime.JSX.Element;
 
 type BaseTableProps = React__default.ComponentProps<typeof Table>;
 type BaseTabProps = React__default.ComponentProps<typeof TabbedInterface>;
 type AllowedTabProps = Omit<BaseTabProps, "tabs" | "onTabChange" | "draggableTabs" | "onReorderTabs" | "onCloseTab">;
 interface TableWithTabProps<RowType extends Record<string, any>> {
-    /**
-     * Props that describe how the table should look.
-     * We reuse the Table's interface, but here we only require headers + data.
-     */
     tableProps: Pick<BaseTableProps, "headers" | "data">;
-    /**
-     * Props that describe how the tab container should look.
-     * We reuse TabbedInterface's props but we control tabs & tab state.
-     */
     tabProps?: AllowedTabProps;
-    /**
-     * If true, user can rearrange tabs by dragging.
-     * If false/undefined, tabs cannot be rearranged.
-     */
     rearrange?: boolean;
-    /**
-     * Optional custom row id. Defaults to the row index.
-     */
     getRowId?: (row: RowType, index: number) => string | number;
-    /**
-     * Optional custom content renderer for the tab body.
-     * If not provided, a simple key/value layout is shown.
-     */
     renderTabContent?: (row: RowType) => React__default.ReactNode;
-    /**
-     * Optional callback when a row is opened as a tab.
-     */
     onRowOpenInTab?: (row: RowType) => void;
-    /**
-     * Optional title/description displayed above the table.
-     */
     title?: string;
     description?: string;
-    /**
-     * Key of the column to use as the tab header label.
-     * For example: "name", "email", "policyNumber", etc.
-     * If not provided, the first column in headers is used.
-     */
+    testId?: string;
     tabLabelKey?: string;
-    /**
-     * Optional font configuration for the section title/description.
-     * Values like "sans", "serif", "mono", "Poppins", or a custom font name.
-     */
     sectionTitleFont?: string;
     sectionDescriptionFont?: string;
 }
-declare function TableWithTab<RowType extends Record<string, any>>({ tableProps, tabProps, rearrange, getRowId, renderTabContent, onRowOpenInTab, title, description, tabLabelKey, sectionTitleFont, sectionDescriptionFont, }: TableWithTabProps<RowType>): _emotion_react_jsx_runtime.JSX.Element;
+declare function TableWithTab<RowType extends Record<string, any>>({ tableProps, tabProps, rearrange, getRowId, renderTabContent, onRowOpenInTab, title, description, tabLabelKey, sectionTitleFont, sectionDescriptionFont, testId, }: TableWithTabProps<RowType>): react_jsx_runtime.JSX.Element;
 declare namespace TableWithTab {
     var displayName: string;
 }
 
+interface LollipopData {
+    title: string;
+    [year: string]: any;
+}
+
+interface ColumnChartYAxisConfig {
+    min: number;
+    max: number;
+    step: number;
+    labels: number[];
+}
+interface ColumnChartData {
+    title: string;
+    yAxis?: Record<string, ColumnChartYAxisConfig>;
+    [year: string]: string | Record<string, any> | undefined;
+}
+
+interface KPIChartData {
+    title: string;
+    value: string;
+    change?: number;
+    timeLabel: string;
+    timePeriod: string;
+    data: number[];
+    labels?: string[];
+    timePeriods?: string[];
+    timestamps?: string[];
+}
+
+interface GroupBarLegendItem {
+    key: string;
+    label: string;
+    color: string;
+}
+interface GroupBarChartYAxisConfig {
+    min: number;
+    max: number;
+    step: number;
+    labels: number[];
+}
+interface GroupBarChartData {
+    title: string;
+    legends?: GroupBarLegendItem[];
+    yAxis?: Record<string, GroupBarChartYAxisConfig>;
+    [year: string]: string | Record<string, any> | undefined;
+}
+
+interface StackBarLegendItem {
+    key: string;
+    label: string;
+    color: string;
+}
+interface StackBarChartYAxisConfig {
+    min: number;
+    max: number;
+    step: number;
+    labels: number[];
+}
+interface StackBarChartData {
+    title: string;
+    legends?: StackBarLegendItem[];
+    yAxis?: Record<string, StackBarChartYAxisConfig>;
+    [year: string]: string | Record<string, any> | undefined;
+}
+
 interface BulletItem {
     name: string;
     achieved: number;
@@ -351,7 +386,7 @@ interface GaugeItem {
 interface GaugeData {
     title: string;
     gauges: GaugeItem[];
-    [year: string]: any;
+    [key: string]: any;
 }
 
 interface HorizontalBarData {
@@ -404,7 +439,7 @@ interface HeatmapData {
     project?: string;
 }
 
-type ChartType = "pie" | "doughnut" | "line" | "area" | "bar" | "bullet" | "gauge" | "gantt" | "calendarheatmap" | "horizontalbar";
+type ChartType = "pie" | "doughnut" | "line" | "area" | "bar" | "bullet" | "gauge" | "gantt" | "calendarheatmap" | "horizontalbar" | "columnchart" | "groupbar" | "lollipop" | "kpi" | "riskgauge" | "stackbar";
 interface Filter {
     id: string;
     label: string;
@@ -419,8 +454,15 @@ interface ChartFiltersConfig {
     bullet?: Filter[];
     gauge?: Filter[];
     gantt?: Filter[];
+    heatmap?: Filter[];
     calendarheatmap?: Filter[];
     horizontalbar?: Filter[];
+    columnchart?: Filter[];
+    groupbar?: Filter[];
+    stackbar?: Filter[];
+    lollipop?: Filter[];
+    kpi?: Filter[];
+    riskgauge?: Filter[];
 }
 interface DetailItem {
     label: string;
@@ -440,6 +482,12 @@ interface MahatiChartAnalyticsWidgetProps {
     bulletData?: BulletData;
     gaugeData?: GaugeData;
     horizontalBarData?: HorizontalBarData;
+    columnChartData?: ColumnChartData;
+    groupBarData?: GroupBarChartData;
+    stackBarData?: StackBarChartData;
+    lollipopData?: LollipopData;
+    kpiData?: Record<string, KPIChartData>;
+    riskGaugeData?: any;
     ganttData?: Record<string, Record<string, GanttData>>;
     heatmapData?: Record<string, HeatmapData>;
     calendarheatmapData?: Record<string, any>;
@@ -465,12 +513,13 @@ interface MahatiChartAnalyticsWidgetProps {
     }[];
 }
 declare const MahatiChartAnalyticsWidget: {
-    ({ title, chartTypes, initialChartType, filters, chartFilters, selectedFilters, chartDataMap, bulletData, gaugeData, horizontalBarData, ganttData, heatmapData, calendarheatmapData, onApplyFilters, quickStats, actionButtons, onChartTypeChange, onFiltersChange, details, }: MahatiChartAnalyticsWidgetProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ title, chartTypes, initialChartType, filters, chartFilters, selectedFilters, chartDataMap, bulletData, gaugeData, horizontalBarData, columnChartData, groupBarData, stackBarData, lollipopData, kpiData, riskGaugeData, ganttData, heatmapData, calendarheatmapData, onApplyFilters, quickStats, actionButtons, onChartTypeChange, onFiltersChange, details, }: MahatiChartAnalyticsWidgetProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 interface TooltipProps {
     text?: string | React__default.ReactNode;
+    testId?: string;
     position?: "top" | "right" | "bottom" | "left";
     children: React__default.ReactNode;
     variant?: "default" | "transparent";
@@ -490,7 +539,7 @@ interface TooltipProps {
     };
 }
 declare const Tooltip: {
-    ({ text, position, children, variant, className, textColor, backgroundColor, image, animation }: TooltipProps): any;
+    ({ text, position, children, variant, className, textColor, backgroundColor, image, testId, animation }: TooltipProps): any;
     displayName: string;
 };
 
@@ -554,10 +603,11 @@ interface ToastMessageProps extends React__default.HTMLAttributes<HTMLDivElement
     background?: BackgroundType;
     custom?: CustomToastStyles;
     action?: ActionButton[];
+    testId?: string;
 }
 declare const ToastMessage: React__default.ForwardRefExoticComponent<ToastMessageProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface ConfettiExplosionProps {
+interface ConfettiExplosionProps$1 {
     isActive: boolean;
     particleCount?: number;
     duration?: number;
@@ -565,18 +615,21 @@ interface ConfettiExplosionProps {
     force?: number;
     particleSize?: number;
     stageHeight?: number;
+    testId?: string;
 }
-declare const ConfettiExplosion: React__default.FC<ConfettiExplosionProps>;
+declare const ConfettiExplosion: React__default.FC<ConfettiExplosionProps$1>;
 
-interface RealisticConfettiProps {
-    isActive?: boolean;
+interface ConfettiExplosionProps {
+    isActive: boolean;
     particleCount?: number;
     duration?: number;
     colors?: string[];
-    explosionForce?: number;
-    wind?: number;
+    force?: number;
+    particleSize?: number;
+    stageHeight?: number;
+    testId?: string;
 }
-declare const RealisticConfetti: React__default.FC<RealisticConfettiProps>;
+declare const RealisticConfetti: React__default.FC<ConfettiExplosionProps>;
 
 interface SpinnerProps {
     size?: number;
@@ -585,15 +638,17 @@ interface SpinnerProps {
     primaryColor?: string;
     backgroundColor?: string;
     speed?: number;
+    testId?: string;
 }
-declare const Spinner: ({ size, borderWidth, borderRadius, primaryColor, backgroundColor, speed }: SpinnerProps) => any;
+declare const Spinner: ({ size, borderWidth, borderRadius, primaryColor, backgroundColor, speed, testId, }: SpinnerProps) => any;
 interface CircularSpinnerProps {
     size?: number;
     color?: string;
     speed?: number;
     ringCount?: number;
+    testId?: string;
 }
-declare const CircularSpinner: ({ size, color, speed, ringCount, }: CircularSpinnerProps) => any;
+declare const CircularSpinner: ({ size, color, speed, ringCount, testId, }: CircularSpinnerProps) => any;
 interface CardOverlayLoaderProps {
     show?: boolean;
     spinnerSize?: number;
@@ -602,33 +657,37 @@ interface CardOverlayLoaderProps {
     spinnerTrack?: string;
     backdrop?: string;
     label?: string;
+    testId?: string;
 }
-declare const CardOverlayLoader: ({ show, spinnerSize, spinnerBorderWidth, spinnerPrimary, spinnerTrack, backdrop, label }: CardOverlayLoaderProps) => any;
+declare const CardOverlayLoader: ({ show, spinnerSize, spinnerBorderWidth, spinnerPrimary, spinnerTrack, backdrop, label, testId, }: CardOverlayLoaderProps) => any;
 interface LoadingDotsProps {
     size?: number;
     color?: string;
     gap?: number;
     speed?: number;
     count?: number;
+    testId?: string;
 }
-declare const LoadingDots: ({ size, color, gap, speed, count, }: LoadingDotsProps) => any;
+declare const LoadingDots: ({ size, color, gap, speed, count, testId, }: LoadingDotsProps) => any;
 interface LoadingDotsLinearProps {
     size?: number;
     color?: string;
     gap?: number;
     speed?: number;
     count?: number;
+    testId?: string;
 }
-declare const LoadingDotsLinear: ({ size, color, gap, speed, count, }: LoadingDotsLinearProps) => any;
+declare const LoadingDotsLinear: ({ size, color, gap, speed, count, testId, }: LoadingDotsLinearProps) => any;
 interface CardWithLoadingProps {
     loading?: boolean;
     imageUrl?: string;
     title?: string;
     content?: string;
+    testId?: string;
 }
-declare const CardWithLoading: ({ loading, imageUrl, title, content, }: CardWithLoadingProps) => any;
+declare const CardWithLoading: ({ loading, imageUrl, title, content, testId, }: CardWithLoadingProps) => any;
 
-declare function SearchableDropdown({ label, options, value, onChange, placeholder, }: any): _emotion_react_jsx_runtime.JSX.Element;
+declare function SearchableDropdown({ label, options, value, onChange, placeholder, testId }: any): react_jsx_runtime.JSX.Element;
 
 type IconSet = {
     play: string;
@@ -642,10 +701,11 @@ type IconSet = {
 };
 declare const TexttoAudio: ({ icons }: {
     icons?: IconSet;
-}) => _emotion_react_jsx_runtime.JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const MahatiLocationAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, }: any) => any;
+declare const MahatiLocationAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, testId, }: any) => any;
 interface MahatiCameraAccessModalProps {
+    testId?: string;
     isOpen: boolean;
     onClose: () => void;
     title: string;
@@ -656,8 +716,8 @@ interface MahatiCameraAccessModalProps {
     onAllow?: (stream?: MediaStream) => void;
     onDeny?: () => void;
 }
-declare const MahatiCameraAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, }: MahatiCameraAccessModalProps) => any;
-declare const MahatiMicrophoneAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, }: any) => any;
+declare const MahatiCameraAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, testId }: MahatiCameraAccessModalProps) => any;
+declare const MahatiMicrophoneAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, testId }: any) => any;
 interface MahatiPromotionModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -670,10 +730,12 @@ interface MahatiPromotionModalProps {
     openInNewTab?: boolean;
     showInput?: boolean;
     inputPlaceholder?: string;
+    testId?: string;
 }
-declare const MahatiPromotionModal: ({ isOpen, onClose, ctaLink, openInNewTab, onCtaClick, ...cardProps }: MahatiPromotionModalProps) => any;
+declare const MahatiPromotionModal: ({ isOpen, onClose, ctaLink, openInNewTab, onCtaClick, testId, ...cardProps }: MahatiPromotionModalProps) => any;
 interface MahatiPromotionModalV2Props {
     isOpen: boolean;
+    testId?: string;
     onClose: () => void;
     headerTitle: string;
     title: string;
@@ -685,10 +747,11 @@ interface MahatiPromotionModalV2Props {
     showBadgeImage?: boolean;
     badgeImageSrc?: string;
 }
-declare const MahatiPromotionModalV2Modal: ({ isOpen, onClose, headerTitle, title, description, ctaText, onCtaClick, ctaLink, openInNewTab, showBadgeImage, badgeImageSrc, }: MahatiPromotionModalV2Props) => any;
+declare const MahatiPromotionModalV2Modal: ({ isOpen, testId, onClose, headerTitle, title, description, ctaText, onCtaClick, ctaLink, openInNewTab, showBadgeImage, badgeImageSrc, }: MahatiPromotionModalV2Props) => any;
 interface MahatiPromotionModalV3Props {
     isOpen: boolean;
     onClose: () => void;
+    testId?: string;
     title: string;
     description: string;
     ctaText: string;
@@ -699,12 +762,13 @@ interface MahatiPromotionModalV3Props {
     ctaLink?: string;
     openInNewTab?: boolean;
 }
-declare const MahatiPromotionModalV3Modal: ({ isOpen, onClose, title, description, ctaText, onCtaClick, secondaryText, onSecondaryClick, imageSrc, ctaLink, openInNewTab, }: MahatiPromotionModalV3Props) => any;
+declare const MahatiPromotionModalV3Modal: ({ isOpen, testId, onClose, title, description, ctaText, onCtaClick, secondaryText, onSecondaryClick, imageSrc, ctaLink, openInNewTab, }: MahatiPromotionModalV3Props) => any;
 type BadgeType = "like" | "mention" | "follow" | "comment" | "add";
 interface MahatiNotificationCardProps {
     title: string;
     description?: string;
     time?: string;
+    testId?: string;
     iconSrc?: string;
     avatarSrc?: string;
     badgeIconSrc?: string;
@@ -715,6 +779,6 @@ interface MahatiNotificationCardProps {
     onSecondaryAction?: () => void;
     onClose?: () => void;
 }
-declare const MahatiNotificationCard: ({ title, description, time, iconSrc, avatarSrc, badgeIconSrc, badgeType, primaryActionText, onPrimaryAction, secondaryActionText, onSecondaryAction, onClose, }: MahatiNotificationCardProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const MahatiNotificationCard: ({ title, testId, description, time, iconSrc, avatarSrc, badgeIconSrc, badgeType, primaryActionText, onPrimaryAction, secondaryActionText, onSecondaryAction, onClose, }: MahatiNotificationCardProps) => react_jsx_runtime.JSX.Element;
 
 export { Accordion, type AccordionProps, type CalendarDate, type CalendarDateRange, type CalendarProps, type CalendarTime, CardOverlayLoader, CardWithLoading, CircularSpinner, DEFAULT_ACTIVITY_OPTIONS, DEFAULT_STATUS_OPTIONS, type FieldSize, Filter$1 as Filter, type FilterValues, LoadingDots, LoadingDotsLinear, MahatiActivity, type MahatiActivityProps, Button as MahatiButton, Calendar as MahatiCalendar, MahatiCameraAccessModal, Card as MahatiCard, MahatiChartAnalyticsWidget, ConfettiExplosion as MahatiConfettiExplosion, Dropdown as MahatiDropdown, FormContainer as MahatiFormContainer, Input as MahatiInput, MahatiLocationAccessModal, MahatiMicrophoneAccessModal, Modal as MahatiModal, MahatiNotificationCard, MahatiPromotionModal as MahatiPromotionModal_V1, MahatiPromotionModalV2Modal as MahatiPromotionModal_V2, MahatiPromotionModalV3Modal as MahatiPromotionModal_V3, RealisticConfetti as MahatiRealisticConfetti, MahatiSearch, type MahatiSearchProps, SearchableDropdown as MahatiSearchableDropdown, MahatiStatus, type MahatiStatusProps, TabbedInterface as MahatiTabbedInterface, Table as MahatiTable, TableWithTab as MahatiTableWithTab, TexttoAudio as MahatiTexttoAudio, ToastMessage as MahatiToastMessage, Tooltip as MahatiTooltip, type SelectOption, Spinner };