sparkdesign 0.3.1 → 0.3.3

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/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/ReasoningStep/index.d.ts

@@ -1,7 +1,13 @@
-import type { ReasoningStepProps as RegistryReasoningStepProps, ReasoningStepDetail } from '../../../../registry/chat/reasoning-step';
-export type { ReasoningStepDetail };
+import { useReasoningStepContext } from '../../../../registry/chat/reasoning-step/context';
+import { ReasoningStepDefaultLayout } from '../../../../registry/chat/reasoning-step/compound';
+import type { ReasoningStepProps as RegistryReasoningStepProps, ReasoningStepDetail, ReasoningStepRootProps, ReasoningStepStatus, ReasoningStepCompound } from '../../../../registry/chat/reasoning-step/types';
+import type { ReactNode } from 'react';
+export type { ReasoningStepDetail, ReasoningStepStatus };
 export type ReasoningStepProps = Omit<RegistryReasoningStepProps, 'eyeIcon' | 'arrowRightIcon'>;
-export declare function ReasoningStep(props: ReasoningStepProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ReasoningStep {
-    var displayName: string;
+interface MainLibReasoningStepCompound extends Omit<ReasoningStepCompound, 'Root'> {
+    Root: React.FC<Omit<ReasoningStepRootProps, 'eyeIcon' | 'arrowRightIcon'> & {
+        children?: ReactNode;
+    }>;
 }
+export declare const ReasoningStep: React.FC<ReasoningStepProps> & MainLibReasoningStepCompound;
+export { useReasoningStepContext, ReasoningStepDefaultLayout };

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

@@ -1,6 +1,16 @@
-import type { ResponseProps as RegistryResponseProps } from '../../../../registry/chat/response';
-export type { ResponseProps, ResponsePhase, ResponseRound, ResponseStep, ResponseStepToolType, } from '../../../../registry/chat/response';
-export declare function Response(props: RegistryResponseProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Response {
-    var displayName: string;
-}
+/**
+ * [INPUT]: (ResponseProps)
+ * [OUTPUT]: (JSX.Element)
+ * [POS]: components/chat/Response - 从 registry 再导出，注入带 Lottie 的 ThinkingIndicator
+ *
+ * 设计模式：shadcn 风格复合组件
+ * - Response = 便捷导出（Root + DefaultLayout）
+ * - Response.Root/Thinking/Steps/Step/Content/ImageGenerating = 复合子组件
+ */
+import type { HTMLAttributes } from 'react';
+import { useResponseContext as useRegistryResponseContext, DEMO_ROUNDS, DEMO_FINAL_MD } from '../../../../registry/chat/response/context';
+import type { ResponseProps as RegistryResponseProps, ResponseCompound, ResponsePhase, ResponseStep, ResponseStepToolType, ResponseRound, ResponseBlock, BlockType } from '../../../../registry/chat/response/types';
+export type { ResponsePhase, ResponseRound, ResponseStep, ResponseStepToolType, ResponseBlock, BlockType, ResponseCompound, };
+export type ResponseProps = RegistryResponseProps;
+export declare const Response: React.FC<RegistryResponseProps & HTMLAttributes<HTMLDivElement>> & ResponseCompound;
+export { useRegistryResponseContext as useResponseContext, DEMO_ROUNDS, DEMO_FINAL_MD, };

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

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (UserMessageProps)
+ * [OUTPUT]: (JSX.Element) - 用户消息气泡容器
+ * [POS]: components/chat/UserMessage - 从 registry 再导出
+ */
+export { UserMessage } from '../../../../registry/chat/user-message';
+export type { UserMessageProps } from '../../../../registry/chat/user-message';

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

@@ -1,5 +1,19 @@
-import type { UserQuestionProps as RegistryUserQuestionProps } from '../../../../registry/chat/user-question/index';
+import type { ReactNode } from 'react';
+import { useUserQuestionContext, type UserQuestionRootProps } from '../../../../registry/chat/user-question/context';
+import { UserQuestionHeader, UserQuestionCard, UserQuestionCards, UserQuestionFooter, UserQuestionDefaultLayout } from '../../../../registry/chat/user-question/compound';
+import type { UserQuestionProps as RegistryUserQuestionProps, UserQuestionHandle, UserQuestionItem, UserQuestionOption, UserQuestionLabels } from '../../../../registry/chat/user-question/types';
+export type { UserQuestionHandle, UserQuestionItem, UserQuestionOption, UserQuestionLabels };
 export type UserQuestionProps = Omit<RegistryUserQuestionProps, 'chat4Icon' | 'arrowUpSIcon' | 'arrowDownSIcon' | 'sparklingIcon'>;
-export type { UserQuestionHandle, UserQuestionItem, UserQuestionOption, UserQuestionLabels, } from '../../../../registry/chat/user-question/index';
-import type { UserQuestionHandle as UQHandle } from '../../../../registry/chat/user-question/index';
-export declare const UserQuestion: import("react").ForwardRefExoticComponent<UserQuestionProps & import("react").RefAttributes<UQHandle>>;
+declare const UserQuestionRootProvider: import("react").ForwardRefExoticComponent<Omit<UserQuestionRootProps, "arrowDownSIcon" | "sparklingIcon" | "chat4Icon" | "arrowUpSIcon"> & {
+    children?: ReactNode;
+} & import("react").RefAttributes<UserQuestionHandle>>;
+interface MainLibUserQuestionCompound {
+    Root: typeof UserQuestionRootProvider;
+    Header: typeof UserQuestionHeader;
+    Card: typeof UserQuestionCard;
+    Cards: typeof UserQuestionCards;
+    Footer: typeof UserQuestionFooter;
+    DefaultLayout: typeof UserQuestionDefaultLayout;
+}
+export declare const UserQuestion: React.ForwardRefExoticComponent<UserQuestionProps & React.RefAttributes<UserQuestionHandle>> & MainLibUserQuestionCompound;
+export { useUserQuestionContext, UserQuestionDefaultLayout };

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

@@ -11,59 +11,59 @@
  *
  * 注意：样式通过 Vite 构建配置自动处理，无需在此引入
  */
-export { Button } from './foundation/Button';
-export type { ButtonProps } from './foundation/Button';
-export { IconButton } from './foundation/IconButton';
-export type { IconButtonProps } from './foundation/IconButton';
-export { Tooltip } from './foundation/Tooltip';
-export type { TooltipProps } from './foundation/Tooltip';
-export { EllipsisText } from './foundation/EllipsisText';
-export type { EllipsisTextProps } from './foundation/EllipsisText';
-export { OptionList } from './foundation/OptionList';
-export type { OptionListProps, OptionItem } from './foundation/OptionList';
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from './foundation/DropdownMenu';
-export type { DropdownMenuItemProps, DropdownMenuSubTriggerProps, DropdownMenuLabelProps, } from './foundation/DropdownMenu';
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './foundation/AlertDialog';
-export type { AlertDialogContentProps, AlertDialogActionProps, AlertDialogHeaderProps, AlertDialogFooterProps, AlertDialogMediaProps, } from './foundation/AlertDialog';
-export { Kbd, KbdGroup } from './foundation/Kbd';
-export type { KbdProps, KbdGroupProps } from './foundation/Kbd';
-export { Switch, FunctionSwitch } from './foundation/Switch';
-export type { SwitchProps, FunctionSwitchProps, FunctionSwitchSize, FunctionSwitchValue, SegmentOption } from './foundation/Switch';
-export { Toggle, ToggleGroup, ToggleGroupItem } from './foundation/Toggle';
-export type { ToggleProps, ToggleGroupProps, ToggleGroupItemProps } from './foundation/Toggle';
-export { RadioGroup, RadioGroupItem } from './foundation/RadioGroup';
-export type { RadioGroupProps, RadioGroupItemProps } from './foundation/RadioGroup';
-export { CollapsibleSection } from './foundation/CollapsibleSection';
-export type { CollapsibleSectionProps } from './foundation/CollapsibleSection';
-export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './foundation/Collapsible';
-export { ResizablePanelGroup, ResizablePanel, ResizableHandle, } from './foundation/Resizable';
-export type { ResizablePanelGroupProps, ResizablePanelProps, ResizableHandleProps, } from './foundation/Resizable';
-export { Scrollbar } from './foundation/Scrollbar';
-export type { ScrollbarProps } from './foundation/Scrollbar';
-export { Skeleton } from './foundation/Skeleton';
-export type { SkeletonProps } from './foundation/Skeleton';
-export { Spinner } from './foundation/Spinner';
-export type { SpinnerProps } from './foundation/Spinner';
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from './foundation/Table';
-export type { TableProps, TableHeaderProps, TableBodyProps, TableFooterProps, TableRowProps, TableHeadProps, TableCellProps, TableCaptionProps, } from './foundation/Table';
-export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, } from './foundation/Avatar';
-export type { AvatarProps, AvatarImageProps, AvatarFallbackProps, AvatarBadgeProps, AvatarGroupProps, AvatarGroupCountProps, } from './foundation/Avatar';
-export { Toaster, toast } from './foundation/Toast';
-export type { ToasterProps } from './foundation/Toast';
-export { Select, SelectTrigger, SelectValue, SelectContent, SelectLabel, SelectSeparator, SelectGroup, SelectItem, SelectScrollUpButton, SelectScrollDownButton, } from './foundation/Select';
-export type { SelectProps, SelectTriggerProps, SelectValueProps, SelectContentProps, SelectLabelProps, SelectSeparatorProps, SelectGroupProps, SelectItemProps, } from './foundation/Select';
-export { Tabs, TabsList, TabsTrigger, TabsContent, } from './foundation/Tabs';
-export type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps, } from './foundation/Tabs';
-export { Collapse, CollapseItem, CollapseTrigger, CollapseContent, } from './foundation/Collapse';
-export type { CollapseProps, CollapseItemProps, CollapseTriggerProps, CollapseContentProps, } from './foundation/Collapse';
-export { TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyP, TypographyBlockquote, TypographyTable, TypographyList, TypographyInlineCode, TypographyLead, TypographyLarge, TypographySmall, TypographyMuted, } from './foundation/Typography';
-export type { TypographyH1Props, TypographyH2Props, TypographyH3Props, TypographyH4Props, TypographyPProps, TypographyBlockquoteProps, TypographyTableProps, TypographyListProps, TypographyInlineCodeProps, TypographyLeadProps, TypographyLargeProps, TypographySmallProps, TypographyMutedProps, } from './foundation/Typography';
-export { Slider } from './foundation/Slider';
-export type { SliderProps } from './foundation/Slider';
-export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationEllipsis, } from './foundation/Pagination';
-export type { PaginationLinkProps, PaginationPreviousProps, PaginationNextProps, } from './foundation/Pagination';
-export { Tag, tagVariants } from './foundation/Tag';
-export type { TagProps } from './foundation/Tag';
+export { Button } from './basic/Button';
+export type { ButtonProps } from './basic/Button';
+export { IconButton } from './basic/IconButton';
+export type { IconButtonProps } from './basic/IconButton';
+export { Tooltip } from './basic/Tooltip';
+export type { TooltipProps } from './basic/Tooltip';
+export { EllipsisText } from './basic/EllipsisText';
+export type { EllipsisTextProps } from './basic/EllipsisText';
+export { OptionList } from './basic/OptionList';
+export type { OptionListProps, OptionItem } from './basic/OptionList';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from './basic/DropdownMenu';
+export type { DropdownMenuItemProps, DropdownMenuSubTriggerProps, DropdownMenuLabelProps, } from './basic/DropdownMenu';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './basic/AlertDialog';
+export type { AlertDialogContentProps, AlertDialogActionProps, AlertDialogHeaderProps, AlertDialogFooterProps, AlertDialogMediaProps, } from './basic/AlertDialog';
+export { Kbd, KbdGroup } from './basic/Kbd';
+export type { KbdProps, KbdGroupProps } from './basic/Kbd';
+export { Switch, FunctionSwitch } from './basic/Switch';
+export type { SwitchProps, FunctionSwitchProps, FunctionSwitchSize, FunctionSwitchValue, SegmentOption } from './basic/Switch';
+export { Toggle, ToggleGroup, ToggleGroupItem } from './basic/Toggle';
+export type { ToggleProps, ToggleGroupProps, ToggleGroupItemProps } from './basic/Toggle';
+export { RadioGroup, RadioGroupItem } from './basic/RadioGroup';
+export type { RadioGroupProps, RadioGroupItemProps } from './basic/RadioGroup';
+export { CollapsibleSection } from './basic/CollapsibleSection';
+export type { CollapsibleSectionProps } from './basic/CollapsibleSection';
+export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './basic/Collapsible';
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle, } from './basic/Resizable';
+export type { ResizablePanelGroupProps, ResizablePanelProps, ResizableHandleProps, } from './basic/Resizable';
+export { Scrollbar } from './basic/Scrollbar';
+export type { ScrollbarProps } from './basic/Scrollbar';
+export { Skeleton } from './basic/Skeleton';
+export type { SkeletonProps } from './basic/Skeleton';
+export { Spinner } from './basic/Spinner';
+export type { SpinnerProps } from './basic/Spinner';
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from './basic/Table';
+export type { TableProps, TableHeaderProps, TableBodyProps, TableFooterProps, TableRowProps, TableHeadProps, TableCellProps, TableCaptionProps, } from './basic/Table';
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, } from './basic/Avatar';
+export type { AvatarProps, AvatarImageProps, AvatarFallbackProps, AvatarBadgeProps, AvatarGroupProps, AvatarGroupCountProps, } from './basic/Avatar';
+export { Toaster, toast } from './basic/Toast';
+export type { ToasterProps } from './basic/Toast';
+export { Select, SelectTrigger, SelectValue, SelectContent, SelectLabel, SelectSeparator, SelectGroup, SelectItem, SelectScrollUpButton, SelectScrollDownButton, } from './basic/Select';
+export type { SelectProps, SelectTriggerProps, SelectValueProps, SelectContentProps, SelectLabelProps, SelectSeparatorProps, SelectGroupProps, SelectItemProps, } from './basic/Select';
+export { Tabs, TabsList, TabsTrigger, TabsContent, } from './basic/Tabs';
+export type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps, } from './basic/Tabs';
+export { Collapse, CollapseItem, CollapseTrigger, CollapseContent, } from './basic/Collapse';
+export type { CollapseProps, CollapseItemProps, CollapseTriggerProps, CollapseContentProps, } from './basic/Collapse';
+export { TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyP, TypographyBlockquote, TypographyTable, TypographyList, TypographyInlineCode, TypographyLead, TypographyLarge, TypographySmall, TypographyMuted, } from './basic/Typography';
+export type { TypographyH1Props, TypographyH2Props, TypographyH3Props, TypographyH4Props, TypographyPProps, TypographyBlockquoteProps, TypographyTableProps, TypographyListProps, TypographyInlineCodeProps, TypographyLeadProps, TypographyLargeProps, TypographySmallProps, TypographyMutedProps, } from './basic/Typography';
+export { Slider } from './basic/Slider';
+export type { SliderProps } from './basic/Slider';
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationEllipsis, } from './basic/Pagination';
+export type { PaginationLinkProps, PaginationPreviousProps, PaginationNextProps, } from './basic/Pagination';
+export { Tag, tagVariants } from './basic/Tag';
+export type { TagProps } from './basic/Tag';
 export { CollapsibleCard } from './chat/CollapsibleCard';
 export type { CollapsibleCardProps } from './chat/CollapsibleCard';
 export { FolderButton } from './chat/FolderButton';
