@mahatisystems/mahati-ui-components 4.1.0 → 4.3.0

package/dist/index.d.mts

@@ -1,10 +1,11 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as React from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default from 'react';
+import { ChartData } from 'chart.js';
 
 interface AccordionProps {
     title: string;
-    children?: ReactNode;
+    children?: React__default.ReactNode;
     defaultOpen?: boolean;
 }
 declare function Accordion({ title, children, defaultOpen, }: AccordionProps): _emotion_react_jsx_runtime.JSX.Element;
@@ -12,19 +13,6 @@ declare namespace Accordion {
     var displayName: string;
 }
 
-interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "danger" | "dotted" | "pill";
-    size?: "default" | "sm" | "md" | "lg" | "icon";
-    name?: string;
-    iconButton?: boolean;
-    iconButtonHeightClass?: string;
-    iconButtonWidthClass?: string;
-    iconButtonBgClass?: string;
-    iconButtonRadiusClass?: string;
-    iconButtonBgPaddingClass?: string;
-    iconButtonHoverBgClass?: string;
-    iconButtonHoverIntensity?: number;
-}
 interface IconButtonGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
     direction?: "row" | "col";
     gapClass?: string;
@@ -36,30 +24,13 @@ declare const IconButtonGroup: React__default.ForwardRefExoticComponent<IconButt
 /**
  * ButtonBase - Main button component
  */
-declare const ButtonBase: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const ButtonBase: any;
 type ButtonWithGroup = typeof ButtonBase & {
     IconButtonGroup: typeof IconButtonGroup;
 };
 declare const Button: ButtonWithGroup;
 
