@enterprise-ui-react/react 1.0.6

package/dist/index.d.cts

@@ -0,0 +1,586 @@
+import { Breakpoint } from './tokens/index.cjs';
+export { Borders, BreakpointValue, ColorTheme, ColorToken, DarkShadows, Elevation, Motion, MotionVariant, SemanticBorders, SemanticSpacing, Shadows, Spacing, SpacingKey, TextStyle, TypographyToken, ZIndex, ZIndexKey, borders, breakpointValues, breakpoints, colors, darkShadows, elevation, mediaQueries, motion, semanticBorders, semanticSpacing, shadows, spacing, typography, zIndex } from './tokens/index.cjs';
+import { ClassValue } from 'clsx';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import React$1 from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as lucide_react from 'lucide-react';
+import { LucideProps, LucideIcon } from 'lucide-react';
+export { LucideIcon, LucideProps } from 'lucide-react';
+import { HTMLMotionProps } from 'framer-motion';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+
+/**
+ * Utility for merging Tailwind CSS classes
+ * Uses clsx for conditional classes and tailwind-merge to handle conflicts
+ */
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Theme utilities for switching between light/dark modes
+ * and managing theme preferences
+ */
+type Theme = 'light' | 'dark' | 'system';
+declare const THEME_STORAGE_KEY = "enterprise-ui-theme";
+declare function getSystemTheme(): 'light' | 'dark';
+declare function getStoredTheme(): Theme | null;
+declare function setStoredTheme(theme: Theme): void;
+declare function getResolvedTheme(theme: Theme): 'light' | 'dark';
+declare function applyTheme(theme: 'light' | 'dark'): void;
+declare function initializeTheme(): 'light' | 'dark';
+
+/**
+ * Accessibility utilities
+ * WCAG 2.2 AA compliant helpers
+ */
+/**
+ * Generate a unique ID for accessibility attributes
+ */
+declare function generateId(prefix?: string): string;
+/**
+ * Check if an element is focusable
+ */
+declare function isFocusable(element: HTMLElement): boolean;
+/**
+ * Get all focusable elements within a container
+ */
+declare function getFocusableElements(container: HTMLElement): HTMLElement[];
+/**
+ * Trap focus within a container (for modals, dialogs, etc.)
+ */
+declare function trapFocus(container: HTMLElement, event: KeyboardEvent): void;
+/**
+ * Announce message to screen readers
+ */
+declare function announceToScreenReader(message: string, priority?: 'polite' | 'assertive'): void;
+/**
+ * Calculate contrast ratio between two colors
+ * WCAG 2.2 requires 4.5:1 for normal text, 3:1 for large text
+ */
+declare function getContrastRatio(color1: string, color2: string): number;
+/**
+ * Check if color combination meets WCAG AA standards
+ */
+declare function meetsWCAGAA(foreground: string, background: string, largeText?: boolean): boolean;
+
+/**
+ * Responsive utilities
+ * Breakpoint matching and responsive helpers
+ */
+
+/**
+ * Check if current viewport matches a breakpoint
+ */
+declare function matchesBreakpoint(breakpoint: Breakpoint): boolean;
+/**
+ * Get current breakpoint
+ */
+declare function getCurrentBreakpoint(): Breakpoint;
+/**
+ * Check if device is mobile
+ */
+declare function isMobile(): boolean;
+/**
+ * Check if device is tablet
+ */
+declare function isTablet(): boolean;
+/**
+ * Check if device is desktop
+ */
+declare function isDesktop(): boolean;
+
+/**
+ * Formatting utilities
+ * Common formatting functions for enterprise applications
+ */
+/**
+ * Format number with commas
+ */
+declare function formatNumber(num: number, options?: Intl.NumberFormatOptions): string;
+/**
+ * Format currency
+ */
+declare function formatCurrency(amount: number, currency?: string, locale?: string): string;
+/**
+ * Format percentage
+ */
+declare function formatPercent(value: number, decimals?: number, locale?: string): string;
+/**
+ * Format date
+ */
+declare function formatDate(date: Date | string | number, format?: 'short' | 'medium' | 'long' | 'full', locale?: string): string;
+/**
+ * Format relative time (e.g., "2 hours ago")
+ */
+declare function formatRelativeTime(date: Date | string | number, locale?: string): string;
+/**
+ * Format file size
+ */
+declare function formatFileSize(bytes: number, decimals?: number): string;
+/**
+ * Truncate text with ellipsis
+ */
+declare function truncate(text: string, maxLength: number): string;
+/**
+ * Convert string to title case
+ */
+declare function toTitleCase(str: string): string;
+/**
+ * Convert string to kebab-case
+ */
+declare function toKebabCase(str: string): string;
+/**
+ * Convert string to camelCase
+ */
+declare function toCamelCase(str: string): string;
+
+interface ThemeContextValue {
+    theme: Theme;
+    resolvedTheme: 'light' | 'dark';
+    setTheme: (theme: Theme) => void;
+}
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+}
+declare function ThemeProvider({ children, defaultTheme, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+
+declare const typographyVariants: (props?: ({
+    variant?: "body" | "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "bodyLarge" | "bodySmall" | "overline" | null | undefined;
+    color?: "disabled" | "link" | "primary" | "secondary" | "tertiary" | "inverse" | "success" | "warning" | "error" | "info" | null | undefined;
+    align?: "center" | "left" | "right" | "justify" | null | undefined;
+    weight?: "medium" | "bold" | "normal" | "semibold" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TypographyVariantProps = VariantProps<typeof typographyVariants>;
+interface TypographyProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'color'>, TypographyVariantProps {
+    as?: keyof JSX.IntrinsicElements;
+    truncate?: boolean;
+    children: React$1.ReactNode;
+}
+declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & React$1.RefAttributes<HTMLElement>>;
+declare const H1: React$1.FC<Omit<TypographyProps, 'variant'>>;
+declare const H2: React$1.FC<Omit<TypographyProps, 'variant'>>;
+declare const H3: React$1.FC<Omit<TypographyProps, 'variant'>>;
+declare const H4: React$1.FC<Omit<TypographyProps, 'variant'>>;
+declare const H5: React$1.FC<Omit<TypographyProps, 'variant'>>;
+declare const H6: React$1.FC<Omit<TypographyProps, 'variant'>>;
+declare const Text: React$1.FC<Omit<TypographyProps, 'variant'>>;
+declare const Label: React$1.FC<Omit<TypographyProps, 'variant'>>;
+declare const Caption: React$1.FC<Omit<TypographyProps, 'variant'>>;
+declare const Code: React$1.FC<Omit<TypographyProps, 'variant'>>;
+
+declare const iconVariants: (props?: ({
+    size?: "2xl" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    color?: "disabled" | "primary" | "secondary" | "tertiary" | "inverse" | "success" | "warning" | "error" | "info" | "accent" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type IconVariantProps = VariantProps<typeof iconVariants>;
+interface IconProps extends Omit<LucideProps, 'size' | 'color'>, IconVariantProps {
+    icon: LucideIcon;
+}
+declare const Icon: React$1.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+
+/**
+ * FadeIn Motion Component
+ * Animated fade in effect
+ */
+
+interface FadeInProps extends HTMLMotionProps<'div'> {
+    delay?: number;
+    duration?: number;
+    children: React$1.ReactNode;
+}
+declare const FadeIn: React$1.FC<FadeInProps>;
+
+/**
+ * SlideIn Motion Component
+ * Animated slide in effect from various directions
+ */
+
+interface SlideInProps extends HTMLMotionProps<'div'> {
+    direction?: 'up' | 'down' | 'left' | 'right';
+    delay?: number;
+    duration?: number;
+    distance?: number;
+    children: React$1.ReactNode;
+}
+declare const SlideIn: React$1.FC<SlideInProps>;
+
+/**
+ * ScaleIn Motion Component
+ * Animated scale in effect
+ */
+
+interface ScaleInProps extends HTMLMotionProps<'div'> {
+    delay?: number;
+    duration?: number;
+    initialScale?: number;
+    children: React$1.ReactNode;
+}
+declare const ScaleIn: React$1.FC<ScaleInProps>;
+
+/**
+ * Stagger Motion Component
+ * Animate children with staggered timing
+ */
+
+interface StaggerProps extends HTMLMotionProps<'div'> {
+    staggerDelay?: number;
+    children: React$1.ReactNode;
+}
+declare const Stagger: React$1.FC<StaggerProps>;
+interface StaggerItemProps extends HTMLMotionProps<'div'> {
+    children: React$1.ReactNode;
+}
+declare const StaggerItem: React$1.FC<StaggerItemProps>;
+
+declare const containerVariants: (props?: ({
+    maxWidth?: "2xl" | "3xl" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof containerVariants> {
+    as?: keyof JSX.IntrinsicElements;
+}
+declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const gridVariants: (props?: ({
+    cols?: 2 | 3 | 4 | 6 | 1 | 12 | 5 | null | undefined;
+    gap?: 0 | 2 | 3 | 4 | 6 | 8 | 1 | 12 | 5 | 10 | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface GridProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
+    as?: keyof JSX.IntrinsicElements;
+    responsive?: {
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        '2xl'?: number;
+    };
+}
+declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLDivElement>>;
+interface GridItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    colSpan?: number;
+    rowSpan?: number;
+    colStart?: number;
+    colEnd?: number;
+    rowStart?: number;
+    rowEnd?: number;
+}
+declare const GridItem: React$1.ForwardRefExoticComponent<GridItemProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const stackVariants: (props?: ({
+    direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
+    gap?: 0 | 2 | 3 | 4 | 6 | 8 | 1 | 12 | 5 | 10 | null | undefined;
+    align?: "center" | "end" | "baseline" | "start" | "stretch" | null | undefined;
+    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
+    wrap?: boolean | "reverse" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StackProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
+    as?: keyof JSX.IntrinsicElements;
+}
+declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const HStack: React$1.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const VStack: React$1.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const sidebarVariants: (props?: ({
+    collapsed?: boolean | null | undefined;
+    mobile?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SidebarProps extends React$1.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof sidebarVariants>, 'mobile'> {
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+}
+declare const Sidebar: React$1.ForwardRefExoticComponent<SidebarProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SidebarNav: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & React$1.RefAttributes<HTMLElement>>;
+interface SidebarNavItemProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
+    active?: boolean;
+    icon?: React$1.ReactNode;
+    collapsed?: boolean;
+}
+declare const SidebarNavItem: React$1.ForwardRefExoticComponent<SidebarNavItemProps & React$1.RefAttributes<HTMLAnchorElement>>;
+interface SidebarGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    collapsed?: boolean;
+}
+declare const SidebarGroup: React$1.ForwardRefExoticComponent<SidebarGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * PageShell Component
+ * Complete page layout with sidebar, header, and content area
+ */
+
+interface PageShellProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    sidebar?: React$1.ReactNode;
+    header?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+    sidebarCollapsed?: boolean;
+}
+declare const PageShell: React$1.ForwardRefExoticComponent<PageShellProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const PageHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const PageContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const PageTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const PageDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const inputVariants: (props?: ({
+    variant?: "success" | "error" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
+    leftIcon?: React$1.ReactNode;
+    rightIcon?: React$1.ReactNode;
+    error?: string;
+    helperText?: string;
+    label?: string;
+    required?: boolean;
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const textareaVariants: (props?: ({
+    variant?: "success" | "error" | "default" | null | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
+    error?: string;
+    helperText?: string;
+    label?: string;
+    required?: boolean;
+}
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+/**
+ * Checkbox Component
+ * Checkbox input with label
+ */
+
+interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    indeterminate?: boolean;
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Radio Component
+ * Radio button input group
+ */
+
+declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface RadioItemProps extends React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    label?: string;
+    helperText?: string;
+}
+declare const RadioItem: React$1.ForwardRefExoticComponent<RadioItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Switch Component
+ * Toggle switch for boolean values
+ */
+
+interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Select Component
+ * Dropdown select input
+ */
+
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "primary" | "secondary" | "success" | "outline" | "ghost" | "danger" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    loading?: boolean;
+    leftIcon?: React$1.ReactNode;
+    rightIcon?: React$1.ReactNode;
+    children?: React$1.ReactNode;
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
+declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "success" | "warning" | "error" | "info" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+type ToastProps = React$1.ComponentPropsWithoutRef<typeof Toast$1>;
+type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
+
+declare const toastIcons: {
+    success: lucide_react.LucideIcon;
+    error: lucide_react.LucideIcon;
+    warning: lucide_react.LucideIcon;
+    info: lucide_react.LucideIcon;
+};
+
+/**
+ * useToast hook
+ * Imperative API for showing toasts
+ */
+
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    action?: ToastActionElement;
+};
+type Toast = Omit<ToasterToast, 'id'>;
+declare function toast({ ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+
+/**
+ * Toaster Component
+ * Container for rendering toasts
+ */
+declare function Toaster(): react_jsx_runtime.JSX.Element;
+
+declare const alertVariants: (props?: ({
+    variant?: "success" | "warning" | "error" | "info" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    icon?: React$1.ReactNode;
+    closable?: boolean;
+    onClose?: () => void;
+}
+declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const Modal: React$1.FC<DialogPrimitive.DialogProps>;
+declare const ModalTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ModalPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const ModalClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ModalOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ModalContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    showCloseButton?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const ModalHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const ModalFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const ModalTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const ModalDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const cardVariants: (props?: ({
+    variant?: "default" | "elevated" | "outlined" | null | undefined;
+    padding?: "none" | "sm" | "md" | "lg" | null | undefined;
+    hoverable?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+    as?: keyof JSX.IntrinsicElements;
+}
+declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "secondary" | "success" | "warning" | "error" | "info" | "outline" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    leftIcon?: React$1.ReactNode;
+    rightIcon?: React$1.ReactNode;
+    onRemove?: () => void;
+}
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const avatarVariants: (props?: ({
+    size?: "2xl" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AvatarProps extends React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+    src?: string;
+    alt?: string;
+    fallback?: string;
+}
+declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Table Component
+ * Data table for displaying structured information
+ */
+
+declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
+
+/**
+ * Tooltip Component
+ * Contextual information on hover
+ */
+
+declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const progressVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressProps extends React$1.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, VariantProps<typeof progressVariants> {
+    indicatorClassName?: string;
+}
+declare const Progress: React$1.ForwardRefExoticComponent<ProgressProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const skeletonVariants: (props?: ({
+    variant?: "circle" | "text" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
+}
+declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
+
+export { Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, Breakpoint, Button, type ButtonProps, Caption, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Code, Container, type ContainerProps, FadeIn, type FadeInProps, Grid, GridItem, type GridItemProps, type GridProps, H1, H2, H3, H4, H5, H6, HStack, Icon, type IconProps, Input, type InputProps, Label, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, PageContent, PageDescription, PageHeader, PageShell, type PageShellProps, PageTitle, Progress, type ProgressProps, RadioGroup, RadioItem, type RadioItemProps, ScaleIn, type ScaleInProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, type SidebarGroupProps, SidebarHeader, SidebarNav, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, Skeleton, type SkeletonProps, SlideIn, type SlideInProps, Stack, type StackProps, Stagger, StaggerItem, type StaggerItemProps, type StaggerProps, Switch, type SwitchProps, THEME_STORAGE_KEY, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text, Textarea, type TextareaProps, type Theme, ThemeProvider, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, VStack, announceToScreenReader, applyTheme, cn, formatCurrency, formatDate, formatFileSize, formatNumber, formatPercent, formatRelativeTime, generateId, getContrastRatio, getCurrentBreakpoint, getFocusableElements, getResolvedTheme, getStoredTheme, getSystemTheme, initializeTheme, isDesktop, isFocusable, isMobile, isTablet, matchesBreakpoint, meetsWCAGAA, setStoredTheme, toCamelCase, toKebabCase, toTitleCase, toast, toastIcons, trapFocus, truncate, useTheme, useToast };