@zscloud/design 0.2.0

package/dist/_icon/index.d.ts

@@ -0,0 +1,3 @@
+export * from './icon';
+export * from './app-icon';
+export * from './type';

package/dist/_icon/type.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { Color } from './_utils';
+import { Icons } from './icons-mapping';
+export type IconTypes = keyof typeof Icons;
+export interface IIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    type: IconTypes;
+    path?: string;
+    color?: Color.ISemantic | "neutral";
+    colorNumber?: Color.INeutralNumber;
+    size?: number;
+    mode?: "light" | "dark";
+    spin?: boolean;
+    state?: "enable" | "disable" | "unknown";
+}

package/dist/_utils.d.ts

@@ -0,0 +1,17 @@
+export declare function cn(...inputs: Array<string | undefined | null | false | Record<string, boolean>>): string;
+export declare function extractTextFromReactNode(node: React.ReactNode): string;
+export declare const bus: {
+  on(event: string, callback: (...args: unknown[]) => void): void;
+  off(event: string, callback: (...args: unknown[]) => void): void;
+  emit(event: string, ...args: unknown[]): void;
+};
+export declare enum Color {
+  Red = "red",
+  Green = "green",
+  Blue = "blue",
+  Yellow = "yellow",
+  Orange = "orange",
+  Gray = "gray",
+}
+export declare function getSemanticColor(color: string): string;
+export declare function getNeutralColor(color: string): string;

