@xinghunm/compass-ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,1154 @@
+import * as React$1 from 'react';
+import React__default, { CSSProperties, ReactElement, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+
+interface ButtonBaseProps {
+    /** Whether to enable ripple effect */
+    hasRipple?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Ripple background color */
+    rippleBgColor?: string;
+    /** Ripple opacity */
+    rippleOpacity?: number;
+    /** Button content */
+    children?: React.ReactNode;
+    /** Click event handler */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+
+interface ButtonProps extends ButtonBaseProps {
+    /** Button type */
+    variant?: 'primary' | 'default' | 'dashed' | 'text' | 'link';
+    /** Button size */
+    size?: 'small' | 'default' | 'large';
+    /** Button shape */
+    shape?: 'default' | 'circle' | 'round';
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Whether the button is in loading state */
+    loading?: boolean;
+    /** Whether the button is a danger button */
+    danger?: boolean;
+    /** Whether the button fits the width of its parent container */
+    block?: boolean;
+    /** Button icon */
+    icon?: React.ReactNode;
+}
+
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+type StepStatus = 'wait' | 'process' | 'finish' | 'error';
+interface StepProps {
+    /** Title of the step */
+    title?: React__default.ReactNode;
+    /** Subtitle of the step */
+    subTitle?: React__default.ReactNode;
+    /** Description of the step */
+    description?: React__default.ReactNode;
+    /** Icon of the step */
+    icon?: React__default.ReactNode;
+    /** Status of the step */
+    status?: StepStatus;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom className */
+    className?: string;
+    /** Custom style */
+    style?: React__default.CSSProperties;
+}
+interface StepsProps {
+    /** Current step, 0-indexed */
+    current?: number;
+    /** Status of the current step */
+    status?: StepStatus;
+    /** Direction of the steps */
+    direction?: 'horizontal' | 'vertical';
+    /** Label placement */
+    labelPlacement?: 'horizontal' | 'vertical';
+    /** Steps variant */
+    variant?: 'default' | 'dot';
+    /** Step items */
+    items?: StepProps[];
+    /** Children steps */
+    children?: React__default.ReactNode;
+    /** Change handler */
+    onChange?: (current: number) => void;
+    /** Custom className */
+    className?: string;
+    /** Custom style */
+    style?: React__default.CSSProperties;
+}
+
+declare const Step: React__default.FC<StepProps>;
+declare const Steps: React__default.FC<StepsProps> & {
+    Step: typeof Step;
+};
+
+interface DataNode {
+    key: string | number;
+    title?: React__default.ReactNode;
+    children?: DataNode[];
+    disabled?: boolean;
+    selectable?: boolean;
+    checkable?: boolean;
+    icon?: React__default.ReactNode;
+    isLeaf?: boolean;
+    [key: string]: unknown;
+}
+interface TreeProps {
+    /** Tree data */
+    treeData?: DataNode[];
+    /** Whether to show checkboxes */
+    checkable?: boolean;
+    /** Whether treeNodes are selectable */
+    selectable?: boolean;
+    /** Whether to show connecting lines */
+    showLine?: boolean;
+    /** Whether to show icon */
+    showIcon?: boolean;
+    /** Default expanded keys */
+    defaultExpandedKeys?: (string | number)[];
+    /** Expanded keys (controlled) */
+    expandedKeys?: (string | number)[];
+    /** Callback when keys are expanded/collapsed */
+    onExpand?: (expandedKeys: (string | number)[], info: {
+        node: DataNode;
+        expanded: boolean;
+    }) => void;
+    /** Default selected keys */
+    defaultSelectedKeys?: (string | number)[];
+    /** Selected keys (controlled) */
+    selectedKeys?: (string | number)[];
+    /** Callback when node is selected */
+    onSelect?: (selectedKeys: (string | number)[], info: {
+        node: DataNode;
+        selected: boolean;
+        event: React__default.MouseEvent;
+    }) => void;
+    /** Default checked keys */
+    defaultCheckedKeys?: (string | number)[];
+    /** Checked keys (controlled) */
+    checkedKeys?: (string | number)[];
+    /** Callback when node is checked */
+    onCheck?: (checkedKeys: (string | number)[], info: {
+        node: DataNode;
+        checked: boolean;
+        event: React__default.MouseEvent;
+    }) => void;
+    /** Custom expand icon */
+    switcherIcon?: React__default.ReactNode | ((props: {
+        expanded: boolean;
+    }) => React__default.ReactNode);
+    /** Custom title render */
+    titleRender?: (node: DataNode) => React__default.ReactNode;
+    /** Virtual scroll height */
+    height?: number;
+    /** Virtual scroll item height */
+    itemHeight?: number;
+    /** Enable virtual scrolling */
+    virtual?: boolean;
+    /** Virtual List props */
+    virtualListProps?: Record<string, unknown>;
+    /** Class name */
+    className?: string;
+    /** Style */
+    style?: React__default.CSSProperties;
+}
+interface TreeNodeProps extends Omit<DataNode, 'children'> {
+    eventKey: string | number;
+    level?: number;
+    expanded?: boolean;
+    selected?: boolean;
+    checked?: boolean;
+    halfChecked?: boolean;
+    loading?: boolean;
+    domRef?: React__default.Ref<HTMLDivElement>;
+    className?: string;
+    style?: React__default.CSSProperties;
+    onExpand?: (e: React__default.MouseEvent) => void;
+    onSelect?: (e: React__default.MouseEvent) => void;
+    onCheck?: (e: React__default.MouseEvent) => void;
+    children?: React__default.ReactNode;
+    switcherIcon?: React__default.ReactNode | ((props: {
+        expanded: boolean;
+    }) => React__default.ReactNode);
+    showLine?: boolean;
+    showIcon?: boolean;
+    isLast?: boolean;
+    indentLines?: boolean[];
+}
+
+declare const Tree: React$1.FC<TreeProps>;
+
+interface ItemType {
+    /**
+     * Unique key
+     */
+    key: string | number;
+    /**
+     * Label content
+     */
+    label: React__default.ReactNode;
+    /**
+     * Icon element
+     */
+    icon?: React__default.ReactNode;
+    /**
+     * Whether the item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Danger state
+     */
+    danger?: boolean;
+    /**
+     * Click handler
+     */
+    onClick?: (e: React__default.MouseEvent) => void;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React__default.CSSProperties;
+}
+interface MenuProps {
+    /**
+     * Menu content (legacy)
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Menu items (data-driven)
+     */
+    items?: ItemType[];
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * Menu click handler
+     */
+    onClick?: (e: React__default.MouseEvent, key?: string | number) => void;
+}
+interface MenuItemProps {
+    /**
+     * Item content
+     */
+    children: React__default.ReactNode;
+    /**
+     * Click handler
+     */
+    onClick?: (e: React__default.MouseEvent) => void;
+    /**
+     * Whether the item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Icon element
+     */
+    icon?: React__default.ReactNode;
+    /**
+     * Danger state
+     */
+    danger?: boolean;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React__default.CSSProperties;
+}
+
+declare const MenuItem: React__default.FC<MenuItemProps>;
+declare const Menu: React__default.FC<MenuProps> & {
+    Item: typeof MenuItem;
+};
+
+interface DropdownProps {
+    /**
+     * Trigger mode
+     * @default 'hover'
+     */
+    trigger?: 'click' | 'hover';
+    /**
+     * Placement of the dropdown menu
+     * @default 'bottom-start'
+     */
+    placement?: Placement;
+    /**
+     * The content of the dropdown menu
+     */
+    overlay?: React__default.ReactNode;
+    /**
+     * The menu configuration (data-driven)
+     */
+    menu?: MenuProps;
+    /**
+     * Whether the dropdown is visible (controlled)
+     */
+    visible?: boolean;
+    /**
+     * Callback when visibility changes
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * The trigger element
+     */
+    children: React__default.ReactNode;
+    /**
+     * Whether the dropdown is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React__default.CSSProperties;
+}
+
+declare const Dropdown: React__default.FC<DropdownProps>;
+
+interface InputFieldProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+    /**
+     * The type of input.
+     * @default 'text'
+     */
+    type?: 'text' | 'password' | 'search';
+    /**
+     * The label content.
+     */
+    label?: React__default.ReactNode;
+    /**
+     * The error content.
+     */
+    error?: boolean | React__default.ReactNode;
+    /**
+     * The helper text content.
+     */
+    helperText?: React__default.ReactNode;
+    /**
+     * If `true`, the input will take up the full width of its container.
+     */
+    fullWidth?: boolean;
+    /**
+     * Start adornment for this component.
+     */
+    prefix?: React__default.ReactNode;
+    /**
+     * End adornment for this component.
+     */
+    suffix?: React__default.ReactNode;
+    /**
+     * If `true`, a clear icon will appear when the input has value.
+     */
+    allowClear?: boolean;
+    /**
+     * The value of the input element, required for a controlled component.
+     */
+    value?: string | number;
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: string | number;
+    /**
+     * The size of the component.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * The callback function that is triggered when Enter key is pressed.
+     */
+    onPressEnter?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
+}
+
+/**
+ * InputField component for user input.
+ */
+declare const InputField: React__default.ForwardRefExoticComponent<InputFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+type MessageType$1 = 'info' | 'success' | 'error' | 'warning' | 'loading';
+interface MessageProps {
+    key?: string;
+    type?: MessageType$1;
+    content: React__default.ReactNode;
+    duration?: number;
+    onClose?: () => void;
+    icon?: React__default.ReactNode;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+interface TypeOpen {
+    (content: React__default.ReactNode, duration?: number, onClose?: () => void): void;
+    (config: MessageProps): void;
+}
+interface MessageInstance {
+    info: TypeOpen;
+    success: TypeOpen;
+    error: TypeOpen;
+    warning: TypeOpen;
+    loading: TypeOpen;
+    open(config: MessageProps): void;
+    destroy(key?: string): void;
+}
+
+declare const _default: {
+    info: (content: React__default.ReactNode | MessageProps, duration?: number, onClose?: () => void) => void;
+    success: (content: React__default.ReactNode | MessageProps, duration?: number, onClose?: () => void) => void;
+    error: (content: React__default.ReactNode | MessageProps, duration?: number, onClose?: () => void) => void;
+    warning: (content: React__default.ReactNode | MessageProps, duration?: number, onClose?: () => void) => void;
+    loading: (content: React__default.ReactNode | MessageProps, duration?: number, onClose?: () => void) => void;
+    open: (config: MessageProps) => void;
+    destroy: () => void;
+};
+
+declare function useMessage(): [MessageInstance, React__default.ReactElement];
+
+type MessageType = typeof _default & {
+    useMessage: typeof useMessage;
+};
+declare const messageWithHook: MessageType;
+
+/** Modal type */
+type ModalType$1 = 'info' | 'success' | 'error' | 'warning' | 'confirm';
+interface ModalBaseProps {
+    /** Whether the modal is open */
+    isOpen: boolean;
+    /** Whether to show the mask */
+    maskVisible?: boolean;
+    /** Custom footer content */
+    footer?: React__default.ReactNode;
+    /** Modal content */
+    children?: React__default.ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: CSSProperties;
+    /** Modal title */
+    title?: React__default.ReactNode;
+    /** Whether to show the close button */
+    closable?: boolean;
+    /** Width of the modal */
+    width?: string | number;
+    /** Callback when the OK button is clicked */
+    onOk?: (e?: React__default.MouseEvent<HTMLElement>) => void | Promise<void>;
+    /** Callback when the Cancel button is clicked */
+    onCancel?: (e?: React__default.MouseEvent<HTMLElement>) => void | Promise<void>;
+    /** Text of the OK button */
+    okText?: React__default.ReactNode;
+    /** Text of the Cancel button */
+    cancelText?: React__default.ReactNode;
+    /** Whether the OK button is loading */
+    confirmLoading?: boolean;
+    /** Callback when the modal is completely closed (after animation) */
+    afterClose?: () => void;
+}
+
+declare const Modal: (props: ModalBaseProps) => React__default.ReactPortal;
+
+interface ModalFuncProps extends Omit<ModalBaseProps, 'isOpen' | 'children'> {
+    title?: React__default.ReactNode;
+    content?: React__default.ReactNode;
+    onOk?: () => void | Promise<void>;
+    onCancel?: () => void | Promise<void>;
+    okText?: string;
+    cancelText?: string;
+    icon?: React__default.ReactNode;
+    type?: ModalType$1;
+}
+declare const info: (props: ModalFuncProps) => {
+    destroy: typeof close;
+    update: (newConfig: ModalFuncProps) => void;
+};
+declare const success: (props: ModalFuncProps) => {
+    destroy: typeof close;
+    update: (newConfig: ModalFuncProps) => void;
+};
+declare const error: (props: ModalFuncProps) => {
+    destroy: typeof close;
+    update: (newConfig: ModalFuncProps) => void;
+};
+declare const warning: (props: ModalFuncProps) => {
+    destroy: typeof close;
+    update: (newConfig: ModalFuncProps) => void;
+};
+declare const confirm: (props: ModalFuncProps) => {
+    destroy: typeof close;
+    update: (newConfig: ModalFuncProps) => void;
+};
+
+type ModalFunc = (props: ModalFuncProps) => {
+    destroy: () => void;
+    update: (config: ModalFuncProps) => void;
+};
+interface ModalInstance {
+    info: ModalFunc;
+    success: ModalFunc;
+    error: ModalFunc;
+    warning: ModalFunc;
+    confirm: ModalFunc;
+}
+declare function useModal(): [ModalInstance, ReactElement];
+
+type ModalType = typeof Modal & {
+    info: typeof info;
+    success: typeof success;
+    error: typeof error;
+    warning: typeof warning;
+    confirm: typeof confirm;
+    useModal: typeof useModal;
+};
+declare const ModalWithStatics: ModalType;
+
+type ProgressType = 'line' | 'circle';
+type ProgressSize = 'small' | 'medium' | 'large' | number | {
+    width: number;
+    height: number;
+};
+type ProgressStatus = 'normal' | 'success' | 'error' | 'warning';
+interface ProgressProps {
+    /** Progress type */
+    type?: ProgressType;
+    /** Progress percentage (0-100) */
+    percent?: number;
+    /** Progress size - for line: height (string/number) or { width, height }, for circle: diameter */
+    size?: ProgressSize;
+    /** Progress status */
+    status?: ProgressStatus;
+    /** Show percentage text */
+    showInfo?: boolean;
+    /** Custom format function for percentage text */
+    format?: (percent?: number) => ReactNode;
+    /** Stroke width for line progress or circle progress */
+    strokeWidth?: number;
+    /** Stroke color */
+    strokeColor?: string | {
+        from: string;
+        to: string;
+        direction?: string;
+    };
+    /** Trail color (background color) */
+    trailColor?: string;
+    /** Whether to show success icon when percent is 100 */
+    success?: ReactNode;
+    /** Custom className */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Gap degree for circle progress */
+    gapDegree?: number;
+    /** Gap position for circle progress */
+    gapPosition?: 'top' | 'bottom' | 'left' | 'right';
+}
+
+/**
+ * Progress component for showing task completion status.
+ * Supports both linear and circular progress indicators.
+ */
+declare const Progress: React__default.ForwardRefExoticComponent<ProgressProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type SelectValue = string | number | (string | number)[];
+interface SelectOption {
+    label: React__default.ReactNode;
+    value: string | number;
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+interface SelectProps {
+    /**
+     * Selected value(s)
+     */
+    value?: SelectValue;
+    /**
+     * Default selected value(s)
+     */
+    defaultValue?: SelectValue;
+    /**
+     * Callback when value changes
+     */
+    onChange?: (value: SelectValue, option?: SelectOption | SelectOption[]) => void;
+    /**
+     * Options for data-driven rendering
+     */
+    options?: SelectOption[];
+    /**
+     * Whether to allow multiple selection
+     */
+    multiple?: boolean;
+    /**
+     * Used for setting specific mode, e.g. 'tags' (combined with multiple)
+     */
+    mode?: 'multiple' | 'tags';
+    /**
+     * Whether the select is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the select is loading
+     */
+    loading?: boolean;
+    /**
+     * Whether to show search input
+     */
+    showSearch?: boolean;
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Whether to allow clearing the selection
+     */
+    allowClear?: boolean;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * Size of the select input
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Status of the select input
+     */
+    status?: 'error' | 'warning';
+    /**
+     * Custom dropdown width
+     */
+    dropdownStyle?: React__default.CSSProperties;
+    /**
+     * Custom dropdown class name
+     */
+    dropdownClassName?: string;
+    /**
+     * Children for declarative usage
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Trigger mode
+     * @default 'click'
+     */
+    trigger?: 'click' | 'hover';
+}
+interface OptionProps {
+    value: string | number;
+    children?: React__default.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    /**
+     * Internal prop to pass label if children is complex
+     */
+    label?: React__default.ReactNode;
+}
+
+declare const Option: React__default.FC<OptionProps>;
+
+declare const Select: React__default.FC<SelectProps> & {
+    Option: typeof Option;
+};
+
+interface PaginationProps {
+    /** Current page number */
+    current?: number;
+    /** Default initial page number */
+    defaultCurrent?: number;
+    /** Total number of data items */
+    total?: number;
+    /** Number of data items per page */
+    pageSize?: number;
+    /** Default number of data items per page */
+    defaultPageSize?: number;
+    /** Callback executed when page number or pageSize is changed */
+    onChange?: (page: number, pageSize: number) => void;
+    /** Disable pagination */
+    disabled?: boolean;
+    /** Determine whether to show the size changer */
+    showSizeChanger?: boolean;
+    /** Specify the size changer options */
+    pageSizeOptions?: number[];
+    /** Determine whether you can jump to pages directly */
+    showQuickJumper?: boolean;
+    /** To display the total number and range */
+    showTotal?: (total: number, range: [number, number]) => React.ReactNode;
+    /** Specify the alignment of total text */
+    totalAlign?: 'left' | 'right';
+    /** Whether to use simple mode */
+    simple?: boolean;
+    /** Specify the size of pagination component */
+    size?: 'default' | 'small';
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+
+declare const Pagination: React__default.FC<PaginationProps>;
+
+type DatePickerMode = 'date' | 'week' | 'month' | 'quarter' | 'year';
+interface DatePickerProps {
+    /** Selected date (JS Date) */
+    value?: Date | null;
+    /** Default selected date (JS Date) (Only effective on mount) */
+    defaultValue?: Date | null;
+    /** Callback when date changes */
+    onChange?: (date: Date | null) => void;
+    /** Picker mode */
+    picker?: DatePickerMode;
+    /** Whether to show time picker */
+    showTime?: boolean;
+    /** Date format string */
+    format?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Clearable */
+    clearable?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Whether the picker should take up the full width of its container */
+    fullWidth?: boolean;
+}
+interface DateRangePickerProps {
+    /** Selected date range */
+    value?: [Date | null, Date | null];
+    /** Default selected date range */
+    defaultValue?: [Date | null, Date | null];
+    /** Callback when date range changes */
+    onChange?: (dates: [Date | null, Date | null]) => void;
+    /** Picker mode */
+    picker?: DatePickerMode;
+    /** Whether to show time picker */
+    showTime?: boolean;
+    /** Date format string */
+    format?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Placeholder text */
+    placeholder?: [string, string];
+    /** Clearable */
+    clearable?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Whether the picker should take up the full width of its container */
+    fullWidth?: boolean;
+}
+
+declare const DatePicker$1: React__default.ForwardRefExoticComponent<DatePickerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const DateRangePicker: React__default.ForwardRefExoticComponent<DateRangePickerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type InternalDatePickerType = typeof DatePicker$1;
+interface DatePickerInterface extends InternalDatePickerType {
+    RangePicker: typeof DateRangePicker;
+}
+declare const DatePicker: DatePickerInterface;
+
+interface Theme {
+    colors: {
+        primary: string;
+        primaryHover: string;
+        primaryActive: string;
+        success: string;
+        warning: string;
+        error: string;
+        info: string;
+        text: string;
+        textSecondary: string;
+        textTertiary: string;
+        textDisabled: string;
+        background: string;
+        backgroundSecondary: string;
+        backgroundTertiary: string;
+        border: string;
+        borderSecondary: string;
+        borderHover: string;
+    };
+    spacing: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        xxl: number;
+    };
+    borderRadius: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    fontSize: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        xxl: number;
+    };
+    fontWeight: {
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+    };
+    lineHeight: {
+        tight: number;
+        normal: number;
+        relaxed: number;
+    };
+    shadows: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    transitions: {
+        fast: string;
+        normal: string;
+        slow: string;
+    };
+    breakpoints: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    components: {
+        button: ButtonTheme;
+        message: MessageTheme;
+        modal: ModalTheme;
+        progress: ProgressTheme;
+        steps: StepsTheme;
+        input: InputTheme;
+        dropdown: DropdownTheme;
+        menu: MenuTheme;
+        datePicker: DatePickerTheme;
+        select: SelectTheme;
+        pagination: PaginationTheme;
+        tree: TreeTheme;
+    };
+}
+interface TreeTheme {
+    nodeSelectedBg: string;
+    nodeHoverBg: string;
+    nodeColor: string;
+    nodeSelectedColor: string;
+    switcherColor: string;
+    switcherHoverColor: string;
+    fontSize: string;
+    borderRadius: string;
+    indentSize: string;
+}
+interface SelectTheme {
+    borderRadius: string;
+    backgroundColor: string;
+    borderColor: string;
+    hoverBorderColor: string;
+    activeBorderColor: string;
+    placeholderColor: string;
+    optionSelectedBg: string;
+    optionHoverBg: string;
+    optionColor: string;
+    optionSelectedColor: string;
+    tagBg: string;
+    tagColor: string;
+    tagBorderColor: string;
+    padding: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    fontSize: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}
+interface DatePickerTheme {
+    cellWidth: string;
+    cellHeight: string;
+    cellPadding: string;
+    cellMargin: string;
+    cellFontSize: string;
+    cellBorderRadius: string;
+    headerPadding: string;
+    headerHeight: string;
+    headerFontSize: string;
+    weekDayFontSize: string;
+    cellActiveBg: string;
+    cellHoverBg: string;
+    cellColor: string;
+    cellActiveColor: string;
+    cellDisabledColor: string;
+    borderColor: string;
+    boxShadow: string;
+    zIndex: number;
+}
+interface PaginationTheme {
+    itemSize: string;
+    itemBg: string;
+    itemActiveBg: string;
+    itemBorderRadius: string;
+    itemColor: string;
+    itemActiveColor: string;
+    itemHoverBg: string;
+    itemHoverColor: string;
+    fontSize: string;
+}
+interface MenuTheme {
+    itemHoverBg: string;
+    itemColor: string;
+    itemHeight: string;
+    itemPadding: string;
+    fontSize: string;
+    borderRadius: string;
+}
+interface ButtonTheme {
+    padding: {
+        sm: string;
+        md: string;
+    };
+    fontSize: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    borderRadius: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}
+interface MessageTheme {
+    contentPadding: string;
+    borderRadius: string;
+    boxShadow: string;
+    zIndex: number;
+}
+interface ModalTheme {
+    maskColor: string;
+    contentBg: string;
+    borderRadius: string;
+    boxShadow: string;
+    headerPadding: string;
+    bodyPadding: string;
+    footerPadding: string;
+    zIndex: number;
+}
+interface ProgressTheme {
+    trackColor: string;
+    successColor: string;
+    errorColor: string;
+    warningColor: string;
+    infoColor: string;
+    fontSize: string;
+}
+interface StepsTheme {
+    descriptionColor: string;
+    titleColor: string;
+    subTitleColor: string;
+    waitIconColor: string;
+    processIconColor: string;
+    finishIconColor: string;
+    errorIconColor: string;
+    waitTitleColor: string;
+    processTitleColor: string;
+    finishTitleColor: string;
+    errorTitleColor: string;
+    waitDescriptionColor: string;
+    processDescriptionColor: string;
+    finishDescriptionColor: string;
+    errorDescriptionColor: string;
+    iconSize: string;
+    dotSize: string;
+    titleFontSize: string;
+    descriptionFontSize: string;
+}
+interface InputTheme {
+    padding: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    fontSize: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    borderRadius: string;
+    activeBorderColor: string;
+    hoverBorderColor: string;
+}
+interface DropdownTheme {
+    zIndex: number;
+    backgroundColor: string;
+    boxShadow: string;
+    borderRadius: string;
+    padding: string;
+}
+type ThemeMode = 'light' | 'dark';
+type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+
+interface ModalLocale {
+    okText: string;
+    cancelText: string;
+    justOkText: string;
+}
+interface DatePickerLocale {
+    monthBeforeYear?: boolean;
+    yearFormat: string;
+    monthFormat: string;
+    quarterFormat: string;
+    today: string;
+    now: string;
+    backToToday: string;
+    ok: string;
+    timeSelect: string;
+    dateSelect: string;
+    weekSelect: string;
+    clear: string;
+    month: string;
+    year: string;
+    previousMonth: string;
+    nextMonth: string;
+    monthSelect: string;
+    yearSelect: string;
+    decadeSelect: string;
+    dayFormat: string;
+    dateFormat: string;
+    dateTimeFormat: string;
+    previousYear: string;
+    nextYear: string;
+    previousDecade: string;
+    nextDecade: string;
+    previousCentury: string;
+    nextCentury: string;
+    shortWeekDays: string[];
+    weekDays: string[];
+    months: string[];
+    shortMonths: string[];
+    hour: string;
+    minute: string;
+    second: string;
+    startDate: string;
+    endDate: string;
+    weekFormat: string;
+}
+interface PaginationLocale {
+    items_per_page: string;
+    jump_to: string;
+    jump_to_confirm: string;
+    page: string;
+    prev_page: string;
+    next_page: string;
+    prev_5: string;
+    next_5: string;
+    prev_3: string;
+    next_3: string;
+}
+interface Locale {
+    locale: string;
+    Modal: ModalLocale;
+    DatePicker: DatePickerLocale;
+    Pagination: PaginationLocale;
+}
+interface ThemeConfig {
+    token?: DeepPartial<Theme>;
+    light?: DeepPartial<Theme>;
+    dark?: DeepPartial<Theme>;
+    defaultMode?: ThemeMode;
+}
+interface ConfigProviderProps {
+    /**
+     * 国际化配置 (Locale)。
+     * 包含 Modal, DatePicker, Pagination 等组件的语言包。
+     */
+    locale?: Locale;
+    /**
+     * 主题配置 (ThemeConfig)。
+     * 可以配置全局 token、深色/浅色模式覆盖以及默认主题模式。
+     */
+    theme?: ThemeConfig;
+    /**
+     * 子元素
+     */
+    children?: React.ReactNode;
+}
+
+declare const ConfigProvider: React__default.FC<ConfigProviderProps>;
+
+interface InputNumberProps extends Omit<InputFieldProps, 'onChange' | 'value' | 'defaultValue' | 'type' | 'allowClear'> {
+    /**
+     * The current value.
+     */
+    value?: number | null;
+    /**
+     * The default value.
+     */
+    defaultValue?: number | null;
+    /**
+     * The minimum value.
+     */
+    min?: number;
+    /**
+     * The maximum value.
+     */
+    max?: number;
+    /**
+     * The step size for increment/decrement.
+     * @default 1
+     */
+    step?: number;
+    /**
+     * Callback when the value changes.
+     */
+    onChange?: (value: number | null) => void;
+    /**
+     * Precision of the input value.
+     */
+    precision?: number;
+    /**
+     * Whether to show increment/decrement buttons.
+     * @default true
+     */
+    controls?: boolean;
+    /**
+     * Whether to enable keyboard up/down keys.
+     * @default true
+     */
+    keyboard?: boolean;
+}
+
+declare const InputNumber: React__default.ForwardRefExoticComponent<InputNumberProps & React__default.RefAttributes<HTMLInputElement>>;
+
+export { Button, type ButtonProps, ConfigProvider, type ConfigProviderProps, type DataNode, DatePicker, type DatePickerProps, type DateRangePickerProps, Dropdown, type DropdownProps, InputField, type InputFieldProps, InputNumber, type InputNumberProps, type ItemType, Menu, type MenuItemProps, type MenuProps, messageWithHook as Message, type MessageProps, ModalWithStatics as Modal, type ModalBaseProps as ModalProps, Pagination, type PaginationProps, Progress, type ProgressProps, Select, type SelectOption, type SelectProps, type SelectValue, Steps, type StepsProps, Tree, type TreeNodeProps, type TreeProps };