@kingsoft-ai/design 0.1.9

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

@@ -0,0 +1,44 @@
+export declare const NumberRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const NumberGroup: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size?: "md" | "lg";
+    disabled?: boolean;
+    controls?: "buttons" | "arrows";
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NumberField: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const Description: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/** 竖直箭头控件（展示在输入右侧） */
+export declare const ArrowGroup: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ArrowButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    direction: "up" | "down";
+    size?: "md" | "lg";
+    disabled?: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SideButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    pos?: "left" | "right";
+    size?: "md" | "lg";
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

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

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

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

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

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

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

package/dist/types/progress/Progress.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Progress 进度条组件
+ *
+ * 基于 react-aria 实现无障碍访问的进度条组件
+ * 完全符合 Figma 设计稿规范
+ *
+ * @example
+ * ```tsx
+ * // 线型进度条
+ * <Progress value={60} />
+ *
+ * // 环形进度条
+ * <Progress type="circle" value={80} />
+ *
+ * // 带状态的进度条
+ * <Progress value={100} status="success" />
+ *
+ * // 不显示百分比
+ * <Progress value={60} showPercent={false} />
+ * ```
+ */
+import type { AriaProgressBarProps } from 'react-aria';
+import { type ProgressType, type ProgressSize, type ProgressStatus } from './Progress.style';
+export declare const TYPES: readonly ["line", "circle"];
+export declare const SIZES: readonly ["sm", "md", "lg"];
+export declare const STATUSES: readonly ["normal", "error", "warning", "success"];
+export type ProgressProps = Omit<AriaProgressBarProps, 'value'> & {
+    /** 进度条类型：线型、环形 */
+    type?: ProgressType;
+    /** 进度条尺寸：小号、中号、大号 */
+    size?: ProgressSize;
+    /** 进度状态：进行中、失败、警示、成功 */
+    status?: ProgressStatus;
+    /** 当前进度值（0-100） */
+    value?: number;
+    /** 是否显示百分比文字 */
+    showPercent?: boolean;
+    /** 是否显示状态图标（仅线型进度条） */
+    showIcon?: boolean;
+    /** 自定义类名 */
+    className?: string;
+};
+/**
+ * Progress 进度条组件
+ *
+ * 基于 Figma 设计规范实现的进度条组件，支持线型和环形两种类型
+ * 使用 react-aria 保证无障碍访问性
+ */
+export declare const Progress: import("react").ForwardRefExoticComponent<Omit<AriaProgressBarProps, "value"> & {
+    /** 进度条类型：线型、环形 */
+    type?: ProgressType;
+    /** 进度条尺寸：小号、中号、大号 */
+    size?: ProgressSize;
+    /** 进度状态：进行中、失败、警示、成功 */
+    status?: ProgressStatus;
+    /** 当前进度值（0-100） */
+    value?: number;
+    /** 是否显示百分比文字 */
+    showPercent?: boolean;
+    /** 是否显示状态图标（仅线型进度条） */
+    showIcon?: boolean;
+    /** 自定义类名 */
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/progress/Progress.style.d.ts

@@ -0,0 +1,117 @@
+/**
+ * Progress 进度条样式
+ *
+ * 基于三层 Token 体系：
+ * - Tier 1 (Global): 全局基础值
+ * - Tier 2 (Semantic): 语义化映射
+ * - Tier 3 (Component): 组件专用 Token
+ *
+ * 完全还原 Figma 设计稿规范
+ */
+export declare const progressTypes: readonly ["line", "circle"];
+export declare const progressSizes: readonly ["sm", "md", "lg"];
+export declare const progressStatuses: readonly ["normal", "error", "warning", "success"];
+export type ProgressType = (typeof progressTypes)[number];
+export type ProgressSize = (typeof progressSizes)[number];
+export type ProgressStatus = (typeof progressStatuses)[number];
+/**
+ * 线型进度条容器
+ */
+export declare const LineProgressRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: ProgressSize;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * 线型进度条轨道
+ */
+export declare const LineProgressTrack: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: ProgressSize;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * 线型进度条填充
+ */
+export declare const LineProgressBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    status: ProgressStatus;
+    percent: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * 进度百分比文字
+ */
+export declare const ProgressText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/**
+ * 状态图标容器
+ */
+export declare const StatusIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    status: ProgressStatus;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/**
+ * 线型进度条信息区域（百分比+图标）
+ */
+export declare const LineProgressInfo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * 环形进度条容器
+ */
+export declare const CircleProgressRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: ProgressSize;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * 环形进度条 SVG
+ */
+export declare const CircleProgressSvg: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").SVGProps<SVGSVGElement>, {}>;
+/**
+ * 环形进度条轨道圆
+ */
+export declare const CircleProgressTrack: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").SVGProps<SVGCircleElement>, {}>;
+/**
+ * 环形进度条填充圆
+ */
+export declare const CircleProgressBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    status: ProgressStatus;
+}, import("react").SVGProps<SVGCircleElement>, {}>;
+/**
+ * 环形进度条内容（百分比文字或图标）
+ */
+export declare const CircleProgressContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: ProgressSize;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * 小号环形进度条的图标
+ */
+export declare const CircleProgressIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    status: ProgressStatus;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types/progress/__tests__/Progress.test.d.ts

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

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

