lvetech-ui-lib 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,1072 @@
+import { default as default_2 } from 'react';
+import { Dispatch } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { RefObject } from 'react';
+import { SetStateAction } from 'react';
+
+export declare function Alert({ type, title, children, showIcon, closable, onClose, action, variant, className, }: AlertProps): JSX_2.Element | null;
+
+export declare interface AlertProps {
+    /** 警告类型 */
+    type?: 'info' | 'success' | 'warning' | 'error';
+    /** 标题 */
+    title?: string;
+    /** 内容 */
+    children: default_2.ReactNode;
+    /** 是否显示图标 */
+    showIcon?: boolean;
+    /** 是否可关闭 */
+    closable?: boolean;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 操作区域 */
+    action?: default_2.ReactNode;
+    /** 变体样式 */
+    variant?: 'soft' | 'solid' | 'outline';
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare const animations: {
+    durations: {
+        fast: string;
+        normal: string;
+        slow: string;
+    };
+    easings: {
+        default: string;
+        in: string;
+        out: string;
+        bounce: string;
+    };
+};
+
+export declare const Avatar: default_2.ForwardRefExoticComponent<AvatarProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare function AvatarGroup({ children, max, size, spacing }: AvatarGroupProps): JSX_2.Element;
+
+export declare interface AvatarGroupProps {
+    children: default_2.ReactNode;
+    max?: number;
+    size?: AvatarProps['size'];
+    spacing?: number;
+}
+
+export declare interface AvatarProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** 图片地址 */
+    src?: string;
+    /** 替代文本 */
+    alt?: string;
+    /** 显示的名字（用于生成首字母） */
+    name?: string;
+    /** 尺寸 */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | number;
+    /** 形状 */
+    shape?: 'circle' | 'square' | 'rounded';
+    /** 背景颜色（无图片时） */
+    color?: 'violet' | 'cyan' | 'emerald' | 'rose' | 'amber' | 'gray' | 'auto';
+    /** 是否显示边框 */
+    bordered?: boolean;
+    /** 状态指示器 */
+    status?: 'online' | 'offline' | 'busy' | 'away';
+    /** 徽标 */
+    badge?: default_2.ReactNode;
+    /** 图标（无图片时显示） */
+    icon?: default_2.ReactNode;
+}
+
+export declare const baseStyles = "\n/* \u52A8\u753B\u7C7B */\n@keyframes shimmer {\n  0% { transform: translateX(-100%); }\n  100% { transform: translateX(100%); }\n}\n\n@keyframes bars {\n  0%, 40%, 100% { transform: scaleY(0.4); }\n  20% { transform: scaleY(1); }\n}\n\n.animate-shimmer {\n  animation: shimmer 2s infinite;\n}\n\n/* Tailwind \u52A8\u753B\u6269\u5C55 */\n@keyframes fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes slide-in-from-top-2 {\n  from { transform: translateY(-8px); }\n  to { transform: translateY(0); }\n}\n\n@keyframes slide-in-from-right {\n  from { transform: translateX(100%); }\n  to { transform: translateX(0); }\n}\n\n@keyframes zoom-in-95 {\n  from { transform: scale(0.95); }\n  to { transform: scale(1); }\n}\n\n.animate-in {\n  animation-duration: 150ms;\n  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  animation-fill-mode: forwards;\n}\n\n.fade-in { animation-name: fade-in; }\n.slide-in-from-top-2 { animation-name: slide-in-from-top-2; }\n.slide-in-from-right { animation-name: slide-in-from-right; }\n.zoom-in-95 { animation-name: zoom-in-95; }\n";
+
+export declare const borderRadius: {
+    none: string;
+    sm: string;
+    DEFAULT: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    full: string;
+};
+
+export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** 按钮内容 */
+    children: default_2.ReactNode;
+    /** 按钮变体 */
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success';
+    /** 按钮尺寸 */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** 是否占满宽度 */
+    fullWidth?: boolean;
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 左侧图标 */
+    leftIcon?: default_2.ReactNode;
+    /** 右侧图标 */
+    rightIcon?: default_2.ReactNode;
+    /** 是否为圆形按钮 */
+    rounded?: boolean;
+    /** 是否只显示图标 */
+    iconOnly?: boolean;
+}
+
+export declare const Card: default_2.ForwardRefExoticComponent<CardProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface CardProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** 卡片内容 */
+    children?: default_2.ReactNode;
+    /** 卡片标题 */
+    title?: default_2.ReactNode;
+    /** 卡片副标题 */
+    subtitle?: string;
+    /** 头部额外内容 */
+    extra?: default_2.ReactNode;
+    /** 底部内容 */
+    footer?: default_2.ReactNode;
+    /** 封面图片 */
+    cover?: string;
+    /** 变体样式 */
+    variant?: 'elevated' | 'outlined' | 'filled' | 'glass';
+    /** 是否可悬浮 */
+    hoverable?: boolean;
+    /** 是否可点击 */
+    clickable?: boolean;
+    /** 是否有边框 */
+    bordered?: boolean;
+    /** 内边距大小 */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+}
+
+export declare const Checkbox: default_2.ForwardRefExoticComponent<CheckboxProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface CheckboxProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
+    /** 复选框标签 */
+    label?: default_2.ReactNode;
+    /** 描述文本 */
+    description?: string;
+    /** 是否选中 */
+    checked?: boolean;
+    /** 默认是否选中 */
+    defaultChecked?: boolean;
+    /** 不确定状态 */
+    indeterminate?: boolean;
+    /** 尺寸 */
+    size?: 'sm' | 'md' | 'lg';
+    /** 颜色 */
+    color?: 'violet' | 'cyan' | 'emerald' | 'rose' | 'amber';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否有错误 */
+    error?: boolean;
+    /** 选中变化回调 */
+    onChange?: (checked: boolean) => void;
+}
+
+declare type ClassObject = Record<string, boolean | undefined | null>;
+
+declare type ClassValue = string | number | boolean | undefined | null | ClassValue[];
+
+/**
+ * 合并 CSS 类名，支持条件类名
+ * @example
+ * cn('base', condition && 'conditional', { active: isActive })
+ */
+export declare function cn(...inputs: (ClassValue | ClassObject)[]): string;
+
+export declare function CodeEditor({ value, onChange, language, readOnly, height, className, showLineNumbers, theme, tabs, activeTab, onTabChange, }: CodeEditorProps): JSX_2.Element;
+
+declare interface CodeEditorProps {
+    /** 代码内容 */
+    value: string;
+    /** 代码变化回调 */
+    onChange?: (value: string) => void;
+    /** 语言 */
+    language?: 'tsx' | 'jsx' | 'css' | 'json';
+    /** 是否只读 */
+    readOnly?: boolean;
+    /** 高度 */
+    height?: string | number;
+    /** 自定义类名 */
+    className?: string;
+    /** 显示行号 */
+    showLineNumbers?: boolean;
+    /** 主题 */
+    theme?: 'dark' | 'light';
+    /** 标签页 */
+    tabs?: Array<{
+        id: string;
+        label: string;
+        value: string;
+    }>;
+    /** 当前标签 */
+    activeTab?: string;
+    /** 标签切换 */
+    onTabChange?: (tabId: string) => void;
+}
+
+export declare const colors: {
+    primary: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    secondary: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    success: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    warning: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    error: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+};
+
+export declare type ColorVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+
+export declare interface ComponentDefinition {
+    type: ComponentType;
+    name: string;
+    icon: string;
+    category: 'basic' | 'form' | 'layout' | 'feedback' | 'data';
+    description: string;
+    properties: ComponentProperty[];
+    defaultProps: Record<string, unknown>;
+}
+
+export declare const componentDefinitions: ComponentDefinition[];
+
+export declare function ComponentDesigner({ initialNodes, onChange, onExport, className, height, }: ComponentDesignerProps): JSX_2.Element;
+
+declare interface ComponentDesignerProps {
+    /** 初始节点 */
+    initialNodes?: DesignNode[];
+    /** 节点变化回调 */
+    onChange?: (nodes: DesignNode[]) => void;
+    /** 导出代码回调 */
+    onExport?: (code: string) => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 设计器高度 */
+    height?: string | number;
+}
+
+export declare interface ComponentProperty {
+    name: string;
+    type: 'string' | 'number' | 'boolean' | 'select' | 'color' | 'icon';
+    label: string;
+    defaultValue?: unknown;
+    options?: Array<{
+        label: string;
+        value: string | number | boolean;
+    }>;
+    description?: string;
+}
+
+export declare type ComponentType = 'Button' | 'Input' | 'Card' | 'Select' | 'Checkbox' | 'Switch' | 'Radio' | 'Textarea' | 'Avatar' | 'Tag' | 'Alert' | 'Progress' | 'Container' | 'Divider' | 'Dialog' | 'Skeleton' | 'Spinner' | 'Popover' | 'Tabs' | 'Text' | 'Image';
+
+export declare const Container: default_2.ForwardRefExoticComponent<ContainerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ContainerProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** 子元素 */
+    children?: default_2.ReactNode;
+    /** Flex 方向 */
+    direction?: 'row' | 'column';
+    /** 主轴对齐 */
+    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    /** 交叉轴对齐 */
+    align?: 'start' | 'end' | 'center' | 'stretch';
+    /** 间距 */
+    gap?: number | 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** 是否换行 */
+    wrap?: boolean;
+    /** 内边距 */
+    padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** 背景色 */
+    bg?: string;
+    /** 是否居中内容 */
+    center?: boolean;
+    /** 最小高度 */
+    minHeight?: string | number;
+}
+
+export declare const cssVariables = "\n:root {\n  --color-primary-50: #f5f3ff;\n  --color-primary-100: #ede9fe;\n  --color-primary-200: #ddd6fe;\n  --color-primary-300: #c4b5fd;\n  --color-primary-400: #a78bfa;\n  --color-primary-500: #8b5cf6;\n  --color-primary-600: #7c3aed;\n  --color-primary-700: #6d28d9;\n  --color-primary-800: #5b21b6;\n  --color-primary-900: #4c1d95;\n  \n  --color-secondary-500: #06b6d4;\n  --color-success-500: #10b981;\n  --color-warning-500: #f59e0b;\n  --color-error-500: #ef4444;\n  \n  --shadow-glow: 0 0 20px rgb(139 92 246 / 0.3);\n  --shadow-glow-lg: 0 0 40px rgb(139 92 246 / 0.4);\n}\n";
+
+export declare const defaultTheme: ThemeConfig;
+
+export declare interface DesignerAction {
+    type: 'ADD_NODE' | 'UPDATE_NODE' | 'DELETE_NODE' | 'SELECT_NODE' | 'MOVE_NODE' | 'UNDO' | 'REDO' | 'CLEAR';
+    payload?: unknown;
+}
+
+export declare interface DesignNode {
+    id: string;
+    type: ComponentType;
+    props: Record<string, unknown>;
+    children?: DesignNode[];
+    parentId?: string;
+}
+
+export declare interface DesignState {
+    nodes: DesignNode[];
+    selectedId: string | null;
+    hoveredId: string | null;
+    history: DesignNode[][];
+    historyIndex: number;
+}
+
+export declare interface DesignTemplate {
+    id: string;
+    name: string;
+    description: string;
+    icon: string;
+    category: 'form' | 'card' | 'layout' | 'feedback' | 'page';
+    preview?: string;
+    nodes: Omit<DesignNode, 'id'>[];
+}
+
+export declare const designTemplates: DesignTemplate[];
+
+export declare function Dialog({ title, children, footer, visible, onVisibleChange, onClose, size, closable, maskClosable, centered, onOk, onCancel, okText, cancelText, showFooter, className, zIndex, loading, dialogClassName, headerClassName, bodyClassName, footerClassName }: DialogProps): default_2.ReactPortal | null;
+
+export declare interface DialogProps {
+    /** 标题 */
+    title?: default_2.ReactNode;
+    /** 内容 */
+    children?: default_2.ReactNode;
+    /** 底部按钮 */
+    footer?: default_2.ReactNode;
+    /** 是否可见 */
+    visible?: boolean;
+    /** 可见性变化回调 */
+    onVisibleChange?: (visible: boolean) => void;
+    /** 可见性变化回调 (更直接的方式) */
+    onClose?: () => void;
+    /** 尺寸 */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** 是否可关闭 */
+    closable?: boolean;
+    /** 点击背景关闭 */
+    maskClosable?: boolean;
+    /** 居中展示 */
+    centered?: boolean;
+    /** 确认回调 */
+    onOk?: () => void | Promise<void>;
+    /** 取消回调 */
+    onCancel?: () => void;
+    /** 确认按钮文本 */
+    okText?: string;
+    /** 取消按钮文本 */
+    cancelText?: string;
+    /** 是否显示底部按钮 */
+    showFooter?: boolean;
+    /** 自定义 class */
+    className?: string;
+    /** z-index */
+    zIndex?: number;
+    /** 加载中 */
+    loading?: boolean;
+    /** 弹框类名 */
+    dialogClassName?: string;
+    /** 标题类名 */
+    headerClassName?: string;
+    /** 内容类名 */
+    bodyClassName?: string;
+    /** 底部类名 */
+    footerClassName?: string;
+}
+
+export declare const Divider: default_2.ForwardRefExoticComponent<DividerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface DividerProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** 方向 */
+    direction?: 'horizontal' | 'vertical';
+    /** 样式变体 */
+    variant?: 'solid' | 'dashed' | 'dotted';
+    /** 颜色 */
+    color?: 'default' | 'light' | 'dark' | 'violet';
+    /** 文本位置 */
+    textPosition?: 'left' | 'center' | 'right';
+    /** 分割线粗细 */
+    thickness?: 'thin' | 'medium' | 'thick';
+    /** 子元素（文本） */
+    children?: default_2.ReactNode;
+}
+
+export declare interface FlexProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** 子元素 */
+    children: default_2.ReactNode;
+    /** 主轴方向 */
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    /** 主轴对齐 */
+    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    /** 交叉轴对齐 */
+    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    /** 是否换行 */
+    wrap?: boolean | 'reverse';
+    /** 间距 */
+    gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
+    /** 是否为内联元素 */
+    inline?: boolean;
+}
+
+export declare function generateId(): string;
+
+export declare function getAllCategories(): Array<{
+    id: DesignTemplate['category'];
+    name: string;
+    icon: string;
+}>;
+
+export declare function getComponentDefinition(type: ComponentType): ComponentDefinition | undefined;
+
+export declare function getTemplatesByCategory(category: DesignTemplate['category']): DesignTemplate[];
+
+export declare interface GridItemProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children: default_2.ReactNode;
+    /** 列跨度 */
+    colSpan?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | 'full';
+    /** 行跨度 */
+    rowSpan?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** 列起始 */
+    colStart?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'auto';
+    /** 行起始 */
+    rowStart?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 'auto';
+}
+
+export declare interface GridProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** 子元素 */
+    children: default_2.ReactNode;
+    /** 列数 */
+    cols?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | 'none';
+    /** 行数 */
+    rows?: 1 | 2 | 3 | 4 | 5 | 6 | 'none';
+    /** 间距 */
+    gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
+    /** 列间距 */
+    gapX?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
+    /** 行间距 */
+    gapY?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
+    /** 内容对齐 */
+    align?: 'start' | 'end' | 'center' | 'stretch';
+    /** 项目对齐 */
+    justify?: 'start' | 'end' | 'center' | 'stretch';
+    /** 自动流动方向 */
+    flow?: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense';
+}
+
+export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface InputProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** 标签文本 */
+    label?: string;
+    /** 错误信息 */
+    error?: string;
+    /** 帮助文本 */
+    helper?: string;
+    /** 输入框尺寸 */
+    size?: 'sm' | 'md' | 'lg';
+    /** 变体样式 */
+    variant?: 'default' | 'filled' | 'flushed';
+    /** 左侧图标 */
+    leftIcon?: default_2.ReactNode;
+    /** 右侧图标 */
+    rightIcon?: default_2.ReactNode;
+    /** 前缀文本 */
+    prefix?: string;
+    /** 后缀文本 */
+    suffix?: string;
+    /** 是否必填 */
+    required?: boolean;
+    /** 清除按钮 */
+    clearable?: boolean;
+    /** 清除回调 */
+    onClear?: () => void;
+}
+
+export declare function instantiateTemplate(template: DesignTemplate): DesignNode[];
+
+export declare function Popover({ children, title, content, footer, placement, trigger, visible: controlledVisible, onVisibleChange, delay, disabled, bgColor, arrow, offset, maxWidth, minWidth, className, zIndex, closable, }: PopoverProps): JSX_2.Element;
+
+export declare interface PopoverProps {
+    /** 触发元素 */
+    children?: default_2.ReactElement;
+    /** 标题 */
+    title?: default_2.ReactNode;
+    /** 内容 */
+    content?: default_2.ReactNode;
+    /** 底部操作按钮 */
+    footer?: default_2.ReactNode;
+    /** 位置 */
+    placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+    /** 触发方式 */
+    trigger?: 'hover' | 'click' | 'focus';
+    /** 是否可见（受控） */
+    visible?: boolean;
+    /** 可见性变化回调 */
+    onVisibleChange?: (visible: boolean) => void;
+    /** 延迟显示（毫秒） */
+    delay?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 背景色 */
+    bgColor?: 'white' | 'dark' | 'violet';
+    /** 是否显示箭头 */
+    arrow?: boolean;
+    /** 偏移量 */
+    offset?: number;
+    /** 最大宽度 */
+    maxWidth?: number;
+    /** 最小宽度 */
+    minWidth?: number;
+    /** 自定义 class */
+    className?: string;
+    /** z-index */
+    zIndex?: number;
+    /** 是否可关闭 */
+    closable?: boolean;
+}
+
+export declare function Progress({ value, max, size, color, variant, showLabel, label, labelPosition, circular, circleSize, className, }: ProgressProps): JSX_2.Element;
+
+export declare interface ProgressProps {
+    /** 当前进度 0-100 */
+    value: number;
+    /** 最大值 */
+    max?: number;
+    /** 尺寸 */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /** 颜色 */
+    color?: 'violet' | 'cyan' | 'emerald' | 'rose' | 'amber' | 'gradient';
+    /** 变体 */
+    variant?: 'default' | 'striped' | 'animated';
+    /** 是否显示标签 */
+    showLabel?: boolean;
+    /** 自定义标签 */
+    label?: string | ((value: number, max: number) => string);
+    /** 标签位置 */
+    labelPosition?: 'inside' | 'outside' | 'top';
+    /** 是否为圆形进度 */
+    circular?: boolean;
+    /** 圆形进度尺寸 */
+    circleSize?: number;
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare const Radio: default_2.ForwardRefExoticComponent<RadioProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare function RadioGroup({ name, value, defaultValue, label, children, size, color, disabled, direction, onChange, className, }: RadioGroupProps): JSX_2.Element;
+
+export declare interface RadioGroupProps {
+    /** 组名称 */
+    name?: string;
+    /** 当前值 */
+    value?: string | number;
+    /** 默认值 */
+    defaultValue?: string | number;
+    /** 标签文本 */
+    label?: string;
+    /** 子元素 */
+    children: default_2.ReactNode;
+    /** 尺寸 */
+    size?: 'sm' | 'md' | 'lg';
+    /** 颜色 */
+    color?: 'violet' | 'cyan' | 'emerald' | 'rose' | 'amber';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 排列方向 */
+    direction?: 'horizontal' | 'vertical';
+    /** 值变化回调 */
+    onChange?: (value: string | number) => void;
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare interface RadioProps {
+    /** 单选框的值 */
+    value: string | number;
+    /** 标签文本 */
+    label?: default_2.ReactNode;
+    /** 描述文本 */
+    description?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare const Select: default_2.ForwardRefExoticComponent<SelectProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface SelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+    icon?: default_2.ReactNode;
+}
+
+export declare interface SelectProps {
+    /** 选项列表 */
+    options?: SelectOption[];
+    /** 当前值 */
+    value?: string | number;
+    /** 默认值 */
+    defaultValue?: string | number;
+    /** 占位文本 */
+    placeholder?: string;
+    /** 标签文本 */
+    label?: string;
+    /** 错误信息 */
+    error?: string;
+    /** 帮助文本 */
+    helper?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否必填 */
+    required?: boolean;
+    /** 尺寸 */
+    size?: 'sm' | 'md' | 'lg';
+    /** 是否可搜索 */
+    searchable?: boolean;
+    /** 是否可清除 */
+    clearable?: boolean;
+    /** 值变化回调 */
+    onChange?: (value: string | number) => void;
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare const shadows: {
+    sm: string;
+    DEFAULT: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    glow: string;
+    'glow-lg': string;
+};
+
+export declare type SizeVariant = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export declare function Skeleton({ variant, width, height, animation, lines, className, }: SkeletonProps): JSX_2.Element;
+
+export declare function SkeletonAvatar({ size }: {
+    size?: number;
+}): JSX_2.Element;
+
+export declare function SkeletonButton({ width, height }: {
+    width?: number;
+    height?: number;
+}): JSX_2.Element;
+
+export declare function SkeletonCard({ className }: {
+    className?: string;
+}): JSX_2.Element;
+
+export declare interface SkeletonProps {
+    /** 变体类型 */
+    variant?: 'text' | 'circular' | 'rectangular' | 'rounded';
+    /** 宽度 */
+    width?: string | number;
+    /** 高度 */
+    height?: string | number;
+    /** 是否有动画 */
+    animation?: 'pulse' | 'wave' | 'none';
+    /** 行数（仅 text 变体） */
+    lines?: number;
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare function SkeletonTable({ rows, cols }: {
+    rows?: number;
+    cols?: number;
+}): JSX_2.Element;
+
+export declare const spacing: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    8: string;
+    10: string;
+    12: string;
+    16: string;
+    20: string;
+    24: string;
+};
+
+export declare function Spinner({ size, color, thickness, speed, variant, label, className, }: SpinnerProps): JSX_2.Element | null;
+
+export declare interface SpinnerProps {
+    /** 尺寸 */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** 颜色 */
+    color?: 'violet' | 'cyan' | 'emerald' | 'rose' | 'white' | 'gray';
+    /** 厚度 */
+    thickness?: number;
+    /** 速度 */
+    speed?: 'slow' | 'normal' | 'fast';
+    /** 变体 */
+    variant?: 'spinner' | 'dots' | 'bars' | 'ring';
+    /** 标签文本 */
+    label?: string;
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface SwitchProps {
+    /** 是否开启 */
+    checked?: boolean;
+    /** 默认是否开启 */
+    defaultChecked?: boolean;
+    /** 标签文本 */
+    label?: default_2.ReactNode;
+    /** 描述文本 */
+    description?: string;
+    /** 尺寸 */
+    size?: 'sm' | 'md' | 'lg';
+    /** 颜色 */
+    color?: 'violet' | 'cyan' | 'emerald' | 'rose' | 'amber';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示状态图标 */
+    showIcons?: boolean;
+    /** 开启时的文本 */
+    onLabel?: string;
+    /** 关闭时的文本 */
+    offLabel?: string;
+    /** 状态变化回调 */
+    onChange?: (checked: boolean) => void;
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare function Tab({ value, children, disabled, icon, className }: TabProps): JSX_2.Element;
+
+export declare function TabList({ children, className }: TabListProps): JSX_2.Element;
+
+export declare interface TabListProps {
+    children?: default_2.ReactNode;
+    className?: string;
+}
+
+export declare function TabPanel({ value, children, className }: TabPanelProps): JSX_2.Element | null;
+
+export declare interface TabPanelProps {
+    /** 对应的标签值 */
+    value: string;
+    /** 面板内容 */
+    children?: default_2.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare interface TabProps {
+    /** 标签值 */
+    value: string;
+    /** 标签内容 */
+    children?: default_2.ReactNode;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 图标 */
+    icon?: default_2.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare function Tabs({ items, value, defaultValue, variant, size, onChange, className, }: TabsProps): JSX_2.Element;
+
+export declare interface TabsProps {
+    /** 通过 items 数组快速声明标签列表 */
+    items?: {
+        label: string;
+        key: string;
+        children?: default_2.ReactNode;
+        disabled?: boolean;
+    }[];
+    /** 当前激活的标签 */
+    value?: string;
+    /** 默认激活的标签 */
+    defaultValue?: string;
+    /** 变体样式 */
+    variant?: 'line' | 'enclosed' | 'pills' | 'soft';
+    /** 尺寸 */
+    size?: 'sm' | 'md' | 'lg';
+    /** 值变化回调 */
+    onChange?: (value: string) => void;
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare const Tag: default_2.ForwardRefExoticComponent<TagProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+export declare interface TagProps extends default_2.HTMLAttributes<HTMLSpanElement> {
+    /** 内容 */
+    children: default_2.ReactNode;
+    /** 颜色 */
+    color?: 'violet' | 'cyan' | 'emerald' | 'rose' | 'amber' | 'gray' | 'blue' | 'pink';
+    /** 变体 */
+    variant?: 'solid' | 'soft' | 'outline';
+    /** 尺寸 */
+    size?: 'sm' | 'md' | 'lg';
+    /** 是否可关闭 */
+    closable?: boolean;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 左侧图标 */
+    icon?: default_2.ReactNode;
+    /** 是否为圆角药丸形状 */
+    rounded?: boolean;
+}
+
+export declare const tailwindConfig: {
+    content: string[];
+    theme: {
+        extend: {
+            colors: {
+                primary: {
+                    50: string;
+                    100: string;
+                    200: string;
+                    300: string;
+                    400: string;
+                    500: string;
+                    600: string;
+                    700: string;
+                    800: string;
+                    900: string;
+                };
+            };
+            animation: {
+                'spin-slow': string;
+                'bounce-slow': string;
+                shimmer: string;
+            };
+            keyframes: {
+                shimmer: {
+                    '0%': {
+                        transform: string;
+                    };
+                    '100%': {
+                        transform: string;
+                    };
+                };
+                bars: {
+                    '0%, 40%, 100%': {
+                        transform: string;
+                    };
+                    '20%': {
+                        transform: string;
+                    };
+                };
+            };
+        };
+    };
+    plugins: never[];
+};
+
+export declare const Textarea: default_2.ForwardRefExoticComponent<TextareaProps & default_2.RefAttributes<HTMLTextAreaElement>>;
+
+export declare interface TextareaProps extends default_2.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /** 标签文本 */
+    label?: string;
+    /** 错误信息 */
+    error?: string;
+    /** 帮助文本 */
+    helper?: string;
+    /** 变体样式 */
+    variant?: 'default' | 'filled' | 'flushed';
+    /** 是否必填 */
+    required?: boolean;
+    /** 是否显示字数统计 */
+    showCount?: boolean;
+    /** 最大字符数 */
+    maxLength?: number;
+    /** 是否自动调整高度 */
+    autoSize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    /** 调整大小方式 */
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+}
+
+export declare interface ThemeConfig {
+    colors: typeof colors;
+    spacing: typeof spacing;
+    borderRadius: typeof borderRadius;
+    shadows: typeof shadows;
+    typography: typeof typography;
+    animations: typeof animations;
+}
+
+declare interface ToastContextValue {
+    toast: (options: Omit<ToastItem, 'id'>) => void;
+    info: (message: string, duration?: number) => void;
+    success: (message: string, duration?: number) => void;
+    warning: (message: string, duration?: number) => void;
+    error: (message: string, duration?: number) => void;
+}
+
+export declare interface ToastItem {
+    id: string;
+    type: ToastType;
+    message: string;
+    duration?: number;
+    closable?: boolean;
+}
+
+declare type ToastPosition = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+
+export declare function ToastProvider({ children, position, maxToasts, }: ToastProviderProps): JSX_2.Element;
+
+export declare interface ToastProviderProps {
+    children: default_2.ReactNode;
+    position?: ToastPosition;
+    maxToasts?: number;
+}
+
+declare type ToastType = 'info' | 'success' | 'warning' | 'error';
+
+export declare const typography: {
+    fontFamily: {
+        sans: string;
+        mono: string;
+    };
+    fontSize: {
+        xs: (string | {
+            lineHeight: string;
+        })[];
+        sm: (string | {
+            lineHeight: string;
+        })[];
+        base: (string | {
+            lineHeight: string;
+        })[];
+        lg: (string | {
+            lineHeight: string;
+        })[];
+        xl: (string | {
+            lineHeight: string;
+        })[];
+        '2xl': (string | {
+            lineHeight: string;
+        })[];
+        '3xl': (string | {
+            lineHeight: string;
+        })[];
+        '4xl': (string | {
+            lineHeight: string;
+        })[];
+    };
+};
+
+export declare function useAnimation(isOpen: boolean, duration?: number): {
+    shouldRender: boolean;
+    isAnimating: boolean;
+};
+
+export declare function useClickOutside<T extends HTMLElement>(callback: () => void): RefObject<T>;
+
+export declare function useControllableState<T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void): readonly [T, (nextValue: T | ((prev: T) => T)) => void];
+
+export declare function useCopyToClipboard(): {
+    copied: boolean;
+    copy: (text: string) => Promise<boolean>;
+};
+
+export declare function useDesignerHistory(initialNodes?: DesignNode[]): UseDesignerHistoryReturn;
+
+export declare interface UseDesignerHistoryReturn {
+    nodes: DesignNode[];
+    setNodes: (nodes: DesignNode[] | ((prev: DesignNode[]) => DesignNode[])) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    reset: (initialNodes?: DesignNode[]) => void;
+    historyLength: number;
+    currentIndex: number;
+}
+
+export declare function useId(prefix?: string): string;
+
+export declare function useKeyboardNavigation(itemCount: number, onSelect: (index: number) => void): {
+    activeIndex: number;
+    setActiveIndex: Dispatch<SetStateAction<number>>;
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+};
+
+export declare function useLocalStorage<T>(key: string, initialValue: T): readonly [T, (value: T | ((val: T) => T)) => void];
+
+export declare function useMediaQuery(query: string): boolean;
+
+export declare function useToast(): ToastContextValue;
+
+export { }