sparkdesign 0.4.3 → 0.4.5

package/dist/src/components/basic/AlertDialog/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * [INPUT]: (AlertDialogContentProps, AlertDialogActionProps 等)
+ * [OUTPUT]: (JSX.Element) - 确认对话框，基于 Registry 单一来源；主库额外提供 AlertDialogMedia
+ * [POS]: components/foundation/AlertDialog - 从 registry 再导出 + Media 占位 + 注入 useThemeStyle
+ *
+ * [PROTOCOL]:
+ * 1. 实现来自根目录 registry/basic/alert-dialog.tsx，主库注入 useThemeStyle 使 Portal 随 ThemeStyleProvider
+ * 2. AlertDialogMedia 为 registry 未提供的扩展，保留在主库薄实现
+ */
+import * as React from 'react';
+import { AlertDialog as AlertDialogRoot, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from '../../../../registry/basic/alert-dialog';
+export { AlertDialogRoot as AlertDialog, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<import(".").AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { AlertDialogContent };
+export type { AlertDialogContentProps, AlertDialogActionProps } from '../../../../registry/basic/alert-dialog';
+export type AlertDialogHeaderProps = React.ComponentPropsWithoutRef<typeof AlertDialogHeader>;
+export type AlertDialogFooterProps = React.ComponentPropsWithoutRef<typeof AlertDialogFooter>;
+export type AlertDialogMediaProps = React.HTMLAttributes<HTMLDivElement>;
+declare const AlertDialogMedia: React.ForwardRefExoticComponent<AlertDialogMediaProps & React.RefAttributes<HTMLDivElement>>;
+export { AlertDialogMedia };

package/dist/src/components/basic/Avatar/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (AvatarProps, AvatarImageProps 等)
+ * [OUTPUT]: (JSX.Element) - 头像，基于 Registry 单一来源
+ * [POS]: components/foundation/Avatar - 从 registry 再导出
+ */
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, avatarVariants, } from '../../../../registry/basic/avatar';
+export type { AvatarProps, AvatarImageProps, AvatarFallbackProps, AvatarBadgeProps, AvatarGroupProps, AvatarGroupCountProps, } from '../../../../registry/basic/avatar';

package/dist/src/components/basic/Button/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (ButtonProps)
+ * [OUTPUT]: (JSX.Element) - 基础按钮，基于 Registry 单一来源
+ * [POS]: components/foundation/Button - 从 registry 再导出
+ */
+export { Button, buttonVariants } from '../../../../registry/basic/button';
+export type { ButtonProps } from '../../../../registry/basic/button';

package/dist/src/components/basic/Collapse/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * [INPUT]: (CollapseProps, CollapseItemProps 等)
+ * [OUTPUT]: (JSX.Element) - 折叠面板，基于 Registry 单一来源
+ * [POS]: components/foundation/Collapse - 从 registry 再导出
+ *
+ * [PROTOCOL]:
+ * 1. 实现来自根目录 registry/basic/collapse.tsx，主库仅 re-export
+ */
+import * as React from 'react';
+import { Collapse, CollapseItem, CollapseTrigger, CollapseContent } from '../../../../registry/basic/collapse';
+export { Collapse, CollapseItem, CollapseTrigger, CollapseContent };
+export type CollapseProps = React.ComponentPropsWithoutRef<typeof Collapse>;
+export type CollapseItemProps = React.ComponentPropsWithoutRef<typeof CollapseItem>;
+export type CollapseTriggerProps = React.ComponentPropsWithoutRef<typeof CollapseTrigger>;
+export type CollapseContentProps = React.ComponentPropsWithoutRef<typeof CollapseContent>;

package/dist/src/components/basic/Collapsible/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (Collapsible 受控/非受控 props)
+ * [OUTPUT]: (JSX.Element) - Radix Collapsible 原始组件，基于 Registry 单一来源
+ * [POS]: components/foundation/Collapsible - 从 registry 再导出（单面板展开/收起）
+ * 与 Collapse（手风琴多面板）不同；与 CollapsibleSection（带标题/描述/滚动）不同。
+ */
+export { Collapsible, CollapsibleTrigger, CollapsibleContent, } from '../../../../registry/basic/collapsible';

package/dist/src/components/basic/CollapsibleCard/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (CollapsibleCardProps)
+ * [OUTPUT]: (JSX.Element)
+ * [POS]: components/basic/CollapsibleCard - 通用折叠卡片，从 registry/basic 再导出
+ */
+export { CollapsibleCard, } from '../../../../registry/basic/collapsible-card';
+export type { CollapsibleCardProps } from '../../../../registry/basic/collapsible-card';

package/dist/src/components/basic/CollapsibleSection/index.d.ts

@@ -0,0 +1,43 @@
+/**
+ * [INPUT]: (CollapsibleSectionProps) - 标题、描述、内容、折叠状态
+ * [OUTPUT]: (JSX.Element) - 可折叠区块（标题栏 + 动画展开/收起的内容区）
+ * [POS]: components/CollapsibleSection - 基础可折叠面板，被 TaskMonitor 等业务组件使用
+ *
+ * [PROTOCOL]:
+ * 1. 文件逻辑变更时必须同步更新此 Header
+ * 2. 更新后必须上浮检查 L2（components/CLAUDE.md）、L1（qoder-design/CLAUDE.md）文档
+ * 3. Token 使用检查：所有颜色是否使用 token
+ * 4. 类型导出检查：CollapsibleSectionProps 是否完整导出
+ */
+import { type ReactNode } from 'react';
+export interface CollapsibleSectionProps {
+    /** 区块标题 */
+    title: string;
+    /** 展开时的描述文案（可选） */
+    description?: string;
+    /** 展开时的内容区域 */
+    children?: ReactNode;
+    /** 是否展开 */
+    open: boolean;
+    /** 切换展开/收起 */
+    onToggle: () => void;
+    /** 是否为最后一项（最后一项无底部分割线） */
+    isLast?: boolean;
+    /** 自定义 className */
+    className?: string;
+    /** 无障碍：内容区 id，不传则自动生成 */
+    id?: string;
+    /**
+     * 内容区最大高度（px），超出时内部滚动并显示上下渐变遮罩。
+     * 不传则无高度限制、不产生内部滚动。
+     */
+    contentMaxHeight?: number;
+    /**
+     * 吸底节点（如「查看全部」按钮）。与 contentMaxHeight 同时传入时，内容区为「可滚动列表 + 底部固定 footer」布局。
+     */
+    footer?: ReactNode;
+}
+export declare function CollapsibleSection({ title, description, children, open, onToggle, isLast, className, id: idProp, contentMaxHeight, footer, }: CollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CollapsibleSection {
+    var displayName: string;
+}

package/dist/src/components/basic/DropdownMenu/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * [INPUT]: (Radix DropdownMenu + 各子组件 props)
+ * [OUTPUT]: (JSX.Element) - 下拉菜单，基于 Registry 单一来源
+ * [POS]: components/foundation/DropdownMenu - 从 registry 再导出，SubTrigger 注入 IconsProvider，Content 注入 useThemeStyle
+ *
+ * [PROTOCOL]:
+ * 1. 实现来自根目录 registry/basic/dropdown-menu.tsx；主库 Content 注入 useThemeStyle 使 Portal 随 ThemeStyleProvider
+ * 2. SubTrigger 未传 subTriggerIcon 时使用 useIcon('arrowRight')
+ */
+import * as React from 'react';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubTrigger as RegistryDropdownMenuSubTrigger, DropdownMenuRadioGroup } from '../../../../registry/basic/dropdown-menu';
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("../../../../registry/basic/dropdown-menu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function DropdownMenuSubTriggerWithIcon(props: React.ComponentPropsWithoutRef<typeof RegistryDropdownMenuSubTrigger>): import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("../../../../registry/basic/dropdown-menu").DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTriggerWithIcon as DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+export type DropdownMenuItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuItem>;
+export type DropdownMenuSubTriggerProps = React.ComponentPropsWithoutRef<typeof RegistryDropdownMenuSubTrigger>;
+export type DropdownMenuSubContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuSubContent>;
+export type DropdownMenuLabelProps = React.ComponentPropsWithoutRef<typeof DropdownMenuLabel>;

package/dist/src/components/basic/EllipsisText/index.d.ts

@@ -0,0 +1,53 @@
+/**
+ * [INPUT]: (EllipsisTextProps)
+ * [OUTPUT]: (JSX.Element) - 超长省略文本，溢出时 hover 显示 tooltip
+ * [POS]: components/foundation/EllipsisText
+ *
+ * [PROTOCOL]:
+ * 1. 文件逻辑变更时必须同步更新此 Header
+ * 2. 更新后必须上浮检查 L2、L1 文档
+ * 3. Token 使用检查：所有样式使用 Tailwind 类名（设计 token）
+ * 4. 类型导出检查：EllipsisTextProps 是否完整导出
+ *
+ * 设计规范（Spark Design）:
+ * - lines: 1 单行省略，>1 多行 -webkit-line-clamp
+ * - placement: top | bottom | left | right，仅溢出时显示 tooltip
+ * - 仅溢出时用 foundation Tooltip 组件展示气泡，样式与行为统一
+ *
+ * Theme 支持:
+ * - 由 Tooltip 内部 useThemeStyle 注入 data-style/data-theme
+ */
+import { type ReactNode, type CSSProperties } from 'react';
+export interface EllipsisTextProps {
+    /** 要显示的文本内容 */
+    children: ReactNode;
+    /**
+     * 最大显示行数，超出会显示省略号
+     * @default 1
+     */
+    lines?: number;
+    /** 容器额外类名 */
+    className?: string;
+    /**
+     * Tooltip 弹出方向
+     * @default 'top'
+     */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    /** Tooltip 内容额外类名 */
+    tooltipClassName?: string;
+    /** 自定义 tooltip 内容，默认使用 children */
+    tooltipContent?: ReactNode;
+    /**
+     * 是否禁用 tooltip
+     * @default false
+     */
+    disabled?: boolean;
+    /** 容器行内样式 */
+    style?: CSSProperties;
+    /**
+     * 文本元素的标签类型
+     * @default 'span'
+     */
+    as?: 'span' | 'div' | 'p';
+}
+export declare const EllipsisText: import("react").ForwardRefExoticComponent<EllipsisTextProps & import("react").RefAttributes<HTMLElement>>;

package/dist/src/components/basic/IconButton/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (IconButtonProps)
+ * [OUTPUT]: (JSX.Element) - 图标按钮，基于 Registry 单一来源
+ * [POS]: components/foundation/IconButton - 从 registry 再导出
+ */
+export { IconButton, iconButtonVariants } from '../../../../registry/basic/icon-button';
+export type { IconButtonProps } from '../../../../registry/basic/icon-button';

package/dist/src/components/basic/Kbd/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (KbdProps, KbdGroupProps)
+ * [OUTPUT]: (JSX.Element) - 键盘按键样式，基于 Registry 单一来源
+ * [POS]: components/foundation/Kbd - 从 registry 再导出
+ */
+export { Kbd, KbdGroup } from '../../../../registry/basic/kbd';
+export type { KbdProps, KbdGroupProps } from '../../../../registry/basic/kbd';

package/dist/src/components/basic/OptionList/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (OptionListProps)
+ * [OUTPUT]: (JSX.Element) - 选项列表，基于 Registry 单一来源
+ * [POS]: components/foundation/OptionList - 从 registry 再导出
+ */
+export { OptionList } from '../../../../registry/basic/option-list';
+export type { OptionListProps, OptionItem } from '../../../../registry/basic/option-list';

package/dist/src/components/basic/Pagination/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (PaginationLinkProps 等)
+ * [OUTPUT]: (JSX.Element) - 分页导航，基于 Registry 单一来源
+ * [POS]: components/foundation/Pagination - 从 registry 再导出
+ */
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationEllipsis, } from '../../../../registry/basic/pagination';
+export type { PaginationLinkProps, PaginationPreviousProps, PaginationNextProps, } from '../../../../registry/basic/pagination';

package/dist/src/components/basic/Progress/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (ProgressProps)
+ * [OUTPUT]: (JSX.Element) - 进度条，基于 Registry 单一来源
+ * [POS]: components/foundation/Progress - 从 registry 再导出
+ */
+export { Progress } from '../../../../registry/basic/progress';
+export type { ProgressProps } from '../../../../registry/basic/progress';

package/dist/src/components/basic/RadioGroup/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (RadioGroupProps, RadioGroupItemProps)
+ * [OUTPUT]: (JSX.Element) - 单选组，基于 Registry 单一来源
+ * [POS]: components/foundation/RadioGroup - 从 registry 再导出
+ */
+export { RadioGroup, RadioGroupItem, radioGroupVariants, radioGroupItemVariants, } from '../../../../registry/basic/radio-group';
+export type { RadioGroupProps, RadioGroupItemProps } from '../../../../registry/basic/radio-group';

package/dist/src/components/basic/Resizable/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (ResizablePanelGroupProps | ResizablePanelProps | ResizableHandleProps)
+ * [OUTPUT]: (JSX.Element) - 可调整面板，基于 Registry 单一来源
+ * [POS]: components/foundation/Resizable - 从 registry 再导出
+ */
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle, } from '../../../../registry/basic/resizable';
+export type { ResizablePanelGroupProps, ResizablePanelProps, ResizableHandleProps, } from '../../../../registry/basic/resizable';

