@mahatisystems/mahati-ui-components 4.3.0 → 4.4.0

package/dist/index.d.mts

@@ -494,50 +494,68 @@ declare const Tooltip: {
     displayName: string;
 };
 
-type ClassValue = string | false | null | undefined;
-declare const cn: (...values: ClassValue[]) => string;
-type ToastType = 'Success' | 'Error' | 'Warning' | 'Notification' | 'Action' | 'LiquidUI';
-type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-type ToastBackground = 'solid' | 'transparent';
-interface ToastAction {
+type ToastType = "success" | "error" | "warning" | "notification";
+type BackgroundType = "solid" | "transparent";
+interface CustomToastStyles {
+    containerBackground?: string;
+    containerBorderRadius?: string;
+    containerBoxShadow?: string;
+    containerWidth?: string;
+    containerHeight?: string;
+    containerPaddingLeft?: string;
+    stripBackground?: string;
+    stripWidth?: string;
+    stripLeft?: string;
+    stripBorderRadius?: string;
+    titleColor?: string;
+    titleFontFamily?: string;
+    titleFontSize?: string;
+    titleFontWeight?: string;
+    titleFontStyle?: string;
+    titleLineHeight?: string;
+    messageColor?: string;
+    messageFontFamily?: string;
+    messageFontSize?: string;
+    messageFontWeight?: string;
+    messageFontStyle?: string;
+    messageLineHeight?: string;
+    messageOpacity?: string;
+    messageMarginTop?: string;
+    iconSrc?: string;
+    iconWidth?: string;
+    iconHeight?: string;
+    iconMarginRight?: string;
+    closeIconSrc?: string;
+    closeIconWidth?: string;
+    closeIconHeight?: string;
+    closeButtonOpacity?: string;
+    closeButtonMarginLeft?: string;
+}
+interface ActionButton {
     label: string;
-    onClick?: () => void;
-}
-type ToastSlots = 'base' | 'strip' | 'icon' | 'title' | 'message' | 'close' | 'actions' | 'primaryAction' | 'secondaryAction';
-type ToastClassNames = Partial<Record<ToastSlots, string>>;
-interface Toast {
-    id: string;
-    type: ToastType;
-    title: string;
+    onClick: () => void;
+    variant?: 'primary' | 'secondary';
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    hoverBackgroundColor?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    padding?: string;
+    borderRadius?: string;
+}
+interface ToastMessageProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    type?: ToastType;
+    title?: string;
     message?: string;
+    onClose?: () => void;
+    showClose?: boolean;
     duration?: number;
-    actions?: ToastAction[];
-    background?: ToastBackground;
-    classNames?: ToastClassNames;
+    background?: BackgroundType;
+    custom?: CustomToastStyles;
+    action?: ActionButton[];
 }
-type AlertArgs = {
-    type: ToastType;
-    message?: string;
-    background?: ToastBackground;
-    duration?: number;
-    actions?: ToastAction[];
-    classNames?: ToastClassNames;
-};
-interface ToastContainerProps {
-    toasts: Toast[];
-    position: ToastPosition;
-    onClose: (id: string) => void;
-}
-declare const titleForType: (type: ToastType) => "Success" | "Error" | "Warning" | "Notification" | "Liquid UI" | "Confirmation";
-declare const ToastMessageBase: {
-    ({ toasts, position, onClose }: ToastContainerProps): any;
-    displayName: string;
-};
-type ToastMessageWithUtils = typeof ToastMessageBase & {
-    cn: typeof cn;
-    titleForType: typeof titleForType;
-};
-declare const ToastMessage: ToastMessageWithUtils;
+declare const ToastMessage: React__default.ForwardRefExoticComponent<ToastMessageProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ConfettiExplosionProps {
     isActive: boolean;
@@ -699,4 +717,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$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 };
+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 };

package/dist/index.d.ts

@@ -494,50 +494,68 @@ declare const Tooltip: {
     displayName: string;
 };
 
-type ClassValue = string | false | null | undefined;
-declare const cn: (...values: ClassValue[]) => string;
-type ToastType = 'Success' | 'Error' | 'Warning' | 'Notification' | 'Action' | 'LiquidUI';
-type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-type ToastBackground = 'solid' | 'transparent';
-interface ToastAction {
+type ToastType = "success" | "error" | "warning" | "notification";
+type BackgroundType = "solid" | "transparent";
+interface CustomToastStyles {
+    containerBackground?: string;
+    containerBorderRadius?: string;
+    containerBoxShadow?: string;
+    containerWidth?: string;
+    containerHeight?: string;
+    containerPaddingLeft?: string;
+    stripBackground?: string;
+    stripWidth?: string;
+    stripLeft?: string;
+    stripBorderRadius?: string;
+    titleColor?: string;
+    titleFontFamily?: string;
+    titleFontSize?: string;
+    titleFontWeight?: string;
+    titleFontStyle?: string;
+    titleLineHeight?: string;
+    messageColor?: string;
+    messageFontFamily?: string;
+    messageFontSize?: string;
+    messageFontWeight?: string;
+    messageFontStyle?: string;
+    messageLineHeight?: string;
+    messageOpacity?: string;
+    messageMarginTop?: string;
+    iconSrc?: string;
+    iconWidth?: string;
+    iconHeight?: string;
+    iconMarginRight?: string;
+    closeIconSrc?: string;
+    closeIconWidth?: string;
+    closeIconHeight?: string;
+    closeButtonOpacity?: string;
+    closeButtonMarginLeft?: string;
+}
+interface ActionButton {
     label: string;
-    onClick?: () => void;
-}
-type ToastSlots = 'base' | 'strip' | 'icon' | 'title' | 'message' | 'close' | 'actions' | 'primaryAction' | 'secondaryAction';
-type ToastClassNames = Partial<Record<ToastSlots, string>>;
-interface Toast {
-    id: string;
-    type: ToastType;
-    title: string;
+    onClick: () => void;
+    variant?: 'primary' | 'secondary';
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    hoverBackgroundColor?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    padding?: string;
+    borderRadius?: string;
+}
+interface ToastMessageProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    type?: ToastType;
+    title?: string;
     message?: string;
+    onClose?: () => void;
+    showClose?: boolean;
     duration?: number;
-    actions?: ToastAction[];
-    background?: ToastBackground;
-    classNames?: ToastClassNames;
+    background?: BackgroundType;
+    custom?: CustomToastStyles;
+    action?: ActionButton[];
 }
-type AlertArgs = {
-    type: ToastType;
-    message?: string;
-    background?: ToastBackground;
-    duration?: number;
-    actions?: ToastAction[];
-    classNames?: ToastClassNames;
-};
-interface ToastContainerProps {
-    toasts: Toast[];
-    position: ToastPosition;
-    onClose: (id: string) => void;
-}
-declare const titleForType: (type: ToastType) => "Success" | "Error" | "Warning" | "Notification" | "Liquid UI" | "Confirmation";
-declare const ToastMessageBase: {
-    ({ toasts, position, onClose }: ToastContainerProps): any;
-    displayName: string;
-};
-type ToastMessageWithUtils = typeof ToastMessageBase & {
-    cn: typeof cn;
-    titleForType: typeof titleForType;
-};
-declare const ToastMessage: ToastMessageWithUtils;
+declare const ToastMessage: React__default.ForwardRefExoticComponent<ToastMessageProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ConfettiExplosionProps {
     isActive: boolean;
@@ -699,4 +717,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$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 };
+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 };