@zango-core/components 0.0.0

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+
+export interface DrawerProps {
+    /** Whether the drawer is open */
+    open: boolean;
+    /** Callback when the drawer should close */
+    onClose: () => void;
+    /** Content to display in the drawer */
+    children: React.ReactNode;
+    /** Size of the drawer */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Title of the drawer */
+    title?: string;
+    /** Position of the drawer */
+    position?: 'left' | 'right';
+    /** Whether to show the back button */
+    showBackButton?: boolean;
+    /** Callback when back button is clicked */
+    onBack?: () => void;
+    /** Custom className for the drawer content */
+    className?: string;
+    /** Custom className for the overlay */
+    overlayClassName?: string;
+    /** Whether to show close button */
+    showCloseButton?: boolean;
+    /** Custom close button content */
+    closeButton?: React.ReactNode;
+}
+export declare const Drawer: React.FC<DrawerProps>;

package/dist/components/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';

package/dist/components/Empty/Empty.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export interface EmptyProps {
+    description?: React.ReactNode;
+    image?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const Empty: React.FC<EmptyProps>;

package/dist/components/Empty/index.d.ts

@@ -0,0 +1,2 @@
+export { Empty } from './Empty';
+export type { EmptyProps } from './Empty';

package/dist/components/Form/Form.d.ts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+
+export interface FormRule {
+    required?: boolean;
+    message?: string;
+    type?: 'email' | 'url' | 'number';
+    min?: number;
+    max?: number;
+    pattern?: RegExp;
+    validator?: (rule: any, value: any) => Promise<void> | void;
+}
+export interface FormProps {
+    children: React.ReactNode;
+    onFinish?: (values: Record<string, any>) => void;
+    onFinishFailed?: (errorInfo: {
+        values: Record<string, any>;
+        errorFields: Array<{
+            name: string;
+            errors: string[];
+        }>;
+    }) => void;
+    layout?: 'horizontal' | 'vertical' | 'inline';
+    className?: string;
+    name?: string;
+    initialValues?: Record<string, any>;
+    form?: any;
+}
+export interface FormItemProps {
+    name?: string;
+    label?: string;
+    rules?: FormRule[];
+    children: React.ReactElement;
+    className?: string;
+    help?: string;
+    validateStatus?: 'success' | 'warning' | 'error' | 'validating';
+    required?: boolean;
+    noStyle?: boolean;
+    valuePropName?: string;
+}
+export declare const Form: React.FC<FormProps> & {
+    Item: typeof FormItem;
+};
+export declare const FormItem: React.FC<FormItemProps>;
+export declare const useForm: () => {
+    resetFields: () => void;
+    setFieldsValue: () => void;
+    getFieldsValue: () => {};
+};

package/dist/components/Form/index.d.ts

@@ -0,0 +1,2 @@
+export { Form, FormItem, useForm } from './Form';
+export type { FormProps, FormItemProps, FormRule } from './Form';

package/dist/components/FormWidgets/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Input, type InputProps } from '../Input';
+export { default as Textarea } from '../Textarea';
+export { default as Checkbox } from '../Checkbox';
+export { default as PasswordInput } from '../PasswordInput';
+export { default as MobileInput } from '../MobileInput';
+export { default as PhoneNumberInput, type Country, type PhoneNumberInputProps } from '../PhoneNumberInput';

package/dist/components/InfoSection/InfoSection.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+
+type InfoSectionVariant = 'default' | 'card' | 'bordered';
+type InfoSectionSize = 'small' | 'medium' | 'large';
+interface InfoSectionProps {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    actions?: React.ReactNode;
+    variant?: InfoSectionVariant;
+    size?: InfoSectionSize;
+}
+export declare const InfoSection: React.FC<InfoSectionProps>;
+type InfoItemOrientation = 'vertical' | 'horizontal';
+interface InfoItemProps {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    className?: string;
+    labelClassName?: string;
+    valueClassName?: string;
+    orientation?: InfoItemOrientation;
+}
+export declare const InfoItem: React.FC<InfoItemProps>;
+type InfoGridGap = 'small' | 'medium' | 'large';
+interface InfoGridProps {
+    children: React.ReactNode;
+    columns?: 1 | 2 | 3 | 4;
+    className?: string;
+    gap?: InfoGridGap;
+}
+export declare const InfoGrid: React.FC<InfoGridProps>;
+export {};

package/dist/components/InfoSection/index.d.ts

