@uxuissk/design-system 0.1.0 → 0.3.0

package/dist/types/index.d.ts

@@ -1,6 +1,53 @@
 import { default as default_2 } from 'react';
 import { JSX } from 'react/jsx-runtime';
 
+export declare function Accordion({ type, items, defaultOpen, value, onChange, className, }: AccordionProps): JSX.Element;
+
+export declare namespace Accordion {
+    var displayName: string;
+}
+
+export declare function AccordionItem({ title, children, open, onToggle, icon }: AccordionItemProps): JSX.Element;
+
+export declare namespace AccordionItem {
+    var displayName: string;
+}
+
+export declare interface AccordionItemProps {
+    /** Header text */
+    title: string;
+    /** Content to display when expanded */
+    children: default_2.ReactNode;
+    /** Whether this item is open */
+    open: boolean;
+    /** Toggle callback */
+    onToggle: () => void;
+    /** Optional leading icon */
+    icon?: default_2.ReactNode;
+}
+
+export declare interface AccordionProps {
+    /** Expand behavior */
+    type?: AccordionType;
+    /** Item definitions */
+    items: {
+        id: string;
+        title: string;
+        content: default_2.ReactNode;
+        icon?: default_2.ReactNode;
+    }[];
+    /** Initially open item(s) */
+    defaultOpen?: string | string[];
+    /** Controlled open state (for single: string | null, for multiple: string[]) */
+    value?: string | null | string[];
+    /** Change callback */
+    onChange?: (value: string | null | string[]) => void;
+    /** Additional class name */
+    className?: string;
+}
+
+export declare type AccordionType = "single" | "multiple";
+
 export declare function Alert({ variant, title, children, dismissible, onDismiss, action, icon, className }: AlertProps): JSX.Element | null;
 
 declare interface AlertProps {
@@ -16,6 +63,44 @@ declare interface AlertProps {
 
 export declare type AlertVariant = "info" | "success" | "warning" | "error";
 
+export declare function Avatar({ src, name, size, status, className }: AvatarProps): JSX.Element;
+
+export declare namespace Avatar {
+    var displayName: string;
+}
+
+export declare function AvatarGroup({ children, max, className }: AvatarGroupProps): JSX.Element;
+
+export declare namespace AvatarGroup {
+    var displayName: string;
+}
+
+export declare interface AvatarGroupProps {
+    /** Avatar elements */
+    children: default_2.ReactNode;
+    /** Maximum number of avatars to display before showing +N */
+    max?: number;
+    /** Additional class name */
+    className?: string;
+}
+
+export declare interface AvatarProps {
+    /** Image URL */
+    src?: string;
+    /** Full name (used for initials fallback) */
+    name?: string;
+    /** Avatar size */
+    size?: AvatarSize;
+    /** Status indicator */
+    status?: AvatarStatus;
+    /** Additional class name */
+    className?: string;
+}
+
+export declare type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
+
+export declare type AvatarStatus = "online" | "offline" | "busy" | "away";
+
 export declare function Badge({ children, variant, size, icon, dot, removable, onRemove, className, }: BadgeProps): JSX.Element;
 
 declare interface BadgeProps {
@@ -33,6 +118,32 @@ export declare type BadgeSize = "sm" | "md" | "lg";
 
 export declare type BadgeVariant = "default" | "secondary" | "outline" | "destructive" | "success" | "warning";
 
+export declare function Breadcrumb({ items, separator, size, maxItems, }: BreadcrumbProps): JSX.Element;
+
+export declare interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    icon?: default_2.ReactNode;
+}
+
+declare interface BreadcrumbItem_2 {
+    /** Display label */
+    label: string;
+    /** Optional href for navigation */
+    href?: string;
+}
+
+export declare interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: BreadcrumbSeparator;
+    size?: BreadcrumbSize;
+    maxItems?: number;
+}
+
+export declare type BreadcrumbSeparator = "chevron" | "slash" | "dot";
+
+export declare type BreadcrumbSize = "sm" | "md" | "lg";
+
 export declare function ButtonGroup({ children, className, }: {
     children: default_2.ReactNode;
     className?: string;
@@ -42,6 +153,46 @@ export declare type ButtonSize = "sm" | "md" | "lg" | "xl";
 
 export declare type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "destructive" | "link";
 
+export declare function Card({ children, className, hover, elevation }: CardProps): JSX.Element;
+
+export declare namespace Card {
+    var displayName: string;
+}
+
+export declare function CardBody({ children }: {
+    children: default_2.ReactNode;
+}): JSX.Element;
+
+export declare namespace CardBody {
+    var displayName: string;
+}
+
+export declare function CardFooter({ children }: {
+    children: default_2.ReactNode;
+}): JSX.Element;
+
+export declare namespace CardFooter {
+    var displayName: string;
+}
+
+export declare function CardHeader({ children, action }: CardHeaderProps): JSX.Element;
+
+export declare namespace CardHeader {
+    var displayName: string;
+}
+
+export declare interface CardHeaderProps {
+    children: default_2.ReactNode;
+    action?: default_2.ReactNode;
+}
+
+export declare interface CardProps {
+    children: default_2.ReactNode;
+    className?: string;
+    hover?: boolean;
+    elevation?: "none" | "sm" | "md" | "lg";
+}
+
 export declare function CheckboxGroup({ label, children, direction, className }: CheckboxGroupProps): JSX.Element;
 
 declare interface CheckboxGroupProps {
@@ -67,6 +218,20 @@ declare interface CheckboxProps {
 
 export declare type CheckboxSize = "sm" | "md" | "lg";
 
+export declare function ColorPicker({ value, onChange, label, presets, showInput, showFormats, size, }: ColorPickerProps): JSX.Element;
+
+export declare interface ColorPickerProps {
+    value: string;
+    onChange: (v: string) => void;
+    label?: string;
+    presets?: string[];
+    showInput?: boolean;
+    showFormats?: boolean;
+    size?: ColorPickerSize;
+}
+
+export declare type ColorPickerSize = "sm" | "md" | "lg";
+
 export declare function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel, variant, }: ConfirmDialogProps): JSX.Element;
 
 declare interface ConfirmDialogProps {
@@ -147,6 +312,99 @@ export declare type DatePickerState = "default" | "error" | "success";
 
 export declare type DatePickerVariant = "default" | "outlined" | "filled" | "ghost";
 
+export declare function Divider({ label, orientation, dashed, spacing, className, }: DividerProps): JSX.Element;
+
+export declare namespace Divider {
+    var displayName: string;
+}
+
+export declare type DividerOrientation = "horizontal" | "vertical";
+
+export declare interface DividerProps {
+    label?: string;
+    orientation?: DividerOrientation;
+    dashed?: boolean;
+    spacing?: DividerSpacing;
+    className?: string;
+}
+
+export declare type DividerSpacing = "sm" | "md" | "lg";
+
+export declare function Drawer({ open, onClose, title, children, side, size, footer, className, }: DrawerProps): JSX.Element | null;
+
+export declare namespace Drawer {
+    var displayName: string;
+}
+
+export declare interface DrawerProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    children: default_2.ReactNode;
+    side?: DrawerSide;
+    size?: DrawerSize;
+    footer?: default_2.ReactNode;
+    className?: string;
+}
+
+export declare type DrawerSide = "left" | "right" | "top" | "bottom";
+
+export declare type DrawerSize = "sm" | "md" | "lg";
+
+export declare const Dropdown: default_2.ForwardRefExoticComponent<DropdownProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface DropdownOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    icon?: default_2.ReactNode;
+    avatar?: string;
+    description?: string;
+    group?: string;
+}
+
+export declare interface DropdownProps {
+    options: DropdownOption[];
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    placeholder?: string;
+    label?: string;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    size?: DropdownSize;
+    variant?: DropdownVariant;
+    state?: DropdownState;
+    disabled?: boolean;
+    loading?: boolean;
+    searchable?: boolean;
+    clearable?: boolean;
+    multiple?: boolean;
+    maxSelections?: number;
+    grouped?: boolean;
+    required?: boolean;
+    id?: string;
+    className?: string;
+    showSelectAll?: boolean;
+    tagLimit?: number;
+    creatable?: boolean;
+    onCreateOption?: (label: string) => void;
+    createLabel?: string;
+    emptyState?: default_2.ReactNode;
+    footer?: default_2.ReactNode;
+    onSearch?: (query: string) => void;
+    searchDebounce?: number;
+    searchLoading?: boolean;
+    renderOption?: (option: DropdownOption, isSelected: boolean) => default_2.ReactNode;
+}
+
+export declare type DropdownSize = "sm" | "md" | "lg";
+
+export declare type DropdownState = "default" | "error" | "success" | "warning";
+
+export declare type DropdownVariant = "default" | "outlined" | "filled" | "ghost";
+
 export declare const DSButton: default_2.ForwardRefExoticComponent<DSButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface DSButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -203,6 +461,42 @@ export declare interface DSTextareaProps extends Omit<default_2.TextareaHTMLAttr
     required?: boolean;
 }
 
+export declare function EmptyState({ icon, title, description, action, secondaryAction, size, }: EmptyStateProps): JSX.Element;
+
+export declare interface EmptyStateAction {
+    label: string;
+    onClick: () => void;
+    icon?: default_2.ReactNode;
+}
+
+export declare interface EmptyStateProps {
+    icon?: default_2.ReactNode;
+    title: string;
+    description?: string;
+    action?: EmptyStateAction;
+    secondaryAction?: {
+        label: string;
+        onClick: () => void;
+    };
+    size?: EmptyStateSize;
+}
+
+export declare type EmptyStateSize = "sm" | "md" | "lg";
+
+export declare function FileUpload({ accept, maxSize, multiple, disabled, variant, label, description, }: FileUploadProps): JSX.Element;
+
+export declare interface FileUploadProps {
+    accept?: string;
+    maxSize?: number;
+    multiple?: boolean;
+    disabled?: boolean;
+    variant?: FileUploadVariant;
+    label?: string;
+    description?: string;
+}
+
+export declare type FileUploadVariant = "dropzone" | "button" | "avatar";
+
 export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -213,12 +507,65 @@ export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<
     "aria-label": string;
 }
 
