flowcloudai-ui 0.0.0 → 0.1.1

package/dist/index.d.ts

@@ -1,7 +1,602 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PropsWithChildren, ButtonHTMLAttributes } from 'react';
+import * as React$1 from 'react';
+import React__default, { ReactNode, ComponentType } from 'react';
 
-type ButtonProps = PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>;
-declare function Button({ children, style, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+type Theme = 'light' | 'dark' | 'system';
+interface ThemeContextType {
+    theme: Theme;
+    resolvedTheme: 'light' | 'dark';
+    setTheme: (theme: Theme) => void;
+}
+declare function useTheme(): ThemeContextType;
+interface Props {
+    children: ReactNode;
+    defaultTheme?: Theme;
+    target?: HTMLElement;
+}
+declare function ThemeProvider({ children, defaultTheme, target }: Props): react_jsx_runtime.JSX.Element;
 
-export { Button, type ButtonProps };
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'warning';
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 按钮变体 */
+    variant?: ButtonVariant;
+    /** 尺寸 */
+    size?: ButtonSize;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 加载状态 */
+    loading?: boolean;
+    /** 块级按钮（宽度100%） */
+    block?: boolean;
+    /** 圆形按钮 */
+    circle?: boolean;
+    /** 仅图标模式 */
+    iconOnly?: boolean;
+    /** 左侧图标 */
+    iconLeft?: React$1.ReactNode;
+    /** 右侧图标 */
+    iconRight?: React$1.ReactNode;
+    /** 默认背景色 */
+    background?: string;
+    /** hover 背景色 */
+    hoverBackground?: string;
+    /** active 背景色 */
+    activeBackground?: string;
+    /** 默认文字色 */
+    color?: string;
+    /** hover 文字色 */
+    hoverColor?: string;
+    /** active 文字色 */
+    activeColor?: string;
+    /** 默认边框色 */
+    borderColor?: string;
+    /** hover 边框色 */
+    hoverBorderColor?: string;
+}
+declare function Button({ variant, size, disabled, loading, block, circle, iconOnly, iconLeft, iconRight, background, hoverBackground, activeBackground, color, hoverColor, activeColor, borderColor, hoverBorderColor, className, style, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+interface ButtonGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    children: React$1.ReactNode;
+}
+declare function ButtonGroup({ children, className, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+interface ButtonToolbarProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    children: React$1.ReactNode;
+    align?: 'left' | 'center' | 'right' | 'between';
+}
+declare function ButtonToolbar({ children, align, className, ...props }: ButtonToolbarProps): react_jsx_runtime.JSX.Element;
+
+interface CheckButtonBase {
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    labelLeft?: string;
+    labelRight?: string;
+    className?: string;
+    style?: React$1.CSSProperties;
+    /** 未选中时轨道背景色 */
+    trackBackground?: string;
+    /** 选中时轨道背景色 */
+    checkedTrackBackground?: string;
+    /** 滑块背景色 */
+    thumbBackground?: string;
+    /** 滑块内部装饰色（选中时） */
+    thumbDotColor?: string;
+    /** 标签文字色 */
+    labelColor?: string;
+}
+interface ControlledCheckButton extends CheckButtonBase {
+    checked: boolean;
+    defaultChecked?: never;
+}
+interface UncontrolledCheckButton extends CheckButtonBase {
+    checked?: never;
+    defaultChecked?: boolean;
+}
+type CheckButtonProps = ControlledCheckButton | UncontrolledCheckButton;
+declare function CheckButton({ checked: controlledChecked, defaultChecked, onChange, disabled, size, labelLeft, labelRight, trackBackground, checkedTrackBackground, thumbBackground, thumbDotColor, labelColor, className, style, }: CheckButtonProps): react_jsx_runtime.JSX.Element;
+
+type ShowThumb = 'auto' | 'hide' | 'show';
+type ThumbSize = 'thin' | 'normal' | 'thick';
+interface RollingBoxProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** 滚动条显示模式 */
+    showThumb?: ShowThumb;
+    /** 水平滚动 */
+    horizontal?: boolean;
+    /** 垂直滚动（默认） */
+    vertical?: boolean;
+    /** 自定义滚动条宽度 */
+    thumbSize?: ThumbSize;
+    /** 是否显示滚动轨道 */
+    showTrack?: boolean;
+    /** 内容 */
+    children: React$1.ReactNode;
+    /** 滚动条颜色（show 模式下生效） */
+    thumbColor?: string;
+    /** hover 时滚动条颜色（auto 模式下生效） */
+    thumbHoverColor?: string;
+    /** 滚动中滚动条颜色（auto 模式下生效） */
+    thumbActiveColor?: string;
+    /** 轨道背景色（showTrack=true 时生效） */
+    trackColor?: string;
+}
+declare function RollingBox({ showThumb, horizontal, vertical, thumbSize, showTrack, children, className, thumbColor, thumbHoverColor, thumbActiveColor, trackColor, style, ...props }: RollingBoxProps): react_jsx_runtime.JSX.Element;
+
+interface SideBarItem {
+    /** 唯一标识 */
+    key: string;
+    /** 显示文字（非折叠时显示，折叠时隐藏） */
+    label: string;
+    /** 图标，推荐传入 SVG 元素或 ReactNode */
+    icon?: React__default.ReactNode;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 链接地址，有值时渲染为 <a> */
+    href?: string;
+}
+interface SideBarProps {
+    /** 菜单项列表（受控） */
+    items: SideBarItem[];
+    /** 当前选中的 key（受控） */
+    selectedKey: string;
+    /** 是否折叠（受控） */
+    collapsed: boolean;
+    /** 展开时宽度，默认 240 */
+    width?: number;
+    /** 折叠时宽度，默认 64 */
+    collapsedWidth?: number;
+    /** 选中项变更 */
+    onSelect: (key: string) => void;
+    /** 折叠状态变更 */
+    onCollapse: (collapsed: boolean) => void;
+    /**
+     * 可覆盖的 CSS Variables（在 style 中设置）：
+     * --sidebar-item-color          默认文字色
+     * --sidebar-item-bg             默认背景色
+     * --sidebar-item-hover-color    hover 文字色
+     * --sidebar-item-hover-bg       hover 背景色
+     * --sidebar-item-selected-color 选中文字色
+     * --sidebar-item-selected-bg    选中背景色
+     */
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+declare const SideBar: React__default.NamedExoticComponent<SideBarProps>;
+
+type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type InputStatus = 'default' | 'error' | 'warning' | 'success';
+interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+    size?: InputSize;
+    status?: InputStatus;
+    prefix?: React$1.ReactNode;
+    suffix?: React$1.ReactNode;
+    allowClear?: boolean;
+    passwordToggle?: boolean;
+    addonBefore?: React$1.ReactNode;
+    addonAfter?: React$1.ReactNode;
+    helperText?: string;
+    onClear?: () => void;
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+type SliderValue = number | [number, number];
+type SliderOrientation = 'horizontal' | 'vertical';
+interface SliderProps {
+    value?: SliderValue;
+    defaultValue?: SliderValue;
+    onChange?: (value: SliderValue) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    range?: boolean;
+    orientation?: SliderOrientation;
+    disabled?: boolean;
+    marks?: Record<number, string>;
+    tooltip?: boolean;
+    className?: string;
+    style?: React$1.CSSProperties;
+    trackBackground?: string;
+    fillBackground?: string;
+    thumbBackground?: string;
+    thumbBorderColor?: string;
+    markDotColor?: string;
+    markLabelColor?: string;
+    tooltipBackground?: string;
+    tooltipColor?: string;
+}
+declare function Slider({ value: controlledValue, defaultValue, onChange, min, max, step, range, orientation, disabled, marks, tooltip, className, style, trackBackground, fillBackground, thumbBackground, thumbBorderColor, markDotColor, markLabelColor, tooltipBackground, tooltipColor, }: SliderProps): react_jsx_runtime.JSX.Element;
+
+interface SelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+    group?: string;
+}
+interface SelectProps {
+    options: SelectOption[];
+    value?: string | number | (string | number)[];
+    defaultValue?: string | number | (string | number)[];
+    onChange?: (value: any) => void;
+    placeholder?: string;
+    searchable?: boolean;
+    multiple?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: React$1.CSSProperties;
+    virtualScroll?: boolean;
+    virtualItemHeight?: number;
+    maxHeight?: number;
+    /** 触发器背景色 */
+    triggerBackground?: string;
+    /** 触发器边框色 */
+    triggerBorderColor?: string;
+    /** 已选项文字色 */
+    selectedColor?: string;
+    /** 已选项背景色 */
+    selectedBackground?: string;
+    /** hover / 键盘高亮背景色 */
+    hoverBackground?: string;
+}
+declare function Select({ options, value: controlledValue, defaultValue, onChange, placeholder, searchable, multiple, disabled, className, style, virtualScroll, virtualItemHeight, maxHeight, triggerBackground, triggerBorderColor, selectedColor, selectedBackground, hoverBackground, }: SelectProps): react_jsx_runtime.JSX.Element;
+
+interface FlatCategory {
+    id: string;
+    parent_id: string | null;
+    name: string;
+    sort_order: number;
+    project_id?: string;
+    [key: string]: unknown;
+}
+interface CategoryTreeNode {
+    key: string;
+    title: string;
+    children: CategoryTreeNode[];
+    raw: FlatCategory;
+}
+interface FlatToTreeResult {
+    roots: CategoryTreeNode[];
+    orphans: CategoryTreeNode[];
+}
+declare function flatToTree(list: FlatCategory[]): FlatToTreeResult;
+/** Find a node and its context in the tree. */
+declare function findNodeInfo(nodes: CategoryTreeNode[], key: string, parent?: CategoryTreeNode | null): {
+    node: CategoryTreeNode;
+    parent: CategoryTreeNode | null;
+    siblings: CategoryTreeNode[];
+    index: number;
+} | null;
+/** Returns true if `targetKey` is a descendant of `ancestorKey`. */
+declare function isDescendantOf(roots: CategoryTreeNode[], ancestorKey: string, targetKey: string): boolean;
+
+type DeleteMode = 'lift' | 'cascade';
+interface DeleteDialogProps {
+    node: CategoryTreeNode | null;
+    onClose: () => void;
+    /** Parent handles DB logic. mode='lift' → move children & entries up; mode='cascade' → delete all. */
+    onDelete: (key: string, mode: DeleteMode) => Promise<void>;
+}
+declare function DeleteDialog({ node, onClose, onDelete }: DeleteDialogProps): react_jsx_runtime.JSX.Element | null;
+
+type DropPosition = 'before' | 'after' | 'into';
+interface TreeProps {
+    treeData: CategoryTreeNode[];
+    onRename?: (key: string, newName: string) => Promise<void>;
+    onCreate?: (parentKey: string | null) => Promise<string>;
+    onDelete?: (key: string, mode: DeleteMode) => Promise<void>;
+    onMove?: (key: string, targetKey: string, position: DropPosition) => Promise<void>;
+    onSelect?: (key: string) => void;
+    selectedKey?: string;
+    searchable?: boolean;
+    scrollHeight?: string;
+    className?: string;
+}
+declare function Tree({ treeData, onRename, onCreate, onDelete, onMove, onSelect, selectedKey, searchable, scrollHeight, className, }: TreeProps): react_jsx_runtime.JSX.Element;
+
+type OrphanResolution = 'lift' | 'remove';
+type OrphanResolutionMap = Record<string, OrphanResolution>;
+interface OrphanDialogProps {
+    orphans: CategoryTreeNode[];
+    onResolve: (resolutions: OrphanResolutionMap) => void;
+    /** Dismiss without resolving — orphans will be silently excluded from the tree. */
+    onClose: () => void;
+}
+declare function OrphanDialog({ orphans, onResolve, onClose }: OrphanDialogProps): react_jsx_runtime.JSX.Element | null;
+
+type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type AvatarShape = 'circle' | 'square';
+type AvatarLoadState = 'idle' | 'loading' | 'loaded' | 'error';
+type AvatarColorVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+interface AvatarProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onError'> {
+    children?: React__default.ReactNode;
+    src?: string;
+    fallbackSrc?: string;
+    color?: string;
+    colorVariant?: AvatarColorVariant;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    alt?: string;
+    lazyLoad?: boolean;
+    onImageLoad?: () => void;
+    onImageError?: (error?: Event) => void;
+    bordered?: boolean;
+    onStateChange?: (state: AvatarLoadState) => void;
+}
+declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface ListGroupItemProps extends React$1.LiHTMLAttributes<HTMLLIElement> {
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: (event: React$1.MouseEvent<HTMLLIElement>) => void;
+}
+interface ListGroupProps extends React$1.HTMLAttributes<HTMLUListElement> {
+    bordered?: boolean;
+    flush?: boolean;
+}
+declare const ListGroupItem: React$1.ForwardRefExoticComponent<ListGroupItemProps & React$1.RefAttributes<HTMLLIElement>>;
+declare const ListGroup: React$1.ForwardRefExoticComponent<ListGroupProps & React$1.RefAttributes<HTMLUListElement>>;
+
+interface VirtualListProps<T = any> {
+    /** 数据源 */
+    data: T[];
+    /** 容器高度 */
+    height: number;
+    /** 每项固定高度 */
+    itemHeight: number;
+    /** 渲染函数 */
+    renderItem: (item: T, index: number) => React$1.ReactNode;
+    /** 容器类名 */
+    className?: string;
+    /** 滚动偏移量（预加载区域） */
+    overscan?: number;
+    /** 是否显示滚动条 */
+    showScrollbar?: boolean;
+    /** 滚动到底部回调 */
+    onScrollEnd?: () => void;
+    /** 容器样式 */
+    style?: React$1.CSSProperties;
+}
+declare function VirtualList<T>({ data, height, itemHeight, renderItem, className, overscan, showScrollbar, onScrollEnd, style }: VirtualListProps<T>): react_jsx_runtime.JSX.Element;
+
+type AlertType = "success" | "error" | "warning" | "info";
+type AlertMode = "alert" | "confirm" | "toast";
+type AlertProps = {
+    msg: string;
+    type: AlertType;
+    mode: AlertMode;
+    visible: boolean;
+    duration?: number;
+    choice: (res: string) => void;
+};
+interface AlertProviderProps {
+    children: ReactNode;
+    background?: string;
+    borderColor?: string;
+}
+declare function AlertProvider({ children, background, borderColor }: AlertProviderProps): react_jsx_runtime.JSX.Element;
+declare const useAlert: () => {
+    showAlert: (msg: string, type: AlertType, mode?: AlertMode, duration?: number) => Promise<string>;
+};
+
+interface LazyLoadOptions {
+    fallback?: ReactNode;
+    timeout?: number;
+}
+declare function lazyLoad<T extends ComponentType<any>>(importFn: () => Promise<{
+    default: T;
+}>, options?: LazyLoadOptions): (props: any) => react_jsx_runtime.JSX.Element;
+
+interface CardProps {
+    /** 图片地址 */
+    image?: string;
+    /** 图片区域自定义内容（优先级高于 image） */
+    imageSlot?: ReactNode;
+    /** 图片高度 */
+    imageHeight?: number | string;
+    /** 标题 */
+    title?: ReactNode;
+    /** 描述文字 */
+    description?: ReactNode;
+    /** 底部操作区域 */
+    actions?: ReactNode;
+    /** 额外信息（价格、时间、标签等） */
+    extraInfo?: ReactNode;
+    /** 卡片变体 */
+    variant?: 'default' | 'bordered' | 'shadow' | 'outline';
+    /** 是否可悬停 */
+    hoverable?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React__default.CSSProperties;
+    /** 点击卡片回调 */
+    onClick?: () => void;
+}
+declare const Card: ({ image, imageSlot, imageHeight, title, description, actions, extraInfo, variant, hoverable, disabled, className, style, onClick, }: CardProps) => react_jsx_runtime.JSX.Element;
+
+interface TabItem {
+    /** 唯一标识 */
+    key: string;
+    /** 标签显示内容 */
+    label: React__default.ReactNode;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否可关闭（覆盖全局 closable） */
+    closable?: boolean;
+}
+interface TabBarProps {
+    /** Tab 列表（受控） */
+    items: TabItem[];
+    /** 当前激活的 Tab key（受控） */
+    activeKey: string;
+    /**
+     * 布局变体
+     * - attached: 贴合模式 — 标签底部紧贴导航栏下边缘，底部线条作为激活指示器
+     * - floating: 悬浮模式 — 标签垂直居中悬浮，胶囊形态，背景填充作为激活指示器
+     * @default 'attached'
+     */
+    variant?: 'attached' | 'floating';
+    /** TabBar 容器圆角 */
+    radius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** 单个 Tab 项的圆角（仅在 floating 模式下或需要四周圆角时使用） */
+    tabRadius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** 是否显示关闭按钮 */
+    closable?: boolean;
+    /** 是否显示添加按钮 */
+    addable?: boolean;
+    /** 是否启用拖拽排序 */
+    draggable?: boolean;
+    onChange: (activeKey: string) => void;
+    onClose?: (key: string) => void;
+    onAdd?: () => void;
+    onReorder?: (reorderedItems: TabItem[]) => void;
+    /** 每个 Tab 的自定义 className */
+    tabClassName?: string;
+    /** 激活态 Tab 的额外 className */
+    activeTabClassName?: string;
+    /** 每个 Tab 的自定义 inline style */
+    tabStyle?: React__default.CSSProperties;
+    /** 激活态 Tab 的自定义 inline style（会合并到 tabStyle 之上） */
+    activeTabStyle?: React__default.CSSProperties;
+    /** 自定义关闭图标渲染 */
+    renderCloseIcon?: (key: string) => React__default.ReactNode;
+    /** 自定义添加按钮渲染 */
+    renderAddButton?: () => React__default.ReactNode;
+    className?: string;
+    style?: React__default.CSSProperties;
+    /** 容器背景色 */
+    background?: string;
+    /** 标签默认文字色 */
+    tabColor?: string;
+    /** 标签 hover 文字色 */
+    tabHoverColor?: string;
+    /** 标签 hover 背景色 */
+    tabHoverBackground?: string;
+    /** 激活态文字色 */
+    tabActiveColor?: string;
+    /** 激活态背景色 */
+    tabActiveBackground?: string;
+    /** 激活态指示器颜色（attached 模式底线 / floating 模式无效） */
+    activeIndicatorColor?: string;
+}
+declare const TabBar: React__default.NamedExoticComponent<TabBarProps>;
+
+interface TagSchema {
+    id: string;
+    name: string;
+    type: "number" | "string" | "boolean";
+    range_min?: number | null;
+    range_max?: number | null;
+}
+type TagValue = number | string | boolean;
+interface TagItemProps {
+    schema: TagSchema;
+    value?: TagValue;
+    onChange?: (value: TagValue) => void;
+    /** show：展示态，双击可内联编辑；edit：始终为编辑控件 */
+    mode?: "show" | "edit";
+    background?: string;
+    color?: string;
+    borderColor?: string;
+}
+declare function TagItem({ schema, value, onChange, mode, background, color, borderColor, }: TagItemProps): react_jsx_runtime.JSX.Element;
+
+interface MarkdownEditorProps {
+    value: string;
+    onChange: (v: string) => void;
+    /** AI 补全回调，传入时显示 AI 按钮，不传则隐藏 */
+    onAiComplete?: () => void;
+    minHeight?: number;
+    placeholder?: string;
+    background?: string;
+    toolbarBackground?: string;
+    borderColor?: string;
+}
+declare function MarkdownEditor({ value, onChange, onAiComplete, minHeight, placeholder, background, toolbarBackground, borderColor, }: MarkdownEditorProps): react_jsx_runtime.JSX.Element;
+
+type ContextMenuDivider = {
+    type: "divider";
+};
+type ContextMenuAction = {
+    label: string;
+    icon?: ReactNode;
+    onClick: () => void;
+    danger?: boolean;
+    disabled?: boolean;
+};
+type ContextMenuItem = ContextMenuAction | ContextMenuDivider;
+interface ContextMenuProviderProps {
+    children: ReactNode;
+    background?: string;
+    borderColor?: string;
+    hoverBackground?: string;
+}
+declare function ContextMenuProvider({ children, background, borderColor, hoverBackground, }: ContextMenuProviderProps): react_jsx_runtime.JSX.Element;
+declare const useContextMenu: () => {
+    showContextMenu: (e: React.MouseEvent, items: ContextMenuItem[]) => void;
+};
+
+type MessageRole = 'user' | 'assistant' | 'system' | 'tool';
+interface SmartMessageProps {
+    id: string;
+    content: string;
+    role: MessageRole;
+    timestamp?: Date;
+    status?: 'sending' | 'sent' | 'error';
+    toolName?: string;
+    toolResult?: any;
+    onCopy?: (content: string, role: MessageRole) => void;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+declare const SmartMessage: React__default.FC<SmartMessageProps>;
+
+interface Message {
+    id: string;
+    content: string;
+    type: MessageRole;
+    timestamp: Date;
+    status?: 'sending' | 'sent' | 'error';
+    toolName?: string;
+    toolResult?: any;
+}
+interface Conversation {
+    id: string;
+    title: string;
+    lastMessage: string;
+    timestamp: Date;
+    messages: Message[];
+}
+interface ChatProps {
+    messages?: Message[];
+    title?: string;
+    loading?: boolean;
+    conversations?: Conversation[];
+    currentConversationId?: string;
+    emptyText?: string;
+    newConversationText?: string;
+    historyTitle?: string;
+    showHistoryButton?: boolean;
+    showMinimizeButton?: boolean;
+    showHeader?: boolean;
+    showFooter?: boolean;
+    autoScroll?: boolean;
+    onSwitchConversation?: (conversationId: string) => void;
+    onNewConversation?: () => void;
+    onDeleteConversation?: (conversationId: string) => void;
+    onMinimize?: () => void;
+    onRestore?: () => void;
+    onMessageCopy?: (message: Message) => void;
+    className?: string;
+    style?: React__default.CSSProperties;
+    headerClassName?: string;
+    headerStyle?: React__default.CSSProperties;
+    messagesClassName?: string;
+    messagesStyle?: React__default.CSSProperties;
+    bubbleClassName?: string;
+    height?: string;
+    width?: string;
+}
+declare const Chat: React__default.FC<ChatProps>;
+
+export { type AlertMode, type AlertProps, AlertProvider, type AlertProviderProps, type AlertType, Avatar, type AvatarColorVariant, type AvatarLoadState, type AvatarProps, type AvatarShape, type AvatarSize, Button, ButtonGroup, ButtonToolbar, Card, type CardProps, type CategoryTreeNode, Chat, type ChatProps, CheckButton, type ContextMenuAction, type ContextMenuDivider, type ContextMenuItem, ContextMenuProvider, type ContextMenuProviderProps, type Conversation, DeleteDialog, type DeleteMode, type DropPosition, type FlatCategory, type FlatToTreeResult, Input, ListGroup, ListGroupItem, type ListGroupItemProps, type ListGroupProps, MarkdownEditor, type MarkdownEditorProps, type Message, type MessageRole, OrphanDialog, type OrphanResolution, type OrphanResolutionMap, RollingBox, Select, SideBar, type SideBarItem, type SideBarProps, Slider, SmartMessage, type SmartMessageProps, TabBar, type TabBarProps, type TabItem, TagItem, type TagItemProps, type TagSchema, type TagValue, type Theme, ThemeProvider, Tree, type TreeProps, VirtualList, findNodeInfo, flatToTree, isDescendantOf, lazyLoad, useAlert, useContextMenu, useTheme };