@esperanca-ui/componentes 2.1.1

package/dist/components/Background/Background.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+export interface BackgroundProps {
+    theme?: 'light' | 'dark';
+    gradient?: string;
+    pattern?: 'none' | 'dots' | 'grid' | 'waves';
+    opacity?: number;
+    blendMode?: React.CSSProperties['mixBlendMode'];
+    fullScreen?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function Background({ theme, gradient, pattern, opacity, blendMode, fullScreen, children, className, style, }: BackgroundProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The visual style of the button.
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info' | 'ghost' | 'outline';
+    /**
+     * The size of the button.
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * If `true`, the button will take up the full width of its container.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * If `true`, the button will be in a loading state.
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * The text to display when the button is in a loading state.
+     */
+    loadingText?: React.ReactNode;
+    /**
+     * An icon to display to the left of the button's text.
+     */
+    leftIcon?: React.ReactNode;
+    /**
+     * An icon to display to the right of the button's text.
+     */
+    rightIcon?: React.ReactNode;
+}
+export declare function Button({ variant, size, fullWidth, isLoading, loadingText, leftIcon, rightIcon, className, style, type, disabled, children, ...buttonProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'elevated' | 'outlined' | 'filled' | 'glass';
+    interactive?: boolean;
+    glassOpacity?: number;
+    glassBlur?: number;
+}
+export declare const CardBase: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const CardBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+    Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    helperText?: React.ReactNode;
+    error?: React.ReactNode;
+    indeterminate?: boolean;
+    wrapperClassName?: string;
+    inputClassName?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ComboBox/ComboBox.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+
+export type ComboBoxOption = {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+};
+export interface ComboBoxProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'children' | 'value' | 'onChange'> {
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    error?: React.ReactNode;
+    options: ComboBoxOption[];
+    placeholder?: string;
+    wrapperClassName?: string;
+    selectClassName?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    fullWidth?: boolean;
+    value?: string | number;
+    onChange?: (value: string | number, option: ComboBoxOption) => void;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    maxRenderedItems?: number;
+}
+export declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<HTMLSelectElement>>;

package/dist/components/ConfirmDialog/ConfirmDialog.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ReactNode } from 'react';
+import { ModalProps } from '../Modal/Modal';
+
+export interface ConfirmDialogProps extends Omit<ModalProps, 'children' | 'footer'> {
+    message: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm: () => void;
+    isDestructive?: boolean;
+}
+export declare const ConfirmDialog: React.FC<ConfirmDialogProps>;

package/dist/components/FormSidebar/FormSidebar.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+
+type FormSidebarRenderProps<T> = {
+    data: T | null;
+    close: () => void;
+};
+type FormSidebarContent<T> = React.ReactNode | ((props: FormSidebarRenderProps<T>) => React.ReactNode);
+export interface FormSidebarProps<T = unknown> {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    subtitle?: string;
+    data?: T | null;
+    children: FormSidebarContent<T>;
+    closeOnOverlayClick?: boolean;
+    closeLabel?: string;
+    side?: 'left' | 'right';
+    width?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function FormSidebar<T = unknown>({ isOpen, onClose, title, subtitle, data, children, closeOnOverlayClick, closeLabel, side, width, className, style, }: FormSidebarProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,13 @@
+import { default as React, HTMLAttributes } from 'react';
+
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    columns?: number | {
+        base?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+    };
+    gap?: number | string;
+}
+export declare const Grid: React.FC<GridProps>;

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

@@ -0,0 +1 @@
+export * from './Grid';

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    error?: React.ReactNode;
+    leftAdornment?: React.ReactNode;
+    rightAdornment?: React.ReactNode;
+    wrapperClassName?: string;
+    inputClassName?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    fullWidth?: boolean;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Loading/Loading.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'spinner' | 'dots' | 'skeleton';
+    skeletonLines?: number;
+}
+export declare const Loading: React.FC<LoadingProps>;

package/dist/components/MetricCard/MetricCard.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CardProps } from '../Card/Card';
+
+export interface MetricCardProps extends Omit<CardProps, 'title'> {
+    icon?: React.ReactNode;
+    value: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    tone?: 'neutral' | 'success' | 'danger' | 'warning' | 'info';
+}
+export declare const MetricCard: React.ForwardRefExoticComponent<MetricCardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,12 @@
+import { default as React, HTMLAttributes, ReactNode } from 'react';
+
+export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    closeOnOverlayClick?: boolean;
+}
+export declare const Modal: React.FC<ModalProps>;