+export declare function ImagePreview({ images, initialIndex }: ImagePreviewProps): JSX.Element;
+
+export declare interface ImagePreviewItem {
+    src: string;
+    alt: string;
+    thumbnail?: string;
+}
+
+export declare interface ImagePreviewProps {
+    images: ImagePreviewItem[];
+    initialIndex?: number;
+}
+
 export declare type InputSize = "sm" | "md" | "lg";
 
 export declare type InputState = "default" | "error" | "success" | "warning";
 
 export declare type InputVariant = "default" | "outlined" | "filled" | "ghost";
 
+export declare function Menu({ items, open, onClose, triggerRef, className }: MenuProps): default_2.ReactPortal | null;
+
+export declare namespace Menu {
+    var displayName: string;
+}
+
+export declare interface MenuItem {
+    /** Display text */
+    text?: string;
+    /** Leading icon */
+    icon?: default_2.ReactNode;
+    /** Keyboard shortcut label */
+    shortcut?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Render as a divider line */
+    divider?: boolean;
+    /** Render as a group label */
+    label?: string;
+    /** Destructive (red) styling */
+    destructive?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Nested sub-menu items */
+    children?: MenuItem[];
+}
+
+export declare interface MenuProps {
+    /** Menu item definitions */
+    items: MenuItem[];
+    /** Whether the menu is open */
+    open: boolean;
+    /** Close callback */
+    onClose: () => void;
+    /** Ref to the trigger element for positioning */
+    triggerRef: default_2.RefObject<HTMLElement | null>;
+    /** Additional class name */
+    className?: string;
+}
+
 export declare function Modal({ open, onClose, title, description, size, children, footer, closeOnOverlay, showCloseButton, className, }: ModalProps): JSX.Element | null;
 
 declare interface ModalProps {
@@ -236,6 +583,41 @@ declare interface ModalProps {
 
 export declare type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
 
+declare function Notification_2({ type, title, message, closable, onClose, action, avatar, time, read, }: NotificationProps): JSX.Element;
+export { Notification_2 as Notification }
+
+export declare function NotificationCenter({ items }: NotificationCenterProps): JSX.Element;
+
+export declare interface NotificationCenterItem {
+    id: string;
+    type: NotificationType;
+    title: string;
+    message?: string;
+    time: string;
+    read: boolean;
+}
+
+export declare interface NotificationCenterProps {
+    items: NotificationCenterItem[];
+}
+
+export declare interface NotificationProps {
+    type?: NotificationType;
+    title: string;
+    message?: string;
+    closable?: boolean;
+    onClose?: () => void;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    avatar?: string;
+    time?: string;
+    read?: boolean;
+}
+
+export declare type NotificationType = "info" | "success" | "warning" | "error";
+
 export declare function Pagination({ currentPage, totalPages, onPageChange, siblingCount, showFirstLast, showPrevNext, showPageSize, pageSizeOptions, pageSize, onPageSizeChange, totalItems, size, variant, disabled, showPageInfo, showItemsInfo, prevLabel, nextLabel, }: PaginationProps): JSX.Element;
 
 export declare interface PaginationProps {
@@ -281,6 +663,38 @@ export declare type PaginationSize = "sm" | "md" | "lg";
 
 export declare type PaginationVariant = "default" | "outlined" | "filled" | "minimal";
 
+export declare function Popover({ trigger, children, placement, title, open: controlled, onOpenChange, }: PopoverProps): JSX.Element;
+
+export declare type PopoverPlacement = "top" | "bottom" | "left" | "right";
+
+export declare interface PopoverProps {
+    trigger: default_2.ReactNode;
+    children: default_2.ReactNode;
+    placement?: PopoverPlacement;
+    title?: string;
+    open?: boolean;
+    onOpenChange?: (v: boolean) => void;
+}
+
+export declare function ProgressBar({ value, max, size, color, label, showValue, indeterminate, className, }: ProgressBarProps): JSX.Element;
+
+export declare namespace ProgressBar {
+    var displayName: string;
+}
+
+export declare interface ProgressBarProps {
+    value?: number;
+    max?: number;
+    size?: ProgressBarSize;
+    color?: string;
+    label?: string;
+    showValue?: boolean;
+    indeterminate?: boolean;
+    className?: string;
+}
+
+export declare type ProgressBarSize = "sm" | "md" | "lg";
+
 export declare function RadioGroup({ name, value: controlled, defaultValue, onChange, label, size, disabled, direction, children, error, className, }: RadioGroupProps): JSX.Element;
 
 declare interface RadioGroupProps {
@@ -308,6 +722,24 @@ declare interface RadioProps {
 
 export declare type RadioSize = "sm" | "md" | "lg";
 
+export declare function Rating({ value, onChange, max, size, disabled, readOnly, icon, showValue, label, }: RatingProps): JSX.Element;
+
+export declare type RatingIcon = "star" | "heart" | "thumb";
+
+export declare interface RatingProps {
+    value?: number;
+    onChange?: (v: number) => void;
+    max?: number;
+    size?: RatingSize;
+    disabled?: boolean;
+    readOnly?: boolean;
+    icon?: RatingIcon;
+    showValue?: boolean;
+    label?: string;
+}
+
+export declare type RatingSize = "sm" | "md" | "lg";
+
 export declare function SearchField({ value: controlled, onChange, onSearch, placeholder, size, variant, loading, suggestions, onSuggestionSelect, clearable, disabled, autoFocus, debounce, className, }: SearchFieldProps): JSX.Element;
 
 declare interface SearchFieldProps {
@@ -338,6 +770,166 @@ declare interface SearchSuggestion {
 
 export declare type SearchVariant = "default" | "outlined" | "filled";
 
+export declare function Sidebar({ brand, groups, activeItem, onNavigate, collapsed, onCollapsedChange, className, }: SidebarProps): JSX.Element;
+
+export declare namespace Sidebar {
+    var displayName: string;
+}
+
+export declare interface SidebarBrand {
+    /** Brand name */
+    name: string;
+    /** Brand logo URL */
+    logo?: string;
+}
+
+export declare interface SidebarGroup {
+    /** Group label (displayed as uppercase header) */
+    label: string;
+    /** Items in this group */
+    items: SidebarItem[];
+}
+
+export declare interface SidebarItem {
+    /** Unique item identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Leading icon */
+    icon?: default_2.ReactNode;
+    /** Badge text (e.g., count) */
+    badge?: string;
+}
+
+export declare interface SidebarProps {
+    /** Brand card in header */
+    brand?: SidebarBrand;
+    /** Navigation groups */
+    groups: SidebarGroup[];
+    /** Active item ID */
+    activeItem?: string;
+    /** Navigation callback */
+    onNavigate?: (item: SidebarItem) => void;
+    /** Collapse to icon-only mode */
+    collapsed?: boolean;
+    /** Toggle collapse callback */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Sidebar width (default: 256px) */
+    width?: string;
+    /** Additional class name */
+    className?: string;
+}
+
+export declare function Skeleton({ width, height, variant, animate, className, }: SkeletonProps): JSX.Element;
+
+export declare function SkeletonCard(): JSX.Element;
+
+export declare function SkeletonList(): JSX.Element;
+
+export declare interface SkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    variant?: SkeletonVariant;
+    animate?: boolean;
+    className?: string;
+}
+
+export declare function SkeletonTable(): JSX.Element;
+
+export declare type SkeletonVariant = "text" | "rectangular" | "circular" | "rounded";
+
+export declare function Spinner({ size, color, className }: SpinnerProps): JSX.Element;
+
+export declare namespace Spinner {
+    var displayName: string;
+}
+
+export declare interface SpinnerProps {
+    /** Spinner size */
+    size?: SpinnerSize;
+    /** Spinner color (CSS value) */
+    color?: string;
+    /** Additional class name */
+    className?: string;
+}
+
+export declare type SpinnerSize = "sm" | "md" | "lg" | "xl";
+
+export declare function StatCard({ title, value, prefix, trend, trendLabel, icon, iconBg, }: StatCardProps): JSX.Element;
+
+export declare interface StatCardProps {
+    title: string;
+    value: string | number;
+    prefix?: default_2.ReactNode;
+    trend?: StatisticTrend;
+    trendLabel?: string;
+    icon?: default_2.ReactNode;
+    iconBg?: string;
+}
+
+export declare function Statistic({ title, value, prefix, suffix, trend, trendLabel, icon, size, loading, }: StatisticProps): JSX.Element;
+
+export declare interface StatisticProps {
+    title: string;
+    value: string | number;
+    prefix?: default_2.ReactNode;
+    suffix?: string;
+    trend?: StatisticTrend;
+    trendLabel?: string;
+    icon?: default_2.ReactNode;
+    size?: StatisticSize;
+    loading?: boolean;
+}
+
+export declare type StatisticSize = "sm" | "md" | "lg";
+
+export declare interface StatisticTrend {
+    value: number;
+    direction: "up" | "down" | "neutral";
+}
+
+export declare interface StepDefinition {
+    /** Step title */
+    title: string;
+    /** Optional step description */
+    description?: string;
+}
+
+export declare function Stepper({ steps, current, orientation, onStepClick, className, }: StepperProps): JSX.Element;
+
+export declare namespace Stepper {
+    var displayName: string;
+}
+
+export declare interface StepperProps {
+    /** Step definitions */
+    steps: StepDefinition[];
+    /** Current active step (0-based) */
+    current: number;
+    /** Layout direction */
+    orientation?: "horizontal" | "vertical";
+    /** Step click handler (for navigating to completed steps) */
+    onStepClick?: (index: number) => void;
+    /** Additional class name */
+    className?: string;
+}
+
+export declare function Switch({ checked, onChange, label, description, size, disabled, color, }: SwitchProps): JSX.Element;
+
+export declare type SwitchColor = "primary" | "success" | "warning" | "destructive";
+
+export declare interface SwitchProps {
+    checked: boolean;
+    onChange: (v: boolean) => void;
+    label?: string;
+    description?: string;
+    size?: SwitchSize;
+    disabled?: boolean;
+    color?: SwitchColor;
+}
+
+export declare type SwitchSize = "sm" | "md" | "lg";
+
 export declare interface TabItem {
     id: string;
     label: string;
@@ -391,6 +983,81 @@ declare interface TabsProps {
 
 export declare type TabVariant = "default" | "bordered" | "pills" | "underline";
 
+export declare function Tag({ children, color, size, icon, closable, onClose, className, }: TagProps): JSX.Element;
+
+export declare namespace Tag {
+    var displayName: string;
+}
+
+export declare type TagColor = "default" | "primary" | "success" | "warning" | "destructive" | "info";
+
+export declare function TagInput({ tags, onChange, placeholder, disabled, maxTags, variant, className, }: TagInputProps): JSX.Element;
+
+export declare namespace TagInput {
+    var displayName: string;
+}
+
+export declare interface TagInputProps {
+    /** Array of tag values */
+    tags: string[];
+    /** Callback when tags change */
+    onChange: (tags: string[]) => void;
+    /** Input placeholder text */
+    placeholder?: string;
+    /** Disable input */
+    disabled?: boolean;
+    /** Maximum number of tags */
+    maxTags?: number;
+    /** Visual variant */
+    variant?: TagInputVariant;
+    /** Additional class name */
+    className?: string;
+}
+
+export declare type TagInputVariant = "default" | "outline" | "filled";
+
+export declare interface TagProps {
+    /** Tag content */
+    children: default_2.ReactNode;
+    /** Color variant */
+    color?: TagColor;
+    /** Tag size */
+    size?: TagSize;
+    /** Leading icon element */
+    icon?: default_2.ReactNode;
+    /** Show close button */
+    closable?: boolean;
+    /** Close callback */
+    onClose?: () => void;
+    /** Additional class name */
+    className?: string;
+}
+
+export declare type TagSize = "sm" | "md" | "lg";
+
+export declare function Timeline({ items, variant, size, }: TimelineProps): JSX.Element;
+
+export declare interface TimelineItem {
+    title: string;
+    description?: string;
+    time?: string;
+    icon?: default_2.ReactNode;
+    status?: TimelineItemStatus;
+    children?: default_2.ReactNode;
+}
+
+export declare type TimelineItemStatus = "completed" | "current" | "pending" | "error";
+
+export declare interface TimelineProps {
+    items: TimelineItem[];
+    variant?: TimelineVariant;
+    size?: TimelineSize;
+}
+
+export declare type TimelineSize = "sm" | "md" | "lg";
+
+export declare type TimelineVariant = "default" | "alternate" | "compact";
+
 export declare const toast: {
     show: (opts: Omit<ToastData, "id">) => void;
     info: (message: string, title?: string) => void;
@@ -410,4 +1077,116 @@ declare interface ToastData {
     duration?: number;
 }
 
+export declare function Tooltip({ children, content, placement, className, }: TooltipProps): JSX.Element;
+
+export declare namespace Tooltip {
+    var displayName: string;
+}
+
+export declare type TooltipPlacement = "top" | "bottom" | "left" | "right";
+
+export declare interface TooltipProps {
+    /** Trigger element */
+    children: default_2.ReactNode;
+    /** Tooltip content */
+    content: string;
+    /** Tooltip position */
+    placement?: TooltipPlacement;
+    /** Additional class name for the wrapper */
+    className?: string;
+}
+
+export declare function TopNavbar({ brand, breadcrumbs, actions, user, height, showSearch, searchPlaceholder, onSearchClick, notificationCount, onNotificationClick, onMobileMenuClick, onUserClick, onBreadcrumbClick, className, }: TopNavbarProps): JSX.Element;
+
+export declare namespace TopNavbar {
+    var displayName: string;
+}
+
+export declare interface TopNavbarBrand {
+    /** Brand name */
+    name: string;
+    /** Logo URL or ReactNode */
+    logo?: string | default_2.ReactNode;
+}
+
+export declare interface TopNavbarProps {
+    /** Brand logo and name */
+    brand?: TopNavbarBrand;
+    /** Breadcrumb items */
+    breadcrumbs?: BreadcrumbItem_2[];
+    /** Right-side action area */
+    actions?: default_2.ReactNode;
+    /** User avatar */
+    user?: TopNavbarUser;
+    /** Navbar height */
+    height?: string;
+    /** Show search bar */
+    showSearch?: boolean;
+    /** Search placeholder text */
+    searchPlaceholder?: string;
+    /** Search click handler */
+    onSearchClick?: () => void;
+    /** Notification count (0 = hidden) */
+    notificationCount?: number;
+    /** Notification click handler */
+    onNotificationClick?: () => void;
+    /** Mobile menu click handler */
+    onMobileMenuClick?: () => void;
+    /** User click handler */
+    onUserClick?: () => void;
+    /** Breadcrumb click handler */
+    onBreadcrumbClick?: (item: BreadcrumbItem_2, index: number) => void;
+    /** Additional class name */
+    className?: string;
+}
+
+export declare interface TopNavbarUser {
+    /** User display name */
+    name: string;
+    /** Avatar image URL */
+    avatar?: string;
+}
+
+export declare interface TransferItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+
+export declare function TransferList({ sourceTitle, targetTitle, items, defaultTarget, searchable, }: TransferListProps): JSX.Element;
+
+export declare interface TransferListProps {
+    sourceTitle?: string;
+    targetTitle?: string;
+    items: TransferItem[];
+    defaultTarget?: string[];
+    searchable?: boolean;
+}
+
+export declare function Tree({ data, selectable, showLines, defaultExpanded, }: TreeProps): JSX.Element;
+
+export declare interface TreeNode {
+    id: string;
+    label: string;
+    icon?: default_2.ReactNode;
+    children?: TreeNode[];
+    disabled?: boolean;
+}
+
+export declare interface TreeProps {
+    data: TreeNode[];
+    selectable?: boolean;
+    showLines?: boolean;
+    defaultExpanded?: string[];
+}
+
+export declare interface UploadedFile {
+    id: string;
+    name: string;
+    size: number;
+    type: string;
+    progress: number;
+    status: "uploading" | "done" | "error";
+}
+
 export { }