package/dist/components/biz/app-base/index.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { IConstantMap } from '../config';
+import { ResolvedIntlConfig } from 'react-intl';
+interface AppBaseProps {
+    children: React.ReactNode;
+    intlConfig: {
+        messages: ResolvedIntlConfig["messages"];
+        locale: string;
+    };
+    constant?: IConstantMap;
+}
+interface ConfigWrapperProps {
+    children: React.ReactNode;
+    constant?: IConstantMap;
+}
+export declare const ConfigWrapper: ({ children, constant }: ConfigWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AppBase: React.MemoExoticComponent<({ children, intlConfig, constant }: AppBaseProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/biz/config/index.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { IStateProps } from '../state';
+export interface IConstantMap {
+    constantMap: Map<string, IStateProps>;
+    constantGroupMap: Map<string, IStateProps>;
+}
+export interface ConfigProps {
+    constant?: IConstantMap;
+}
+export declare const ConfigContext: React.Context<ConfigProps>;
+export declare const ConfigProvider: React.FC<ConfigProps & {
+    children: React.ReactNode;
+}> & {
+    ConfigContext: typeof ConfigContext;
+};

package/dist/components/biz/constant/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { IStateProps } from '../state';
+export interface IConstant extends Partial<IStateProps> {
+    value: string;
+    enumType?: string;
+}
+export declare const useConstant: (value: string, enumType?: string) => IStateProps;
+export declare const Constant: React.FC<IConstant>;

package/dist/components/biz/copy/index.d.ts

@@ -0,0 +1,6 @@
+interface CopyProps {
+    onClick?: (e: React.MouseEvent) => void;
+    className?: string;
+}
+export declare const Copy: (props: CopyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/biz/date-value.d.ts

@@ -0,0 +1,5 @@
+interface DateProps {
+    children: string;
+}
+export declare const DateValue: ({ children }: DateProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/biz/dropdown-action/index.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { DropdownItem } from '../../primitive/dropdown-menu.tsx';
+interface ActionProps<T> {
+    items: DropdownItem[];
+    refetch: () => void;
+    selectedList: T[];
+    handleClickItem?: (key: string | number) => void;
+    view?: string;
+    postAction?: () => void;
+    trigger?: React.ReactNode;
+}
+export declare const MenuButton: {
+    <T>({ items, refetch, selectedList, handleClickItem, view, postAction, trigger, }: ActionProps<T>): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export {};

package/dist/components/biz/field/field-group.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export interface FieldGroupProps {
+    children: React.ReactNode;
+}
+export declare const FieldGroup: React.FC<FieldGroupProps>;

package/dist/components/biz/field/field-operations.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export type FieldOperationType = "copy" | "edit" | "refresh";
+export type FieldOperationFunc = () => void | Promise<void>;
+export type FieldOperation = [FieldOperationType, React.ReactNode, FieldOperationFunc, boolean?] | FieldOperationType;
+export interface FieldOperationsProps {
+    operations: FieldOperation[];
+    copy: () => void;
+}
+export declare const FieldOperations: React.FC<FieldOperationsProps>;

package/dist/components/biz/field/index.d.ts

@@ -0,0 +1,33 @@
+import { TooltipProps } from '../../primitive/tooltip';
+import { FieldOperation } from './field-operations';
+import { FieldGroup } from './field-group';
+import * as React from "react";
+declare const FieldPlaceholderNone: () => import("react/jsx-runtime").JSX.Element;
+declare const FieldPlaceholderDash: () => import("react/jsx-runtime").JSX.Element;
+type TooltipContent = {
+    content: React.ReactNode;
+    placement?: TooltipProps["placement"];
+} | React.ReactNode;
+export interface FieldProps {
+    children?: React.ReactNode;
+    childrenList?: React.ReactNode[];
+    className?: string;
+    label?: string;
+    labelWidth?: number;
+    operations?: FieldOperation[];
+    tooltip?: TooltipContent;
+    placeholder?: "none" | "-";
+    type?: "single" | "multi" | "tag";
+    colon?: boolean | string;
+    wrapperClassName?: string;
+    flush?: boolean;
+}
+declare const Field: React.FC<FieldProps> & {
+    Group: typeof FieldGroup;
+};
+interface FieldValueProps {
+    children: React.ReactNode;
+    placeholder?: "none" | "-";
+}
+declare const FieldValue: (props: FieldValueProps) => import("react/jsx-runtime").JSX.Element;
+export { Field, FieldPlaceholderDash, FieldPlaceholderNone, FieldValue };

package/dist/components/biz/file-upload/index.d.ts

@@ -0,0 +1 @@
+export declare const UploadFile: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/biz/file-upload/types.d.ts

@@ -0,0 +1,6 @@
+interface Chunk {
+    offset: number;
+    current: number;
+    count: number;
+    size: number;
+}

package/dist/components/biz/file-upload/utils/calc-file-hash.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 抽样计算hash值 大概是1G文件花费1S的时间
+ *
+ * 采用抽样hash的方式来计算hash
+ * 我们在计算hash的时候，将超大文件以2M进行分割获得到另一个chunks数组，
+ * 第一个元素(chunks[0])和最后一个元素(chunks[-1])我们全要了
+ * 其他的元素(chunks[1,2,3,4....])我们再次进行一个分割，这个时候的分割是一个超小的大小比如2kb，我们取* 每一个元素的头部，尾部，中间的2kb。
+ *  最终将它们组成一个新的文件，我们全量计算这个新的文件的hash值。
+ * @param file {File}
+ * @returns
+ */
+export declare function calcHashSample(file: File): Promise<unknown>;
+/**
+ * 使用分片和web-work 全量计算hash值
+ * @param file {File}
+ * @returns
+ */
+export declare function calcHashByWebWorker(file: File): Promise<unknown>;
+/**
+ * 分片 web-worker 抽样计算hash值
+ * @param file
+ * @returns
+ */
+export declare function calcHashSampleByWebWorker(file: File): Promise<unknown>;
+/**
+ * 全量计算hash值, 最慢,占用主进程
+ * @param file
+ * @returns
+ */
+export declare function calcHashSync(file: File): Promise<unknown>;
+/**
+ * 通过时间片的方式来计算hash值
+ * @param file {File}
+ * @returns
+ */
+export declare function calcHashByIdle(file: File): Promise<unknown>;

package/dist/components/biz/file-upload/utils/request.d.ts

@@ -0,0 +1,24 @@
+interface IRequest {
+    url: string;
+    method?: string;
+    data?: Document | XMLHttpRequestBodyInit | null | undefined;
+    onProgress?: ((e: ProgressEvent) => void) | undefined;
+    headers?: {
+        [key: string]: string;
+    };
+    requestList?: XMLHttpRequest[] | undefined;
+}
+export declare function request({ url, method, data, onProgress, headers, requestList, }: IRequest): Promise<unknown>;
+export declare function post(url: string, data: Document | XMLHttpRequestBodyInit | null | undefined | {
+    [key: string]: any;
+}): Promise<any>;
+/**
+ * 发送get请求
+ * @param url
+ * @param data
+ * @returns
+ */
+export declare function get(url: string, data: {
+    [key: string]: any;
+}): Promise<any>;
+export {};

package/dist/components/biz/header/header-breadcrumb.d.ts

@@ -0,0 +1,12 @@
+interface HeaderBreadcrumbProps {
+    className?: string;
+    /** 资源名称，显示为面包屑的当前页面 */
+    resourceName: string;
+    /** 资源类型，显示为面包屑的上一级 */
+    resourceType: string;
+    /** 资源列表页的路径，点击资源类型时导航到此路径 */
+    resourcePath: string;
+}
+/** 详情页头部导航栏 */
+export declare const HeaderBreadcrumb: ({ className, resourceName, resourceType, resourcePath, }: HeaderBreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/biz/header/header-detail.d.ts

@@ -0,0 +1,11 @@
+export interface HeaderDetailProps {
+    title: React.ReactNode;
+    /** 标记 title，比如 右侧渲染一个 tag  */
+    extraTitle?: React.ReactNode;
+    description: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+    icon: React.ReactNode;
+}
+/** 详情页面页头 */
+export declare const HeaderDetail: ({ title, description, className, icon, extraTitle, children, }: HeaderDetailProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/biz/header/header-page.d.ts

@@ -0,0 +1,8 @@
+export interface HeaderPageProps {
+    title: React.ReactNode;
+    description: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+}
+/** 主页面页头 */
+export declare const HeaderPage: ({ title, description, className, children, }: HeaderPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/biz/header/index.d.ts

@@ -0,0 +1,3 @@
+export * from './header-detail';
+export * from './header-page';
+export * from './header-breadcrumb';

package/dist/components/biz/helper-doc/index.d.ts

@@ -0,0 +1,8 @@
+export interface HelperDocProps {
+    /** 帮助文档链接 */
+    path: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+/** 唤醒帮助文档按钮，比如：“了解更多” */
+export declare const HelperDoc: ({ path, children, className }: HelperDocProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/biz/hooks/use-admin-uuid.d.ts

@@ -0,0 +1 @@
+export declare const useAdminUuid: () => string;

package/dist/components/biz/info/index.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+import { InfoPopoverProps } from '../info-popover';
+/**
+ * 支持的弹出位置类型，与 Tooltip 组件保持一致
+ *
+ * 基本方向：top, bottom, left, right
+ * 扩展方向：topLeft, topRight, leftTop, leftBottom, rightTop, rightBottom, bottomLeft, bottomRight
+ */
+export type InfoPlacement = "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight";
+export interface InfoProps {
+    /** 提示内容 */
+    info: React.ReactNode;
+    /** 弹出位置，支持 12 种方向 */
+    placement?: InfoPlacement;
+    /** 自定义图标类名 */
+    className?: string;
+    /** 标题（可选） */
+    title?: string;
+    /** 最大宽度 */
+    maxWidth?: number;
+    /** 最大高度 */
+    maxHeight?: number;
+    /**
+     * 触发模式
+     * - "hover": 悬停触发（默认）
+     * - "click": 点击触发
+     */
+    triggerMode?: InfoPopoverProps["triggerMode"];
+}
+/**
+ * Info - 信息提示组件
+ *
+ * 升级后的 Info 组件，底层使用 InfoPopover 实现，支持：
+ * - 长内容自动滚动
+ * - Hover 或 Click 触发
+ * - 符合 WCAG 2.1 标准
+ * - 12 种弹出位置，与 Tooltip 组件保持一致
+ *
+ * @example
+ * ```tsx
+ * // 简单用法
+ * <Info info="这是一段提示信息" />
+ *
+ * // 带标题
+ * <Info info="详细说明..." title="操作说明" />
+ *
+ * // 自定义位置
+ * <Info info="提示内容" placement="bottomRight" />
+ *
+ * // Markdown 内容
+ * <Info info={<ReactMarkdown>{markdownContent}</ReactMarkdown>} title="帮助" />
+ * ```
+ */
+declare const Info: ({ info, placement, className, title, maxWidth, maxHeight, triggerMode, }: InfoProps) => import("react/jsx-runtime").JSX.Element;
+export { Info };

package/dist/components/biz/info-popover/index.d.ts

@@ -0,0 +1,46 @@
+import * as React from "react";
+export interface InfoPopoverProps {
+    /** 内容，支持 ReactNode */
+    content: React.ReactNode;
+    /** 标题（可选，显示标题栏） */
+    title?: string;
+    /** 触发元素，默认为 info 图标按钮 */
+    trigger?: React.ReactNode;
+    /** 最大宽度，默认 400px */
+    maxWidth?: number;
+    /** 最大高度，默认 400px */
+    maxHeight?: number;
+    /** 弹出位置 */
+    side?: "top" | "right" | "bottom" | "left";
+    /** 对齐方式 */
+    align?: "start" | "center" | "end";
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义内容区域类名 */
+    contentClassName?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 受控模式：打开状态 */
+    open?: boolean;
+    /** 受控模式：打开状态变化回调 */
+    onOpenChange?: (open: boolean) => void;
+    /** 自定义 z-index */
+    zIndex?: number;
+    /** 是否显示关闭按钮，默认 true（有标题时显示） */
+    showCloseButton?: boolean;
+    /** 触发器 aria-label */
+    triggerAriaLabel?: string;
+    /**
+     * 触发模式
+     * - "click": 点击触发
+     * - "hover": 悬停触发（默认），支持鼠标移动到内容上（符合 WCAG 1.4.13）
+     */
+    triggerMode?: "click" | "hover";
+    /** hover 模式下，鼠标离开后延迟关闭的时间（毫秒），默认 300ms */
+    hoverCloseDelay?: number;
+    /** hover 模式下，鼠标进入后延迟打开的时间（毫秒），默认 150ms */
+    hoverOpenDelay?: number;
+    /** 是否显示箭头，默认 true */
+    showArrow?: boolean;
+}
+export declare const InfoPopover: React.FC<InfoPopoverProps>;

package/dist/components/biz/locale-container/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { LocaleContainerProps } from './type';
+export declare const LocaleContainer: FC<LocaleContainerProps>;

package/dist/components/biz/locale-container/type.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export type Locale = "zh-CN" | "en-US";
+export type Message = Record<string, string>;
+export interface LocaleContainerProps {
+    children: React.ReactNode;
+    currentLocale: Locale;
+    messages?: Message;
+}

package/dist/components/biz/no-data/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+declare const NoDataIndicatorLarge: () => import("react/jsx-runtime").JSX.Element;
+interface NoDataCommonLabelProps {
+    children?: React.ReactNode;
+}
+declare const NoDataCommonLabel: (props: NoDataCommonLabelProps) => import("react/jsx-runtime").JSX.Element;
+interface NoDataProps {
+    children?: React.ReactNode;
+    variant?: "large";
+}
+declare const NoData: (props: NoDataProps) => import("react/jsx-runtime").JSX.Element | null;
+export { NoDataIndicatorLarge, NoDataCommonLabel, NoData };

package/dist/components/biz/panic-fallback/index.d.ts

@@ -0,0 +1 @@
+export declare const PanicFallback: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/biz/smart-tip/index.d.ts

@@ -0,0 +1,90 @@
+import * as React from "react";
+/** 内容分析阈值配置 */
+interface ContentThresholds {
+    /** 纯文本最大字符数，超过则使用 Popover */
+    maxLength: number;
+    /** 最大行数，超过则使用 Popover */
+    maxLines: number;
+}
+/** 内容分析结果 */
+interface ContentAnalysis {
+    /** 是否应该使用 Popover */
+    shouldUsePopover: boolean;
+    /** 原因说明 */
+    reason: "markdown" | "length" | "lines" | "react_node" | "forced" | "short";
+}
+export interface SmartTipProps {
+    /** 提示内容（字符串或 ReactNode） */
+    content: React.ReactNode | string;
+    /** 是否为 Markdown 格式（Markdown 内容强制使用 Popover） */
+    markdown?: boolean;
+    /** Popover 标题（仅 Popover 模式生效） */
+    title?: string;
+    /** 触发元素 */
+    children: React.ReactNode;
+    /** 强制使用 Popover（即使内容很短） */
+    forcePopover?: boolean;
+    /** 强制使用 Tooltip（即使内容很长，不推荐） */
+    forceTooltip?: boolean;
+    /** Tooltip 位置 */
+    placement?: "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+    /** Popover 位置 */
+    popoverSide?: "top" | "right" | "bottom" | "left";
+    /** Popover 对齐方式 */
+    popoverAlign?: "start" | "center" | "end";
+    /** Popover 最大宽度 */
+    popoverMaxWidth?: number;
+    /** Popover 最大高度 */
+    popoverMaxHeight?: number;
+    /** 自定义阈值配置 */
+    thresholds?: Partial<ContentThresholds>;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义类名（应用于外层容器） */
+    className?: string;
+    /** Info 图标的显示模式 */
+    infoIconMode?: "inline" | "replace";
+    /**
+     * InfoPopover 的触发模式
+     * - "hover": 悬停触发（默认，符合用户习惯，不会导致菜单失焦）
+     * - "click": 点击触发
+     */
+    popoverTriggerMode?: "click" | "hover";
+    /**
+     * 自定义 z-index
+     * 在 Dropdown/Menu 等高层级容器内使用时，需要设置更高的 z-index（如 1080）
+     */
+    zIndex?: number;
+}
+/**
+ * SmartTip - 智能提示组件
+ *
+ * 根据内容长度和类型自动选择使用 Tooltip 或 InfoPopover：
+ * - 短文本（≤80字符，≤3行）→ Tooltip（hover 触发）
+ * - 长文本、Markdown、ReactNode → InfoPopover（click 触发）
+ *
+ * 符合 W3C/WCAG 2.1 规范：
+ * - Tooltip 用于简短的补充信息
+ * - 长内容使用可交互的 Popover
+ * - 支持键盘导航和 Escape 关闭
+ *
+ * @example
+ * ```tsx
+ * // 短文本 → 自动使用 Tooltip
+ * <SmartTip content="这是一个简短的提示">
+ *   <Button>Hover me</Button>
+ * </SmartTip>
+ *
+ * // 长文本 → 自动使用 InfoPopover
+ * <SmartTip content="这是一段很长的文字，超过80个字符后会自动切换为 Popover 模式...">
+ *   <Button>Click info icon</Button>
+ * </SmartTip>
+ *
+ * // Markdown 内容 → 强制使用 InfoPopover
+ * <SmartTip content="## 标题\n- 列表项1\n- 列表项2" markdown>
+ *   <span>操作名称</span>
+ * </SmartTip>
+ * ```
+ */
+export declare const SmartTip: React.FC<SmartTipProps>;
+export type { ContentThresholds, ContentAnalysis };

package/dist/components/biz/state/index.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { Color } from './_utils';
+import { IconName } from '@zstack/icon';
+export type IType = "queue" | "progress" | "success" | "error" | "warning" | "disabled" | "unknown" | "stopped" | "paused" | "maintenance" | "running";
+export type IStateMap = {
+    [key in IType]: {
+        color: Color.ISemantic;
+        icon: IconName;
+    };
+};
+export interface IStateProps {
+    name: string;
+    color?: {
+        color: Color.ISemantic | "neutral";
+        number?: Color.INeutralNumber | Color.ISemanticNumber;
+    };
+    type?: IType;
+    prefix?: "dot" | "icon";
+    suffix?: "icon";
+    contentType?: "text" | "tag";
+    icon?: IconName;
+    className?: string;
+}
+export declare const stateMap: IStateMap;
+export declare const State: React.FC<IStateProps>;

package/dist/components/primitive/alert-dialog.d.ts

@@ -0,0 +1,31 @@
+import { DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from './dialog';
+import { ButtonProps } from './button';
+import * as React from "react";
+declare const AlertDialog: React.FC<import('@radix-ui/react-dialog').DialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<import('@radix-ui/react-dialog').DialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogContent> {
+}
+declare const AlertDialogContent: React.ForwardRefExoticComponent<import('./dialog').DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface AlertDialogHeaderProps extends React.ComponentPropsWithoutRef<typeof DialogHeader> {
+}
+declare const AlertDialogHeader: {
+    ({ className, variant, ...props }: import('./dialog').DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface AlertDialogFooterProps extends React.ComponentPropsWithoutRef<typeof DialogFooter> {
+}
+declare const AlertDialogFooter: {
+    ({ className, variant, ...props }: import('./dialog').DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface AlertDialogTitleProps extends React.ComponentPropsWithoutRef<typeof DialogTitle> {
+}
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<import('./dialog').DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export interface AlertDialogDescriptionProps extends React.ComponentPropsWithoutRef<typeof DialogDescription> {
+}
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/components/primitive/alert.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const alertVariants: (props?: ({
+    variant?: "danger" | "warning" | "info" | "positive" | null | undefined;
+    display?: "strong" | "weak" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    children: React.ReactNode;
+    closable?: boolean;
+    /**
+     * 关闭时的回调
+     */
+    onClose?: () => void;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export { Alert };

package/dist/components/primitive/auto-complete.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+export interface AutoCompleteOption {
+    value: string;
+    label: string;
+    i18nKey?: string;
+}
+export type TriggerMode = "search" | "focus";
+export interface AutoCompleteProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "onSelect"> {
+    options: AutoCompleteOption[];
+    onChange?: (value: string) => void;
+    onSelect?: (option: AutoCompleteOption) => void;
+    /**
+     * 控制下拉框的触发方式
+     * @default "search" - 只有在用户输入内容时才显示下拉框
+     * "focus" - 在输入框获得焦点时就显示下拉框
+     */
+    triggerMode?: TriggerMode;
+}
+declare const AutoComplete: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<HTMLInputElement>>;
+export { AutoComplete };