@ds-mo/ui 0.2.4 → 0.3.0

package/dist/index.d.ts

@@ -1,969 +1,82 @@
-import { Component } from 'react';
-import { default as default_2 } from 'react';
-import { ForwardRefExoticComponent } from 'react';
-import { JSX } from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { RefAttributes } from 'react';
-import { SVGAttributes } from 'react';
-
-export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare const AccordionItem: default_2.ForwardRefExoticComponent<AccordionItemProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface AccordionItemData {
-    id: string;
-    label: string;
-    content: default_2.ReactNode;
-    inactive?: boolean;
-}
-
-export declare interface AccordionItemProps {
-    label: string;
-    children: default_2.ReactNode;
-    isExpanded?: boolean;
-    onToggle?: () => void;
-    inactive?: boolean;
-    className?: string;
-}
-
-export declare interface AccordionProps {
-    /** Items to render. */
-    items: AccordionItemData[];
-    /** Allow multiple items open at once. When false, behaves as an accordion. */
-    multiple?: boolean;
-    /** Controlled: which item IDs are expanded. */
-    expandedIds?: string[];
-    /** Called when expansion state changes. */
-    onExpandedChange?: (ids: string[]) => void;
-    className?: string;
-}
-
-export declare const Badge: default_2.FC<BadgeProps>;
-
-export declare interface BadgeProps {
-    count: number;
-    isSelected?: boolean;
-    className?: string;
-}
-
-export declare const Banner: default_2.FC<BannerProps>;
-
-export declare type BannerContrast = 'faint' | 'medium' | 'bold' | 'strong';
-
-export declare type BannerIntent = 'brand' | 'positive' | 'negative' | 'warning' | 'caution' | 'ai' | 'neutral' | 'walkthrough' | 'guide';
-
-export declare interface BannerProps {
-    intent: BannerIntent;
-    contrast: BannerContrast;
-    message: string;
-    header?: boolean;
-    className?: string;
-    floating?: boolean;
-    onDismiss?: () => void;
-}
-
-export declare const Breadcrumb: default_2.ForwardRefExoticComponent<BreadcrumbProps & default_2.RefAttributes<HTMLElement>>;
-
-export declare interface BreadcrumbItem {
-    label: string;
-    href?: string;
-    onClick?: () => void;
-}
-
-export declare interface BreadcrumbProps {
-    /** Ordered list of breadcrumb items. Last item is treated as current page. */
-    items: BreadcrumbItem[];
-    /** Custom separator. Defaults to '/'. */
-    separator?: default_2.ReactNode;
-    className?: string;
-}
-
-export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLElement>>;
-
-export declare type ButtonBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'always-dark';
-
-export declare type ButtonContrast = 'strong' | 'bold' | 'medium' | 'faint';
-
-export declare type ButtonElevation = 'none' | 'flat' | 'elevated' | 'floating';
-
-/**
- * Renders Button children flush side-by-side with a 1px divider between them.
- * Outer corners keep the button's own border-radius; inner corners are flattened.
- *
- * Individual button chrome (shadow/border) is suppressed — the group container
- * carries the elevation so it wraps the whole control as one visual unit.
- *
- * Divider behaviour by variant:
- *   secondary / primary+none — full-height color-border-tertiary line
- *   primary (with intent)    — color-border-tertiary-on-{contrast}-background
- *   ghost (secondary+none)   — short centred line (icon/text height)
- *
- * Rounded groups: outer edges keep pill padding; inner edges revert to base padding.
- * Mix of intents is only valid when variant="secondary"; primary groups must be
- * homogeneous (same intent + contrast on all items).
- */
-export declare const ButtonGroup: {
-    ({ children, className }: ButtonGroupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare interface ButtonGroupProps {
-    children: default_2.ReactNode;
-    className?: string;
-}
-
-export declare type ButtonIntent = 'none' | 'neutral' | 'brand' | 'ai' | 'negative' | 'warning' | 'caution' | 'positive';
-
-export declare interface ButtonProps {
-    /** Polymorphic element type. Defaults to 'button'. */
-    as?: default_2.ElementType;
-    /** Visual variant. Defaults to 'primary'. */
-    variant?: ButtonVariant;
-    /** Label text. */
-    label?: string;
-    /** Leading icon component from @ds-mo/icons. */
-    icon?: IconComponent;
-    /** Semantic intent. Defaults to 'brand'. */
-    intent?: ButtonIntent;
-    /** Size. Defaults to 'md'. */
-    size?: ButtonSize;
-    /** Pill shape with extra padding. */
-    rounded?: boolean;
-    /** Fill container width. Label truncates if space is tight. */
-    fullWidth?: boolean;
-    /** Fixed width. Omit for content width. */
-    width?: default_2.CSSProperties['width'];
-    /** Contrast level (primary variant only). Defaults to 'bold'. */
-    contrast?: ButtonContrast;
-    /**
-     * Parent surface context. Adjusts hover tokens and secondary fg colors
-     * for buttons placed on colored backgrounds.
-     *   faint      — default, no adjustment
-     *   medium     — use on-medium-background interaction tokens
-     *   bold       — use on-bold-background interaction + inverted fg
-     *   strong     — use on-strong-background interaction + inverted fg
-     *   always-dark — dark surface (no theme flip), on-bold-background tokens
-     */
-    background?: ButtonBackground;
-    /** Show trailing ChevronDown dropdown indicator. */
-    dropdown?: boolean;
-    /** Badge count. */
-    badgeCount?: number;
-    /**
-     * Chrome level for secondary; shadow level for primary.
-     *   none     — ghost (transparent, no border, no shadow)
-     *   flat     — border only, transparent bg  [default for secondary]
-     *   elevated — bg-primary + shadow          [default for primary]
-     *   floating — bg-primary + FAB-strength shadow
-     */
-    elevation?: ButtonElevation;
-    /** Show loading spinner in place of icon. Prevents interaction. */
-    loading?: boolean;
-    onClick?: (e: default_2.MouseEvent<HTMLElement>) => void;
-    onMouseEnter?: default_2.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: default_2.MouseEventHandler<HTMLElement>;
-    className?: string;
-    inactive?: boolean;
-    type?: 'button' | 'submit' | 'reset';
-    id?: string;
-    'aria-label'?: string;
-    href?: string;
-    target?: string;
-    rel?: string;
-}
-
-export declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
-
-export declare type ButtonVariant = 'primary' | 'secondary';
-
-export declare const Card: default_2.ForwardRefExoticComponent<CardProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare type CardElevation = 'flat' | 'elevated' | 'floating';
-
-export declare interface CardProps {
-    children: default_2.ReactNode;
-    /** Optional header content — rendered with a bottom divider. */
-    header?: default_2.ReactNode;
-    /** Optional footer content — rendered with a top divider. */
-    footer?: default_2.ReactNode;
-    /** Elevation level. Defaults to 'elevated'. */
-    elevation?: CardElevation;
-    /** Corner radius. Defaults to 'lg'. */
-    radius?: CardRadius;
-    /** Additional CSS classes. */
-    className?: string;
-    /** Inline styles. */
-    style?: default_2.CSSProperties;
-}
-
-export declare type CardRadius = 'sm' | 'md' | 'lg' | 'xl';
-
-export declare type CellType = 'string' | 'numbers' | 'tag' | 'checkbox' | 'button' | 'spacer' | 'image' | 'icon' | 'empty';
-
-export declare const Checkbox: default_2.ForwardRefExoticComponent<CheckboxProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface CheckboxProps {
-    label: string;
-    checked?: boolean;
-    indeterminate?: boolean;
-    onChange?: (checked: boolean) => void;
-    inactive?: boolean;
-    className?: string;
-    /** Icon for checked state. */
-    checkedIcon?: IconComponent;
-    /** Icon for unchecked state. */
-    uncheckedIcon?: IconComponent;
-    /** Icon for indeterminate state. */
-    indeterminateIcon?: IconComponent;
-}
-
-export declare const DestructiveMenuItem: default_2.ForwardRefExoticComponent<DestructiveMenuItemProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface DestructiveMenuItemProps {
-    label: string;
-    onClick: () => void;
-    holdDuration?: number;
-    subtext?: string;
-}
-
-export declare const Divider: default_2.ForwardRefExoticComponent<DividerProps & default_2.RefAttributes<HTMLHRElement>>;
-
-export declare type DividerOrientation = 'horizontal' | 'vertical';
-
-export declare interface DividerProps {
-    /** Direction of the divider line. */
-    orientation?: DividerOrientation;
-    className?: string;
-}
-
-export declare const EmptyState: default_2.ForwardRefExoticComponent<EmptyStateProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface EmptyStateProps {
-    type?: EmptyStateType;
-    message?: string;
-    className?: string;
-}
-
-export declare type EmptyStateType = 'no-content' | 'no-results' | 'no-results-filter' | 'no-access';
-
-export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    componentDidCatch(error: Error, errorInfo: default_2.ErrorInfo): void;
-    handleReset: () => void;
-    render(): string | number | bigint | boolean | Iterable<default_2.ReactNode> | Promise<string | number | bigint | boolean | default_2.ReactPortal | default_2.ReactElement<unknown, string | default_2.JSXElementConstructor<any>> | Iterable<default_2.ReactNode> | null | undefined> | JSX.Element | null | undefined;
-}
-
-export declare interface ErrorBoundaryProps {
-    children: ReactNode;
-    fallback?: ReactNode;
-}
-
-declare interface ErrorBoundaryState {
-    hasError: boolean;
-    error: Error | null;
-}
-
-export declare const Fade: default_2.ForwardRefExoticComponent<FadeProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface FadeProps {
-    side: FadeSide;
-    height: string;
-    background?: string;
-    className?: string;
-    style?: default_2.CSSProperties;
-}
-
-export declare type FadeSide = 'top' | 'bottom' | 'left' | 'right';
-
-export declare const Field: default_2.ForwardRefExoticComponent<FieldProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface FieldProps {
-    label: string;
-    children: default_2.ReactNode;
-    id?: string;
-    className?: string;
-}
-
-export declare type FilterState = Record<string, FilterValue>;
-
-export declare type FilterValue = string | number | Array<string | number> | undefined;
-
-export declare const Header: default_2.ForwardRefExoticComponent<HeaderProps & default_2.RefAttributes<HTMLElement>>;
-
-export declare type HeaderBackground = 'primary' | 'secondary' | 'transparent' | 'translucent';
-
-export declare interface HeaderProps {
-    title?: string;
-    left?: default_2.ReactNode;
-    center?: default_2.ReactNode;
-    right?: default_2.ReactNode;
-    background?: HeaderBackground;
-    className?: string;
-}
-
-/**
- * An icon component type (compatible with @ds-mo/icons IconComponent).
- */
-export declare type IconComponent = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
-
-/**
- * Props accepted by icon components (compatible with @ds-mo/icons).
- */
-export declare interface IconProps extends SVGAttributes<SVGSVGElement> {
-    size?: number | string;
-    color?: string;
-    className?: string;
-}
-
-export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface InputProps {
-    value: string;
-    onChange: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
-    id?: string;
-    placeholder?: string;
-    autoFocus?: boolean;
-    className?: string;
-    type?: InputType;
-    inactive?: boolean;
-    onKeyDown?: default_2.KeyboardEventHandler<HTMLInputElement>;
-    /** Content rendered inside the field on the right. */
-    suffix?: default_2.ReactNode;
-    /** Icon for clear button (search type). */
-    clearIcon?: IconComponent;
-    'aria-label'?: string;
-}
-
-declare type InputType = 'text' | 'email' | 'tel' | 'url' | 'search' | 'password';
-
-export declare type LineTruncation = 1 | 2 | 3 | 4 | 5 | 'none';
-
-/**
- * Placeholder spinner component. Will be replaced with a full Loader
- * component once motion/brand specs are finalised.
- *
- * Designed at 16×16 viewBox so it matches the icon grid:
- *   - r=5  → 10px circle in a 16px box (3px optical padding each side)
- *   - strokeWidth=1 at native size → scales to 1.25px at 20px, 1.5px at 24px
- */
-export declare const Loader: {
-    ({ size, className }: LoaderProps): JSX.Element;
-    displayName: string;
-};
-
-export declare interface LoaderProps {
-    /**
-     * Render size in px. Designed at 16px (r=6, strokeWidth=1).
-     * Stroke weight scales proportionally with size — same behaviour as icons.
-     * Defaults to 20.
-     */
-    size?: number;
-    className?: string;
-}
-
-export declare const Menu: default_2.FC<MenuProps>;
-
-export declare type MenuAlign = 'start' | 'center' | 'end';
-
-export declare const MenuItem: default_2.ForwardRefExoticComponent<MenuItemProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface MenuItemData {
-    label: string;
-    onClick: () => void;
-    isSelected?: boolean;
-    isDestructive?: boolean;
-    isInactive?: boolean;
-    intent?: 'negative';
-    keepOpenOnClick?: boolean;
-    holdDuration?: number;
-    icon?: IconComponent;
-    subtext?: string;
-    showToggle?: boolean;
-    toggleValue?: boolean;
-    selectionStyle?: MenuItemSelectionStyle;
-}
-
-export declare interface MenuItemProps {
-    label: string;
-    onClick: () => void;
-    isSelected?: boolean;
-    isInactive?: boolean;
-    icon?: IconComponent;
-    labelColor?: 'primary' | 'secondary' | 'tertiary';
-    subtext?: string;
-    showToggle?: boolean;
-    toggleValue?: boolean;
-    intent?: 'negative';
-    selectionStyle?: MenuItemSelectionStyle;
-    showTrailingChevron?: boolean;
-    checkIcon?: IconComponent;
-    chevronIcon?: IconComponent;
-}
-
-export declare type MenuItemSelectionStyle = 'highlight' | 'radio' | 'noOverlay';
-
-export declare interface MenuProps {
-    isOpen: boolean;
-    onClose: () => void;
-    anchorRef: default_2.RefObject<HTMLElement | null>;
-    items?: MenuItemData[];
-    sections?: MenuSection[];
-    side?: MenuSide;
-    align?: MenuAlign;
-    sideOffset?: number;
-    alignOffset?: number;
-    sideOffsetToken?: string;
-    alignOffsetToken?: string;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    matchAnchorWidth?: boolean;
-    matchAnchorWidthOffset?: number;
-    usePortal?: boolean;
-}
-
-export declare interface MenuSection {
-    header?: string;
-    items: MenuItemData[];
-}
-
-export declare type MenuSide = 'top' | 'right' | 'bottom' | 'left';
-
-export declare const Modal: default_2.FC<ModalProps>;
-
-export declare interface ModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    title: string;
-    subtitle?: default_2.ReactNode;
-    children: default_2.ReactNode;
-    footer?: default_2.ReactNode;
-    width?: ModalWidth | string;
-    bodyClassName?: string;
-}
-
-export declare type ModalWidth = 'sm' | 'md' | 'lg';
-
-export declare const Pagination: default_2.ForwardRefExoticComponent<PaginationProps & default_2.RefAttributes<HTMLElement>>;
-
-export declare interface PaginationProps {
-    /** Current page (1-based). */
-    page: number;
-    /** Total number of pages. */
-    totalPages: number;
-    /** Called when page changes. */
-    onPageChange: (page: number) => void;
-    /** Max page buttons visible (excluding prev/next). */
-    siblingCount?: number;
-    /** Disables all interaction. */
-    inactive?: boolean;
-    className?: string;
-}
-
-export declare interface PaginationState {
-    pageIndex: number;
-    pageSize: number;
-}
-
-export declare const RadioGroup: default_2.ForwardRefExoticComponent<RadioGroupProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface RadioGroupProps {
-    /** Currently selected value. */
-    value: string;
-    /** Called when selection changes. */
-    onChange: (value: string) => void;
-    /** Radio options to render. */
-    options: RadioOption[];
-    /** Group label for accessibility. */
-    'aria-label'?: string;
-    /** Layout direction. */
-    direction?: 'vertical' | 'horizontal';
-    /** Disables the entire group. */
-    inactive?: boolean;
-    className?: string;
-}
-
-export declare const RadioItem: default_2.ForwardRefExoticComponent<RadioItemProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface RadioItemProps {
-    label: string;
-    checked?: boolean;
-    onChange?: () => void;
-    inactive?: boolean;
-    className?: string;
-}
-
-export declare interface RadioOption {
-    label: string;
-    value: string;
-    inactive?: boolean;
-}
-
-export declare const Scrollbar: default_2.FC<ScrollbarProps>;
-
-export declare interface ScrollbarProps {
-    children: default_2.ReactNode;
-    className?: string;
-    variant?: ScrollbarVariant;
-    showTrackOnHover?: boolean;
-    onScroll?: (e: default_2.UIEvent<HTMLDivElement>) => void;
-    fadeOverlay?: default_2.ReactNode;
-    contentRef?: default_2.RefObject<HTMLDivElement>;
-}
-
-export declare type ScrollbarVariant = 'default' | 'thick';
-
-export declare const Select: default_2.ForwardRefExoticComponent<SelectProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface SelectOption {
-    label: string;
-    value: string | number;
-}
-
-export declare interface SelectProps {
-    value: string | number;
-    onChange: (value: string | number) => void;
-    options: SelectOption[];
-    placeholder?: string;
-    className?: string;
-    inactive?: boolean;
-    id?: string;
-    chevronIcon?: IconComponent;
-}
-
-export declare const Sidebar: default_2.ForwardRefExoticComponent<SidebarProps & default_2.RefAttributes<HTMLElement>>;
-
-export declare const SidebarItem: default_2.ForwardRefExoticComponent<SidebarItemProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface SidebarItemProps {
-    label: string;
-    icon?: IconComponent;
-    isSelected?: boolean;
-    isDisabled?: boolean;
-    onClick?: () => void;
-    badge?: default_2.ReactNode;
-    children?: default_2.ReactNode;
-    className?: string;
-}
-
-export declare interface SidebarProps {
-    children: default_2.ReactNode;
-    isCollapsed?: boolean;
-    onToggle?: () => void;
-    width?: SidebarWidth;
-    onWidthChange?: (width: SidebarWidth) => void;
-    resizable?: boolean;
-    footer?: default_2.ReactNode;
-    className?: string;
-    isMobile?: boolean;
-}
-
-export declare const SidebarSection: default_2.ForwardRefExoticComponent<SidebarSectionProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface SidebarSectionProps {
-    label?: string;
-    children: default_2.ReactNode;
-    collapsible?: boolean;
-    defaultCollapsed?: boolean;
-    className?: string;
-}
-
-export declare type SidebarWidth = 'mini' | 'default' | number;
-
-export declare const Skeleton: default_2.ForwardRefExoticComponent<SkeletonProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface SkeletonProps {
-    /** Shape of the skeleton. */
-    variant?: SkeletonVariant;
-    /** Width (CSS value). */
-    width?: string | number;
-    /** Height (CSS value). */
-    height?: string | number;
-    /** Number of text lines to render. Only applies to 'text' variant. */
-    lines?: number;
-    /** Whether to animate the shimmer. */
-    animate?: boolean;
-    className?: string;
-}
-
-export declare type SkeletonVariant = 'text' | 'circular' | 'rectangular';
-
-export declare const Slider: default_2.ForwardRefExoticComponent<SliderProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface SliderProps {
-    value: number;
-    onChange: (value: number) => void;
-    min?: number;
-    max?: number;
-    step?: number;
-    label: string;
-    id?: string;
-    inactive?: boolean;
-    className?: string;
-}
-
-export declare type SortDirection = 'asc' | 'desc';
-
-export declare interface SortState {
-    columnId: string;
-    direction: SortDirection;
-}
-
-export declare const Surface: default_2.ForwardRefExoticComponent<SurfaceProps & default_2.RefAttributes<HTMLElement>>;
-
-/** Background type for non-intent surfaces. */
-export declare type SurfaceBackground = 'primary' | 'secondary' | 'transparent' | 'translucent';
-
-/** Props shared by both surface modes. */
-declare interface SurfaceBaseProps extends default_2.HTMLAttributes<HTMLElement> {
-    children?: default_2.ReactNode;
-    /** Elevation for depth/shadow effects. Defaults to 'none'. */
-    elevation?: SurfaceElevation;
-    /** Edge divider border(s). Only applies when elevation is 'none'. */
-    edge?: SurfaceEdge | SurfaceEdge[];
-    /** Corner radius — preset or CSS variable. */
-    radius?: SurfaceRadius;
-    /** Enable hover/pressed interaction overlay. */
-    interactive?: boolean;
-    /** Apply selected background state. */
-    selected?: boolean;
-    /** Dim and disable pointer events. */
-    inactive?: boolean;
-    /** HTML element to render. Defaults to 'div'. */
-    as?: SurfaceElement;
-    /** Button type — only used when as='button'. */
-    type?: 'button' | 'submit' | 'reset';
-}
-
-/** Contrast level for semantic intents. */
-export declare type SurfaceContrast = 'faint' | 'medium' | 'bold' | 'strong';
-
-/** Non-intent surface — uses a basic background color. */
-declare interface SurfaceDefaultProps extends SurfaceBaseProps {
-    /** Background color. Defaults to 'transparent'. */
-    background?: SurfaceBackground;
-    intent?: never;
-    contrast?: never;
-}
-
-/** Edge divider border direction. */
-export declare type SurfaceEdge = 'top' | 'right' | 'bottom' | 'left';
-
-/** HTML elements Surface can render as. */
-export declare type SurfaceElement = 'div' | 'section' | 'aside' | 'article' | 'header' | 'footer' | 'main' | 'nav' | 'span' | 'button' | 'td' | 'th';
-
-/** Elevation for depth/shadow effects. Progressive: none → flat → elevated → floating. */
-export declare type SurfaceElevation = 'none' | 'depressed' | 'depressed-md' | 'flat' | 'elevated' | 'floating' | 'overlayTop' | 'overlayRight' | 'overlayBottom' | 'overlayLeft';
-
-/**
- * Semantic intent for colored surfaces.
- * Each intent has four contrast levels (faint, medium, bold, strong).
- */
-export declare type SurfaceIntent = 'brand' | 'positive' | 'negative' | 'warning' | 'caution' | 'ai' | 'neutral' | 'walkthrough' | 'guide';
-
-/** Intent surface — uses a semantic color with contrast level. */
-declare interface SurfaceIntentProps extends SurfaceBaseProps {
-    /** Semantic intent color. */
-    intent: SurfaceIntent;
-    /** Contrast level for the intent background. Defaults to 'faint'. */
-    contrast?: SurfaceContrast;
-    background?: never;
-}
-
-export declare type SurfaceProps = SurfaceDefaultProps | SurfaceIntentProps;
-
-/** Corner radius — preset, CSS variable, or custom string (e.g. '12px 12px 0 0'). */
-export declare type SurfaceRadius = SurfaceRadiusPreset | (string & {});
-
-/** Corner radius presets. */
-export declare type SurfaceRadiusPreset = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
-
-export declare const Tab: default_2.ForwardRefExoticComponent<TabProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-export declare type TabBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'always-dark';
-
-export declare const TabGroup: default_2.ForwardRefExoticComponent<TabGroupProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface TabGroupProps {
-    /** Tab definitions. */
-    tabs: TabGroupTab[];
-    /** Index of the active tab. */
-    activeIndex?: number;
-    /** Called when a tab is clicked. */
-    onTabChange?: (index: number) => void;
-    className?: string;
-}
-
-export declare interface TabGroupTab {
-    label: string;
-    id?: string;
-}
-
-export declare function Table<T>({ columns, data, sortState, onSort, className, onRowClick, selectedRows, loading, pagination, onPaginationChange, emptyMessage, }: TableProps<T>): JSX.Element;
-
-export declare namespace Table {
-    var displayName: string;
-}
-
-export declare interface TableColumn<T = unknown> {
-    id: string;
-    header: string | default_2.ReactNode;
-    accessorKey?: string;
-    accessor?: (row: T) => unknown;
-    sortable?: boolean;
-    align?: 'left' | 'right' | 'center';
-    width?: string | number;
-    minWidth?: string | number;
-    maxWidth?: string | number;
-    renderCell?: (row: T, rowIndex: number) => default_2.ReactNode;
-    cellType?: CellType;
-    hide?: boolean;
-    pinned?: 'left' | 'right';
-}
-
-export declare interface TableProps<T = unknown> {
-    columns: TableColumn<T>[];
-    data: T[];
-    sortState?: SortState;
-    onSort?: (columnId: string) => void;
-    className?: string;
-    onRowClick?: (row: T, rowIndex: number) => void;
-    selectedRows?: Set<number>;
-    loading?: boolean;
-    pagination?: PaginationState;
-    onPaginationChange?: (pageIndex: number, pageSize: number) => void;
-    emptyMessage?: string;
-}
-
-export declare interface TabProps {
-    id?: string;
-    label: string;
-    isSelected?: boolean;
-    /** Parent surface context. Adjusts hover tokens and fg for tabs on colored backgrounds. */
-    background?: TabBackground;
-    onClick?: () => void;
-    className?: string;
-}
-
-export declare const Tag: default_2.ForwardRefExoticComponent<TagProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare type TagBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'always-dark';
-
-export declare type TagContrast = 'strong' | 'bold' | 'medium' | 'faint';
-
-export declare type TagElevation = 'none' | 'flat' | 'elevated';
-
-export declare type TagIntent = 'neutral' | 'brand' | 'ai' | 'negative' | 'warning' | 'caution' | 'positive';
-
-export declare interface TagProps {
-    label: string;
-    intent?: TagIntent;
-    contrast?: TagContrast;
-    /**
-     * Visual chrome level.
-     *   none     — filled with intent bg, no border, no shadow  [default]
-     *   flat     — transparent bg + intent-coloured border ring
-     *   elevated — filled with intent bg + elevated shadow
-     */
-    elevation?: TagElevation;
-    size?: TagSize;
-    rounded?: boolean;
-    /** Leading icon component. */
-    icon?: IconComponent;
-    removable?: boolean;
-    onRemove?: () => void;
-    /** Override the default Cross remove icon. */
-    removeIcon?: IconComponent;
-    maxWidth?: string | number;
-    inactive?: boolean;
-    /** Parent surface context. Adjusts hover tokens for tags on colored backgrounds. */
-    background?: TagBackground;
-    /** Makes the tag clickable. Pair with pressed/onPressedChange for filter-chip behaviour. */
-    onClick?: () => void;
-    pressed?: boolean;
-    onPressedChange?: (pressed: boolean) => void;
-    className?: string;
-}
-
-export declare type TagSize = 'md' | 'sm' | 'xs';
-
-declare const Text_2: default_2.ForwardRefExoticComponent<TextProps & default_2.RefAttributes<HTMLElement>>;
-export { Text_2 as Text }
-
-export declare type TextAlign = 'left' | 'center' | 'right';
-
-/** Text color — semantic token or CSS variable escape hatch. */
-export declare type TextColor = TextColorToken | `var(--${string})`;
-
-/**
- * Semantic color tokens for text.
- * Maps to TokoMo --color-foreground-* CSS custom properties.
- */
-export declare type TextColorToken = 'primary' | 'secondary' | 'tertiary' | 'brand' | 'negative' | 'positive' | 'warning' | 'caution' | 'ai' | 'on-strong' | 'on-bold' | 'inherit';
-
-export declare type TextDecoration = 'none' | 'underline' | 'dotted-underline';
-
-export declare type TextElement = 'p' | 'span' | 'div' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-
-export declare interface TextProps {
-    /** Typography variant. Maps to a TokoMo typography class. Defaults to 'text-body-medium'. */
-    variant?: TextVariant;
-    children: default_2.ReactNode;
-    color?: TextColor;
-    decoration?: TextDecoration;
-    italic?: boolean;
-    align?: TextAlign;
-    /** Max lines before ellipsis. Ignored when wrap is 'nowrap'. Defaults to 'none'. */
-    lineTruncation?: LineTruncation;
-    /** 'nowrap' = single line, truncates with ellipsis when constrained. */
-    wrap?: TextWrap;
-    as?: TextElement;
-    id?: string;
-    htmlFor?: string;
-    className?: string;
-    style?: default_2.CSSProperties;
-}
-
-/** @deprecated Use `TextVariant` instead. */
-export declare type TextStyle = TextVariant;
-
-/**
- * Text variant options.
- * Each variant maps to a TokoMo typography class with predefined font-size, line-height,
- * font-weight, and letter-spacing.
- */
-export declare type TextVariant = 'text-display-medium' | 'text-display-small' | 'text-title-large' | 'text-title-medium' | 'text-title-small' | 'text-body-large' | 'text-body-large-emphasis' | 'text-body-medium' | 'text-body-medium-emphasis' | 'text-body-small' | 'text-body-small-emphasis' | 'text-caption' | 'text-caption-emphasis';
-
-export declare type TextWrap = 'wrap' | 'nowrap' | 'balance' | 'pretty';
-
-export declare const toast: {
-    show(options: ToastOptions): string;
-    info(message: string, options?: Omit<ToastOptions, "message">): string;
-    success(message: string, options?: Omit<ToastOptions, "message">): string;
-    error(message: string, options?: Omit<ToastOptions, "message">): string;
-    warning(message: string, options?: Omit<ToastOptions, "message">): string;
-    dismiss(id: string): void;
-    dismissAll(): void;
-};
-
-export declare const ToastContainer: default_2.ForwardRefExoticComponent<ToastContainerProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface ToastContainerProps {
-    /** Where to render toasts on screen. */
-    position?: ToastPosition;
-}
-
-export declare interface ToastData {
-    id: string;
-    message: string;
-    intent?: ToastIntent;
-    duration?: number;
-    onDismiss?: () => void;
-}
-
-export declare type ToastIntent = 'neutral' | 'brand' | 'positive' | 'negative' | 'warning' | 'caution';
-
-export declare interface ToastOptions {
-    message: string;
-    intent?: ToastIntent;
-    /** Auto-dismiss duration in ms. 0 = no auto-dismiss. Default 4000. */
-    duration?: number;
-    onDismiss?: () => void;
-}
-
-export declare type ToastPosition = 'top-center' | 'top-right' | 'bottom-center' | 'bottom-right';
-
-export declare const Toggle: default_2.ForwardRefExoticComponent<ToggleProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-export declare const ToggleButton: default_2.ForwardRefExoticComponent<ToggleButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-export declare type ToggleButtonBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'always-dark';
-
-export declare type ToggleButtonElevation = 'none' | 'flat' | 'elevated' | 'floating';
-
-/**
- * Renders ToggleButton children flush side-by-side with a 1px divider between them.
- * Outer corners keep the button's own border-radius; inner corners are flattened.
- *
- * Individual button chrome (shadow/border) is suppressed — the group container
- * carries the elevation so it wraps the whole control as one visual unit.
- *
- * Divider behaviour by elevation:
- *   elevated / flat / floating — full-height color-border-tertiary line
- *   none (ghost)               — short centred line (icon/text height)
- *
- * Rounded groups: outer edges keep pill padding; inner edges revert to base padding.
- * Pressed state and onPressedChange are managed by the consumer on each ToggleButton.
- */
-export declare const ToggleButtonGroup: {
-    ({ children, className }: ToggleButtonGroupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare interface ToggleButtonGroupProps {
-    children: default_2.ReactNode;
-    className?: string;
-}
-
-export declare interface ToggleButtonProps {
-    /**
-     * Chrome level.
-     *   none     — ghost (transparent, no border, no shadow)
-     *   flat     — border only, transparent bg
-     *   elevated — bg-primary + shadow  [default]
-     *   floating — bg-primary + FAB-strength shadow
-     */
-    elevation?: ToggleButtonElevation;
-    /** Label text. */
-    label?: string;
-    /** Leading icon component. */
-    icon?: IconComponent;
-    /** Size: md (32px), sm (24px), xs (16px). Defaults to 'md'. */
-    size?: ToggleButtonSize;
-    /** Pill shape. */
-    rounded?: boolean;
-    /** Parent surface context. Adjusts hover tokens for toggle buttons on colored backgrounds. */
-    background?: ToggleButtonBackground;
-    /** Controlled pressed state. */
-    pressed: boolean;
-    /** Called when pressed state changes. */
-    onPressedChange: (pressed: boolean) => void;
-    inactive?: boolean;
-    className?: string;
-    id?: string;
-    'aria-label'?: string;
-}
-
-export declare type ToggleButtonSize = 'md' | 'sm' | 'xs';
-
-export declare interface ToggleProps {
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-    inactive?: boolean;
-    className?: string;
-    'aria-label'?: string;
-}
-
-export declare const Tooltip: default_2.FC<TooltipProps>;
-
-export declare type TooltipAlign = 'start' | 'center' | 'end';
-
-export declare interface TooltipProps {
-    label: string;
-    children: default_2.ReactElement;
-    delay?: number;
-    side?: TooltipSide;
-    align?: TooltipAlign;
-    sideOffset?: number;
-    alignOffset?: number;
-    shortcutKey?: string;
-    shortcutKeyPosition?: 'start' | 'end';
-    usePortal?: boolean;
-}
-
-export declare type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
-
-export declare function useToasts(): ToastData[];
-
-export { }
+export { Text } from './components/Text';
+export type { TextProps, TextVariant, TextStyle, TextColor, TextColorToken, TextDecoration, TextAlign, LineTruncation, TextWrap, TextElement, } from './components/Text';
+export { Surface } from './components/Surface';
+export type { SurfaceProps, SurfaceIntent, SurfaceBackground, SurfaceContrast, SurfaceElevation, SurfaceEdge, SurfaceRadius, SurfaceRadiusPreset, SurfaceElement, } from './components/Surface';
+export { Card } from './components/Card';
+export type { CardProps, CardElevation, CardRadius } from './components/Card';
+export { Button } from './components/Button';
+export type { ButtonProps, ButtonVariant, ButtonElevation, ButtonIntent, ButtonSize, ButtonContrast, ButtonBackground } from './components/Button';
+export { ToggleButton } from './components/ToggleButton';
+export type { ToggleButtonProps, ToggleButtonElevation, ToggleButtonSize, ToggleButtonBackground } from './components/ToggleButton';
+export { ButtonGroup } from './components/ButtonGroup';
+export type { ButtonGroupProps } from './components/ButtonGroup';
+export { ToggleButtonGroup } from './components/ToggleButtonGroup';
+export type { ToggleButtonGroupProps } from './components/ToggleButtonGroup';
+export { Tag } from './components/Tag';
+export type { TagProps, TagIntent, TagContrast, TagElevation, TagSize, TagBackground } from './components/Tag';
+export { Badge } from './components/Badge';
+export type { BadgeProps } from './components/Badge';
+export { Loader } from './components/Loader';
+export type { LoaderProps } from './components/Loader';
+export { Toggle } from './components/Toggle';
+export type { ToggleProps } from './components/Toggle';
+export { Checkbox } from './components/Checkbox';
+export type { CheckboxProps } from './components/Checkbox';
+export { Input } from './components/Input';
+export type { InputProps } from './components/Input';
+export { Slider } from './components/Slider';
+export type { SliderProps } from './components/Slider';
+export { Field } from './components/Field';
+export type { FieldProps } from './components/Field';
+export { Modal } from './components/Modal';
+export type { ModalProps, ModalWidth } from './components/Modal';
+export { Menu } from './components/Menu';
+export type { MenuProps, MenuSection, MenuItemData, MenuSide, MenuAlign } from './components/Menu';
+export { MenuItem } from './components/Menu';
+export type { MenuItemProps, MenuItemSelectionStyle } from './components/Menu';
+export { DestructiveMenuItem } from './components/Menu';
+export type { DestructiveMenuItemProps } from './components/Menu';
+export { Tooltip } from './components/Tooltip';
+export type { TooltipProps, TooltipSide, TooltipAlign } from './components/Tooltip';
+export { Select } from './components/Select';
+export type { SelectProps, SelectOption } from './components/Select';
+export { Banner } from './components/Banner';
+export type { BannerProps, BannerIntent, BannerContrast } from './components/Banner';
+export { Table } from './components/Table';
+export type { TableProps, TableColumn, SortState, SortDirection, CellType, FilterValue, FilterState, PaginationState, } from './components/Table';
+export { Tab } from './components/Tab';
+export type { TabProps, TabBackground } from './components/Tab';
+export { EmptyState } from './components/EmptyState';
+export type { EmptyStateProps, EmptyStateType } from './components/EmptyState';
+export { Fade } from './components/Fade';
+export type { FadeProps, FadeSide } from './components/Fade';
+export { Scrollbar } from './components/Scrollbar';
+export type { ScrollbarProps, ScrollbarVariant } from './components/Scrollbar';
+export { ErrorBoundary } from './components/ErrorBoundary';
+export type { ErrorBoundaryProps } from './components/ErrorBoundary';
+export { Sidebar } from './components/Sidebar';
+export type { SidebarProps, SidebarWidth } from './components/Sidebar';
+export { SidebarSection } from './components/Sidebar';
+export type { SidebarSectionProps } from './components/Sidebar';
+export { SidebarItem } from './components/Sidebar';
+export type { SidebarItemProps } from './components/Sidebar';
+export { Header } from './components/Header';
+export type { HeaderProps, HeaderBackground } from './components/Header';
+export { RadioGroup, RadioItem } from './components/Radio';
+export type { RadioGroupProps, RadioItemProps, RadioOption } from './components/Radio';
+export { TabGroup } from './components/TabGroup';
+export type { TabGroupProps, TabGroupTab } from './components/TabGroup';
+export { Accordion, AccordionItem } from './components/Accordion';
+export type { AccordionProps, AccordionItemProps, AccordionItemData } from './components/Accordion';
+export { Breadcrumb } from './components/Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItem } from './components/Breadcrumb';
+export { Pagination } from './components/Pagination';
+export type { PaginationProps } from './components/Pagination';
+export { Divider } from './components/Divider';
+export type { DividerProps, DividerOrientation } from './components/Divider';
+export { Skeleton } from './components/Skeleton';
+export type { SkeletonProps, SkeletonVariant } from './components/Skeleton';
+export { ToastContainer, toast, useToasts } from './components/Toast';
+export type { ToastContainerProps, ToastData, ToastOptions, ToastIntent, ToastPosition } from './components/Toast';
+export type { IconProps, IconComponent } from './types';
+//# sourceMappingURL=index.d.ts.map