@@ -0,0 +1,3 @@
+export { Progress, TYPES as PROGRESS_TYPES, SIZES as PROGRESS_SIZES, STATUSES as PROGRESS_STATUSES } from './Progress';
+export type { ProgressProps } from './Progress';
+export type { ProgressType, ProgressSize, ProgressStatus } from './Progress.style';

package/dist/types/radio/Radio.d.ts

@@ -0,0 +1,9 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
+    label?: ReactNode;
+    description?: ReactNode;
+};
+export declare const Radio: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    label?: ReactNode;
+    description?: ReactNode;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/radio/Radio.style.d.ts

@@ -0,0 +1,36 @@
+export declare const RadioWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    disabled: boolean;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const RadioRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    disabled?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const RadioNative: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const RadioIndicator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const RadioText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const RadioLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    disabled: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const RadioDescription: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    disabled: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types/radio/__tests__/Radio.test.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Radio 组件测试
+ *
+ * 测试覆盖：
+ * - 基础渲染
+ * - 选中/未选中状态
+ * - 单选组行为
+ * - 标签和描述
+ * - 禁用状态
+ * - 交互行为
+ * - 无障碍性
+ */
+export {};

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

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

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

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

package/dist/types/select/ListBox.d.ts

@@ -0,0 +1,11 @@
+import { type AriaListBoxProps } from 'react-aria';
+import type { ListState } from '@react-stately/list';
+interface ListBoxProps extends Omit<AriaListBoxProps<unknown>, 'children'> {
+    state: ListState<unknown>;
+}
+export declare function ListBox({ state, ...props }: ListBoxProps): import("react/jsx-runtime").JSX.Element;
+interface MultiListBoxProps {
+    state: ListState<unknown>;
+}
+export declare function MultiListBox({ state }: MultiListBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/select/Popover.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode, type RefObject } from 'react';
+import { type AriaPopoverProps } from 'react-aria';
+interface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef'> {
+    children: ReactNode;
+    state: any;
+    triggerRef: RefObject<Element>;
+    className?: string;
+}
+export declare function Popover({ children, state, offset, triggerRef, placement, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/select/Select.d.ts

@@ -0,0 +1,140 @@
+import React from 'react';
+import { type AriaSelectProps } from 'react-aria';
+import { Item, Section } from '@react-stately/collections';
+import type { Selection as SelectionType } from '@react-types/shared';
+export type { Selection } from '@react-types/shared';
+import type { SelectSize } from './Select.style';
+export type SelectionMode = 'single' | 'multiple';
+/**
+ * 选项类型定义
+ * 推荐使用 options 属性传入选项数据
+ */
+export interface SelectOptionType {
+    /** 选项值，作为唯一标识 */
+    value: string | number;
+    /** 选项显示文本 */
+    label: React.ReactNode;
+    /** 是否禁用该选项 */
+    disabled?: boolean;
+}
+export interface SelectProps<T> extends Omit<AriaSelectProps<T>, 'errorMessage' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange' | 'selectionMode' | 'children' | 'isDisabled'> {
+    /** 选择模式：single 单选 | multiple 多选 */
+    selectionMode?: SelectionMode;
+    /** 是否正在加载 */
+    loading?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 尺寸 */
+    size?: SelectSize;
+    /** 是否全宽 */
+    fullWidth?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 占位符 */
+    placeholder?: string;
+    /** 错误信息 */
+    errorMessage?: React.ReactNode;
+    /** 多选时最大展示的 Tag 数量 */
+    maxTagCount?: number;
+    /** 单选时选中的 key */
+    selectedKey?: React.Key | null;
+    /** 单选时默认选中的 key */
+    defaultSelectedKey?: React.Key;
+    /** 多选时选中的 keys */
+    selectedKeys?: Iterable<React.Key>;
+    /** 多选时默认选中的 keys */
+    defaultSelectedKeys?: Iterable<React.Key>;
+    /** 选择变化回调（单选返回 key，多选返回 Set） */
+    onSelectionChange?: (keys: SelectionType) => void;
+    /**
+     * 选项数据（推荐使用）
+     *
+     * 提供 options 时会自动渲染选项列表，无需手动编写 <Select.Item>
+     *
+     * @example
+     * ```tsx
+     * <Select
+     *   options={[
+     *     { value: 'apple', label: '苹果' },
+     *     { value: 'banana', label: '香蕉' },
+     *     { value: 'orange', label: '橙子', disabled: true },
+     *   ]}
+     * />
+     * ```
+     */
+    options?: SelectOptionType[];
+    /**
+     * 子元素（手动编写选项时使用）
+     *
+     * 推荐使用 options 属性代替 children
+     *
+     * @example
+     * ```tsx
+     * <Select>
+     *   <Select.Item key="apple">苹果</Select.Item>
+     *   <Select.Item key="banana">香蕉</Select.Item>
+     * </Select>
+     * ```
+     */
+    children?: React.ReactNode;
+}
+interface SelectComponent {
+    <T extends object>(props: SelectProps<T> & {
+        ref?: React.Ref<HTMLButtonElement>;
+    }): React.ReactElement;
+    /**
+     * 选项组件
+     *
+     * @example
+     * ```tsx
+     * <Select>
+     *   <Select.Item key="apple">苹果</Select.Item>
+     *   <Select.Item key="banana">香蕉</Select.Item>
+     * </Select>
+     * ```
+     */
+    Item: typeof Item;
+    /**
+     * 分组组件
+     *
+     * @example
+     * ```tsx
+     * <Select>
+     *   <Select.Section title="水果">
+     *     <Select.Item key="apple">苹果</Select.Item>
+     *   </Select.Section>
+     * </Select>
+     * ```
+     */
+    Section: typeof Section;
+}
+/**
+ * Select 选择器组件
+ *
+ * 基于 react-aria 实现的无障碍选择器
+ * 支持单选和多选模式
+ *
+ * @example 使用 options（推荐）
+ * ```tsx
+ * <Select
+ *   options={[
+ *     { value: 'apple', label: '苹果' },
+ *     { value: 'banana', label: '香蕉' },
+ *   ]}
+ *   onSelectionChange={(key) => console.log(key)}
+ * />
+ * ```
+ *
+ * @example 使用 Select.Item
+ * ```tsx
+ * const { Item } = Select
+ *
+ * <Select>
+ *   <Item key="apple">苹果</Item>
+ *   <Item key="banana">香蕉</Item>
+ * </Select>
+ * ```
+ */
+export declare const Select: SelectComponent;

package/dist/types/select/Select.style.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Select 样式组件
+ *
+ * 基于三层 Token 体系
+ */
+export declare const selectSizes: readonly ["sm", "md", "lg"];
+export type SelectSize = (typeof selectSizes)[number];
+export declare const SelectTrigger: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: SelectSize;
+    fullWidth?: boolean;
+    isFocused?: boolean;
+    isError?: boolean;
+    isDisabled?: boolean;
+    isHovered?: boolean;
+    isOpen?: boolean;
+    isMultiple?: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SelectValue: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isPlaceholder?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const SelectIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isOpen?: boolean;
+    size?: SelectSize;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ListBoxPopup: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ListBoxContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const OptionItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isSelected?: boolean;
+    isFocused?: boolean;
+    isDisabled?: boolean;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const OptionText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const OptionIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const LoadingWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const EmptyState: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TagsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckboxWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types/select/__tests__/Select.test.d.ts

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

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

@@ -0,0 +1,3 @@
+export { Select } from './Select';
+export type { SelectProps, SelectionMode, SelectOptionType, Selection } from './Select';
+export * from './Select.style';

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

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

package/dist/types/skeleton/Skeleton.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import { skeletonVariants, skeletonRadii, type SkeletonVariant, type SkeletonRadius } from './Skeleton.style';
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    /** Skeleton 展示形态 */
+    variant?: SkeletonVariant;
+    /** 自定义宽度，支持 number(px) 或 string */
+    width?: number | string;
+    /** 自定义高度，支持 number(px) 或 string */
+    height?: number | string;
+    /** 文本模式下的行数 */
+    lines?: number;
+    /** 是否展示骨架动画 */
+    animate?: boolean;
+    /** 方形/矩形骨架的圆角尺寸 */
+    radius?: SkeletonRadius;
+    /** 加载完成后展示真实内容 */
+    loaded?: boolean;
+    /** 加载完成后展示的真实内容 */
+    children?: ReactNode;
+}
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+export { skeletonVariants, skeletonRadii };
+export type { SkeletonVariant, SkeletonRadius };

package/dist/types/skeleton/Skeleton.style.d.ts

@@ -0,0 +1,32 @@
+export declare const skeletonVariants: readonly ["rect", "text", "circle"];
+export type SkeletonVariant = (typeof skeletonVariants)[number];
+export declare const skeletonRadii: readonly ["sm", "md", "lg", "pill"];
+export type SkeletonRadius = (typeof skeletonRadii)[number];
+type SkeletonRootProps = {
+    $variant: SkeletonVariant;
+    $animate: boolean;
+    $radius: SkeletonRadius;
+    $width?: string;
+    $height?: string;
+};
+type SkeletonLineProps = {
+    $animate: boolean;
+    $isLast: boolean;
+    $customWidth?: string;
+};
+type SkeletonStackProps = {
+    $width?: string;
+};
+export declare const SkeletonRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & SkeletonRootProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SkeletonStack: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & SkeletonStackProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SkeletonLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & SkeletonLineProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export {};

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

@@ -0,0 +1,3 @@
+export { Skeleton } from './Skeleton';
+export type { SkeletonProps, SkeletonVariant, SkeletonRadius } from './Skeleton';
+export { skeletonVariants, skeletonRadii } from './Skeleton';

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

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