package/dist/src/components/basic/Scrollbar/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (ScrollbarProps)
+ * [OUTPUT]: (JSX.Element) - 带美化滚动条的容器，基于 Registry 单一来源
+ * [POS]: components/foundation/Scrollbar - 从 registry 再导出
+ */
+export { Scrollbar } from '../../../../registry/basic/scrollbar';
+export type { ScrollbarProps, ScrollbarVisibility } from '../../../../registry/basic/scrollbar';

package/dist/src/components/basic/Select/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * [INPUT]: (SelectProps, SelectTriggerProps 等)
+ * [OUTPUT]: (JSX.Element) - 下拉选择器，基于 Registry 单一来源
+ * [POS]: components/foundation/Select - 从 registry 再导出，Content 注入 useThemeStyle 使 Portal 随 ThemeStyleProvider
+ *
+ * [PROTOCOL]:
+ * 1. 实现来自根目录 registry/basic/select.tsx；主库 SelectContent 注入 useThemeStyle
+ */
+import * as React from 'react';
+import { Select, SelectGroup, SelectValue, SelectTrigger, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton } from '../../../../registry/basic/select';
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-select").SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    dataStyle?: string;
+    dataTheme?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+export type { SelectTriggerProps } from '../../../../registry/basic/select';
+export type { SelectProps, SelectValueProps, SelectContentProps, SelectLabelProps, SelectSeparatorProps, SelectGroupProps, SelectItemProps, } from '@radix-ui/react-select';