package/dist/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export interface PageHeaderProps extends React.HTMLAttributes<HTMLElement> {
+    title: string;
+    description?: string;
+    inverted?: boolean;
+    actions?: React.ReactNode;
+    breadcrumbs?: React.ReactNode;
+    tabs?: React.ReactNode;
+    sticky?: boolean;
+}
+export declare const PageHeader: ({ title, description, inverted, actions, breadcrumbs, tabs, sticky, className, style, ...props }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Portal/Portal.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+export interface PortalProps {
+    children: ReactNode;
+    containerId?: string;
+}
+export declare const Portal: ({ children, containerId }: PortalProps) => import('react').ReactPortal | null;

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+
+export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    helperText?: React.ReactNode;
+    error?: React.ReactNode;
+    containerClassName?: string;
+    inputClassName?: string;
+    fullWidth?: boolean;
+}
+export type RadioOption = {
+    id?: string;
+    label: React.ReactNode;
+    value: string | number;
+    description?: React.ReactNode;
+    disabled?: boolean;
+};
+export interface RadioGroupProps {
+    name: string;
+    options: RadioOption[];
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: (value: string | number, event: React.ChangeEvent<HTMLInputElement>) => void;
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    error?: React.ReactNode;
+    direction?: 'vertical' | 'horizontal';
+    disabled?: boolean;
+    required?: boolean;
+    containerClassName?: string;
+    optionClassName?: string;
+    className?: string;
+}
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export declare function RadioGroup({ name, options, value, defaultValue, onChange, label, helperText, error, direction, disabled, required, containerClassName, optionClassName, className, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,81 @@
+import { default as React } from 'react';
+
+declare const defaultIconMap: {
+    home: import('react-icons/lib').IconType;
+    users: import('react-icons/lib').IconType;
+    settings: import('react-icons/lib').IconType;
+    api: import('react-icons/lib').IconType;
+    clients: import('react-icons/lib').IconType;
+};
+export type SidebarIconName = keyof typeof defaultIconMap | string;
+export type SidebarIconMap = Record<string, React.ComponentType<{
+    className?: string;
+}>>;
+export type SidebarItem = {
+    id?: string;
+    label: string;
+    badge?: string | number;
+    path?: string;
+    iconName?: SidebarIconName;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+};
+export type SidebarSection = {
+    heading?: string;
+    items: SidebarItem[];
+};
+export type SidebarRenderLink = (item: SidebarItem, options: {
+    className: string;
+    onClick: () => void;
+    children: React.ReactNode;
+}) => React.ReactNode;
+export interface SidebarProps {
+    menuItems?: SidebarItem[];
+    sections?: SidebarSection[];
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    pinned?: boolean;
+    defaultPinned?: boolean;
+    onPinChange?: (pinned: boolean) => void;
+    activePath?: string;
+    isActive?: (item: SidebarItem) => boolean;
+    renderLink?: SidebarRenderLink;
+    onItemClick?: (item: SidebarItem) => void;
+    iconMap?: SidebarIconMap;
+    isMobileOpen?: boolean;
+    onCloseMobile?: () => void;
+    closeOnSelect?: boolean;
+    logoSrc?: string;
+    logoAlt?: string;
+    logo?: React.ReactNode;
+    brandText?: string;
+    userName?: string;
+    userEmail?: string;
+    userAvatar?: string;
+    onLogout?: () => void;
+    theme?: 'light' | 'dark';
+    onToggleTheme?: () => void;
+    showMobileToggle?: boolean;
+    onToggleMobile?: () => void;
+    colors?: {
+        border?: string;
+        background?: string;
+        surface?: string;
+        text?: string;
+        muted?: string;
+        tint?: string;
+        hover?: string;
+        activeBg?: string;
+        danger?: string;
+        dangerBg?: string;
+        overlay?: string;
+        footerBg?: string;
+        badgeColor?: string;
+        badgeBg?: string;
+        brandColor?: string;
+    };
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function Sidebar({ menuItems, sections, collapsed, defaultCollapsed, pinned, defaultPinned, onPinChange, activePath, isActive, renderLink, onItemClick, iconMap, isMobileOpen, onCloseMobile, closeOnSelect, logoSrc, logoAlt, logo, brandText, userName, userEmail, userAvatar, onLogout, theme, onToggleTheme, showMobileToggle, onToggleMobile, colors, className, style, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Table/DataTable.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+
+export interface Column<T> {
+    header: string;
+    accessor: keyof T | 'actions';
+    render?: (row: T) => React.ReactNode;
+}
+export interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    pageSize: number;
+    totalRecords: number;
+}
+interface DataTableProps<T> {
+    data: T[];
+    columns: Column<T>[];
+    isLoading?: boolean;
+    variant?: 'default' | 'glass';
+    layoutMode?: 'fit' | 'scroll';
+    onLayoutModeChange?: (mode: 'fit' | 'scroll') => void;
+    layoutModeStorageKey?: string;
+    allColumns?: Column<T>[];
+    preferences?: {
+        hiddenColumns?: string[];
+        columnOrder?: string[];
+    };
+    toggleColumnVisibility?: (accessor: string) => void;
+    setColumnOrder?: (order: string[]) => void;
+    pagination?: PaginationProps;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (size: number) => void;
+    /** Chave usada para salvar a preferência de itens por página no localStorage */
+    pageSizeStorageKey?: string;
+}
+export declare function DataTable<T extends Record<string, any>>({ columns, data, isLoading, variant, layoutMode, onLayoutModeChange, layoutModeStorageKey, allColumns, preferences, toggleColumnVisibility, setColumnOrder, pagination, onPageChange, onPageSizeChange, pageSizeStorageKey }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    error?: React.ReactNode;
+    wrapperClassName?: string;
+    textareaClassName?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    fullWidth?: boolean;
+    autoResize?: boolean;
+    showCount?: boolean;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ReactNode } from 'react';
+
+export type Theme = 'light' | 'dark' | 'system';
+export interface ThemeContextType {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+    actualTheme: 'light' | 'dark';
+}
+export declare const ThemeContext: React.Context<ThemeContextType | undefined>;
+export interface ThemeProviderProps {
+    children: ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+    themeVars?: Record<string, string>;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;

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

@@ -0,0 +1 @@
+export * from './ThemeProvider';

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

@@ -0,0 +1,18 @@
+import { default as React, ReactNode } from 'react';
+
+export interface ToastProps {
+    id: string;
+    message: ReactNode;
+    type?: 'success' | 'error' | 'info' | 'warning';
+    duration?: number;
+    onClose: (id: string) => void;
+}
+export declare const Toast: React.FC<ToastProps>;
+export interface ToastContextType {
+    addToast: (message: ReactNode, type?: ToastProps['type'], duration?: number) => void;
+}
+export declare const ToastContext: React.Context<ToastContextType | undefined>;
+export declare const ToastProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useToast: () => ToastContextType;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,9 @@
+import { default as React, ReactNode } from 'react';
+
+export interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    position?: 'top' | 'right' | 'bottom' | 'left';
+    delay?: number;
+}
+export declare const Tooltip: React.FC<TooltipProps>;

package/dist/hooks/useAnnouncements.d.ts

@@ -0,0 +1,4 @@
+export declare const useAnnouncements: () => {
+    announce: (message: string, priority?: "polite" | "assertive") => void;
+    announcement: string;
+};

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+
+export declare function useClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void): void;

package/dist/hooks/useFocusTrap.d.ts

@@ -0,0 +1 @@
+export declare const useFocusTrap: <T extends HTMLElement = HTMLDivElement>(active?: boolean) => import('react').RefObject<T>;

package/dist/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,4 @@
+type KeyHandler = (e: KeyboardEvent) => void;
+type KeyMap = Record<string, KeyHandler>;
+export declare const useKeyboardNavigation: (keyMap: KeyMap, elementRef?: React.RefObject<HTMLElement>) => void;
+export {};

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1,10 @@
+export declare const useMediaQuery: (query: string) => boolean;
+export declare const breakpoints: {
+    readonly sm: "(min-width: 640px)";
+    readonly md: "(min-width: 768px)";
+    readonly lg: "(min-width: 1024px)";
+    readonly xl: "(min-width: 1280px)";
+    readonly '2xl': "(min-width: 1536px)";
+};
+export type BreakpointKey = keyof typeof breakpoints;
+export declare const useBreakpoint: (breakpoint: BreakpointKey) => boolean;

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1 @@
+export declare const useTheme: () => import('../components/ThemeProvider').ThemeContextType;

package/dist/index.d.ts

@@ -0,0 +1,46 @@
+
+export { DataTable } from './components/Table/DataTable';
+export { Sidebar } from './components/Sidebar/Sidebar';
+export { FormSidebar } from './components/FormSidebar/FormSidebar';
+export { Input } from './components/Input/Input';
+export { ComboBox } from './components/ComboBox/ComboBox';
+export { Checkbox } from './components/Checkbox/Checkbox';
+export { Radio, RadioGroup } from './components/Radio/Radio';
+export { Button } from './components/Button/Button';
+export { Textarea } from './components/Textarea/Textarea';
+export { PageHeader } from './components/PageHeader/PageHeader';
+export { Card, CardHeader, CardTitle, CardDescription, CardBody, CardFooter } from './components/Card/Card';
+export { MetricCard } from './components/MetricCard/MetricCard';
+export { Background } from './components/Background/Background';
+export { ThemeProvider } from './components/ThemeProvider/ThemeProvider';
+export { Grid } from './components/Grid/Grid';
+export { Modal } from './components/Modal/Modal';
+export { ConfirmDialog } from './components/ConfirmDialog/ConfirmDialog';
+export { ToastProvider, useToast } from './components/Toast/Toast';
+export { Tooltip } from './components/Tooltip/Tooltip';
+export { Loading } from './components/Loading/Loading';
+export { Portal } from './components/Portal/Portal';
+export { useTheme } from './hooks/useTheme';
+export { useKeyboardNavigation } from './hooks/useKeyboardNavigation';
+export { useFocusTrap } from './hooks/useFocusTrap';
+export { useAnnouncements } from './hooks/useAnnouncements';
+export { useMediaQuery, useBreakpoint } from './hooks/useMediaQuery';
+export { mergeClasses, createComponentClasses } from './utils/styles';
+export type { InputProps } from './components/Input/Input';
+export type { ComboBoxProps, ComboBoxOption } from './components/ComboBox/ComboBox';
+export type { CheckboxProps } from './components/Checkbox/Checkbox';
+export type { RadioProps, RadioGroupProps, RadioOption } from './components/Radio/Radio';
+export type { ButtonProps } from './components/Button/Button';
+export type { TextareaProps } from './components/Textarea/Textarea';
+export type { PageHeaderProps } from './components/PageHeader/PageHeader';
+export type { CardProps } from './components/Card/Card';
+export type { MetricCardProps } from './components/MetricCard/MetricCard';
+export type { BackgroundProps } from './components/Background/Background';
+export type { ThemeProviderProps, Theme } from './components/ThemeProvider/ThemeProvider';
+export type { GridProps } from './components/Grid/Grid';
+export type { ModalProps } from './components/Modal/Modal';
+export type { ConfirmDialogProps } from './components/ConfirmDialog/ConfirmDialog';
+export type { ToastProps } from './components/Toast/Toast';
+export type { TooltipProps } from './components/Tooltip/Tooltip';
+export type { LoadingProps } from './components/Loading/Loading';
+export type { PortalProps } from './components/Portal/Portal';