@zscloud/design 0.2.0

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

@@ -0,0 +1,80 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const badgeVariants: (props?: ({
+    variant?: "outline" | "danger" | "alert" | "base" | "info" | "inprogress" | "increase" | "decrease" | null | undefined;
+    size?: "default" | "dot" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    /**
+     * 徽标变体
+     * - base: 基础徽标（灰色背景）
+     * - outline: 描边徽标（透明背景 + 灰色边框）
+     * - info: 提示徽标（蓝色）
+     * - danger: 危险徽标（红色）
+     * - alert: 警告徽标（橙色）
+     * - inprogress: 进行中徽标（蓝色）
+     * - increase: 增加徽标（绿色背景）
+     * - decrease: 减少徽标（红色背景）
+     */
+    variant?: "base" | "outline" | "info" | "danger" | "alert" | "inprogress" | "increase" | "decrease";
+    /**
+     * 徽标尺寸
+     * - default: 默认尺寸（16px 高度）
+     * - dot: 圆点尺寸（8px）
+     */
+    size?: "default" | "dot";
+    /**
+     * 徽标内容（数字或文本）
+     */
+    count?: number | string;
+    /**
+     * 最大显示数字，超过显示为 {max}+
+     * @default 99
+     */
+    max?: number;
+    /**
+     * 是否显示为圆点
+     */
+    dot?: boolean;
+}
+/**
+ * Badge 徽标组件
+ *
+ * 用于显示数字、状态或其他简短信息的小型徽标。
+ *
+ * @example
+ * ```tsx
+ * // 基础用法
+ * <Badge count={5} />
+ *
+ * // 不同变体
+ * <Badge variant="danger" count={12} />
+ * <Badge variant="info" count={99} />
+ *
+ * // 描边徽标（透明背景 + 边框）
+ * <Badge variant="outline" count="默认" />
+ *
+ * // 圆点徽标
+ * <Badge dot />
+ * <Badge variant="danger" dot />
+ *
+ * // 自定义最大值
+ * <Badge count={100} max={99} /> // 显示 99+
+ *
+ * // 增减徽标
+ * <Badge variant="increase" count="+188" />
+ * <Badge variant="decrease" count="-122" />
+ * ```
+ */
+export declare const Badge: ({ children, className, variant, size: sizeProp, count, max, dot, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;
+/**
+ * BadgeDot 圆点徽标组件（Badge 的快捷方式）
+ *
+ * @example
+ * ```tsx
+ * <BadgeDot />
+ * <BadgeDot variant="danger" />
+ * ```
+ */
+export declare const BadgeDot: ({ variant, className, ...rest }: Omit<BadgeProps, "dot" | "count" | "max" | "size">) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,26 @@
+import * as React from "react";
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbBackLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbDivider: {
+    ({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbBackLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, BreadcrumbDivider, };

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "primary" | "subtle" | "outline" | "secondary" | "danger" | "ghost" | "ghost2" | null | undefined;
+    size?: "small" | "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    /** 按钮图标，显示在文字前面 */
+    icon?: React.ReactNode;
+    /** 加载状态，显示 Loader 并禁用按钮 */
+    loading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

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

@@ -0,0 +1,8 @@
+import { DayPicker } from 'react-day-picker';
+import * as React from "react";
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export { Calendar };

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

@@ -0,0 +1,27 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const cardVariants: (props?: ({
+    variant?: "default" | "create" | "detail" | "plain" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const cardContentVariants: (props?: ({
+    variant?: "default" | "create" | "detail" | "plain" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare function useCardContext(): {
+    isCollapsed: boolean;
+    toggleCollapse: () => void;
+};
+export declare function CardProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardCollapseIndicator: React.ForwardRefExoticComponent<React.HTMLAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardContentVariants> {
+}
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, cardVariants, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, cardContentVariants, CardCollapseIndicator, };

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

@@ -0,0 +1,117 @@
+import * as React from "react";
+/**
+ * Cascader 选项接口
+ */
+export interface CascaderOption {
+    value: string | number;
+    label: React.ReactNode;
+    disabled?: boolean;
+    children?: CascaderOption[];
+    isLeaf?: boolean;
+    searchLabel?: string;
+}
+/**
+ * 字段名自定义配置
+ */
+export interface CascaderFieldNames {
+    label?: string;
+    value?: string;
+    children?: string;
+}
+/**
+ * Cascader 组件属性接口 - 单选模式
+ */
+export interface CascaderSingleProps {
+    /** 是否多选 */
+    multiple?: false;
+    /** 当前选中的值 (单选为路径数组) */
+    value?: (string | number)[];
+    /** 默认选中的值 */
+    defaultValue?: (string | number)[];
+    /** 选择变化时的回调 */
+    onChange?: (value: (string | number)[], selectedOptions: CascaderOption[]) => void;
+}
+/**
+ * Cascader 组件属性接口 - 多选模式
+ */
+export interface CascaderMultipleProps {
+    /** 是否多选 */
+    multiple: true;
+    /** 当前选中的值 (多选为路径数组的数组) */
+    value?: (string | number)[][];
+    /** 默认选中的值 */
+    defaultValue?: (string | number)[][];
+    /** 选择变化时的回调 */
+    onChange?: (value: (string | number)[][], selectedOptions: CascaderOption[][]) => void;
+}
+/**
+ * Cascader 通用属性接口
+ */
+export interface CascaderBaseProps {
+    /** 可选项数据源 */
+    options: CascaderOption[];
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否支持清除 */
+    allowClear?: boolean;
+    /** 是否显示搜索框 */
+    showSearch?: boolean;
+    /** 搜索框占位符 */
+    searchPlaceholder?: string;
+    /** 展开触发方式 */
+    expandTrigger?: "click" | "hover";
+    /** 自定义显示渲染函数 */
+    displayRender?: (labels: React.ReactNode[], selectedOptions: CascaderOption[]) => React.ReactNode;
+    /** 动态加载数据 */
+    loadData?: (selectedOptions: CascaderOption[]) => Promise<void>;
+    /** 自定义类名 */
+    className?: string;
+    /** 下拉面板自定义类名 */
+    dropdownClassName?: string;
+    /** 空状态内容 */
+    notFoundContent?: React.ReactNode;
+    /** 是否可以选择父节点 */
+    changeOnSelect?: boolean;
+    /** 自定义字段名 */
+    fieldNames?: CascaderFieldNames;
+    /** 清除时的回调 */
+    onClear?: () => void;
+    /** 自定义 z-index */
+    zIndex?: number;
+    /** 是否禁用自动 z-index 管理 */
+    disableAutoZIndex?: boolean;
+    /** 控制哪些选项显示复选框（多选模式），默认所有选项都显示 */
+    checkable?: boolean | ((option: CascaderOption, level: number) => boolean);
+    /** 下拉框打开/关闭时的回调 */
+    onOpenChange?: (open: boolean) => void;
+}
+export type CascaderProps = CascaderBaseProps & (CascaderSingleProps | CascaderMultipleProps);
+/**
+ * Cascader 级联选择器组件
+ *
+ * 支持多级级联选择，可配置为点击或悬停展开下一级
+ *
+ * @example
+ * ```tsx
+ * // 单选模式
+ * <Cascader
+ *   options={options}
+ *   value={['beijing', 'chaoyang']}
+ *   onChange={(value, options) => console.log(value)}
+ *   placeholder="请选择地区"
+ * />
+ *
+ * // 多选模式
+ * <Cascader
+ *   multiple
+ *   options={options}
+ *   value={[['beijing', 'chaoyang'], ['shanghai', 'pudong']]}
+ *   onChange={(value, options) => console.log(value)}
+ *   placeholder="请选择地区"
+ * />
+ * ```
+ */
+export declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<HTMLButtonElement>>;
+export default Cascader;

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

@@ -0,0 +1,62 @@
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => import("react/jsx-runtime").JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType> & {
+    accessibilityLayer?: boolean;
+    active?: boolean | undefined;
+    includeHidden?: boolean | undefined;
+    allowEscapeViewBox?: import('recharts/types/util/types').AllowInDimension;
+    animationDuration?: import('recharts/types/util/types').AnimationDuration;
+    animationEasing?: import('recharts/types/util/types').AnimationTiming;
+    content?: import('recharts/types/component/Tooltip').ContentType<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType> | undefined;
+    coordinate?: Partial<import('recharts/types/util/types').Coordinate>;
+    cursor?: boolean | React.ReactElement | React.SVGProps<SVGElement>;
+    filterNull?: boolean;
+    defaultIndex?: number;
+    isAnimationActive?: boolean;
+    offset?: number;
+    payloadUniqBy?: import('recharts/types/util/payload/getUniqPayload').UniqueOption<import('recharts/types/component/DefaultTooltipContent').Payload<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType>> | undefined;
+    position?: Partial<import('recharts/types/util/types').Coordinate>;
+    reverseDirection?: import('recharts/types/util/types').AllowInDimension;
+    shared?: boolean;
+    trigger?: "hover" | "click";
+    useTranslate3d?: boolean;
+    viewBox?: import('recharts/types/util/types').CartesianViewBox;
+    wrapperStyle?: React.CSSProperties;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

package/dist/components/primitive/checkbox-group.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export type CheckboxGroupItem = {
+    label: React.ReactNode;
+    value: string;
+    tooltip?: React.ReactNode;
+    disabled?: boolean;
+};
+interface CheckboxGroupProps {
+    items: CheckboxGroupItem[];
+    value: string[];
+    onChange: (value: string[]) => void;
+}
+declare const CheckboxGroup: (props: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+export { CheckboxGroup };

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    indeterminate?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/components/primitive/code-editor/index.d.ts

@@ -0,0 +1,67 @@
+import { ReactCodeMirrorProps } from '@uiw/react-codemirror';
+import { langs } from '@uiw/codemirror-extensions-langs';
+import * as React from "react";
+export type SupportedLanguage = keyof typeof langs;
+interface CodeEditorContextValue {
+    language: SupportedLanguage;
+    code: string;
+    setCode: (code: string) => void;
+    isFullscreen: boolean;
+    setIsFullscreen: (value: boolean) => void;
+    id: string;
+    editable: boolean;
+    placeholder?: string | HTMLElement;
+}
+export declare const useCodeEditor: () => CodeEditorContextValue;
+export interface CodeEditorProps extends Omit<ReactCodeMirrorProps, "extensions" | "value" | "onChange"> {
+    /** 支持的语言，默认 javascript */
+    language?: SupportedLanguage;
+    variant?: "default";
+    size?: "sm" | "md" | "lg";
+    /** 渲染的文本代码 */
+    value?: string;
+    onChange?: (value: string) => void;
+    /** 是否全屏模式，用于受控模式 */
+    isFullscreen?: boolean;
+    /** 全屏状态变化的回调，用于受控模式 */
+    onFullscreenChange?: (isFullscreen: boolean) => void;
+    additionalExtensions?: ReactCodeMirrorProps["extensions"];
+    className?: string;
+    /** 是否可编辑 */
+    editable?: boolean;
+    /** 是否自动换行，默认 false */
+    lineWrapping?: boolean;
+}
+export interface CodeEditorComposition {
+    Toolbar: typeof CodeEditorToolbar & {
+        Button: typeof ToolbarButton;
+    };
+    FullscreenPreview: typeof CodeEditorFullscreenPreview;
+}
+export declare const CodeEditor: React.FC<CodeEditorProps> & CodeEditorComposition;
+interface CodeEditorToolbarType extends React.FC<CodeEditorToolbarProps> {
+    Button: typeof ToolbarButton;
+}
+interface CodeEditorToolbarProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const CodeEditorToolbar: CodeEditorToolbarType;
+interface ToolbarButtonProps extends React.ButtonHTMLAttributes<SVGElement> {
+    variant: "fullscreen";
+    active?: boolean;
+    className?: string;
+}
+declare const ToolbarButton: React.FC<ToolbarButtonProps>;
+interface CodeEditorFullscreenPreviewProps {
+    /** 弹窗标题 */
+    title: React.ReactNode;
+    /** 是否打开全屏预览，不提供则使用内部状态 */
+    open?: boolean;
+    /** 打开状态变化的回调 */
+    onOpenChange?: (open: boolean) => void;
+    /** 底部确认按钮文案 */
+    confirmText?: string;
+}
+declare const CodeEditorFullscreenPreview: React.FC<CodeEditorFullscreenPreviewProps>;
+export default CodeEditor;

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+export declare function useCollapseContext(): {
+    isExpanded: boolean;
+    toggleExpand: () => void;
+};
+declare const Collapse: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface CollapseItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+}
+declare const CollapseItem: React.ForwardRefExoticComponent<CollapseItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapseTrigger: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface CollapseContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    forceRender?: boolean;
+}
+declare const CollapseContent: React.ForwardRefExoticComponent<CollapseContentProps & React.RefAttributes<HTMLDivElement>>;
+export { Collapse, CollapseItem, CollapseTrigger, CollapseContent, type CollapseContentProps, };

package/dist/components/primitive/context-menu.d.ts

@@ -0,0 +1,48 @@
+import * as React from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface ContextMenuContentProps extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> {
+    open?: boolean;
+    zIndex?: number;
+    disableAutoZIndex?: boolean;
+}
+declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface ContextMenuItem {
+    key: string | number;
+    label?: React.ReactNode;
+    disabled?: boolean;
+    tooltip?: React.ReactNode;
+    type?: "item" | "group" | "separator";
+    children?: ContextMenuItem[];
+    [key: string]: unknown;
+}
+interface ContextMenuSimpleProps {
+    items: ContextMenuItem[];
+    children: React.ReactNode;
+    onSelect: (event: ContextMenuItem) => void;
+    className?: string;
+}
+declare const ContextMenuSimple: (props: ContextMenuSimpleProps) => import("react/jsx-runtime").JSX.Element;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, ContextMenuSimple, type ContextMenuSimpleProps, type ContextMenuItem as ContextMenuItemType, };

package/dist/components/primitive/date-picker.d.ts

@@ -0,0 +1,44 @@
+import { PopoverPortal } from '@radix-ui/react-popover';
+import * as React from "react";
+export interface DisabledTimeConfig {
+    disabledHours?: () => number[];
+    disabledMinutes?: () => number[];
+    disabledSeconds?: () => number[];
+}
+export interface DatePickerProps {
+    /** 当前值 — 支持 Date / Moment-like / undefined */
+    value?: unknown;
+    /** 值变更回调，返回类型与输入类型一致 */
+    onChange?: (val: unknown) => void;
+    /**
+     * 首次选择时用于创建初始值的工厂函数。
+     * 传入 `() => moment()` 即可让返回值始终是 moment 对象。
+     */
+    createValue?: () => unknown;
+    /** 是否显示时间选择面板 */
+    showTime?: boolean;
+    /** 是否显示「此刻」按钮 */
+    showNow?: boolean;
+    /** 日期禁用判断（接收 Date 对象） */
+    disabledDate?: (date: Date) => boolean;
+    /** 时间禁用配置（接收 Date 对象） */
+    disabledTime?: (date: Date) => DisabledTimeConfig;
+    /** 占位文本 */
+    placeholder?: string;
+    /** 显示格式 — 仅用于 trigger 文本展示 */
+    format?: string;
+    /** 禁用 */
+    disabled?: boolean;
+    /** 允许清除 */
+    allowClear?: boolean;
+    /** 自定义 className */
+    className?: string;
+    /** 宽度 */
+    width?: number | string;
+    /** Popover portal props */
+    popoverPortalProps?: React.ComponentPropsWithoutRef<typeof PopoverPortal>;
+}
+export declare function DatePicker({ value, onChange, createValue, showTime, showNow, disabledDate, disabledTime, placeholder, format: _format, disabled, allowClear, className, width, popoverPortalProps, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DatePicker {
+    var displayName: string;
+}

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

@@ -0,0 +1,66 @@
+import { VariantProps } from 'class-variance-authority';
+import { DialogProps } from '@radix-ui/react-dialog';
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: React.FC<DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    zIndex?: number;
+    dialogPortalProps?: React.ComponentPropsWithoutRef<typeof DialogPortal>;
+    disableAutoZIndex?: boolean;
+}
+declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const dialogHeaderVariants: (props?: ({
+    variant?: "primary" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogHeaderVariants> {
+}
+declare const DialogHeader: {
+    ({ className, variant, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const dialogFooterVariants: (props?: ({
+    variant?: "primary" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogFooterVariants> {
+}
+declare const DialogFooter: {
+    ({ className, variant, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const dialogTitleVariants: (props?: ({
+    variant?: "normal" | "weak" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DialogTitleProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>, VariantProps<typeof dialogTitleVariants> {
+}
+declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const dialogBannerVariants: (props?: ({
+    variant?: "danger" | "warning" | "info" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DialogBannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogBannerVariants> {
+    children: React.ReactNode;
+}
+declare const DialogBanner: ({ children, variant, className, ...props }: DialogBannerProps) => import("react/jsx-runtime").JSX.Element;
+export type DialogDividerProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DialogDivider: ({ ...props }: DialogDividerProps) => import("react/jsx-runtime").JSX.Element;
+export interface DialogScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const DialogScrollArea: ({ className, children, ...props }: DialogScrollAreaProps) => import("react/jsx-runtime").JSX.Element;
+declare const dialogBodyVariants: (props?: ({
+    variant?: "primary" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogBodyVariants> {
+    children: React.ReactNode;
+}
+declare const DialogBody: ({ children, variant, className }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+export interface DialogHeaderLargeProps {
+    title: string;
+    setVisible: (visible: boolean) => void;
+}
+declare const DialogHeaderLarge: ({ title, setVisible }: DialogHeaderLargeProps) => import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogHeaderLarge, DialogFooter, DialogTitle, DialogDescription, DialogBanner, DialogDivider, DialogBody, DialogScrollArea, };

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const dividerVariants: (props?: ({
+    type?: "horizontal" | "vertical" | null | undefined;
+    dashed?: boolean | null | undefined;
+    orientation?: "center" | "left" | "right" | null | undefined;
+    withText?: boolean | null | undefined;
+    plain?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DividerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dividerVariants> {
+    children?: React.ReactNode;
+}
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
+export { Divider, dividerVariants };