@@ -0,0 +1 @@
+export { InfoSection, InfoItem, InfoGrid } from './InfoSection';

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, InputHTMLAttributes } from 'react';
+
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    error?: boolean;
+    helperText?: string;
+    inputSize?: 'sm' | 'md' | 'lg';
+    containerClassName?: string;
+    iconClassName?: string;
+}
+declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Input;

package/dist/components/Input/index.d.ts

@@ -0,0 +1 @@
+export { default, type InputProps } from './Input';

package/dist/components/Layout/Layout.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+
+export interface LayoutProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface HeaderProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface ContentProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface FooterProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface SiderProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    width?: number | string;
+    collapsed?: boolean;
+}
+export declare const Layout: React.FC<LayoutProps> & {
+    Header: React.FC<HeaderProps>;
+    Content: React.FC<ContentProps>;
+    Footer: React.FC<FooterProps>;
+    Sider: React.FC<SiderProps>;
+};

package/dist/components/Layout/index.d.ts

@@ -0,0 +1,2 @@
+export { Layout } from './Layout';
+export type { LayoutProps, HeaderProps, ContentProps, FooterProps, SiderProps } from './Layout';

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+
+export interface LoaderProps {
+    /** Whether the loader is visible */
+    loading?: boolean;
+    /** Type of loader */
+    type?: 'page' | 'inline' | 'overlay';
+    /** Position for page loader */
+    position?: 'top' | 'bottom';
+    /** Size of the loader */
+    size?: 'small' | 'default' | 'large';
+    /** Loading text to display */
+    text?: string;
+    /** Children to wrap with loader overlay */
+    children?: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Delay before showing loader (in ms) */
+    delay?: number;
+}
+export declare const Loader: React.FC<LoaderProps>;
+export declare const loaderStyles = "\n  @keyframes page-loader {\n    0% {\n      transform: translateX(-150%);\n    }\n    100% {\n      transform: translateX(250%);\n    }\n  }\n\n  @keyframes page-loader-secondary {\n    0% {\n      transform: translateX(-150%);\n    }\n    66% {\n      transform: translateX(-150%);\n    }\n    100% {\n      transform: translateX(250%);\n    }\n  }\n\n  @keyframes inline-loader {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(200%);\n    }\n  }\n\n  .animate-page-loader {\n    animation: page-loader 2s linear infinite;\n  }\n\n  .animate-page-loader-secondary {\n    animation: page-loader-secondary 2s linear infinite;\n  }\n\n  .animate-inline-loader {\n    animation: inline-loader 1.5s ease-in-out infinite;\n  }\n";

package/dist/components/Message/Message.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+
+interface MessageItem {
+    id: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+    content: string;
+    duration?: number;
+}
+interface MessageContextType {
+    messages: MessageItem[];
+    addMessage: (message: Omit<MessageItem, 'id'>) => void;
+    removeMessage: (id: string) => void;
+}
+export interface MessageProviderProps {
+    children: React.ReactNode;
+}
+export declare const MessageProvider: React.FC<MessageProviderProps>;
+interface MessageItemProps {
+    message: MessageItem;
+    onClose: () => void;
+}
+declare const MessageItem: React.FC<MessageItemProps>;
+export declare const message: {
+    success: (content: string, duration?: number) => void;
+    error: (content: string, duration?: number) => void;
+    warning: (content: string, duration?: number) => void;
+    info: (content: string, duration?: number) => void;
+};
+export declare const useMessage: () => MessageContextType;
+declare global {
+    interface Window {
+        messageAPI?: MessageContextType;
+    }
+}
+export {};

package/dist/components/Message/index.d.ts

@@ -0,0 +1,2 @@
+export { MessageProvider, message, useMessage } from './Message';
+export type { MessageProviderProps } from './Message';

package/dist/components/MobileInput/MobileInput.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface MobileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    countryCode?: string;
+    error?: boolean;
+}
+declare const MobileInput: React.ForwardRefExoticComponent<MobileInputProps & React.RefAttributes<HTMLInputElement>>;
+export default MobileInput;

package/dist/components/MobileInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MobileInput';

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+interface PasswordInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    error?: boolean;
+}
+declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
+export default PasswordInput;

package/dist/components/PasswordInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PasswordInput';

