export { Button, ButtonProps } from './Button.mjs';
export { Card, CardProps } from './Card.mjs';
export { Input, InputProps } from './Input.mjs';
export { Tag, TagProps } from './Tag.mjs';
export { Combobox, ComboboxProps } from './Combobox.mjs';
export { NumericInput, NumericInputProps } from './NumericInput.mjs';
export { Checkbox, CheckboxProps } from './Checkbox.mjs';
export { Radio, RadioProps } from './Radio.mjs';
export { DatePicker, DatePickerProps } from './DatePicker.mjs';
export { Toast, ToastProps } from './Toast.mjs';
export { Tooltip, TooltipProps } from './Tooltip.mjs';
export { Toggle, ToggleProps } from './Toggle.mjs';
export { TextArea, TextAreaProps } from './TextArea.mjs';
export { TabItem, Tabs, TabsProps } from './Tabs.mjs';
export { Banner, BannerProps, BannerVariant } from './Banner.mjs';
export { Pagination, PaginationProps } from './Pagination.mjs';
export { TableFooterPagination, TableFooterPaginationProps } from './TableFooterPagination.mjs';
export { TableControls, TableControlsProps } from './TableControls.mjs';
export { Table, TableColumn, TableProps, TableRow } from './Table.mjs';
import * as React from 'react';
export { Avatar, AvatarProps, AvatarSize } from './Avatar.mjs';
export { SearchGlobal, SearchGlobalProps } from './SearchGlobal.mjs';
export { SearchOnPage, SearchOnPageProps } from './SearchOnPage.mjs';
export { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from './Breadcrumbs.mjs';
export { Logo, LogoProps } from './Logo.mjs';
export { ButtonSegmented, ButtonSegmentedItem, ButtonSegmentedProps } from './ButtonSegmented.mjs';
export { SectionHeading, SectionHeadingButton, SectionHeadingButtonGroupItem, SectionHeadingProps } from './SectionHeading.mjs';
export { SectionIcon, SectionIconProps, SectionIconVariant } from './SectionIcon.mjs';
export { ListRow, ListRowProps } from './ListRow.mjs';
export { ListRowMultiLine, ListRowMultiLineProps } from './ListRowMultiLine.mjs';
export { SubSectionHeading, SubSectionHeadingProps } from './SubSectionHeading.mjs';
export { SubSectionInteractive, SubSectionInteractiveProps } from './SubSectionInteractive.mjs';
export { SectionHeadingInteractive, SectionHeadingInteractiveProps } from './SectionHeadingInteractive.mjs';
export { Section, SectionProps } from './Section.mjs';
export { ModalHeader, ModalHeaderProps } from './ModalHeader.mjs';
export { ModalFooter, ModalFooterProps } from './ModalFooter.mjs';
export { Modal, ModalContent, ModalContentProps, ModalProps } from './Modal.mjs';
export { AvatarLogoLockup, AvatarLogoLockupProps } from './AvatarLogoLockup.mjs';
export { TopNavItem, TopNavItemProps } from './TopNavItem.mjs';
export { NavItem, TopNavBar, TopNavBarProps } from './TopNavBar.mjs';
export { SideNavButton, SideNavButtonIcon, SideNavButtonProps } from './SideNavButton.mjs';
export { SideNavBar, SideNavBarIcon, SideNavBarProps } from './SideNavBar.mjs';

interface TableContainerProps {
    /**
     * Children to render inside the container (TableControls, Table, TableFooterPagination)
     */
    children: React.ReactNode;
    /**
     * Custom className
     */
    className?: string;
    /**
     * Custom style
     */
    style?: React.CSSProperties;
    /**
     * Test ID for testing
     */
    'data-testid'?: string;
}
/**
 * TableContainer component - Arbor Design System
 *
 * A wrapper container for the full table experience.
 * Use to wrap TableControls, Table, and TableFooterPagination together
 * in a white box with 8px padding and 8px border radius.
 *
 * @example
 * ```tsx
 * <TableContainer>
 *   <TableControls {...controlsProps} />
 *   <Table {...tableProps} />
 *   <TableFooterPagination {...paginationProps} />
 * </TableContainer>
 * ```
 */
declare const TableContainer: React.ForwardRefExoticComponent<TableContainerProps & React.RefAttributes<HTMLDivElement>>;

type SideNavItemTier = 1 | 2 | 3 | 4 | 5;
interface SideNavItemProps {
    /**
     * The text label for the navigation item
     */
    label: string;
    /**
     * The tier/depth level (1-5). Each tier adds 12px indentation.
     * Tier 1 = 24px left padding (base)
     * @default 1
     */
    tier?: SideNavItemTier;
    /**
     * Whether the item is currently active/selected
     * @default false
     */
    active?: boolean;
    /**
     * Whether the item has child items (shows expand/collapse chevron)
     * @default false
     */
    hasChildren?: boolean;
    /**
     * Whether the item is expanded (only relevant when hasChildren is true)
     * @default false
     */
    expanded?: boolean;
    /**
     * Whether the item is favourited (star is filled)
     * @default false
     */
    favourited?: boolean;
    /**
     * Whether the item is focused (shows green ring)
     * @default false
     */
    focused?: boolean;
    /**
     * Click handler for the item
     */
    onClick?: () => void;
    /**
     * Click handler for the expand/collapse chevron
     */
    onExpandClick?: () => void;
    /**
     * Click handler for the favourite star
     */
    onFavouriteClick?: () => void;
    /**
     * Custom className
     */
    className?: string;
    /**
     * Custom style
     */
    style?: React.CSSProperties;
}
/**
 * SideNavItem component - Arbor Design System
 *
 * A navigation list item used in the side navigation panel.
 * Supports multiple tiers for nested navigation, favourite functionality,
 * and expand/collapse for parent items with children.
 */
declare const SideNavItem: React.ForwardRefExoticComponent<SideNavItemProps & React.RefAttributes<HTMLDivElement>>;

/**
 * Shared TypeScript types for Arbor Design System components
 */
type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive' | 'destructive-secondary' | 'ghost';
type ButtonSize = 'small' | 'medium';
type InputSize = 'small' | 'medium';
type ValidationState = 'default' | 'error' | 'success';
type CardPadding = 'none' | 'small' | 'medium' | 'large';
type TagVariant = 'default' | 'success' | 'error' | 'info' | 'neutral';
type ComboboxState = 'default' | 'error' | 'success';
type ComboboxOption = {
    value: string;
    label: string;
};
type NumericInputState = 'default' | 'error' | 'success';

export { type ButtonSize, type ButtonVariant, type CardPadding, type ComboboxOption, type ComboboxState, type InputSize, type NumericInputState, SideNavItem, type SideNavItemProps, type SideNavItemTier, TableContainer, type TableContainerProps, type TagVariant, type ValidationState };