@lukeashford/aurelius 2.1.0 → 2.3.0

package/README.md

@@ -56,7 +56,7 @@ while staying within design system constraints.
 
 ```bash
 npm install @lukeashford/aurelius
-npm install -D eslint @typescript-eslint/parser eslint-plugin-better-tailwindcss @poupe/eslint-plugin-tailwindcss @eslint/css tailwind-csstree
+npm install -D tailwindcss postcss @tailwindcss/postcss eslint @typescript-eslint/parser eslint-plugin-better-tailwindcss @poupe/eslint-plugin-tailwindcss @eslint/css tailwind-csstree
 ```
 
 ### 2. Import the design system
@@ -135,5 +135,3 @@ function LoginForm() {
   )
 }
 ```
-
----

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Config } from 'dompurify';
 
 type ButtonVariant = 'primary' | 'important' | 'elevated' | 'outlined' | 'featured' | 'ghost' | 'danger';
 type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
@@ -18,10 +19,140 @@ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttri
 
 type CardVariant = 'default' | 'elevated' | 'outlined' | 'ghost' | 'featured';
 interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Visual style variant */
     variant?: CardVariant;
+    /** Enables hover effects and cursor pointer */
     interactive?: boolean;
+    /** Shows selected state with checkmark */
+    selected?: boolean;
+    /** Remove default padding (useful with compound components) */
+    noPadding?: boolean;
 }
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+interface CardHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Card title */
+    title?: React.ReactNode;
+    /** Subtitle or description */
+    subtitle?: React.ReactNode;
+    /** Action elements (buttons, icons, etc.) */
+    action?: React.ReactNode;
+}
+interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Align content */
+    align?: 'start' | 'center' | 'end' | 'between';
+}
+interface CardMediaProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Image source */
+    src?: string;
+    /** Alt text for image */
+    alt?: string;
+    /** Aspect ratio */
+    aspect?: 'video' | 'square' | 'wide';
+    /** Position in card */
+    position?: 'top' | 'bottom';
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+    Media: React.ForwardRefExoticComponent<CardMediaProps & React.RefAttributes<HTMLDivElement>>;
+};
+
+type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'fluid' | 'responsive';
+interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Container size variant */
+    size?: ContainerSize;
+}
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+
+type RowGutter = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
+type RowJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+type RowAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Gap between columns (both directions). Use gutterX/gutterY for independent control. */
+    gutter?: RowGutter;
+    /** Horizontal gap between columns */
+    gutterX?: RowGutter;
+    /** Vertical gap between rows */
+    gutterY?: RowGutter;
+    /** Horizontal alignment of columns */
+    justify?: RowJustify;
+    /** Vertical alignment of columns */
+    align?: RowAlign;
+}
+declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+
+type ColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto' | 'full';
+type ColOffset = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+type ColOrder = 'first' | 'last' | 'none' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+/** Responsive prop object for breakpoint-specific values */
+interface ResponsiveValue<T> {
+    /** Base value (mobile-first) */
+    base?: T;
+    /** Value at sm breakpoint (640px+) */
+    sm?: T;
+    /** Value at md breakpoint (768px+) */
+    md?: T;
+    /** Value at lg breakpoint (1024px+) */
+    lg?: T;
+    /** Value at xl breakpoint (1280px+) */
+    xl?: T;
+    /** Value at 2xl breakpoint (1536px+) */
+    '2xl'?: T;
+}
+interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Column span (1-12), 'auto' for content-based width, or 'full' for full row width.
+     * Can be a single value or responsive object: { base: 12, md: 6, lg: 4 }
+     */
+    span?: ColSpan | ResponsiveValue<ColSpan>;
+    /**
+     * Column offset (0-11) - shifts column to the right.
+     * Can be a single value or responsive object.
+     */
+    offset?: ColOffset | ResponsiveValue<ColOffset>;
+    /**
+     * Column order for reordering.
+     * Can be a single value or responsive object.
+     */
+    order?: ColOrder | ResponsiveValue<ColOrder>;
+}
+declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
+
+type StackDirection = 'horizontal' | 'vertical';
+type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+type StackGap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
+interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Stack direction */
+    direction?: StackDirection;
+    /** Alignment of items on the cross axis */
+    align?: StackAlign;
+    /** Justification of items on the main axis */
+    justify?: StackJustify;
+    /** Gap between items */
+    gap?: StackGap;
+    /** Whether items should wrap */
+    wrap?: boolean;
+    /** Render as a different element */
+    as?: 'div' | 'section' | 'article' | 'nav' | 'aside' | 'header' | 'footer' | 'main';
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+
+type DividerOrientation = 'horizontal' | 'vertical';
+type DividerVariant = 'solid' | 'dashed' | 'dotted';
+interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {
+    /** Orientation of the divider */
+    orientation?: DividerOrientation;
+    /** Visual style variant */
+    variant?: DividerVariant;
+    /** Optional label to show in the center */
+    label?: React.ReactNode;
+    /** Color variant */
+    color?: 'default' | 'gold' | 'muted';
+}
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
 
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type AvatarStatus = 'online' | 'offline' | 'busy';
@@ -49,6 +180,72 @@ interface TooltipProps {
 }
 declare const Tooltip: React.FC<TooltipProps>;
 
+interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+    /** Make the table horizontally scrollable */
+    responsive?: boolean;
+}
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    /** Highlight row on hover */
+    hoverable?: boolean;
+    /** Show selected state */
+    selected?: boolean;
+}
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+    /** Enable sorting indicator */
+    sortable?: boolean;
+    /** Current sort direction */
+    sortDirection?: 'asc' | 'desc' | null;
+}
+declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+}
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+interface TableCaptionProps extends React.HTMLAttributes<HTMLTableCaptionElement> {
+}
+declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+
+interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
+    /** Visual style variant */
+    variant?: 'default' | 'bordered' | 'divided';
+    /** Ordered list (numbered) */
+    ordered?: boolean;
+}
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
+interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    /** Icon or avatar on the left */
+    leading?: React.ReactNode;
+    /** Action element on the right */
+    trailing?: React.ReactNode;
+    /** Make the item interactive (clickable) */
+    interactive?: boolean;
+    /** Selected state */
+    selected?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+}
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
+interface ListItemTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Primary text */
+    primary: React.ReactNode;
+    /** Secondary text */
+    secondary?: React.ReactNode;
+}
+declare const ListItemText: React.ForwardRefExoticComponent<ListItemTextProps & React.RefAttributes<HTMLDivElement>>;
+interface ListSubheaderProps extends React.HTMLAttributes<HTMLLIElement> {
+}
+declare const ListSubheader: React.ForwardRefExoticComponent<ListSubheaderProps & React.RefAttributes<HTMLLIElement>>;
+
 interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     required?: boolean;
 }
@@ -92,6 +289,47 @@ interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
 }
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
 
+interface SliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Current value */
+    value?: number;
+    /** Default value for uncontrolled mode */
+    defaultValue?: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Callback when value changes */
+    onChange?: (value: number) => void;
+    /** Callback when dragging ends */
+    onChangeEnd?: (value: number) => void;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** Show value tooltip while dragging */
+    showTooltip?: boolean;
+    /** Format the displayed value */
+    formatValue?: (value: number) => string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
+
+interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface InputAddonProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const InputLeftAddon: React.ForwardRefExoticComponent<InputAddonProps & React.RefAttributes<HTMLDivElement>>;
+declare const InputRightAddon: React.ForwardRefExoticComponent<InputAddonProps & React.RefAttributes<HTMLDivElement>>;
+interface InputElementProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const InputLeftElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<HTMLDivElement>>;
+declare const InputRightElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<HTMLDivElement>>;
+interface InputWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const InputWrapper: React.ForwardRefExoticComponent<InputWrapperProps & React.RefAttributes<HTMLDivElement>>;
+
 type AlertVariant = 'info' | 'success' | 'warning' | 'error';
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: AlertVariant;
@@ -112,6 +350,49 @@ interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
 
+type ProgressSize = 'sm' | 'md' | 'lg';
+type ProgressVariant = 'default' | 'success' | 'warning' | 'error';
+interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Current value (0-100) */
+    value?: number;
+    /** Maximum value (defaults to 100) */
+    max?: number;
+    /** Size variant */
+    size?: ProgressSize;
+    /** Color variant */
+    variant?: ProgressVariant;
+    /** Whether to show the value label */
+    showValue?: boolean;
+    /** Custom label format function */
+    formatValue?: (value: number, max: number) => string;
+    /** Whether the progress is indeterminate */
+    indeterminate?: boolean;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+
+type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
+type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+interface ToastData {
+    id: string;
+    title?: string;
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    action?: React.ReactNode;
+}
+declare function useToast(): {
+    toast: (options: Omit<ToastData, "id">) => string;
+    dismiss: (id: string) => void;
+};
+interface ToastProviderProps {
+    children: React.ReactNode;
+    /** Position of toasts on screen */
+    position?: ToastPosition;
+    /** Default duration for toasts (ms) */
+    defaultDuration?: number;
+}
+declare const ToastProvider: React.FC<ToastProviderProps>;
+
 interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -124,6 +405,300 @@ declare const Modal: {
     displayName: string;
 };
 
+type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
+interface DrawerProps {
+    /** Whether the drawer is open */
+    isOpen: boolean;
+    /** Callback when the drawer should close */
+    onClose: () => void;
+    /** Position of the drawer */
+    position?: DrawerPosition;
+    /** Title for the drawer header */
+    title?: string;
+    /** Width/height of the drawer (depending on position) */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** Content */
+    children: React.ReactNode;
+    /** Additional class name for the drawer panel */
+    className?: string;
+}
+declare const Drawer: React.FC<DrawerProps>;
+
+type PopoverPosition = 'top' | 'bottom' | 'left' | 'right';
+type PopoverAlign = 'start' | 'center' | 'end';
+interface PopoverProps {
+    children: React.ReactNode;
+    /** The trigger element */
+    trigger: React.ReactElement;
+    /** Position relative to trigger */
+    position?: PopoverPosition;
+    /** Alignment along the position axis */
+    align?: PopoverAlign;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Close when clicking outside */
+    closeOnClickOutside?: boolean;
+}
+declare const Popover: React.FC<PopoverProps>;
+
+interface ConfirmDialogProps extends Omit<ModalProps, 'children'> {
+    /** Description text */
+    description?: React.ReactNode;
+    /** Text for the confirm button */
+    confirmText?: string;
+    /** Text for the cancel button */
+    cancelText?: string;
+    /** Callback when confirmed */
+    onConfirm: () => void | Promise<void>;
+    /** Callback when cancelled */
+    onCancel?: () => void;
+    /** Variant of the confirm button */
+    confirmVariant?: 'primary' | 'important' | 'danger';
+    /** Whether the confirm action is loading */
+    isLoading?: boolean;
+}
+declare const ConfirmDialog: React.FC<ConfirmDialogProps>;
+interface AlertDialogProps extends Omit<ModalProps, 'children'> {
+    /** Description text */
+    description?: React.ReactNode;
+    /** Text for the acknowledge button */
+    acknowledgeText?: string;
+    /** Variant based on alert type */
+    variant?: 'default' | 'warning' | 'error';
+}
+declare const AlertDialog: React.FC<AlertDialogProps>;
+interface PromptDialogProps extends Omit<ModalProps, 'children'> {
+    /** Description text */
+    description?: React.ReactNode;
+    /** Placeholder for the input */
+    placeholder?: string;
+    /** Default value for the input */
+    defaultValue?: string;
+    /** Text for the submit button */
+    submitText?: string;
+    /** Text for the cancel button */
+    cancelText?: string;
+    /** Callback with the input value when submitted */
+    onSubmit: (value: string) => void | Promise<void>;
+    /** Callback when cancelled */
+    onCancel?: () => void;
+    /** Whether the submit action is loading */
+    isLoading?: boolean;
+}
+declare const PromptDialog: React.FC<PromptDialogProps>;
+
+interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The id of the initially active tab */
+    defaultValue?: string;
+    /** Controlled active tab value */
+    value?: string;
+    /** Callback when active tab changes */
+    onValueChange?: (value: string) => void;
+}
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+interface TabListProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
+interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Unique identifier for this tab */
+    value: string;
+}
+declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;
+interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Value matching the corresponding Tab */
+    value: string;
+    /** Force the panel to stay mounted when inactive */
+    forceMount?: boolean;
+}
+declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
+
+interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Allow multiple items to be open at once */
+    type?: 'single' | 'multiple';
+    /** Default expanded item(s) */
+    defaultValue?: string | string[];
+    /** Controlled expanded item(s) */
+    value?: string | string[];
+    /** Callback when expanded items change */
+    onValueChange?: (value: string | string[]) => void;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Unique identifier for this item */
+    value: string;
+    /** Disable this item */
+    disabled?: boolean;
+}
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+
+interface MenuProps {
+    children: React.ReactNode;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+}
+declare const Menu: React.FC<MenuProps>;
+interface MenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Render as a different element (using render props) */
+    asChild?: boolean;
+}
+declare const MenuTrigger: React.ForwardRefExoticComponent<MenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface MenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Alignment of the menu */
+    align?: 'start' | 'center' | 'end';
+    /** Side of the trigger to render on */
+    side?: 'top' | 'bottom';
+}
+declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<HTMLDivElement>>;
+interface MenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Icon to display before the label */
+    icon?: React.ReactNode;
+    /** Show destructive styling */
+    destructive?: boolean;
+}
+declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const MenuSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const MenuLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Fixed to top of viewport */
+    fixed?: boolean;
+    /** Add border at bottom */
+    bordered?: boolean;
+}
+declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLElement>>;
+interface NavbarBrandProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const NavbarBrand: React.ForwardRefExoticComponent<NavbarBrandProps & React.RefAttributes<HTMLDivElement>>;
+interface NavbarContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Position of the content */
+    position?: 'start' | 'center' | 'end';
+}
+declare const NavbarContent: React.ForwardRefExoticComponent<NavbarContentProps & React.RefAttributes<HTMLDivElement>>;
+interface NavbarItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Active state */
+    active?: boolean;
+}
+declare const NavbarItem: React.ForwardRefExoticComponent<NavbarItemProps & React.RefAttributes<HTMLDivElement>>;
+interface NavbarLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Active state */
+    active?: boolean;
+}
+declare const NavbarLink: React.ForwardRefExoticComponent<NavbarLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const NavbarDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    /** Custom separator element */
+    separator?: React.ReactNode;
+}
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Whether this is the current page */
+    current?: boolean;
+}
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLSpanElement>>;
+interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+}
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
+    /** Current page (1-indexed) */
+    page: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Callback when page changes */
+    onPageChange: (page: number) => void;
+    /** Number of sibling pages to show */
+    siblingCount?: number;
+    /** Show first/last page buttons */
+    showEdges?: boolean;
+}
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+
+type StepStatus = 'complete' | 'error';
+interface Step {
+    id: string | number;
+    label: string;
+}
+interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    steps: Step[];
+    currentStep: string | number;
+    status?: StepStatus;
+}
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+
+type MessageVariant = 'user' | 'assistant';
+interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: MessageVariant;
+    content: string;
+    isStreaming?: boolean;
+}
+declare const Message: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ChatHistoryItem extends Omit<MessageProps, 'variant' | 'children'> {
+    id?: string;
+    variant?: MessageVariant;
+}
+interface ChatHistoryProps extends React.HTMLAttributes<HTMLDivElement> {
+    messages: ChatHistoryItem[];
+}
+declare const ChatHistory: React.ForwardRefExoticComponent<ChatHistoryProps & React.RefAttributes<HTMLDivElement>>;
+
+interface StreamingCursorProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: 'block' | 'line' | 'underscore';
+}
+declare const StreamingCursor: React.ForwardRefExoticComponent<StreamingCursorProps & React.RefAttributes<HTMLSpanElement>>;
+
+interface MarkdownContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    content: string;
+    sanitizeConfig?: Config;
+}
+declare const MarkdownContent: React.ForwardRefExoticComponent<MarkdownContentProps & React.RefAttributes<HTMLDivElement>>;
+
+type BrandIconSize = 'sm' | 'md' | 'lg';
+type BrandIconVariant = 'solid' | 'outline';
+interface BrandIconProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: BrandIconSize;
+    variant?: BrandIconVariant;
+}
+declare const BrandIcon: React.ForwardRefExoticComponent<BrandIconProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ColorSwatchProps extends React.HTMLAttributes<HTMLDivElement> {
+    color: string;
+    label?: string;
+}
+declare const ColorSwatch: React.ForwardRefExoticComponent<ColorSwatchProps & React.RefAttributes<HTMLDivElement>>;
+
+type AspectRatioPreset = 'landscape' | 'portrait' | 'square';
+type AspectRatio = AspectRatioPreset | `${number}/${number}`;
+interface ImageCardProps extends Omit<CardProps, 'title'> {
+    src: string;
+    alt: string;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    aspectRatio?: AspectRatio;
+    objectFit?: 'cover' | 'contain';
+    overlay?: React.ReactNode;
+    mediaClassName?: string;
+    contentClassName?: string;
+}
+declare const ImageCard: React.ForwardRefExoticComponent<ImageCardProps & React.RefAttributes<HTMLDivElement>>;
+
+type SectionHeadingLevel = 'h2' | 'h3';
+interface SectionHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    level?: SectionHeadingLevel;
+}
+declare const SectionHeading: React.ForwardRefExoticComponent<SectionHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+
 /**
  * Aurelius Design System
  *
@@ -136,4 +711,4 @@ declare const Modal: {
 
 declare const version = "2.0.0";
 
-export { Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, HelperText, type HelperTextProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, Radio, type RadioProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Textarea, type TextareaProps, Tooltip, type TooltipProps, version };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, type AspectRatio, type AspectRatioPreset, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, BrandIcon, type BrandIconProps, type BrandIconSize, type BrandIconVariant, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, type BreadcrumbProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, type CardVariant, ChatHistory, type ChatHistoryItem, type ChatHistoryProps, Checkbox, type CheckboxProps, Col, type ColOffset, type ColOrder, type ColProps, type ColSpan, ColorSwatch, type ColorSwatchProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, Divider, type DividerProps, Drawer, type DrawerPosition, type DrawerProps, HelperText, type HelperTextProps, ImageCard, type ImageCardProps, Input, type InputAddonProps, type InputElementProps, InputGroup, type InputGroupProps, InputLeftAddon, InputLeftElement, type InputProps, InputRightAddon, InputRightElement, InputWrapper, type InputWrapperProps, Label, type LabelProps, List, ListItem, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, MarkdownContent, type MarkdownContentProps, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, MenuTrigger, type MenuTriggerProps, Message, type MessageProps, type MessageVariant, Modal, type ModalProps, Navbar, NavbarBrand, type NavbarBrandProps, NavbarContent, type NavbarContentProps, NavbarDivider, NavbarItem, type NavbarItemProps, NavbarLink, type NavbarLinkProps, type NavbarProps, Pagination, type PaginationProps, Popover, type PopoverAlign, type PopoverPosition, type PopoverProps, Progress, type ProgressProps, PromptDialog, type PromptDialogProps, Radio, type RadioProps, Row, type RowAlign, type RowGutter, type RowJustify, type RowProps, SectionHeading, type SectionHeadingLevel, type SectionHeadingProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackDirection, type StackGap, type StackProps, type Step, type StepStatus, Stepper, type StepperProps, StreamingCursor, type StreamingCursorProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Textarea, type TextareaProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, useToast, version };