-type CardVariant = 'default' | 'elevated' | 'outlined' | 'subtle' | 'figma';
-type CardSize = 'default' | 'sm' | 'lg' | 'figma';
-interface CardProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'content'> {
-    title?: string;
-    cardContent?: React__default.ReactNode;
-    cardBackContent?: React__default.ReactNode;
-    collapsible?: boolean;
-    flippable?: boolean;
-    backgroundColor?: string;
-    borderRadius?: string;
-    defaultOpen?: boolean;
-    onFlip?: (isFlipped: boolean) => void;
-    variant?: CardVariant;
-    size?: CardSize;
-    className?: string;
-    children?: React__default.ReactNode;
-}
-declare const Card: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Card: any;
 
 type MahatiModalSize = "default" | "sm" | "md" | "lg" | "xl";
 type MahatiModalProps = {
@@ -98,14 +69,12 @@ interface FormContainerProps {
     className?: string;
     style?: React__default.CSSProperties;
 }
-declare const FormContainer: React__default.FC<FormContainerProps>;
+declare const FormContainer: {
+    ({ children, onSubmit, style, className }: FormContainerProps): _emotion_react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
-    hasError?: boolean;
-    errorMessage?: string;
-    className?: string;
-}
-declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const Input: any;
 
 interface CalendarDate {
     year: number;
@@ -159,7 +128,10 @@ interface CalendarProps {
         days: number;
     };
 }
-declare const Calendar: React__default.FC<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;
+    displayName: string;
+};
 
 type FilterValues = {
     date: CalendarDateRange;
@@ -200,16 +172,25 @@ interface FilterProps {
     searchPlaceholder?: string;
     size?: any;
 }
-declare const Filter: {
+declare const Filter$1: {
     ({ onApply, onReset, activityOptions, statusOptions, searchPlaceholder, size }: FilterProps): _emotion_react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 /** ✅ MAHATI ACTIVITY */
-declare const MahatiActivity: React__default.FC<MahatiActivityProps>;
+declare const MahatiActivity: {
+    ({ value, onChange, options, size, }: MahatiActivityProps): _emotion_react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 /** ✅ MAHATI STATUS */
-declare const MahatiStatus: React__default.FC<MahatiStatusProps>;
+declare const MahatiStatus: {
+    ({ value, onChange, options, size, }: MahatiStatusProps): _emotion_react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 /** ✅ MAHATI SEARCH */
-declare const MahatiSearch: React__default.FC<MahatiSearchProps>;
+declare const MahatiSearch: {
+    ({ value, onChange, placeholder, size, }: MahatiSearchProps): _emotion_react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface Tab {
     label: string;
@@ -234,7 +215,10 @@ interface TabbedInterfaceProps {
     sectionTitleFont?: string;
     sectionDescriptionFont?: string;
 }
-declare const TabbedInterface: React__default.FC<TabbedInterfaceProps>;
+declare const TabbedInterface: {
+    ({ tabs, variant, defaultActiveTab, onTabChange, draggableTabs, onReorderTabs, orientation, verticalPosition, showTabCloseIconInHeader, tabCloseIconPosition, tabCloseIconContent, onCloseTab, tabHeaderFont, tabContentFont, sectionTitleFont, sectionDescriptionFont, }: TabbedInterfaceProps): any;
+    displayName: string;
+};
 
 interface DropdownOption {
     key: string;
@@ -249,7 +233,10 @@ interface DropdownProps {
     placeholder?: string;
     disabled?: boolean;
 }
-declare const Dropdown: React__default.FC<DropdownProps>;
+declare const Dropdown: {
+    ({ options, value, onSelect, variant, className, placeholder, disabled }: DropdownProps): _emotion_react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface TableProps {
     headers: {
@@ -285,7 +272,10 @@ interface TableProps {
     textWrapMaxLength?: number;
     textWrapColumnMaxLengths?: Record<string, number>;
 }
-declare const Table: React__default.FC<TableProps>;
+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;
+};
 
 type BaseTableProps = React__default.ComponentProps<typeof Table>;
 type BaseTabProps = React__default.ComponentProps<typeof TabbedInterface>;
@@ -342,8 +332,145 @@ declare namespace TableWithTab {
     var displayName: string;
 }
 
+interface BulletItem {
+    name: string;
+    achieved: number;
+    target: number;
+    marker: number;
+}
+interface BulletData {
+    title: string;
+    bullets: BulletItem[];
+}
+
+interface GaugeItem {
+    name: string;
+    value: number;
+    max: number;
+}
+interface GaugeData {
+    title: string;
+    gauges: GaugeItem[];
+    [year: string]: any;
+}
+
+interface HorizontalBarData {
+    title: string;
+    xAxis?: Record<string, {
+        min: number;
+        max: number;
+        step: number;
+        labels: number[];
+    }>;
+    [year: string]: string | Record<string, any> | undefined;
+}
+
+declare const GANTT_COLORS: {
+    readonly green: "rgba(44, 160, 44, 1)";
+    readonly blue: "rgba(37, 99, 235, 1)";
+    readonly orange: "rgba(255, 127, 14, 1)";
+    readonly red: "rgba(239, 68, 68, 1)";
+    readonly purple: "rgba(147, 51, 234, 1)";
+    readonly teal: "rgba(20, 184, 166, 1)";
+    readonly pink: "rgba(236, 72, 153, 1)";
+    readonly yellow: "rgba(234, 179, 8, 1)";
+    readonly indigo: "rgba(99, 102, 241, 1)";
+    readonly emerald: "rgba(16, 185, 129, 1)";
+};
+interface GanttTask {
+    id: string;
+    name: string;
+    startDate: string;
+    endDate: string;
+    progress: number;
+    status: "In Progress" | "On Target" | "Overdue" | "Completed";
+    color: keyof typeof GANTT_COLORS;
+}
+interface GanttData {
+    title: string;
+    projectName: string;
+    tasks: GanttTask[];
+}
+
+interface HeatmapDayData {
+    date: string;
+    value: number;
+    label?: string;
+}
+interface HeatmapData {
+    year: number;
+    month: string;
+    data: HeatmapDayData[];
+    project?: string;
+}
+
+type ChartType = "pie" | "doughnut" | "line" | "area" | "bar" | "bullet" | "gauge" | "gantt" | "calendarheatmap" | "horizontalbar";
+interface Filter {
+    id: string;
+    label: string;
+    options: string[];
+}
+interface ChartFiltersConfig {
+    pie?: Filter[];
+    doughnut?: Filter[];
+    line?: Filter[];
+    area?: Filter[];
+    bar?: Filter[];
+    bullet?: Filter[];
+    gauge?: Filter[];
+    gantt?: Filter[];
+    calendarheatmap?: Filter[];
+    horizontalbar?: Filter[];
+}
+interface DetailItem {
+    label: string;
+    value: string;
+    color: string;
+    description: string;
+    status?: "In Progress" | "Overdue" | "On Target";
+}
+interface MahatiChartAnalyticsWidgetProps {
+    title: string;
+    chartTypes: ChartType[];
+    initialChartType: ChartType;
+    filters: Filter[];
+    chartFilters?: ChartFiltersConfig;
+    selectedFilters: Record<string, string>;
+    chartDataMap: Record<ChartType, ChartData<any>>;
+    bulletData?: BulletData;
+    gaugeData?: GaugeData;
+    horizontalBarData?: HorizontalBarData;
+    ganttData?: Record<string, Record<string, GanttData>>;
+    heatmapData?: Record<string, HeatmapData>;
+    calendarheatmapData?: Record<string, any>;
+    onApplyFilters?: (filters: Record<string, string>) => void;
+    onChartTypeChange?: (chartType: ChartType) => void;
+    onFiltersChange: (filters: Record<string, string>) => void;
+    details: DetailItem[];
+    quickStats: {
+        totalVolume: {
+            value: string;
+            change: string;
+            description: string;
+        };
+        transactions: {
+            value: string;
+            description: string;
+        };
+    };
+    actionButtons: {
+        label: string;
+        style: "danger" | "primary" | "success" | "mahati";
+        onClick: () => void;
+    }[];
+}
+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;
+    displayName: string;
+};
+
 interface TooltipProps {
-    text?: string;
+    text?: string | React__default.ReactNode;
     position?: "top" | "right" | "bottom" | "left";
     children: React__default.ReactNode;
     variant?: "default" | "transparent";
@@ -362,7 +489,10 @@ interface TooltipProps {
         triggerDelay?: number;
     };
 }
-declare const Tooltip: React__default.FC<TooltipProps>;
+declare const Tooltip: {
+    ({ text, position, children, variant, className, textColor, backgroundColor, image, animation }: TooltipProps): any;
+    displayName: string;
+};
 
 type ClassValue = string | false | null | undefined;
 declare const cn: (...values: ClassValue[]) => string;
@@ -399,7 +529,10 @@ interface ToastContainerProps {
     onClose: (id: string) => void;
 }
 declare const titleForType: (type: ToastType) => "Success" | "Error" | "Warning" | "Notification" | "Liquid UI" | "Confirmation";
-declare const ToastMessageBase: React__default.FC<ToastContainerProps>;
+declare const ToastMessageBase: {
+    ({ toasts, position, onClose }: ToastContainerProps): any;
+    displayName: string;
+};
 type ToastMessageWithUtils = typeof ToastMessageBase & {
     cn: typeof cn;
     titleForType: typeof titleForType;
@@ -435,14 +568,14 @@ interface SpinnerProps {
     backgroundColor?: string;
     speed?: number;
 }
-declare const Spinner: React__default.FC<SpinnerProps>;
+declare const Spinner: ({ size, borderWidth, borderRadius, primaryColor, backgroundColor, speed }: SpinnerProps) => any;
 interface CircularSpinnerProps {
     size?: number;
     color?: string;
     speed?: number;
     ringCount?: number;
 }
-declare const CircularSpinner: React__default.FC<CircularSpinnerProps>;
+declare const CircularSpinner: ({ size, color, speed, ringCount, }: CircularSpinnerProps) => any;
 interface CardOverlayLoaderProps {
     show?: boolean;
     spinnerSize?: number;
@@ -452,7 +585,7 @@ interface CardOverlayLoaderProps {
     backdrop?: string;
     label?: string;
 }
-declare const CardOverlayLoader: React__default.FC<CardOverlayLoaderProps>;
+declare const CardOverlayLoader: ({ show, spinnerSize, spinnerBorderWidth, spinnerPrimary, spinnerTrack, backdrop, label }: CardOverlayLoaderProps) => any;
 interface LoadingDotsProps {
     size?: number;
     color?: string;
@@ -460,7 +593,7 @@ interface LoadingDotsProps {
     speed?: number;
     count?: number;
 }
-declare const LoadingDots: React__default.FC<LoadingDotsProps>;
+declare const LoadingDots: ({ size, color, gap, speed, count, }: LoadingDotsProps) => any;
 interface LoadingDotsLinearProps {
     size?: number;
     color?: string;
@@ -468,14 +601,14 @@ interface LoadingDotsLinearProps {
     speed?: number;
     count?: number;
 }
-declare const LoadingDotsLinear: React__default.FC<LoadingDotsLinearProps>;
+declare const LoadingDotsLinear: ({ size, color, gap, speed, count, }: LoadingDotsLinearProps) => any;
 interface CardWithLoadingProps {
     loading?: boolean;
     imageUrl?: string;
     title?: string;
     content?: string;
 }
-declare const CardWithLoading: React__default.FC<CardWithLoadingProps>;
+declare const CardWithLoading: ({ loading, imageUrl, title, content, }: CardWithLoadingProps) => any;
 
 declare function SearchableDropdown({ label, options, value, onChange, placeholder, }: any): _emotion_react_jsx_runtime.JSX.Element;
 
@@ -493,7 +626,7 @@ declare const TexttoAudio: ({ icons }: {
     icons?: IconSet;
 }) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const MahatiLocationAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, }: any) => React__default.ReactPortal | null;
+declare const MahatiLocationAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, }: any) => any;
 interface MahatiCameraAccessModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -505,8 +638,8 @@ interface MahatiCameraAccessModalProps {
     onAllow?: (stream?: MediaStream) => void;
     onDeny?: () => void;
 }
-declare const MahatiCameraAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, }: MahatiCameraAccessModalProps) => React__default.ReactPortal | null;
-declare const MahatiMicrophoneAccessModal: ({ isOpen, onClose, title, description, image, allowText, denyText, onAllow, onDeny, }: any) => React__default.ReactPortal | null;
+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;
 interface MahatiPromotionModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -520,7 +653,7 @@ interface MahatiPromotionModalProps {
     showInput?: boolean;
     inputPlaceholder?: string;
 }
-declare const MahatiPromotionModal: ({ isOpen, onClose, ctaLink, openInNewTab, onCtaClick, ...cardProps }: MahatiPromotionModalProps) => React__default.ReactPortal | null;
+declare const MahatiPromotionModal: ({ isOpen, onClose, ctaLink, openInNewTab, onCtaClick, ...cardProps }: MahatiPromotionModalProps) => any;
 interface MahatiPromotionModalV2Props {
     isOpen: boolean;
     onClose: () => void;
@@ -534,7 +667,7 @@ interface MahatiPromotionModalV2Props {
     showBadgeImage?: boolean;
     badgeImageSrc?: string;
 }
-declare const MahatiPromotionModalV2Modal: ({ isOpen, onClose, headerTitle, title, description, ctaText, onCtaClick, ctaLink, openInNewTab, showBadgeImage, badgeImageSrc, }: MahatiPromotionModalV2Props) => React__default.ReactPortal | null;
+declare const MahatiPromotionModalV2Modal: ({ isOpen, onClose, headerTitle, title, description, ctaText, onCtaClick, ctaLink, openInNewTab, showBadgeImage, badgeImageSrc, }: MahatiPromotionModalV2Props) => any;
 interface MahatiPromotionModalV3Props {
     isOpen: boolean;
     onClose: () => void;
@@ -548,7 +681,7 @@ interface MahatiPromotionModalV3Props {
     ctaLink?: string;
     openInNewTab?: boolean;
 }
-declare const MahatiPromotionModalV3Modal: ({ isOpen, onClose, title, description, ctaText, onCtaClick, secondaryText, onSecondaryClick, imageSrc, ctaLink, openInNewTab, }: MahatiPromotionModalV3Props) => React__default.ReactPortal | null;
+declare const MahatiPromotionModalV3Modal: ({ isOpen, onClose, title, description, ctaText, onCtaClick, secondaryText, onSecondaryClick, imageSrc, ctaLink, openInNewTab, }: MahatiPromotionModalV3Props) => any;
 type BadgeType = "like" | "mention" | "follow" | "comment" | "add";
 interface MahatiNotificationCardProps {
     title: string;
@@ -566,4 +699,4 @@ interface MahatiNotificationCardProps {
 }
 declare const MahatiNotificationCard: ({ title, description, time, iconSrc, avatarSrc, badgeIconSrc, badgeType, primaryActionText, onPrimaryAction, secondaryActionText, onSecondaryAction, onClose, }: MahatiNotificationCardProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionProps, type AlertArgs, type CalendarDate, type CalendarDateRange, type CalendarProps, type CalendarTime, CardOverlayLoader, CardWithLoading, CircularSpinner, DEFAULT_ACTIVITY_OPTIONS, DEFAULT_STATUS_OPTIONS, type FieldSize, Filter, type FilterValues, LoadingDots, LoadingDotsLinear, MahatiActivity, type MahatiActivityProps, Button as MahatiButton, Calendar as MahatiCalendar, MahatiCameraAccessModal, Card as MahatiCard, 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, type Toast, type ToastAction, type ToastBackground, type ToastClassNames, type ToastContainerProps, type ToastPosition, type ToastSlots, type ToastType };
+export { Accordion, type AccordionProps, type AlertArgs, 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, type Toast, type ToastAction, type ToastBackground, type ToastClassNames, type ToastContainerProps, type ToastPosition, type ToastSlots, type ToastType };