import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactNode } from 'react';

type SpinnerStyle = 'dots' | 'line' | 'star' | 'clock' | 'bounce' | 'bar' | 'arc' | 'arrow' | 'toggle' | 'box' | 'pipe' | 'earth';
interface SpinnerProps {
    style?: SpinnerStyle;
    label?: string;
    color?: string;
    fps?: number;
    /** Custom animation frames (overrides style). Default: undefined */
    frames?: string[];
    reducedMotion?: boolean;
}
declare function Spinner({ style: spinnerStyle, label, color, fps, frames: customFrames, reducedMotion, }: SpinnerProps): react_jsx_runtime.JSX.Element;

interface ProgressBarProps {
    value: number;
    total?: number;
    width?: number;
    showPercent?: boolean;
    showEta?: boolean;
    fillChar?: string;
    emptyChar?: string;
    color?: string;
    label?: string;
    reducedMotion?: boolean;
}
declare function ProgressBar({ value, total, width, showPercent, showEta, fillChar, emptyChar, color, label, reducedMotion, }: ProgressBarProps): react_jsx_runtime.JSX.Element;

type AlertVariant = 'success' | 'error' | 'warning' | 'info';
interface AlertProps {
    variant?: AlertVariant;
    title?: string;
    children?: ReactNode;
    icon?: string;
    /** Show a border around the alert. Default: true */
    bordered?: boolean;
    /** Border style. Default: theme.border.style */
    borderStyle?: 'single' | 'double' | 'round' | 'bold' | 'singleDouble' | 'doubleSingle' | 'classic';
    /** Override the border/icon color */
    color?: string;
    /** Horizontal padding. Default: 1 */
    paddingX?: number;
    /** Vertical padding. Default: 0 */
    paddingY?: number;
}
declare function Alert({ variant, title, children, icon, bordered, borderStyle, color, paddingX, paddingY, }: AlertProps): react_jsx_runtime.JSX.Element;

type StatusVariant = 'success' | 'error' | 'warning' | 'info' | 'loading' | 'pending';
interface StatusMessageProps {
    variant?: StatusVariant;
    children: ReactNode;
    icon?: string;
}
declare function StatusMessage({ variant, children, icon }: StatusMessageProps): react_jsx_runtime.JSX.Element;

type ToastVariant = 'success' | 'error' | 'warning' | 'info';
interface ToastProps {
    message: string;
    variant?: ToastVariant;
    duration?: number;
    onDismiss?: () => void;
    icon?: string;
}
declare function Toast({ message, variant, duration, onDismiss, icon }: ToastProps): react_jsx_runtime.JSX.Element | null;

type BannerVariant = 'info' | 'warning' | 'error' | 'success' | 'neutral';
interface BannerProps {
    children: ReactNode;
    variant?: BannerVariant;
    icon?: string;
    title?: string;
    dismissible?: boolean;
    onDismiss?: () => void;
    /** Override the variant color */
    color?: string;
    /** Left accent bar character. Default: '┃' */
    accentChar?: string;
    /** Gap between accent bar and content. Default: 1 */
    gap?: number;
}
declare function Banner({ children, variant, icon, title, dismissible, onDismiss, color, accentChar, gap, }: BannerProps): react_jsx_runtime.JSX.Element | null;

interface SkeletonProps {
    width?: number;
    height?: number;
    animated?: boolean;
    reducedMotion?: boolean;
}
declare function Skeleton({ width, height, animated, reducedMotion, }: SkeletonProps): react_jsx_runtime.JSX.Element;

type ProgressCircleSize = 'sm' | 'md' | 'lg';
interface ProgressCircleProps {
    value: number;
    size?: ProgressCircleSize;
    color?: string;
    label?: string;
    showPercent?: boolean;
}
declare function ProgressCircle({ value, size, color, label, showPercent, }: ProgressCircleProps): react_jsx_runtime.JSX.Element;

type MultiProgressStatus = 'pending' | 'running' | 'done' | 'error';
interface MultiProgressItem {
    id: string;
    label: string;
    value: number;
    total: number;
    status?: MultiProgressStatus;
    statusText?: string;
}
interface MultiProgressProps {
    items: MultiProgressItem[];
    barWidth?: number;
    labelWidth?: number;
    compact?: boolean;
    showPercent?: boolean;
}
declare function MultiProgress({ items, barWidth, labelWidth, compact, showPercent, }: MultiProgressProps): react_jsx_runtime.JSX.Element;

/**
 * NotificationCenter — renders the active notification queue.
 *
 * @example
 * ```tsx
 * // Wrap your app:
 * // function App() {
 * //   return (
 * //     <NotificationsProvider>
 * //       <MyApp />
 * //       <NotificationCenter />
 * //     </NotificationsProvider>
 * //   );
 * // }
 * //
 * // Anywhere inside:
 * // const { notify } = useNotifications();
 * // notify({ title: 'Saved', body: 'File saved successfully.', variant: 'success', duration: 3000 });
 * ```
 */
interface NotificationCenterProps {
    /** Maximum number of notifications to display at once. Default: 3 */
    maxVisible?: number;
    /** Render order — 'bottom' shows newest at bottom, 'top' shows newest at top. Default: 'bottom' */
    position?: 'top' | 'bottom';
}
declare function NotificationCenter({ maxVisible, position, }: NotificationCenterProps): react_jsx_runtime.JSX.Element | null;

export { Alert, type AlertProps, type AlertVariant, Banner, type BannerProps, type BannerVariant, MultiProgress, type MultiProgressItem, type MultiProgressProps, type MultiProgressStatus, NotificationCenter, type NotificationCenterProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, type ProgressCircleSize, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerStyle, StatusMessage, type StatusMessageProps, type StatusVariant, Toast, type ToastProps, type ToastVariant };