package/dist/components/PhoneNumberInput/PhoneNumberInput.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+
+export interface Country {
+    code: string;
+    name: string;
+    dialCode: string;
+    flag: string;
+    format?: string;
+    priority?: number;
+}
+export interface PhoneNumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'size'> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, country: Country) => void;
+    onCountryChange?: (country: Country) => void;
+    enableCountryDropdown?: boolean;
+    defaultCountry?: string;
+    preferredCountries?: string[];
+    excludeCountries?: string[];
+    onlyCountries?: string[];
+    showCountryFlags?: boolean;
+    autoFormat?: boolean;
+    validatePhoneNumber?: boolean;
+    onValidationChange?: (isValid: boolean) => void;
+    placeholder?: string;
+    autoPlaceholder?: boolean;
+    dropdownPosition?: 'auto' | 'top' | 'bottom';
+    searchable?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    error?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    className?: string;
+    containerClassName?: string;
+    dropdownClassName?: string;
+    inputClassName?: string;
+    name?: string;
+    id?: string;
+    required?: boolean;
+}
+export declare const PhoneNumberInput: React.ForwardRefExoticComponent<PhoneNumberInputProps & React.RefAttributes<HTMLInputElement>>;
+export default PhoneNumberInput;

package/dist/components/PhoneNumberInput/PhoneNumberInput.example.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Simple usage example for PhoneNumberInput
+ * This can be used as a reference for integrating into existing forms
+ */
+export declare const BasicPhoneNumberExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const FormIntegrationExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const FixedCountryExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const ValidationExample: () => import("react/jsx-runtime").JSX.Element;
+declare const PhoneNumberInputExamples: () => import("react/jsx-runtime").JSX.Element;
+export default PhoneNumberInputExamples;

package/dist/components/PhoneNumberInput/index.d.ts