@@ -72,14 +72,14 @@ export { ChatInput, ChatInputRoot, ChatInputAbove, ChatInputBox, ChatInputAttach
 export type { ChatInputProps, FolderPermissionConfig, GenerationStatusConfig, FooterLeftModelSwitchConfig, FooterLeftModelSwitchItem, ChatInputRootProps, ChatInputAboveProps, ChatInputBoxProps, ChatInputAttachmentsProps, ChatInputInputProps, ChatInputActionsProps, ChatInputActionsLeftProps, ChatInputActionsRightProps, ChatInputExpandButtonProps, } from './chat/ChatInput';
 export { RelatedPrompts } from './chat/RelatedPrompts';
 export type { RelatedPromptsProps, RelatedPromptItem } from './chat/RelatedPrompts';
-export { SuggestionPart } from './chat/SuggestionPart';
-export type { SuggestionPartProps } from './chat/SuggestionPart';
+export { HintBanner } from './chat/HintBanner';
+export type { HintBannerProps } from './chat/HintBanner';
 export { SendButton } from './chat/SendButton';
 export type { SendButtonProps } from './chat/SendButton';
 export { Response } from './chat/Response';
 export type { ResponseProps, ResponsePhase, ResponseRound, ResponseStep, ResponseStepToolType } from './chat/Response';
-export { Request } from './chat/Request';
-export type { RequestProps } from './chat/Request';
+export { UserMessage } from './chat/UserMessage';
+export type { UserMessageProps } from './chat/UserMessage';
 export { FileCard } from './chat/FileCard';
 export type { FileCardProps } from './chat/FileCard';
 export { FileAttachment } from './chat/FileAttachment';
@@ -122,12 +122,12 @@ export { CodeBlockPart } from './chat/CodeBlockPart';
 export type { CodeBlockPartProps, CodeBlockDiffType } from './chat/CodeBlockPart';
 export { TerminalCodeBlockPart } from './chat/TerminalCodeBlockPart';
 export type { TerminalCodeBlockPartProps } from './chat/TerminalCodeBlockPart';
-export { BrowserUsePart } from './chat/BrowserUsePart';
-export type { BrowserUsePartProps, BrowserUseStatus } from './chat/BrowserUsePart';
-export { QuestionPart } from './chat/QuestionPart';
-export type { QuestionPartProps } from './chat/QuestionPart';
-export { Progress } from './foundation/Progress';
-export type { ProgressProps } from './foundation/Progress';
+export { BrowserActionPart } from './chat/BrowserActionPart';
+export type { BrowserActionPartProps, BrowserActionStatus } from './chat/BrowserActionPart';
+export { AskUserPart } from './chat/AskUserPart';
+export type { AskUserPartProps } from './chat/AskUserPart';
+export { Progress } from './basic/Progress';
+export type { ProgressProps } from './basic/Progress';
 export { IconsProvider, useIcons, useIcon } from '../icons/context';
 export type { IconKey, IconComponent, IconProps } from '../icons/types';
 export type { IconsContextValue } from '../icons/context';