package/dist/src/components/basic/ShimmeringText/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (ShimmeringTextProps)
+ * [OUTPUT]: (JSX.Element) - 带渐变闪烁效果的动画文本组件，基于 Registry 单一来源
+ * [POS]: components/basic/ShimmeringText - 从 registry 再导出
+ */
+export { ShimmeringText } from '../../../../registry/basic/shimmering-text';
+export type { ShimmeringTextProps } from '../../../../registry/basic/shimmering-text';

package/dist/src/components/basic/SidebarMenu/index.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarMenuProps as RegistrySidebarMenuProps, SidebarMenuItem, SidebarMenuItemAction } from '../../../../registry/basic/sidebar-menu';
+export type { SidebarMenuItem, SidebarMenuItemAction };
+export type SidebarMenuProps = Omit<RegistrySidebarMenuProps, 'moreIcon'>;
+export declare const SidebarMenu: import("react").ForwardRefExoticComponent<SidebarMenuProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/basic/Skeleton/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (SkeletonProps)
+ * [OUTPUT]: (JSX.Element) - 骨架屏，基于 Registry 单一来源
+ * [POS]: components/foundation/Skeleton - 从 registry 再导出
+ */
+export { Skeleton, skeletonVariants } from '../../../../registry/basic/skeleton';
+export type { SkeletonProps } from '../../../../registry/basic/skeleton';

