@kingsoft-ai/design 0.1.9

package/dist/types/collapse/__tests__/Collapse.test.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Collapse 组件测试
+ *
+ * 测试覆盖：
+ * - 基础渲染
+ * - 展开/收起交互
+ * - 受控/非受控模式
+ * - 手风琴模式
+ * - 禁用状态
+ * - 自定义标题和后缀
+ * - 键盘导航
+ * - 无障碍性
+ */
+export {};

package/dist/types/collapse/index.d.ts

@@ -0,0 +1,4 @@
+export { Collapse } from './Collapse';
+export type { CollapseProps } from './Collapse';
+export { CollapseItem } from './CollapseItem';
+export type { CollapseItemProps } from './CollapseItem';

package/dist/types/collapse/tokens.d.ts

@@ -0,0 +1,3 @@
+import { TokenGenerator } from '../types/theme-utils';
+import { CollapseTokens } from '../types/component-tokens.types';
+export declare const getCollapseTokens: TokenGenerator<CollapseTokens>;

package/dist/types/index.d.ts

@@ -0,0 +1,18 @@
+export * from './button';
+export * from './checkbox';
+export * from './collapse';
+export * from './input';
+export * from './menu';
+export * from './numberInput';
+export * from './radio';
+export * from './skeleton';
+export * from './stepper';
+export * from './progress';
+export * from './select';
+export * from './table';
+export * from './switch';
+export * from './tag';
+export * from './upload';
+export * from './theme';
+export * from './types/theme-utils';
+export * from './types/component-tokens.types';

package/dist/types/input/Input.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Input 输入框组件
+ *
+ * 基于 react-aria 实现无障碍访问的输入框组件
+ * 完全符合 Figma 设计稿规范
+ *
+ * @example
+ * ```tsx
+ * <Input
+ *   size="md"
+ *   placeholder="请输入内容"
+ *   clearable
+ *   showCounter
+ *   maxLength={100}
+ * />
+ * ```
+ */
+import { type ReactNode } from 'react';
+import { type InputSize } from './Input.style';
+export declare const SIZES: readonly ["sm", "md", "lg"];
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> & {
+    /** 输入框尺寸：小号(24px)、标准(32px)、大号(40px) */
+    size?: InputSize;
+    /** 前缀图标 */
+    prefix?: ReactNode;
+    /** 后缀图标 */
+    suffix?: ReactNode;
+    /** 是否显示清除按钮（有值时显示） */
+    clearable?: boolean;
+    /** 错误状态 */
+    error?: boolean;
+    /** 错误提示信息 */
+    errorMessage?: ReactNode;
+    /** 是否显示字符计数器 */
+    showCounter?: boolean;
+    /** 全宽输入框 */
+    fullWidth?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 输入框标签 */
+    label?: ReactNode;
+    /** 输入框描述 */
+    description?: ReactNode;
+};
+/**
+ * Input 输入框组件
+ *
+ * 基于 Figma 设计规范实现的输入框组件，支持多种尺寸和状态
+ */
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
+    /** 输入框尺寸：小号(24px)、标准(32px)、大号(40px) */
+    size?: InputSize;
+    /** 前缀图标 */
+    prefix?: ReactNode;
+    /** 后缀图标 */
+    suffix?: ReactNode;
+    /** 是否显示清除按钮（有值时显示） */
+    clearable?: boolean;
+    /** 错误状态 */
+    error?: boolean;
+    /** 错误提示信息 */
+    errorMessage?: ReactNode;
+    /** 是否显示字符计数器 */
+    showCounter?: boolean;
+    /** 全宽输入框 */
+    fullWidth?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 输入框标签 */
+    label?: ReactNode;
+    /** 输入框描述 */
+    description?: ReactNode;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/input/Input.style.d.ts

