@wearenotch/ui-react 0.2.0

package/dist/index.d.ts

@@ -0,0 +1,902 @@
+import { ChartData } from 'chart.js';
+import { ChartOptions } from 'chart.js';
+import { default as default_2 } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { MouseEventHandler } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+export declare function Accordion({ multiple, defaultValue, value: controlledValue, onValueChange, children, className, }: AccordionProps): JSX.Element;
+
+export declare namespace Accordion {
+    var displayName: string;
+}
+
+export declare function AccordionContent({ children, className }: AccordionContentProps): JSX.Element;
+
+export declare namespace AccordionContent {
+    var displayName: string;
+}
+
+export declare interface AccordionContentProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare function AccordionItem({ value, children, className }: AccordionItemProps): JSX.Element;
+
+export declare namespace AccordionItem {
+    var displayName: string;
+}
+
+export declare interface AccordionItemProps {
+    /** Unique value for this item */
+    value: string;
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare interface AccordionProps {
+    /** Allow multiple panels open at once */
+    multiple?: boolean;
+    /** Default open panel value(s) */
+    defaultValue?: string | string[];
+    /** Controlled open value(s) */
+    value?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare function AccordionTrigger({ children, className }: AccordionTriggerProps): JSX.Element;
+
+export declare namespace AccordionTrigger {
+    var displayName: string;
+}
+
+export declare interface AccordionTriggerProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare function Alert({ variant, title, children, icon, dismissible, onDismiss, className, }: AlertProps): JSX.Element;
+
+export declare namespace Alert {
+    var displayName: string;
+}
+
+export declare interface AlertProps {
+    variant?: AlertVariant;
+    /** Alert title — bold heading */
+    title?: string;
+    /** Alert body content */
+    children: default_2.ReactNode;
+    /** Icon override — defaults to variant icon */
+    icon?: default_2.ReactNode;
+    /** Show close button */
+    dismissible?: boolean;
+    /** Called when close button is clicked */
+    onDismiss?: () => void;
+    className?: string;
+}
+
+export declare type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+
+export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLSpanElement>>;
+
+export declare function AvatarGroup({ children, max, size, className, }: AvatarGroupProps): JSX.Element;
+
+export declare namespace AvatarGroup {
+    var displayName: string;
+}
+
+export declare interface AvatarGroupProps {
+    children: default_2.ReactNode;
+    /** Max avatars to show before showing +N */
+    max?: number;
+    size?: AvatarSize;
+    className?: string;
+}
+
+export declare interface AvatarProps {
+    /** Image URL */
+    src?: string;
+    /** Alt text for image */
+    alt?: string;
+    /** Initials shown when no image (max 2 chars) */
+    initials?: string;
+    size?: AvatarSize;
+    className?: string;
+}
+
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+
+export declare function Badge({ children, variant, size, dot, className, }: BadgeProps): JSX.Element;
+
+export declare namespace Badge {
+    var displayName: string;
+}
+
+export declare interface BadgeProps {
+    children: default_2.ReactNode;
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    /** Shows a dot indicator before the label */
+    dot?: boolean;
+    className?: string;
+}
+
+export declare type BadgeSize = 'sm' | 'md' | 'lg';
+
+export declare type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'neutral';
+
+export declare interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    onClick?: (e: default_2.MouseEvent) => void;
+}
+
+export declare const Breadcrumbs: default_2.ForwardRefExoticComponent<BreadcrumbsProps & default_2.RefAttributes<HTMLElement>>;
+
+export declare interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+    separator?: default_2.ReactNode;
+    /** Collapse middle items when count exceeds this value */
+    maxItems?: number;
+    className?: string;
+}
+
+export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
+
+export declare interface ButtonProps {
+    /** Button label */
+    children: ReactNode;
+    /** Visual style — matches Figma "Type" property */
+    variant?: ButtonType;
+    /** Size — matches Figma "Size" property (Small→sm, Medium→md, Large→lg) */
+    size?: ButtonSize;
+    /** Disables the button */
+    disabled?: boolean;
+    /** Shows loading spinner, disables interaction */
+    loading?: boolean;
+    /** HTML button type */
+    type?: 'button' | 'submit' | 'reset';
+    /** Icon before label */
+    leftIcon?: ReactNode;
+    /** Icon after label */
+    rightIcon?: ReactNode;
+    /** Full width */
+    fullWidth?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /** Accessible label (use when no visible text) */
+    'aria-label'?: string;
+    className?: string;
+}
+
+export declare type ButtonSize = 'sm' | 'md' | 'lg';
+
+export declare type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'link' | 'destructive';
+
+export declare const Card: default_2.ForwardRefExoticComponent<CardProps & default_2.RefAttributes<HTMLElement>>;
+
+export declare function CardBody({ children, className }: CardBodyProps): JSX.Element;
+
+export declare namespace CardBody {
+    var displayName: string;
+}
+
+export declare interface CardBodyProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare function CardFooter({ children, className }: CardFooterProps): JSX.Element;
+
+export declare namespace CardFooter {
+    var displayName: string;
+}
+
+export declare interface CardFooterProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare function CardHeader({ children, className }: CardHeaderProps): JSX.Element;
+
+export declare namespace CardHeader {
+    var displayName: string;
+}
+
+export declare interface CardHeaderProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare function CardImage({ aspectRatio, className, alt, ...props }: CardImageProps): JSX.Element;
+
+export declare namespace CardImage {
+    var displayName: string;
+}
+
+export declare interface CardImageProps extends default_2.ImgHTMLAttributes<HTMLImageElement> {
+    /** Aspect ratio of image container e.g. '16/9' '4/3' '1/1' */
+    aspectRatio?: string;
+}
+
+export declare interface CardProps {
+    variant?: CardVariant;
+    /** Make card clickable (adds hover/focus styles) */
+    clickable?: boolean;
+    /** Pass href to render as <a> */
+    href?: string;
+    children: default_2.ReactNode;
+    className?: string;
+    onClick?: default_2.MouseEventHandler;
+}
+
+export declare type CardVariant = 'elevated' | 'outlined' | 'filled';
+
+export declare const Carousel: default_2.ForwardRefExoticComponent<CarouselProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface CarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    slides: default_2.ReactNode[];
+    size?: CarouselSize;
+    showArrows?: boolean;
+    showDots?: boolean;
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+    loop?: boolean;
+    defaultIndex?: number;
+    onSlideChange?: (index: number) => void;
+}
+
+export declare type CarouselSize = 'sm' | 'md' | 'lg';
+
+export declare const Chart: default_2.ForwardRefExoticComponent<ChartProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ChartProps {
+    type: ChartVariant;
+    data: ChartData;
+    options?: ChartOptions;
+    title?: string;
+    description?: string;
+    height?: number;
+    width?: number;
+    className?: string;
+    id?: string;
+}
+
+export declare type ChartVariant = 'line' | 'bar' | 'pie' | 'doughnut';
+
+export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface CheckboxProps {
+    id?: string;
+    name?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    /** Indeterminate state — Figma shows this as a dash/minus */
+    indeterminate?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    /** Label shown next to the checkbox */
+    label?: string;
+    /** Helper text below */
+    helperText?: string;
+    /** Error message */
+    errorMessage?: string;
+    onChange?: default_2.ChangeEventHandler<HTMLInputElement>;
+    className?: string;
+}
+
+export declare const DatePicker: default_2.ForwardRefExoticComponent<DatePickerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface DatePickerProps {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    placeholder?: string;
+    size?: DatePickerSize;
+    disabled?: boolean;
+    label?: string;
+    error?: string;
+    dateFormat?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    onChange?: (date: Date | null) => void;
+    className?: string;
+    id?: string;
+}
+
+export declare type DatePickerSize = 'sm' | 'md' | 'lg';
+
+export declare const EmptyState: default_2.ForwardRefExoticComponent<EmptyStateProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface EmptyStateProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    icon?: default_2.ReactNode;
+    title: string;
+    description?: string;
+    action?: default_2.ReactNode;
+}
+
+export declare const FileUpload: default_2.ForwardRefExoticComponent<FileUploadProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface FileUploadProps {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    disabled?: boolean;
+    size?: FileUploadSize;
+    label?: string;
+    hint?: string;
+    error?: string;
+    onFiles?: (files: File[]) => void;
+    className?: string;
+    id?: string;
+}
+
+export declare type FileUploadSize = 'sm' | 'md' | 'lg';
+
+export declare function FormField({ label, helperText, errorMessage, required, disabled, children, className, }: FormFieldProps): JSX.Element;
+
+export declare namespace FormField {
+    var displayName: string;
+}
+
+export declare interface FormFieldProps {
+    label?: string;
+    helperText?: string;
+    errorMessage?: string;
+    required?: boolean;
+    disabled?: boolean;
+    /** The form control — receives id, aria-describedby, aria-invalid automatically */
+    children: default_2.ReactElement;
+    className?: string;
+}
+
+export declare const IconButton: ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLButtonElement>>;
+
+export declare interface IconButtonProps {
+    /** The icon to display — required */
+    icon: ReactNode;
+    /** Accessible label — required for icon-only buttons */
+    'aria-label': string;
+    variant?: ButtonType;
+    size?: ButtonSize;
+    disabled?: boolean;
+    loading?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+}
+
+export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface InputProps {
+    /** Input id — links label to input */
+    id?: string;
+    /** Input name for forms */
+    name?: string;
+    /** Input type */
+    type?: 'text' | 'email' | 'password' | 'number' | 'search' | 'tel' | 'url';
+    /** Current value */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Label displayed above the input */
+    label?: string;
+    /** Helper text below the input */
+    helperText?: string;
+    /** Error message — activates destructive/error state when set */
+    errorMessage?: string;
+    /** Size — maps from Figma Size property */
+    size?: InputSize;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Required field */
+    required?: boolean;
+    /** Read only */
+    readOnly?: boolean;
+    /** Icon or text shown before the input value (Figma: Leading icon / Leading text) */
+    leadingContent?: default_2.ReactNode;
+    /** Icon or text shown after the input value (Figma: Trailing icon / Trailing text) */
+    trailingContent?: default_2.ReactNode;
+    /** Max character count */
+    maxLength?: number;
+    onChange?: default_2.ChangeEventHandler<HTMLInputElement>;
+    onBlur?: default_2.FocusEventHandler<HTMLInputElement>;
+    onFocus?: default_2.FocusEventHandler<HTMLInputElement>;
+    className?: string;
+    'aria-describedby'?: string;
+}
+
+export declare type InputSize = 'sm' | 'md' | 'lg';
+
+export declare const List: default_2.ForwardRefExoticComponent<ListProps & default_2.RefAttributes<HTMLElement>>;
+
+export declare const ListItem: default_2.ForwardRefExoticComponent<ListItemProps & default_2.RefAttributes<HTMLLIElement>>;
+
+export declare interface ListItemProps extends default_2.LiHTMLAttributes<HTMLLIElement> {
+    disabled?: boolean;
+    selected?: boolean;
+    leading?: default_2.ReactNode;
+    trailing?: default_2.ReactNode;
+}
+
+export declare interface ListProps extends default_2.HTMLAttributes<HTMLElement> {
+    variant?: ListVariant;
+    size?: ListSize;
+    divided?: boolean;
+}
+
+export declare type ListSize = 'sm' | 'md' | 'lg';
+
+export declare type ListVariant = 'unordered' | 'ordered' | 'none';
+
+export declare const Modal: default_2.ForwardRefExoticComponent<ModalProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare function ModalActions({ leading, children, className }: ModalActionsProps): JSX.Element;
+
+export declare namespace ModalActions {
+    var displayName: string;
+}
+
+export declare interface ModalActionsProps {
+    /** Left-side content e.g. "Don't show again" checkbox */
+    leading?: default_2.ReactNode;
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    /** Modal dialog title */
+    title?: default_2.ReactNode;
+    /** Subtitle / description below title */
+    description?: default_2.ReactNode;
+    /** Footer actions — use ModalActions */
+    footer?: default_2.ReactNode;
+    size?: ModalSize;
+    /** Prevent closing on backdrop click */
+    preventBackdropClose?: boolean;
+    /** Hide the × close button */
+    hideCloseButton?: boolean;
+    children?: default_2.ReactNode;
+    className?: string;
+}
+
+export declare type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+
+export declare const MultiSelect: default_2.ForwardRefExoticComponent<MultiSelectProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface MultiSelectProps {
+    options: SelectOption[];
+    value?: string[];
+    defaultValue?: string[];
+    placeholder?: string;
+    size?: SelectSize;
+    disabled?: boolean;
+    searchable?: boolean;
+    label?: string;
+    error?: string;
+    maxSelected?: number;
+    onChange?: (values: string[]) => void;
+    className?: string;
+    id?: string;
+}
+
+declare const Notification_2: default_2.ForwardRefExoticComponent<NotificationProps & default_2.RefAttributes<HTMLDivElement>>;
+export { Notification_2 as Notification }
+
+declare interface NotificationContextValue {
+    notify: (props: Omit<NotificationProps, 'id'>) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+}
+
+export declare type NotificationPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+
+export declare interface NotificationProps {
+    id?: string;
+    variant?: NotificationVariant;
+    title?: string;
+    message: default_2.ReactNode;
+    /** Auto-dismiss duration in ms. 0 = never */
+    duration?: number;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    className?: string;
+}
+
+export declare function NotificationProvider({ children, position, }: {
+    children: default_2.ReactNode;
+    position?: NotificationPosition;
+}): JSX.Element;
+
+export declare type NotificationVariant = 'info' | 'success' | 'warning' | 'error';
+
+export declare const Pagination: default_2.ForwardRefExoticComponent<PaginationProps & default_2.RefAttributes<HTMLElement>>;
+
+export declare interface PaginationProps {
+    /** Total number of items */
+    total: number;
+    /** Current page (1-based) */
+    page: number;
+    /** Items per page */
+    pageSize?: number;
+    /** Available page size options */
+    pageSizeOptions?: number[];
+    onPageChange: (page: number) => void;
+    onPageSizeChange?: (size: number) => void;
+    size?: PaginationSize;
+    /** Show first/last page jump buttons */
+    showFirstLast?: boolean;
+    /** Show the page number buttons */
+    showPageNumbers?: boolean;
+    /** Show items per page selector */
+    showPageSize?: boolean;
+    /** Show go-to-page input */
+    showGoToPage?: boolean;
+    /** Max page buttons shown before ellipsis kicks in */
+    siblingCount?: number;
+    className?: string;
+}
+
+export declare type PaginationSize = 'sm' | 'md';
+
+export declare const ProgressBar: default_2.ForwardRefExoticComponent<ProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ProgressBarProps {
+    /** Current value (0 – max) */
+    value: number;
+    max?: number;
+    size?: ProgressBarSize;
+    variant?: ProgressBarVariant;
+    /** Accessible label */
+    label?: string;
+    /** Show percentage text */
+    showValue?: boolean;
+    /** Animated stripe overlay */
+    animated?: boolean;
+    /** Indeterminate / unknown progress */
+    indeterminate?: boolean;
+    className?: string;
+}
+
+export declare type ProgressBarSize = 'sm' | 'md' | 'lg';
+
+export declare type ProgressBarVariant = 'default' | 'success' | 'warning' | 'error';
+
+export declare const RichTextEditor: default_2.ForwardRefExoticComponent<RichTextEditorProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface RichTextEditorProps {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    size?: RichTextEditorSize;
+    disabled?: boolean;
+    label?: string;
+    error?: string;
+    minHeight?: string;
+    onChange?: (html: string) => void;
+    className?: string;
+    id?: string;
+}
+
+export declare type RichTextEditorSize = 'sm' | 'md' | 'lg';
+
+export declare const Select: default_2.ForwardRefExoticComponent<SelectProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+
+export declare interface SelectProps {
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    size?: SelectSize;
+    disabled?: boolean;
+    searchable?: boolean;
+    clearable?: boolean;
+    label?: string;
+    error?: string;
+    onChange?: (value: string | null) => void;
+    className?: string;
+    id?: string;
+}
+
+export declare type SelectSize = 'sm' | 'md' | 'lg';
+
+export declare function Skeleton({ variant, width, height, borderRadius, className, }: SkeletonProps): JSX.Element;
+
+export declare namespace Skeleton {
+    var displayName: string;
+}
+
+export declare interface SkeletonProps {
+    variant?: SkeletonVariant;
+    /** Width — defaults to 100% for text/rect, fixed for circle */
+    width?: string | number;
+    /** Height */
+    height?: string | number;
+    /** Border radius override */
+    borderRadius?: string;
+    className?: string;
+}
+
+export declare type SkeletonVariant = 'text' | 'circle' | 'rect';
+
+export declare const Slider: default_2.ForwardRefExoticComponent<SliderProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface SliderProps {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    label?: string;
+    /** Show current value beside the label */
+    showValue?: boolean;
+    /** Show tick marks below the track */
+    showTicks?: boolean;
+    size?: SliderSize;
+    onChange?: (value: number) => void;
+    /** Custom display format for the value */
+    formatValue?: (value: number) => string;
+    className?: string;
+}
+
+export declare type SliderSize = 'sm' | 'md' | 'lg';
+
+export declare type SortDirection = 'asc' | 'desc' | false;
+
+export declare function Spinner({ size, variant, label, className, }: SpinnerProps): JSX.Element;
+
+export declare namespace Spinner {
+    var displayName: string;
+}
+
+export declare interface SpinnerProps {
+    size?: SpinnerSize;
+    variant?: SpinnerVariant;
+    /** Screen reader label */
+    label?: string;
+    className?: string;
+}
+
+export declare type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export declare type SpinnerVariant = 'primary' | 'white' | 'current';
+
+export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLElement>>;
+
+export declare type StepperOrientation = 'horizontal' | 'vertical';
+
+export declare interface StepperProps {
+    steps: StepperStep[];
+    /** Zero-based index of the current active step */
+    activeStep: number;
+    orientation?: StepperOrientation;
+    /** Allow clicking completed steps to navigate back */
+    onStepClick?: (index: number) => void;
+    className?: string;
+}
+
+export declare interface StepperStep {
+    label: string;
+    description?: string;
+    optional?: boolean;
+}
+
+export declare const Switch: ForwardRefExoticComponent<SwitchProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface SwitchProps {
+    id?: string;
+    name?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    /** Label shown beside the toggle */
+    label?: string;
+    /** Label position */
+    labelPosition?: 'left' | 'right';
+    size?: SwitchSize;
+    onChange?: default_2.ChangeEventHandler<HTMLInputElement>;
+    className?: string;
+    'aria-label'?: string;
+}
+
+export declare type SwitchSize = 'sm' | 'md';
+
+export declare function Tab({ value, disabled, badge, children, className }: TabProps): JSX.Element;
+
+export declare namespace Tab {
+    var displayName: string;
+}
+
+export declare const Table: <T extends Record<string, unknown>>(props: TableProps<T> & {
+    ref?: default_2.Ref<HTMLDivElement>;
+}) => default_2.ReactElement;
+
+export declare interface TableColumn<T = Record<string, unknown>> {
+    /** Unique key matching a property of T, or a custom id */
+    key: string;
+    /** Header label */
+    header: default_2.ReactNode;
+    /** Optional tooltip shown on the ? icon in the header */
+    headerTooltip?: string;
+    /** Custom cell renderer. Falls back to String(row[key]) */
+    cell?: (value: unknown, row: T, index: number) => default_2.ReactNode;
+    /** Whether this column is sortable */
+    sortable?: boolean;
+    /** Column width e.g. '200px' '1fr' '10%' */
+    width?: string;
+    /** Text alignment within cells */
+    align?: 'left' | 'center' | 'right';
+}
+
+export declare interface TableProps<T = Record<string, unknown>> {
+    columns: TableColumn<T>[];
+    data: T[];
+    /** Row key accessor — defaults to index */
+    rowKey?: (row: T, index: number) => string | number;
+    /** Currently sorted column key */
+    sortKey?: string;
+    /** Current sort direction */
+    sortDirection?: SortDirection;
+    /** Called when a sortable header is clicked */
+    onSort?: (key: string, direction: SortDirection) => void;
+    /** Enable row checkboxes */
+    selectable?: boolean;
+    /** Controlled selected row keys */
+    selectedKeys?: Set<string | number>;
+    /** Called when selection changes */
+    onSelectionChange?: (keys: Set<string | number>) => void;
+    /** Alternating row background */
+    striped?: boolean;
+    /** Highlight row on hover */
+    hoverable?: boolean;
+    /** Show border around each cell */
+    bordered?: boolean;
+    /** Compact row padding */
+    size?: 'sm' | 'md' | 'lg';
+    /** Empty state content */
+    emptyState?: default_2.ReactNode;
+    /** Loading state — renders skeleton rows */
+    loading?: boolean;
+    /** Number of skeleton rows shown when loading */
+    loadingRows?: number;
+    className?: string;
+    /** Applied to the grid table element */
+    tableClassName?: string;
+}
+
+export declare function TabList({ children, className }: TabListProps): JSX.Element;
+
+export declare namespace TabList {
+    var displayName: string;
+}
+
+export declare interface TabListProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare function TabPanel({ value, children, className }: TabPanelProps): JSX.Element | null;
+
+export declare namespace TabPanel {
+    var displayName: string;
+}
+
+export declare interface TabPanelProps {
+    value: string;
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare interface TabProps {
+    /** Must match the value of the corresponding TabPanel */
+    value: string;
+    disabled?: boolean;
+    /** Optional badge count shown after label */
+    badge?: number | string;
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare function Tabs({ value, defaultValue, onValueChange, variant, orientation, size, fullWidth, children, className, }: TabsProps): JSX.Element;
+
+export declare namespace Tabs {
+    var displayName: string;
+}
+
+export declare type TabsOrientation = 'horizontal' | 'vertical';
+
+export declare interface TabsProps {
+    /** Controlled active tab value */
+    value?: string;
+    /** Default active tab (uncontrolled) */
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    variant?: TabsVariant;
+    orientation?: TabsOrientation;
+    size?: TabsSize;
+    /** Stretch tabs to fill container width */
+    fullWidth?: boolean;
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare type TabsSize = 'sm' | 'md';
+
+export declare type TabsVariant = 'underline' | 'button';
+
+export declare const Tag: default_2.ForwardRefExoticComponent<TagProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+export declare interface TagProps extends default_2.HTMLAttributes<HTMLSpanElement> {
+    size?: TagSize;
+    variant?: TagVariant;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    disabled?: boolean;
+}
+
+export declare type TagSize = 'sm' | 'md' | 'lg';
+
+export declare type TagVariant = 'default' | 'primary' | 'success' | 'warning' | 'error';
+
+export declare const Textarea: ForwardRefExoticComponent<TextareaProps & RefAttributes<HTMLTextAreaElement>>;
+
+export declare interface TextareaProps {
+    id?: string;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    label?: string;
+    helperText?: string;
+    errorMessage?: string;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    /** Auto-grows to fit content */
+    autoResize?: boolean;
+    rows?: number;
+    maxLength?: number;
+    /** Shows character count when maxLength is set */
+    showCount?: boolean;
+    onChange?: default_2.ChangeEventHandler<HTMLTextAreaElement>;
+    onBlur?: default_2.FocusEventHandler<HTMLTextAreaElement>;
+    className?: string;
+}
+
+export declare function Tooltip({ content, children, position, delay, className, }: TooltipProps): JSX.Element;
+
+export declare namespace Tooltip {
+    var displayName: string;
+}
+
+export declare type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';
+
+export declare interface TooltipProps {
+    /** The tooltip content */
+    content: default_2.ReactNode;
+    /** The element that triggers the tooltip */
+    children: default_2.ReactElement;
+    position?: TooltipPosition;
+    /** Delay in ms before showing */
+    delay?: number;
+    className?: string;
+}
+
+export declare function useNotification(): NotificationContextValue;
+
+export { }