package/dist/src/components/basic/Slider/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (SliderProps)
+ * [OUTPUT]: (JSX.Element) - 滑块，基于 Registry 单一来源
+ * [POS]: components/foundation/Slider - 从 registry 再导出
+ */
+export { Slider } from '../../../../registry/basic/slider';
+export type { SliderProps } from '../../../../registry/basic/slider';

package/dist/src/components/basic/Spinner/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (SpinnerProps)
+ * [OUTPUT]: (JSX.Element) - 加载指示器，基于 Registry 单一来源
+ * [POS]: components/foundation/Spinner - 从 registry 再导出
+ */
+export { Spinner } from '../../../../registry/basic/spinner';
+export type { SpinnerProps } from '../../../../registry/basic/spinner';

package/dist/src/components/basic/Switch/index.d.ts

@@ -0,0 +1,38 @@
+/**
+ * [INPUT]: (SwitchProps) - toggle 用 registry；segment 主库保留（含 FunctionSwitch）
+ * [OUTPUT]: (JSX.Element) - 布尔开关或分段切换
+ * [POS]: components/foundation/Switch
+ *
+ * variant=toggle：从 registry 再导出并包一层 data-style/data-theme。
+ * variant=segment：主库实现，默认图标用 registry icons-inline。
+ */
+import * as React from 'react';
+import type { SwitchProps as RegistrySwitchProps } from '../../../../registry/basic/switch';
+export type FunctionSwitchValue = 'code' | 'preview';
+export type FunctionSwitchSize = 'sm' | 'md';
+export interface SegmentOption {
+    value: string;
+    icon?: React.ReactNode;
+    label: string;
+}
+export interface SwitchProps extends Omit<RegistrySwitchProps, 'size'> {
+    variant?: 'toggle' | 'segment';
+    size?: 'md' | 'lg';
+    options?: SegmentOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    segmentSize?: FunctionSwitchSize;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLDivElement>>;
+/** @deprecated 使用 <Switch variant="segment" /> 替代 */
+export interface FunctionSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    size?: FunctionSwitchSize;
+    value?: FunctionSwitchValue;
+    defaultValue?: FunctionSwitchValue;
+    onValueChange?: (value: FunctionSwitchValue) => void;
+    disabled?: boolean;
+}
+/** @deprecated 使用 <Switch variant="segment" value={...} onValueChange={...} /> 替代 */
+declare function FunctionSwitch({ size, value, defaultValue, onValueChange, disabled, className, ...rest }: FunctionSwitchProps): import("react/jsx-runtime").JSX.Element;
+export { Switch, FunctionSwitch };