@@ -0,0 +1,96 @@
+/**
+ * Input 输入框样式
+ *
+ * 基于三层 Token 体系：
+ * - Tier 1 (Global): 全局基础值
+ * - Tier 2 (Semantic): 语义化映射
+ * - Tier 3 (Component): 组件专用 Token
+ *
+ * 完全还原 Figma 设计稿规范
+ */
+export declare const inputSizes: readonly ["sm", "md", "lg"];
+export type InputSize = (typeof inputSizes)[number];
+/**
+ * Input 根容器
+ *
+ * 特性：
+ * - 处理边框颜色状态切换
+ * - 支持全宽模式
+ * - 基于三层 Token 设计
+ */
+export declare const InputRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: InputSize;
+    fullWidth: boolean;
+    isFocused: boolean;
+    isError: boolean;
+    isDisabled: boolean;
+    isHovered: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * 输入框内部包装器
+ *
+ * 用于布局前缀图标、输入框、后缀图标、清除按钮和计数器
+ */
+export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * 原生 input 元素
+ *
+ * 特性：
+ * - 无边框、背景透明（由容器处理）
+ * - 支持错误状态文字颜色
+ * - 占位符样式
+ */
+export declare const StyledInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isError: boolean;
+    isDisabled: boolean;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+/**
+ * 图标包装器（前缀/后缀图标）
+ *
+ * 特性：
+ * - 灵活的尺寸适配
+ * - 颜色自动继承或根据状态调整
+ */
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isError: boolean;
+    isDisabled: boolean;
+    position: "prefix" | "suffix";
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/**
+ * 清除按钮
+ *
+ * 特性：
+ * - 仅在有内容且未禁用时显示
+ * - hover 时有反馈效果
+ * - 无障碍友好
+ */
+export declare const ClearButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isError: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/**
+ * 字符计数器
+ *
+ * 显示格式：当前字数/最大字数
+ */
+export declare const Counter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isError: boolean;
+    isDisabled: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types/input/__tests__/Input.test.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Input 组件测试
+ *
+ * 测试覆盖：
+ * - 基础渲染
+ * - 尺寸 (sm, md, lg)
+ * - 前缀/后缀图标
+ * - 清除按钮功能
+ * - 错误状态
+ * - 禁用状态
+ * - 字符计数器
+ * - 全宽模式
+ * - 键盘交互
+ * - 无障碍性
+ * - ref 转发
+ */
+export {};

package/dist/types/input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export type { InputProps } from './Input';

package/dist/types/input/tokens.d.ts

@@ -0,0 +1,3 @@
+import { TokenGenerator } from '../types/theme-utils';
+import { InputTokens } from '../types/component-tokens.types';
+export declare const getInputTokens: TokenGenerator<InputTokens>;