@@ -0,0 +1 @@
+export { default, type PhoneNumberInputProps, type Country } from './PhoneNumberInput';

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface ProgressProps {
+    percent?: number;
+    type?: 'line' | 'circle';
+    status?: 'normal' | 'exception' | 'active' | 'success';
+    showInfo?: boolean;
+    format?: (percent?: number) => React.ReactNode;
+    strokeColor?: string;
+    strokeWidth?: number;
+    size?: 'default' | 'small';
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Progress: React.FC<ProgressProps>;

package/dist/components/Progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from './Progress';
+export type { ProgressProps } from './Progress';

package/dist/components/Result/Result.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export interface ResultProps {
+    status?: 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500';
+    title?: React.ReactNode;
+    subTitle?: React.ReactNode;
+    icon?: React.ReactNode;
+    extra?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Result: React.FC<ResultProps>;

package/dist/components/Result/index.d.ts

@@ -0,0 +1,2 @@
+export { Result } from './Result';
+export type { ResultProps } from './Result';

package/dist/components/Segmented/Segmented.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+
+export interface SegmentedOption {
+    label: React.ReactNode;
+    value: string | number;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+}
+export interface SegmentedProps {
+    options: SegmentedOption[] | (string | number)[];
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: (value: string | number) => void;
+    disabled?: boolean;
+    size?: 'small' | 'middle' | 'large';
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Segmented: React.FC<SegmentedProps>;

package/dist/components/Segmented/index.d.ts

@@ -0,0 +1,2 @@
+export { Segmented } from './Segmented';
+export type { SegmentedProps, SegmentedOption } from './Segmented';

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+
+export interface SelectOption {
+    value: string | number;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+export interface SelectProps {
+    value?: string | number;
+    defaultValue?: string | number;
+    placeholder?: string;
+    options?: SelectOption[];
+    onChange?: (value: string | number, option: SelectOption) => void;
+    onSelect?: (value: string | number, option: SelectOption) => void;
+    disabled?: boolean;
+    allowClear?: boolean;
+    showSearch?: boolean;
+    filterOption?: (input: string, option?: SelectOption) => boolean;
+    size?: "small" | "medium" | "large";
+    className?: string;
+    style?: React.CSSProperties;
+    dropdownClassName?: string;
+    children?: React.ReactNode;
+}
+export declare const Select: React.FC<SelectProps> & {
+    Option: React.FC<{
+        value: string | number;
+        children: React.ReactNode;
+        disabled?: boolean;
+    }>;
+};

package/dist/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select';

package/dist/components/Space/Space.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export interface SpaceProps {
+    children: React.ReactNode;
+    direction?: 'horizontal' | 'vertical';
+    size?: 'small' | 'medium' | 'large' | number;
+    align?: 'start' | 'end' | 'center' | 'baseline';
+    wrap?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Space: React.FC<SpaceProps>;

package/dist/components/Space/index.d.ts

@@ -0,0 +1,2 @@
+export { Space } from './Space';
+export type { SpaceProps } from './Space';

package/dist/components/Spin/Spin.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+export interface SpinProps {
+    spinning?: boolean;
+    size?: 'small' | 'default' | 'large';
+    tip?: string;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Spin: React.FC<SpinProps>;

package/dist/components/Spin/index.d.ts

@@ -0,0 +1,2 @@
+export { Spin } from './Spin';
+export type { SpinProps } from './Spin';

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+
+export interface TabItem {
+    key: string;
+    label: React.ReactNode;
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    activeKey?: string;
+    defaultActiveKey?: string;
+    items: TabItem[];
+    onChange?: (activeKey: string) => void;
+    type?: 'line' | 'card';
+    size?: 'small' | 'default' | 'large';
+    tabPosition?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Tabs: React.FC<TabsProps>;

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs } from './Tabs';
+export type { TabsProps, TabItem } from './Tabs';

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export interface TagProps {
+    children: React.ReactNode;
+    color?: string | 'success' | 'processing' | 'error' | 'warning' | 'default';
+    closable?: boolean;
+    onClose?: (e: React.MouseEvent) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    icon?: React.ReactNode;
+}
+export declare const Tag: React.FC<TagProps>;

package/dist/components/Tag/index.d.ts

@@ -0,0 +1,2 @@
+export { Tag } from './Tag';
+export type { TagProps } from './Tag';

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: boolean;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Textarea';

package/dist/components/Timeline/Timeline.d.ts

@@ -0,0 +1,30 @@
+export interface TimelineEvent {
+    id: string;
+    type: "status_change" | "consultation" | "prescription" | "vitals" | "custom";
+    title: string;
+    subtitle?: string;
+    description?: string;
+    timestamp: string;
+    date: string;
+    icon?: "user" | "activity" | "file" | "calendar" | "clock" | "custom";
+    iconUrl?: string;
+    metadata?: Record<string, any>;
+}
+export interface TimelineSection {
+    date: string;
+    events: TimelineEvent[];
+}
+interface TimelineProps {
+    sections: TimelineSection[];
+    className?: string;
+}
+export declare function TimelineEventItem({ event }: {
+    event: TimelineEvent;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TimelineSection({ section }: {
+    section: TimelineSection;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Timeline({ sections, className }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function formatTimelineDate(date: Date | string): string;
+export declare function formatTimelineTime(date: Date | string): string;
+export {};

package/dist/components/Timeline/index.d.ts

@@ -0,0 +1,2 @@
+export { Timeline, TimelineSection, TimelineEventItem, formatTimelineDate, formatTimelineTime } from './Timeline';
+export type { TimelineEvent, TimelineSection as TimelineSectionType } from './Timeline';

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+
+export type ToastVariant = 'success' | 'error' | 'warning' | 'info' | 'default';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+export interface ToastOptions {
+    title: string;
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    icon?: React.ReactNode;
+    primaryAction?: ToastAction;
+    secondaryAction?: ToastAction;
+    closeButton?: boolean;
+}
+export interface ToasterProps {
+    position?: ToastPosition;
+    duration?: number;
+    gap?: number;
+    visibleToasts?: number;
+    closeButton?: boolean;
+    richColors?: boolean;
+    expand?: boolean;
+    className?: string;
+    toastOptions?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+}
+export declare const Toaster: React.FC<ToasterProps>;
+export declare const toast: {
+    success: (options: ToastOptions | string) => string | number;
+    error: (options: ToastOptions | string) => string | number;
+    warning: (options: ToastOptions | string) => string | number;
+    info: (options: ToastOptions | string) => string | number;
+    custom: (options: ToastOptions) => string | number;
+    dismiss: (id?: number | string) => string | number;
+    loading: (message: (React.ReactNode | (() => React.ReactNode)) | React.ReactNode, data?: import('sonner').ExternalToast) => string | number;
+    promise: any;
+};

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export { Toaster, toast } from './Toast';
+export type { ToastVariant, ToastPosition, ToastAction, ToastOptions, ToasterProps } from './Toast';

package/dist/components/Toast/useToast.d.ts

@@ -0,0 +1,10 @@
+export declare const useToast: () => {
+    toast: (options: import('./Toast').ToastOptions) => string | number;
+    success: (options: import('./Toast').ToastOptions | string) => string | number;
+    error: (options: import('./Toast').ToastOptions | string) => string | number;
+    warning: (options: import('./Toast').ToastOptions | string) => string | number;
+    info: (options: import('./Toast').ToastOptions | string) => string | number;
+    dismiss: (id?: number | string) => string | number;
+    loading: (message: (import('react').ReactNode | (() => React.ReactNode)) | React.ReactNode, data?: import('sonner').ExternalToast) => string | number;
+    promise: any;
+};