package/dist/src/components/basic/Table/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (TableProps, TableHeaderProps 等)
+ * [OUTPUT]: (JSX.Element) - 表格，基于 Registry 单一来源
+ * [POS]: components/foundation/Table - 从 registry 再导出
+ */
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from '../../../../registry/basic/table';
+export type { TableProps, TableHeaderProps, TableBodyProps, TableFooterProps, TableRowProps, TableHeadProps, TableCellProps, TableCaptionProps, } from '../../../../registry/basic/table';

package/dist/src/components/basic/Tabs/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps)
+ * [OUTPUT]: (JSX.Element) - 标签页，基于 Registry 单一来源
+ * [POS]: components/foundation/Tabs - 从 registry 再导出
+ */
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, tabsTriggerVariants, } from '../../../../registry/basic/tabs';
+export type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps, } from '../../../../registry/basic/tabs';

package/dist/src/components/basic/Tag/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * [INPUT]: (TagProps)
+ * [OUTPUT]: (JSX.Element) - 标签，基于 Registry 单一来源
+ * [POS]: components/foundation/Tag - 从 registry 再导出
+ *
+ * [PROTOCOL]:
+ * 1. 实现来自根目录 registry/basic/tag.tsx，主库仅 re-export
+ */
+export { Tag, tagVariants } from '../../../../registry/basic/tag';
+export type { TagProps } from '../../../../registry/basic/tag';

package/dist/src/components/basic/Toast/index.d.ts