package/dist/types/menu/Menu.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Menu 侧边栏菜单组件
+ *
+ * 基于 Figma 设计稿的导航菜单组件
+ * 支持展开/折叠、分组、子菜单等功能
+ */
+import { type ReactNode } from 'react';
+export interface MenuProps {
+    /** 菜单是否折叠 */
+    collapsed?: boolean;
+    /** 子元素(自定义内容、MenuGroup、MenuItem等) */
+    children: ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+/**
+ * Menu 侧边栏菜单组件
+ *
+ * 主容器组件,用于包裹所有菜单相关子组件
+ *
+ * @example
+ * ```tsx
+ * <Menu collapsed={false}>
+ *   <div style={{ padding: 24 }}>自定义头部</div>
+ *
+ *   <MenuGroup title="主要功能">
+ *     <MenuItem icon={<HomeIcon />} label="首页" active />
+ *     <MenuItem icon={<UserIcon />} label="用户" />
+ *   </MenuGroup>
+ *
+ *   <div style={{ padding: 24 }}>自定义底部</div>
+ * </Menu>
+ * ```
+ */
+export declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/menu/Menu.style.d.ts

@@ -0,0 +1,122 @@
+/**
+ * Menu 菜单样式
+ *
+ * 基于三层 Token 体系的侧边栏导航菜单组件样式
+ * 完全还原 Figma 设计稿规范
+ */
+export interface MenuStyleProps {
+    collapsed?: boolean;
+}
+export interface MenuItemStyleProps {
+    active?: boolean;
+    disabled?: boolean;
+    isSubItem?: boolean;
+    collapsed?: boolean;
+}
+/**
+ * Menu 根容器
+ *
+ * 特性:
+ * - 支持展开/折叠状态
+ * - 固定宽度
+ * - 滚动区域
+ */
+export declare const MenuContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & MenuStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Menu 内容滚动区域
+ */
+export declare const MenuContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * MenuItem 容器
+ *
+ * 支持:
+ * - 激活状态
+ * - 禁用状态
+ * - 子菜单缩进
+ */
+export declare const MenuItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & MenuItemStyleProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/**
+ * MenuItem 图标容器
+ */
+export declare const MenuItemIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/**
+ * MenuItem 文字标签
+ */
+export declare const MenuItemLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    collapsed?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/**
+ * MenuItem 箭头图标
+ */
+export declare const MenuItemArrow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    collapsed?: boolean;
+    expanded?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/**
+ * MenuGroup 容器
+ */
+export declare const MenuGroupContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * MenuGroup 标题
+ */
+export declare const MenuGroupTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    collapsed?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * MenuGroup 项目容器
+ */
+export declare const MenuGroupItems: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * SubMenuPopover 容器
+ *
+ * 折叠状态下的二级菜单悬浮层
+ */
+export declare const SubMenuPopoverContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * SubMenuPopover 内容区域
+ */
+export declare const SubMenuPopoverContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * SubMenuPopover 菜单项容器
+ *
+ * 悬浮层中的菜单项样式
+ */
+export declare const SubMenuPopoverItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    active?: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/types/menu/MenuFooter.d.ts

@@ -0,0 +1,32 @@
+/**
+ * MenuFooter 菜单底部组件
+ *
+ * 用于显示用户信息和设置按钮
+ */
+import { type ReactNode } from 'react';
+export interface MenuFooterProps {
+    /** 用户头像 */
+    avatar?: ReactNode;
+    /** 用户名 */
+    username?: string;
+    /** 操作按钮(如设置按钮) */
+    action?: ReactNode;
+    /** 菜单是否折叠 */
+    collapsed?: boolean;
+    /** 用户区域点击事件 */
+    onUserClick?: () => void;
+    /** 操作按钮点击事件 */
+    onActionClick?: () => void;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * MenuFooter 菜单底部组件
+ *
+ * 显示用户信息和相关操作
+ * 支持折叠状态下的简化显示
+ */
+export declare const MenuFooter: {
+    ({ avatar, username, action, collapsed, onUserClick, onActionClick, className, }: MenuFooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/menu/MenuGroup.d.ts

@@ -0,0 +1,26 @@
+/**
+ * MenuGroup 菜单分组组件
+ *
+ * 用于对菜单项进行分组,并显示分组标题
+ */
+import { type ReactNode } from 'react';
+export interface MenuGroupProps {
+    /** 分组标题 */
+    title?: string;
+    /** 子元素(菜单项) */
+    children: ReactNode;
+    /** 菜单是否折叠 */
+    collapsed?: boolean;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * MenuGroup 菜单分组组件
+ *
+ * 用于将相关的菜单项组织在一起
+ * 可选的分组标题和分割线
+ */
+export declare const MenuGroup: {
+    ({ title, children, collapsed, className, }: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/menu/MenuHeader.d.ts

@@ -0,0 +1,32 @@
+/**
+ * MenuHeader 菜单头部组件
+ *
+ * 用于显示Logo、标题、描述和操作按钮
+ */
+import { type ReactNode } from 'react';
+export interface MenuHeaderProps {
+    /** Logo 图片或组件 */
+    logo?: ReactNode;
+    /** 标题 */
+    title?: string;
+    /** 描述文字 */
+    description?: string;
+    /** 操作按钮(如收起按钮) */
+    action?: ReactNode;
+    /** 菜单是否折叠 */
+    collapsed?: boolean;
+    /** 点击事件 */
+    onClick?: () => void;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * MenuHeader 菜单头部组件
+ *
+ * 显示应用Logo和标题信息
+ * 支持折叠状态下的简化显示
+ */
+export declare const MenuHeader: {
+    ({ logo, title, description, action, collapsed, onClick, className, }: MenuHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/menu/MenuItem.d.ts

@@ -0,0 +1,40 @@
+/**
+ * MenuItem 菜单项组件
+ *
+ * 基于 react-aria 实现无障碍访问的菜单项
+ * 支持图标、文字、箭头指示器、悬浮子菜单
+ */
+import { type ReactNode } from 'react';
+export interface MenuItemProps {
+    /** 唯一标识符 */
+    id?: string;
+    /** 菜单项图标 */
+    icon?: ReactNode;
+    /** 菜单项文字 */
+    label: string;
+    /** 是否激活/选中 */
+    active?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否为子菜单项 */
+    isSubItem?: boolean;
+    /** 是否显示箭头(用于可展开项) */
+    showArrow?: boolean;
+    /** 箭头是否展开 */
+    arrowExpanded?: boolean;
+    /** 菜单是否折叠 */
+    collapsed?: boolean;
+    /** 子菜单内容(折叠状态下悬浮显示) */
+    subMenu?: ReactNode;
+    /** 点击事件 */
+    onClick?: () => void;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * MenuItem 菜单项组件
+ *
+ * 用于侧边栏导航的单个菜单项
+ * 支持激活状态、禁用状态、子菜单缩进、折叠时的悬浮子菜单
+ */
+export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/menu/SubMenuItem.d.ts

@@ -0,0 +1,26 @@
+/**
+ * SubMenuItem 子菜单项组件
+ *
+ * 用于在悬浮层中展示的子菜单项
+ */
+export interface SubMenuItemProps {
+    /** 唯一标识符 */
+    id?: string;
+    /** 菜单项文字 */
+    label: string;
+    /** 是否激活/选中 */
+    active?: boolean;
+    /** 点击事件 */
+    onClick?: () => void;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * SubMenuItem 子菜单项组件
+ *
+ * 用于悬浮层中的子菜单项
+ */
+export declare const SubMenuItem: {
+    ({ id, label, active, onClick, className, }: SubMenuItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/menu/SubMenuPopover.d.ts

@@ -0,0 +1,29 @@
+/**
+ * SubMenuPopover 子菜单悬浮层组件
+ *
+ * 用于在折叠状态下显示二级菜单
+ */
+import { type ReactNode } from 'react';
+export interface SubMenuPopoverProps {
+    /** 是否显示 */
+    visible: boolean;
+    /** 触发元素的引用 */
+    anchorRef: React.RefObject<HTMLElement>;
+    /** 子菜单内容 */
+    children: ReactNode;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 鼠标移入事件 */
+    onMouseEnter?: () => void;
+    /** 鼠标移出事件 */
+    onMouseLeave?: () => void;
+}
+/**
+ * SubMenuPopover 子菜单悬浮层组件
+ *
+ * 在折叠状态下，鼠标悬浮一级菜单时展示二级菜单
+ */
+export declare const SubMenuPopover: {
+    ({ visible, anchorRef, children, onClose, onMouseEnter, onMouseLeave, }: SubMenuPopoverProps): any;
+    displayName: string;
+};

package/dist/types/menu/__tests__/Menu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/menu/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Menu 菜单组件导出
+ */
+export { Menu } from './Menu';
+export type { MenuProps } from './Menu';
+export { MenuItem } from './MenuItem';
+export type { MenuItemProps } from './MenuItem';
+export { MenuGroup } from './MenuGroup';
+export type { MenuGroupProps } from './MenuGroup';
+export { SubMenuPopover } from './SubMenuPopover';
+export type { SubMenuPopoverProps } from './SubMenuPopover';
+export { SubMenuItem } from './SubMenuItem';
+export type { SubMenuItemProps } from './SubMenuItem';

package/dist/types/menu/tokens.d.ts

@@ -0,0 +1,3 @@
+import { TokenGenerator } from '../types/theme-utils';
+import { MenuTokens } from '../types/component-tokens.types';
+export declare const getMenuTokens: TokenGenerator<MenuTokens>;

package/dist/types/numberInput/NumberInput.d.ts

@@ -0,0 +1,59 @@
+/**
+ *  数字输入框组件
+ *
+ * 基于 react-aria 实现无障碍访问的数字输入框组件
+ * 完全符合 Figma 设计稿规范
+ *
+ * @example
+ * ```tsx
+ * <NumberInput
+ *   size="md"
+ *   defaultValue={10}
+ *   min={0}
+ *   max={100}
+ *   step={1}
+ *   label="数量"
+ *   description="请输入数量"
+ *   controls="buttons"
+ *   onValueChange={(v) => console.log(v)}
+ * />
+ * ```
+ */
+import { type ReactNode, type ChangeEvent } from 'react';
+export type NumberInputProps = {
+    /** 初始数值（受控请使用 value） */
+    defaultValue?: number;
+    /** 受控数值 */
+    value?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 步长 */
+    step?: number;
+    /** 控件样式：'buttons' - 左右 加/减 按钮；'arrows' - 右侧竖直箭头 */
+    controls?: 'buttons' | 'arrows';
+    /** 大小：'md' | 'lg' */
+    size?: 'md' | 'lg';
+    /** 值变化回调（返回 number | undefined） */
+    onValueChange?: (v: number | undefined) => void;
+    /** 标签文本 */
+    label?: ReactNode;
+    /** 描述文本 */
+    description?: ReactNode;
+    /** 是否显示错误状态 */
+    error?: boolean;
+    /** 错误提示文本 */
+    errorMessage?: ReactNode;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义 ID */
+    id?: string;
+    /** 原生 onChange 保留以便外部使用 */
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+/** 数字输入框组件 */
+export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default NumberInput;