@@ -0,0 +1,12 @@
+import type { ToasterProps as RegistryToasterProps } from '../../../../registry/basic/sonner';
+export { toast } from 'sonner';
+export type ToasterProps = RegistryToasterProps & {
+    /** 显式传入 data-style，优先于 useThemeStyle */
+    dataStyle?: string;
+    /** 显式传入 data-theme，优先于 useThemeStyle */
+    dataTheme?: string;
+};
+export declare function Toaster({ theme, toastOptions, dataStyle: dataStyleProp, dataTheme: dataThemeProp, ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Toaster {
+    var displayName: string;
+}

package/dist/src/components/basic/Toggle/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (ToggleProps, ToggleGroupProps, ToggleGroupItemProps)
+ * [OUTPUT]: (JSX.Element) - Toggle / ToggleGroup，基于 Registry 单一来源
+ * [POS]: components/foundation/Toggle - 从 registry 再导出
+ */
+export { Toggle, ToggleGroup, ToggleGroupItem, toggleVariants, } from '../../../../registry/basic/toggle';
+export type { ToggleProps, ToggleGroupProps, ToggleGroupItemProps, } from '../../../../registry/basic/toggle';

package/dist/src/components/basic/Tooltip/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * [INPUT]: (TooltipProps，兼容 placement 与 side)
+ * [OUTPUT]: (JSX.Element) - 工具提示，基于 Registry 单一来源
+ * [POS]: components/foundation/Tooltip - 从 registry 再导出并兼容 placement
+ *
+ * [PROTOCOL]:
+ * 1. 实现来自根目录 registry/basic/tooltip.tsx；主库注入 useThemeStyle 使 Portal 随 ThemeStyleProvider
+ */
+import { TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent } from '../../../../registry/basic/tooltip';
+import type { TooltipProps as RegistryTooltipProps } from '../../../../registry/basic/tooltip';
+export { TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent };
+/** 对外 API：支持 placement（兼容旧用法）与 side（与 registry 一致） */
+export interface TooltipProps extends Omit<RegistryTooltipProps, 'side'> {
+    /** 弹出方向，与 side 二选一；推荐使用 side */
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+}
+export declare function Tooltip({ placement, side, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tooltip {
+    var displayName: string;
+}

package/dist/src/components/basic/Typography/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (Typography*Props)
+ * [OUTPUT]: (JSX.Element) - 排版组件，基于 Registry 单一来源
+ * [POS]: components/foundation/Typography - 从 registry 再导出
+ */
+export { TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyP, TypographyBlockquote, TypographyTable, TypographyList, TypographyInlineCode, TypographyLead, TypographyLarge, TypographySmall, TypographyMuted, } from '../../../../registry/basic/typography';
+export type { TypographyH1Props, TypographyH2Props, TypographyH3Props, TypographyH4Props, TypographyPProps, TypographyBlockquoteProps, TypographyTableProps, TypographyListProps, TypographyInlineCodeProps, TypographyLeadProps, TypographyLargeProps, TypographySmallProps, TypographyMutedProps, } from '../../../../registry/basic/typography';

package/dist/src/components/chat/AskUserPart/index.d.ts

@@ -0,0 +1,6 @@
+import type { AskUserPartProps as RegistryAskUserPartProps } from '../../../../registry/chat/ask-user-part';
+export type AskUserPartProps = Omit<RegistryAskUserPartProps, 'headerIcon'>;
+export declare function AskUserPart(props: AskUserPartProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AskUserPart {
+    var displayName: string;
+}

package/dist/src/components/chat/BrowserActionPart/index.d.ts

@@ -0,0 +1,7 @@
+import type { BrowserActionPartProps as RegistryBrowserActionPartProps, BrowserActionStatus } from '../../../../registry/chat/browser-action-part';
+export type { BrowserActionStatus };
+export type BrowserActionPartProps = Omit<RegistryBrowserActionPartProps, 'normalIcon' | 'failedIcon' | 'skippedIcon'>;
+export declare function BrowserActionPart(props: BrowserActionPartProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BrowserActionPart {
+    var displayName: string;
+}

package/dist/src/components/chat/ChatInput/index.d.ts

@@ -0,0 +1,29 @@
+import type { ChatInputRootProps } from '../../../../registry/chat/chat-input/context';
+import { type ChatInputProps as RegistryChatInputProps, ChatInputAbove, ChatInputBox, ChatInputAttachments, ChatInputInput, ChatInputActions, ChatInputActionsLeft, ChatInputActionsRight, ChatInputExpandButton, ChatInputFolderButton, ChatInputMoreButton, ChatInputFooterLeft } from '../../../../registry/chat/chat-input';
+export type ChatInputProps = Omit<RegistryChatInputProps, 'addLargeIcon' | 'folderIcon' | 'folderOpenIcon' | 'historyIcon' | 'arrowDownIcon' | 'subMenuArrowIcon' | 'folderFillIcon' | 'closeIcon'>;
+export type { FolderPermissionConfig, GenerationStatusConfig, FooterLeftModelSwitchConfig, FooterLeftModelSwitchItem, ChatInputRootProps, ChatInputAboveProps, ChatInputBoxProps, ChatInputAttachmentsProps, ChatInputInputProps, ChatInputActionsProps, ChatInputActionsLeftProps, ChatInputActionsRightProps, ChatInputExpandButtonProps, } from '../../../../registry/chat/chat-input';
+/** 复合用法下的 Root：注入 IconsProvider 图标（含 subMenuArrowIcon、folderFillIcon、closeIcon），使 FolderButton 与菜单图标随图标库切换 */
+declare function ChatInputRootWithIcons(props: ChatInputRootProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ChatInputRootWithIcons {
+    var displayName: string;
+}
+declare function ChatInputSendButtonWithIcons(): import("react/jsx-runtime").JSX.Element;
+declare namespace ChatInputSendButtonWithIcons {
+    var displayName: string;
+}
+export declare const ChatInput: import("react").ForwardRefExoticComponent<ChatInputProps & import("react").RefAttributes<HTMLTextAreaElement>> & {
+    Root: typeof ChatInputRootWithIcons;
+    Above: typeof ChatInputAbove;
+    Box: typeof ChatInputBox;
+    Attachments: typeof ChatInputAttachments;
+    Input: import("react").ForwardRefExoticComponent<Omit<import(".").ChatInputInputProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    Actions: typeof ChatInputActions;
+    ActionsLeft: typeof ChatInputActionsLeft;
+    ActionsRight: typeof ChatInputActionsRight;
+    ExpandButton: typeof ChatInputExpandButton;
+    FolderButton: typeof ChatInputFolderButton;
+    MoreButton: typeof ChatInputMoreButton;
+    SendButton: typeof ChatInputSendButtonWithIcons;
+    FooterLeft: typeof ChatInputFooterLeft;
+};
+export { ChatInputRootWithIcons as ChatInputRoot, ChatInputAbove, ChatInputBox, ChatInputAttachments, ChatInputInput, ChatInputActions, ChatInputActionsLeft, ChatInputActionsRight, ChatInputExpandButton, ChatInputFolderButton, ChatInputMoreButton, ChatInputSendButtonWithIcons as ChatInputSendButton, ChatInputFooterLeft, };

package/dist/src/components/chat/CodeBlockPart/index.d.ts

@@ -0,0 +1,7 @@
+import type { CodeBlockPartProps as RegistryCodeBlockPartProps, CodeBlockDiffType } from '../../../../registry/chat/code-block-part';
+export type { CodeBlockDiffType };
+export type CodeBlockPartProps = RegistryCodeBlockPartProps;
+export declare function CodeBlockPart(props: CodeBlockPartProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CodeBlockPart {
+    var displayName: string;
+}

package/dist/src/components/chat/FileAttachment/index.d.ts

@@ -0,0 +1,3 @@
+import type { FileAttachmentProps as RegistryFileAttachmentProps } from '../../../../registry/chat/file-attachment';
+export type FileAttachmentProps = Omit<RegistryFileAttachmentProps, 'getFileIcon'>;
+export declare const FileAttachment: import("react").ForwardRefExoticComponent<FileAttachmentProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/src/components/chat/FileCard/index.d.ts

@@ -0,0 +1,3 @@
+import type { FileCardProps as RegistryFileCardProps } from '../../../../registry/chat/file-card';
+export type FileCardProps = Omit<RegistryFileCardProps, 'getFileIcon'>;
+export declare const FileCard: import("react").ForwardRefExoticComponent<FileCardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/chat/FileReviewPart/index.d.ts

@@ -0,0 +1,7 @@
+import type { FileReviewPartProps as RegistryFileReviewPartProps, FileReviewFile } from '../../../../registry/chat/file-review-part';
+export type { FileReviewFile };
+export type FileReviewPartProps = Omit<RegistryFileReviewPartProps, 'headerIcon' | 'acceptIcon' | 'rejectIcon'>;
+export declare function FileReviewPart(props: FileReviewPartProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FileReviewPart {
+    var displayName: string;
+}

package/dist/src/components/chat/FolderButton/index.d.ts

@@ -0,0 +1,5 @@
+import { folderButtonVariants } from '../../../../registry/chat/folder-button';
+import type { FolderButtonProps as RegistryFolderButtonProps } from '../../../../registry/chat/folder-button';
+export type FolderButtonProps = Omit<RegistryFolderButtonProps, 'folderIcon' | 'folderFillIcon' | 'arrowRightIcon' | 'closeIcon'>;
+export declare const FolderButton: import("react").ForwardRefExoticComponent<FolderButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { folderButtonVariants };

package/dist/src/components/chat/GeneratedImagesGrid/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (GeneratedImagesGridProps)
+ * [OUTPUT]: (JSX.Element) - 多图网格
+ * [POS]: components/chat/GeneratedImagesGrid - 从 registry 再导出
+ */
+export { GeneratedImagesGrid } from '../../../../registry/chat/generated-images-grid';
+export type { GeneratedImagesGridProps } from '../../../../registry/chat/generated-images-grid';

package/dist/src/components/chat/GenerationStatusBar/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (GenerationStatusBarProps)
+ * [OUTPUT]: (JSX.Element) - 生成状态条
+ * [POS]: components/chat/GenerationStatusBar - 从 registry 再导出
+ */
+export { GenerationStatusBar } from '../../../../registry/chat/generation-status-bar';
+export type { GenerationStatusBarProps } from '../../../../registry/chat/generation-status-bar';

package/dist/src/components/chat/HintBanner/index.d.ts

@@ -0,0 +1,6 @@
+import type { HintBannerProps } from '../../../../registry/chat/hint-banner';
+export type { HintBannerProps };
+export declare function HintBanner(props: Omit<HintBannerProps, 'closeIcon' | 'arrowDownSIcon' | 'suggestionIcon'>): import("react/jsx-runtime").JSX.Element;
+export declare namespace HintBanner {
+    var displayName: string;
+}

package/dist/src/components/chat/ImageAttachment/index.d.ts

@@ -0,0 +1,3 @@
+import type { ImageAttachmentProps as RegistryImageAttachmentProps } from '../../../../registry/chat/image-attachment';
+export type ImageAttachmentProps = Omit<RegistryImageAttachmentProps, 'closeIcon' | 'closeLargeIcon'>;
+export declare const ImageAttachment: import("react").ForwardRefExoticComponent<ImageAttachmentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/chat/ImageGenerating/index.d.ts

@@ -0,0 +1,6 @@
+import type { ImageGeneratingProps as RegistryImageGeneratingProps } from '../../../../registry/chat/image-generating';
+export type ImageGeneratingProps = Omit<RegistryImageGeneratingProps, 'sparklingIcon'>;
+export declare function ImageGenerating(props: ImageGeneratingProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ImageGenerating {
+    var displayName: string;
+}

package/dist/src/components/chat/Markdown/demo-content.d.ts

@@ -0,0 +1 @@
+export declare const MARKDOWN_DEMO_CONTENT = "# What is Qoder Work\n\n**Qoder Work** is Anthropic\u2019s AI assistant that works alongside you in the same workspace. It\u2019s not just chat\u2014it actually participates in docs, code, and workflows as a real **coworker**.\n\n## Core capabilities\n\n- **Context-aware**: Understands your needs from open files and the current project\n- **Multimodal**: Handles text, code, diagrams, and structured output\n- **Executable**: Runs code and tools in a controlled environment, from $0 \\rightarrow 1$\n\n---\n\n## Why \u201CCowork\u201D\n\n> Traditional conversational AI is more like \u201Cadvice over the shoulder\u201D\u2014you describe the problem, it suggests steps.  \n> Cowork aims to **sit at the same table**: edit docs together, write code together, move tasks forward together.\n\nUsing a blockquote like this separates \u201Cthinking / context\u201D from \u201Cfinal answer\u201D and keeps long replies easy to scan.\n\n### How it differs from regular Claude\n\n| Dimension  | Regular Claude       | Qoder Work                 |\n|-----------|----------------------|--------------------------------|\n| Mode      | Turn-by-turn Q&A     | Ongoing edit in one workspace |\n| Context   | Mostly the thread   | Docs, code, and project        |\n| Output    | Text and code blocks | Direct edits in your files    |\n\nThe table above is **responsive**: on narrow screens it scrolls horizontally via `overflow-x: auto` (inline code here) so the layout doesn\u2019t break.\n\n### Typical use cases (ordered list)\n\n1. **Clarify requirements**: Turn PRDs or notes into concrete, executable steps\n2. **Code together**: Complete, refactor, or fix bugs in real projects instead of \u201Cpaste an example\u201D\n3. **Docs and knowledge**: Draft specs, API docs, meeting notes\n4. **Task flow**: From idea to deliverable, $\\frac{idea}{time} \\rightarrow deliverable$\n\n---\n\n## What happens in a session (H4 subheadings)\n\n#### Execution-log style (H4 / H5)\n\nUse smaller weight and muted color so \u201Cprocess\u201D doesn\u2019t compete with the main answer.\n\n##### View steps (H5)\n\n- [x] Permission and context checks\n- [x] Resolve workspace path and open files\n- [ ] Generate or edit according to your instructions\n\nAbove is a **task list**: checked = done, unchecked = in progress\u2014good for steps and checklists.\n\n---\n\n## Code and math examples\n\nInline code like `cowork.plan()` and `cowork.edit(file, diff)` sits in the sentence; fenced code keeps monospace and line height for readability:\n\n```python\n# Qoder Work concept (pseudo-code)\ndef cowork_session(context: WorkspaceContext, user_goal: str):\n    plan = cowork.plan(goal=user_goal, context=context)\n    for step in plan.steps:\n        if step.kind == \"edit_file\":\n            cowork.edit(step.target, step.diff)\n        elif step.kind == \"run_command\":\n            cowork.run(step.command, cwd=context.root)\n    return cowork.summary()\n```\n\nInline math: from idea to delivery can be written as $\\mathbb{E}[delivery] = f(idea, context, time)$.  \nDisplay math (when KaTeX is enabled) can be centered and on its own line for longer derivations.\n\n---\n\n## Summary\n\n- Use **H1** only for the main title; **H2 / H3** for sections; **H4\u2013H6** for steps or log-style subheadings.\n- **Blockquotes** for \u201Cthinking / premise\u201D; body text for the actual answer.\n- **Task lists** for progress and checklists; **tables** for structured comparison; **code** and **math** for clarity and rigor.\n\n*Qoder Work is designed so the AI moves from \u201Cthe other end of the chat\u201D into \u201Cthis file and this project you\u2019re editing\u201D\u2014as a real Coworker.*\n";

package/dist/src/components/chat/Markdown/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (MarkdownBodyProps)
+ * [OUTPUT]: (JSX.Element) - Markdown 渲染
+ * [POS]: components/chat/Markdown - 从 registry 再导出
+ */
+export { MarkdownBody } from '../../../../registry/chat/markdown';
+export type { MarkdownBodyProps } from '../../../../registry/chat/markdown';

package/dist/src/components/chat/MermaidPart/index.d.ts

@@ -0,0 +1,6 @@
+import type { MermaidPartProps as RegistryMermaidPartProps } from '../../../../registry/chat/mermaid-part';
+export type MermaidPartProps = Omit<RegistryMermaidPartProps, 'headerIcon' | 'dataStyle'>;
+export declare function MermaidPart(props: MermaidPartProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MermaidPart {
+    var displayName: string;
+}

package/dist/src/components/chat/PermissionCard/index.d.ts

@@ -0,0 +1,4 @@
+import type { PermissionCardProps as RegistryPermissionCardProps, PermissionCardAction } from '../../../../registry/chat/permission-card';
+export type { PermissionCardAction };
+export type PermissionCardProps = Omit<RegistryPermissionCardProps, 'closeIcon' | 'warningIcon' | 'expandLabel' | 'collapseLabel' | 'commaLabel'>;
+export declare const PermissionCard: import("react").ForwardRefExoticComponent<PermissionCardProps & import("react").RefAttributes<HTMLDivElement>>;