veryfront 0.1.997 → 0.1.998

package/esm/src/react/components/chat/chat-theme-scope.d.ts

@@ -0,0 +1,26 @@
+/**
+ * ChatThemeScope — establishes the `[data-vf-chat]` token scope that the chat
+ * UI's `[var(--token)]` classes resolve against. `<Chat>` injects this scope
+ * for itself, but when you compose the chat primitives *around* it — a sidebar,
+ * header tabs, an uploads panel in your own shell — those live outside `<Chat>`
+ * and would render unstyled. Wrap your shell in one `ChatThemeScope` so every
+ * chat primitive inside it is themed:
+ *
+ * ```tsx
+ * <ChatThemeScope className="h-screen">
+ *   <AppShell> …sidebar… <Chat … /> </AppShell>
+ * </ChatThemeScope>
+ * ```
+ *
+ * @module react/components/chat/chat-theme-scope
+ */
+import * as React from "../../../../react/react.js";
+/** Props accepted by {@link ChatThemeScope}. */
+export interface ChatThemeScopeProps {
+    children: React.ReactNode;
+    /** Extra classes for the scope element. */
+    className?: string;
+}
+/** Wrap chat primitives in the `[data-vf-chat]` token scope so they're themed. */
+export declare function ChatThemeScope({ children, className }: ChatThemeScopeProps): React.ReactElement;
+//# sourceMappingURL=chat-theme-scope.d.ts.map

package/esm/src/react/components/chat/chat-theme-scope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-theme-scope.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/chat-theme-scope.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AAIpD,gDAAgD;AAChD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,kFAAkF;AAClF,wBAAgB,cAAc,CAC5B,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,GAC3C,KAAK,CAAC,YAAY,CAYpB"}

package/esm/src/react/components/chat/chat-theme-scope.js

@@ -0,0 +1,27 @@
+/**
+ * ChatThemeScope — establishes the `[data-vf-chat]` token scope that the chat
+ * UI's `[var(--token)]` classes resolve against. `<Chat>` injects this scope
+ * for itself, but when you compose the chat primitives *around* it — a sidebar,
+ * header tabs, an uploads panel in your own shell — those live outside `<Chat>`
+ * and would render unstyled. Wrap your shell in one `ChatThemeScope` so every
+ * chat primitive inside it is themed:
+ *
+ * ```tsx
+ * <ChatThemeScope className="h-screen">
+ *   <AppShell> …sidebar… <Chat … /> </AppShell>
+ * </ChatThemeScope>
+ * ```
+ *
+ * @module react/components/chat/chat-theme-scope
+ */
+import * as React from "../../../../react/react.js";
+import { getDocumentNonce } from "./csp-nonce.js";
+import { cn, generateTokenCSS } from "./theme.js";
+/** Wrap chat primitives in the `[data-vf-chat]` token scope so they're themed. */
+export function ChatThemeScope({ children, className }) {
+    const nonce = getDocumentNonce();
+    const tokenCSS = React.useMemo(() => generateTokenCSS(), []);
+    return (React.createElement("div", { "data-vf-chat": "", className: cn("bg-[var(--background)] text-[var(--foreground)]", className) },
+        React.createElement("style", { nonce: nonce, dangerouslySetInnerHTML: { __html: tokenCSS } }),
+        children));
+}

package/esm/src/react/components/chat/chat-tokens-style.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ChatTokens — injects the `[data-vf-chat]`-scoped chat design-token
+ * stylesheet.
+ *
+ * The tokens (`--primary`, `--accent`, …) are what every chat surface's utility
+ * classes (`bg-[var(--primary)]`, …) resolve against. They are deliberately
+ * NOT on `:root`: the names collide with host apps' own theme variables (see
+ * `generateTokenCSS`). `<Chat>` injects them for its own subtree; a surface
+ * rendered *outside* `<Chat>` — `<ChatSidebar>`, `<AttachmentsPanel>`,
+ * `<AppShell>` — renders this AND sets `data-vf-chat` on its root element.
+ * The CSS is identical everywhere, so duplicate tags are harmless.
+ *
+ * @module react/components/chat/chat-tokens-style
+ */
+import * as React from "../../../../react/react.js";
+/** Scoped chat design-token stylesheet. Idempotent — render it anywhere. */
+export declare function ChatTokens(): React.ReactElement;
+export declare namespace ChatTokens {
+    var displayName: string;
+}
+//# sourceMappingURL=chat-tokens-style.d.ts.map

package/esm/src/react/components/chat/chat-tokens-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-tokens-style.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/chat-tokens-style.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AAMpD,4EAA4E;AAC5E,wBAAgB,UAAU,IAAI,KAAK,CAAC,YAAY,CAG/C;yBAHe,UAAU"}

package/esm/src/react/components/chat/chat-tokens-style.js

@@ -0,0 +1,24 @@
+/**
+ * ChatTokens — injects the `[data-vf-chat]`-scoped chat design-token
+ * stylesheet.
+ *
+ * The tokens (`--primary`, `--accent`, …) are what every chat surface's utility
+ * classes (`bg-[var(--primary)]`, …) resolve against. They are deliberately
+ * NOT on `:root`: the names collide with host apps' own theme variables (see
+ * `generateTokenCSS`). `<Chat>` injects them for its own subtree; a surface
+ * rendered *outside* `<Chat>` — `<ChatSidebar>`, `<AttachmentsPanel>`,
+ * `<AppShell>` — renders this AND sets `data-vf-chat` on its root element.
+ * The CSS is identical everywhere, so duplicate tags are harmless.
+ *
+ * @module react/components/chat/chat-tokens-style
+ */
+import * as React from "../../../../react/react.js";
+import { getDocumentNonce } from "./csp-nonce.js";
+import { generateTokenCSS } from "./theme.js";
+const tokenCSS = generateTokenCSS();
+/** Scoped chat design-token stylesheet. Idempotent — render it anywhere. */
+export function ChatTokens() {
+    const nonce = getDocumentNonce();
+    return React.createElement("style", { nonce: nonce, dangerouslySetInnerHTML: { __html: tokenCSS } });
+}
+ChatTokens.displayName = "ChatTokens";

package/esm/src/react/components/chat/chat.d.ts

@@ -4,9 +4,9 @@
  * @module react/components/chat
  */
 export { Chat, ChatComponents, type ChatProps } from "./chat/index.js";
-export { ChatComposer, type ChatComposerProps, ChatEmpty, type ChatEmptyProps, ChatIf, type ChatIfProps, ChatMessageList, type ChatMessageListProps, ChatRoot, type ChatRootProps, ErrorBanner, type ErrorBannerProps, Message, type MessageRootProps, ModelAvatar, type ModelAvatarProps, } from "./chat/index.js";
-export { ChatContextProvider, type ChatContextValue, ComposerContextProvider, type ComposerContextValue, MessageContextProvider, type MessageContextValue, ThreadListContextProvider, type ThreadListContextValue, useChatContext, useChatContextOptional, useComposerContext, useComposerContextOptional, useMessageContext, useMessageContextOptional, useThreadListContext, useThreadListContextOptional, } from "./chat/index.js";
-export { type AttachmentInfo, AttachmentPill, type AttachmentPillProps, BranchPicker, type BranchPickerProps, ChatSidebar, type ChatSidebarProps, type ChatTab, type CodeBlockProps, ConversationEmptyState, type ConversationEmptyStateProps, ConversationScrollButton, type ConversationScrollButtonProps, downloadMarkdown, DropZoneOverlay, type DropZoneOverlayProps, exportAsMarkdown, extractSourcesFromParts, FadeIn, type FeedbackValue, getTextContent, groupPartsInOrder, InferenceBadge, type InferenceBadgeProps, InlineCitation, type InlineCitationProps, isReasoningPart, isSkillToolPart, isToolPart, Loader, MessageActions, type MessageActionsProps, MessageEditForm, type MessageEditFormProps, MessageFeedback, type MessageFeedbackProps, type PartGroup, type QuickAction, QuickActions, type QuickActionsProps, ReasoningCard, RichCodeBlock, Shimmer, SkillBadge, type SkillBadgeProps, type Source, Sources, type SourcesProps, StepIndicator, type StepIndicatorProps, Suggestion, type SuggestionProps, Suggestions, type SuggestionsProps, TabSwitcher, type TabSwitcherProps, type Thread, ToolCallCard, ToolStatusBadge, type UploadedFile, UploadsPanel, type UploadsPanelProps, useThreads, type UseThreadsOptions, type UseThreadsResult, } from "./chat/index.js";
-export { type ModelOption, ModelSelector, type ModelSelectorProps } from "./model-selector.js";
-export { ChatWithSidebar, type ChatWithSidebarAttachmentConfig, type ChatWithSidebarChatController, type ChatWithSidebarFeatureConfig, type ChatWithSidebarGroupedProps, type ChatWithSidebarMessageConfig, type ChatWithSidebarModelConfig, type ChatWithSidebarProps, type ChatWithSidebarQuickActionsConfig, type ChatWithSidebarSidebarConfig, type ChatWithSidebarTabsConfig, type ChatWithSidebarVoiceConfig, } from "./chat-with-sidebar.js";
+export { AgentAvatar, type AgentAvatarProps, ChatEmpty, type ChatEmptyProps, ChatEmptyState, type ChatEmptyStateAvatarProps, type ChatEmptyStateHeadingProps, type ChatEmptyStateRootProps, type ChatEmptyStateSuggestionProps, type ChatEmptyStateSuggestionsProps, ChatIf, type ChatIfProps, ChatInput, type ChatInputProps, ChatMessageList, type ChatMessageListProps, ChatRoot, type ChatRootProps, ErrorBanner, type ErrorBannerProps, Message, type MessageProps, type MessageRootProps, ModelAvatar, type ModelAvatarProps, } from "./chat/index.js";
+export { type Conversation, type ConversationPatch, ConversationsContextProvider, ConversationsProvider, type ConversationsProviderProps, type ConversationStore, type ConversationSummary, localConversationStore, memoryConversationStore, type StorageLike, useConversation, type UseConversationOptions, type UseConversationResult, useConversations, useConversationsContext, useConversationsContextOptional, type UseConversationsOptions, type UseConversationsResult, } from "./chat/index.js";
+export { ChatContextProvider, type ChatContextValue, ComposerContextProvider, type ComposerContextValue, MessageContextProvider, type MessageContextValue, useChatContext, useChatContextOptional, useComposerContext, useComposerContextOptional, useMessageContext, useMessageContextOptional, } from "./chat/index.js";
+export { type AttachmentInfo, AttachmentPill, type AttachmentPillContextValue, type AttachmentPillProps, AttachmentsPanel, type AttachmentsPanelActionProps, type AttachmentsPanelContextValue, type AttachmentsPanelEmptyProps, type AttachmentsPanelHeaderProps, type AttachmentsPanelItemProps, type AttachmentsPanelListProps, type AttachmentsPanelLoadingProps, type AttachmentsPanelProps, BranchPicker, type BranchPickerProps, ChatMessagesSkeleton, type ChatMessagesSkeletonProps, ChatSidebar, type ChatSidebarComponent, type ChatSidebarEmptyProps, type ChatSidebarGroupProps, type ChatSidebarIcons, type ChatSidebarItemProps, type ChatSidebarListProps, type ChatSidebarNewButtonProps, type ChatSidebarProps, type ChatSidebarRootProps, type ChatTab, type CodeBlockProps, ConversationEmptyState, type ConversationEmptyStateProps, ConversationScrollButton, type ConversationScrollButtonProps, downloadMarkdown, DropZoneOverlay, type DropZoneOverlayProps, exportAsMarkdown, extractSourcesFromParts, FadeIn, type FeedbackValue, getTextContent, groupPartsInOrder, InferenceBadge, type InferenceBadgeProps, InlineCitation, type InlineCitationProps, isReasoningPart, isSkillToolPart, isToolPart, Loader, MessageActionBar, type MessageActionBarProps, MessageEditForm, type MessageEditFormProps, MessageFeedback, type MessageFeedbackProps, type PartGroup, type QuickAction, QuickActions, type QuickActionsProps, Reasoning, ReasoningCard, type ReasoningContextValue, type ReasoningProps, type ReasoningTriggerProps, RichCodeBlock, Shimmer, SkillBadge, type SkillBadgeProps, type Source, SourcePill, type SourcePillProps, Sources, type SourcesContextValue, type SourcesListProps, type SourcesProps, StepIndicator, type StepIndicatorContextValue, type StepIndicatorProps, Suggestion, type SuggestionProps, Suggestions, type SuggestionsProps, TabSwitcher, type TabSwitcherProps, ToolCall, ToolCallCard, type ToolCallContextValue, type ToolCallProps, type ToolCallTriggerProps, ToolStatusBadge, type UploadedFile, useAttachmentPill, useAttachmentsPanel, useReasoning, useSources, useStepIndicator, useStickToBottom, type UseStickToBottomOptions, type UseStickToBottomResult, useToolCall, useUpload, type UseUploadOptions, type UseUploadResult, useUploadsRegistry, type UseUploadsRegistryOptions, type UseUploadsRegistryResult, } from "./chat/index.js";
+export { type ModelOption, ModelSelector, type ModelSelectorContentProps, type ModelSelectorContextValue, type ModelSelectorItemProps, type ModelSelectorProps, type ModelSelectorTriggerProps, useModelSelector, } from "./model-selector.js";
 //# sourceMappingURL=chat.d.ts.map

package/esm/src/react/components/chat/chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/chat.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAKvE,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,SAAS,EACT,KAAK,cAAc,EACnB,MAAM,EACN,KAAK,WAAW,EAChB,eAAe,EACf,KAAK,oBAAoB,EACzB,QAAQ,EACR,KAAK,aAAa,EAClB,WAAW,EACX,KAAK,gBAAgB,EACrB,OAAO,EACP,KAAK,gBAAgB,EACrB,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EACL,mBAAmB,EACnB,KAAK,gBAAgB,EACrB,uBAAuB,EACvB,KAAK,oBAAoB,EACzB,sBAAsB,EACtB,KAAK,mBAAmB,EACxB,yBAAyB,EACzB,KAAK,sBAAsB,EAC3B,cAAc,EACd,sBAAsB,EACtB,kBAAkB,EAClB,0BAA0B,EAC1B,iBAAiB,EACjB,yBAAyB,EACzB,oBAAoB,EACpB,4BAA4B,GAC7B,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EACL,KAAK,cAAc,EACnB,cAAc,EACd,KAAK,mBAAmB,EACxB,YAAY,EACZ,KAAK,iBAAiB,EACtB,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,OAAO,EACZ,KAAK,cAAc,EACnB,sBAAsB,EACtB,KAAK,2BAA2B,EAChC,wBAAwB,EACxB,KAAK,6BAA6B,EAClC,gBAAgB,EAChB,eAAe,EACf,KAAK,oBAAoB,EACzB,gBAAgB,EAChB,uBAAuB,EACvB,MAAM,EACN,KAAK,aAAa,EAClB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,KAAK,mBAAmB,EACxB,cAAc,EACd,KAAK,mBAAmB,EACxB,eAAe,EACf,eAAe,EACf,UAAU,EACV,MAAM,EACN,cAAc,EACd,KAAK,mBAAmB,EACxB,eAAe,EACf,KAAK,oBAAoB,EACzB,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,YAAY,EACZ,KAAK,iBAAiB,EACtB,aAAa,EACb,aAAa,EACb,OAAO,EACP,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,MAAM,EACX,OAAO,EACP,KAAK,YAAY,EACjB,aAAa,EACb,KAAK,kBAAkB,EACvB,UAAU,EACV,KAAK,eAAe,EACpB,WAAW,EACX,KAAK,gBAAgB,EACrB,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACX,YAAY,EACZ,eAAe,EACf,KAAK,YAAY,EACjB,YAAY,EACZ,KAAK,iBAAiB,EACtB,UAAU,EACV,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC/F,OAAO,EACL,eAAe,EACf,KAAK,+BAA+B,EACpC,KAAK,6BAA6B,EAClC,KAAK,4BAA4B,EACjC,KAAK,2BAA2B,EAChC,KAAK,4BAA4B,EACjC,KAAK,0BAA0B,EAC/B,KAAK,oBAAoB,EACzB,KAAK,iCAAiC,EACtC,KAAK,4BAA4B,EACjC,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,GAChC,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/chat.tsx"],"names":[],"mappings":"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"}

package/esm/src/react/components/chat/chat.js

@@ -10,17 +10,17 @@ export { Chat, ChatComponents } from "./chat/index.js";
 // ---------------------------------------------------------------------------
 // Composition building blocks
 // ---------------------------------------------------------------------------
-export { ChatComposer, ChatEmpty, ChatIf, ChatMessageList, ChatRoot, ErrorBanner, Message, ModelAvatar, } from "./chat/index.js";
+export { AgentAvatar, ChatEmpty, ChatEmptyState, ChatIf, ChatInput, ChatMessageList, ChatRoot, ErrorBanner, Message, ModelAvatar, } from "./chat/index.js";
+export { ConversationsContextProvider, ConversationsProvider, localConversationStore, memoryConversationStore, useConversation, useConversations, useConversationsContext, useConversationsContextOptional, } from "./chat/index.js";
 // ---------------------------------------------------------------------------
 // Contexts
 // ---------------------------------------------------------------------------
-export { ChatContextProvider, ComposerContextProvider, MessageContextProvider, ThreadListContextProvider, useChatContext, useChatContextOptional, useComposerContext, useComposerContextOptional, useMessageContext, useMessageContextOptional, useThreadListContext, useThreadListContextOptional, } from "./chat/index.js";
+export { ChatContextProvider, ComposerContextProvider, MessageContextProvider, useChatContext, useChatContextOptional, useComposerContext, useComposerContextOptional, useMessageContext, useMessageContextOptional, } from "./chat/index.js";
 // ---------------------------------------------------------------------------
 // Sub-components
 // ---------------------------------------------------------------------------
-export { AttachmentPill, BranchPicker, ChatSidebar, ConversationEmptyState, ConversationScrollButton, downloadMarkdown, DropZoneOverlay, exportAsMarkdown, extractSourcesFromParts, FadeIn, getTextContent, groupPartsInOrder, InferenceBadge, InlineCitation, isReasoningPart, isSkillToolPart, isToolPart, Loader, MessageActions, MessageEditForm, MessageFeedback, QuickActions, ReasoningCard, RichCodeBlock, Shimmer, SkillBadge, Sources, StepIndicator, Suggestion, Suggestions, TabSwitcher, ToolCallCard, ToolStatusBadge, UploadsPanel, useThreads, } from "./chat/index.js";
+export { AttachmentPill, AttachmentsPanel, BranchPicker, ChatMessagesSkeleton, ChatSidebar, ConversationEmptyState, ConversationScrollButton, downloadMarkdown, DropZoneOverlay, exportAsMarkdown, extractSourcesFromParts, FadeIn, getTextContent, groupPartsInOrder, InferenceBadge, InlineCitation, isReasoningPart, isSkillToolPart, isToolPart, Loader, MessageActionBar, MessageEditForm, MessageFeedback, QuickActions, Reasoning, ReasoningCard, RichCodeBlock, Shimmer, SkillBadge, SourcePill, Sources, StepIndicator, Suggestion, Suggestions, TabSwitcher, ToolCall, ToolCallCard, ToolStatusBadge, useAttachmentPill, useAttachmentsPanel, useReasoning, useSources, useStepIndicator, useStickToBottom, useToolCall, useUpload, useUploadsRegistry, } from "./chat/index.js";
 // ---------------------------------------------------------------------------
 // Adjacent components
 // ---------------------------------------------------------------------------
-export { ModelSelector } from "./model-selector.js";
-export { ChatWithSidebar, } from "./chat-with-sidebar.js";
+export { ModelSelector, useModelSelector, } from "./model-selector.js";

package/esm/src/react/components/chat/color-mode.d.ts

@@ -0,0 +1,46 @@
+import * as React from "../../../../react/react.js";
+type ColorMode = "light" | "dark" | "system";
+type ResolvedColorMode = "light" | "dark";
+interface ColorModeContextValue {
+    mode: ColorMode;
+    resolvedMode: ResolvedColorMode;
+    setMode: (mode: ColorMode) => void;
+    toggleMode: () => void;
+}
+export interface ColorModeProviderProps {
+    children: React.ReactNode;
+    defaultMode?: ColorMode;
+    storageKey?: string;
+    attribute?: "class" | "data-theme";
+}
+export declare function ColorModeProvider({ children, defaultMode, storageKey, attribute, }: ColorModeProviderProps): React.ReactElement;
+export declare namespace ColorModeProvider {
+    var displayName: string;
+}
+export declare function useColorMode(): ColorModeContextValue;
+/**
+ * Non-throwing variant — returns `null` when there is no `ColorModeProvider`.
+ * Use for components that should render standalone (e.g. a `CodeBlock` dropped
+ * into markdown) and fall back to light mode.
+ */
+export declare function useColorModeOptional(): ColorModeContextValue | null;
+/**
+ * Inline script to prevent flash of wrong color mode on SSR.
+ * Render this in <head> before any content.
+ *
+ * Usage: <ColorModeScript defaultMode="system" />
+ */
+export declare function ColorModeScript({ defaultMode, storageKey, attribute, }: {
+    defaultMode?: ColorMode;
+    storageKey?: string;
+    attribute?: "class" | "data-theme";
+}): React.ReactElement;
+export declare namespace ColorModeScript {
+    var displayName: string;
+}
+/**
+ * Simple toggle button for color mode.
+ */
+export declare const ColorModeToggle: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=color-mode.d.ts.map

package/esm/src/react/components/chat/color-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-mode.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/color-mode.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AAIpD,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC7C,KAAK,iBAAiB,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1C,UAAU,qBAAqB;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,iBAAiB,CAAC;IAChC,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAeD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;CACpC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,WAAsB,EACtB,UAAwB,EACxB,SAAmB,GACpB,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CAyD7C;yBA9De,iBAAiB;;;AAiEjC,wBAAgB,YAAY,IAAI,qBAAqB,CAQpD;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,qBAAqB,GAAG,IAAI,CAEnE;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAsB,EACtB,UAAwB,EACxB,SAAmB,GACpB,EAAE;IACD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;CACpC,GAAG,KAAK,CAAC,YAAY,CAQrB;yBAhBe,eAAe;;;AAmB/B;;GAEG;AACH,eAAO,MAAM,eAAe,yHAqD1B,CAAC"}

package/esm/src/react/components/chat/color-mode.js

@@ -0,0 +1,123 @@
+/**
+ * Color Mode System
+ *
+ * Provides dark/light mode toggling with SSR flash prevention.
+ *
+ * @module react/components/color-mode
+ */
+import * as dntShim from "../../../../_dnt.shims.js";
+import * as React from "../../../../react/react.js";
+import { COMPONENT_ERROR } from "../../../errors/error-registry.js";
+import { jsonForInlineScript } from "../../../security/client/html-sanitizer.js";
+const ColorModeContext = React.createContext(null);
+function getSystemPreference() {
+    if (typeof dntShim.dntGlobalThis === "undefined")
+        return "light";
+    return globalThis.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function resolveMode(mode) {
+    return mode === "system" ? getSystemPreference() : mode;
+}
+const STORAGE_KEY = "vf-color-mode";
+export function ColorModeProvider({ children, defaultMode = "system", storageKey = STORAGE_KEY, attribute = "class", }) {
+    const [mode, setModeState] = React.useState(() => {
+        if (typeof dntShim.dntGlobalThis === "undefined")
+            return defaultMode;
+        try {
+            return localStorage.getItem(storageKey) || defaultMode;
+        }
+        catch (_) {
+            /* expected: localStorage may be unavailable */
+            return defaultMode;
+        }
+    });
+    const resolvedMode = resolveMode(mode);
+    const setMode = React.useCallback((newMode) => {
+        setModeState(newMode);
+        try {
+            localStorage.setItem(storageKey, newMode);
+        }
+        catch (_) {
+            /* expected: localStorage may be unavailable */
+        }
+    }, [storageKey]);
+    const toggleMode = React.useCallback(() => {
+        setMode(resolvedMode === "dark" ? "light" : "dark");
+    }, [resolvedMode, setMode]);
+    // Apply attribute to <html>
+    React.useEffect(() => {
+        const root = document.documentElement;
+        if (attribute === "class") {
+            root.classList.toggle("dark", resolvedMode === "dark");
+            root.classList.toggle("light", resolvedMode === "light");
+        }
+        else {
+            root.setAttribute("data-theme", resolvedMode);
+        }
+        root.style.colorScheme = resolvedMode;
+    }, [resolvedMode, attribute]);
+    // Listen for system preference changes when mode is "system"
+    React.useEffect(() => {
+        if (mode !== "system")
+            return;
+        const mq = globalThis.matchMedia("(prefers-color-scheme: dark)");
+        const forceUpdate = () => setModeState("system");
+        mq.addEventListener("change", forceUpdate);
+        return () => mq.removeEventListener("change", forceUpdate);
+    }, [mode]);
+    const value = React.useMemo(() => ({ mode, resolvedMode, setMode, toggleMode }), [mode, resolvedMode, setMode, toggleMode]);
+    return (React.createElement(ColorModeContext.Provider, { value: value }, children));
+}
+ColorModeProvider.displayName = "ColorModeProvider";
+export function useColorMode() {
+    const context = React.useContext(ColorModeContext);
+    if (!context) {
+        throw COMPONENT_ERROR.create({
+            detail: "useColorMode must be used within a ColorModeProvider",
+        });
+    }
+    return context;
+}
+/**
+ * Non-throwing variant — returns `null` when there is no `ColorModeProvider`.
+ * Use for components that should render standalone (e.g. a `CodeBlock` dropped
+ * into markdown) and fall back to light mode.
+ */
+export function useColorModeOptional() {
+    return React.useContext(ColorModeContext);
+}
+/**
+ * Inline script to prevent flash of wrong color mode on SSR.
+ * Render this in <head> before any content.
+ *
+ * Usage: <ColorModeScript defaultMode="system" />
+ */
+export function ColorModeScript({ defaultMode = "system", storageKey = STORAGE_KEY, attribute = "class", }) {
+    const applyAttribute = attribute === "class"
+        ? 'd.classList.add(r);d.classList.remove(r==="dark"?"light":"dark")'
+        : 'd.setAttribute("data-theme",r)';
+    const script = `(function(){try{var m=localStorage.getItem(${jsonForInlineScript(storageKey)})||${jsonForInlineScript(defaultMode)};var r=m==="system"?globalThis.matchMedia("(prefers-color-scheme:dark)").matches?"dark":"light":m;var d=document.documentElement;${applyAttribute};d.style.colorScheme=r}catch(e){}})()`;
+    return React.createElement("script", { dangerouslySetInnerHTML: { __html: script } });
+}
+ColorModeScript.displayName = "ColorModeScript";
+/**
+ * Simple toggle button for color mode.
+ */
+export const ColorModeToggle = React.forwardRef(function ColorModeToggle({ className, ...props }, ref) {
+    const { resolvedMode, toggleMode } = useColorMode();
+    const isDark = resolvedMode === "dark";
+    return (React.createElement("button", { ref: ref, type: "button", onClick: toggleMode, "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode", className: className, ...props }, isDark
+        ? (React.createElement("svg", { className: "size-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+            React.createElement("circle", { cx: "12", cy: "12", r: "5" }),
+            React.createElement("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+            React.createElement("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+            React.createElement("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+            React.createElement("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+            React.createElement("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+            React.createElement("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+            React.createElement("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+            React.createElement("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })))
+        : (React.createElement("svg", { className: "size-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+            React.createElement("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })))));
+});
+ColorModeToggle.displayName = "ColorModeToggle";

package/esm/src/react/components/chat/error-boundary.js

@@ -22,7 +22,7 @@ export class ChatErrorBoundary extends React.Component {
                 return fallback(error, this.reset);
             return fallback;
         }
-        return (React.createElement("div", { className: "border border-[var(--destructive)]/20 bg-[var(--destructive)]/5 rounded-2xl p-6", role: "alert" },
+        return (React.createElement("div", { className: "rounded-[var(--radius-lg)] border border-[var(--destructive)]/20 bg-[var(--destructive)]/5 p-6", role: "alert" },
             React.createElement("div", { className: "flex items-start gap-4" },
                 React.createElement("div", { className: "size-10 rounded-full bg-[var(--destructive)]/10 flex items-center justify-center flex-shrink-0" },
                     React.createElement("svg", { className: "size-5 text-[var(--destructive)]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
@@ -30,7 +30,7 @@ export class ChatErrorBoundary extends React.Component {
                 React.createElement("div", { className: "flex-1 min-w-0" },
                     React.createElement("h3", { className: "text-base font-semibold text-[var(--foreground)]" }, errorMessage ?? "An error occurred in the chat component"),
                     React.createElement("p", { className: "mt-1.5 text-sm text-[var(--destructive)] leading-relaxed" }, error.message),
-                    React.createElement("button", { type: "button", onClick: this.reset, className: "mt-4 px-5 py-2.5 text-sm font-medium bg-[var(--destructive)] text-[var(--destructive-foreground)] hover:opacity-90 active:scale-[0.98] rounded-full transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2" }, "Try Again")))));
+                    React.createElement("button", { type: "button", onClick: this.reset, className: "mt-4 rounded-full bg-[var(--destructive)] px-5 py-2.5 text-sm font-medium text-[var(--destructive-foreground)] transition-colors hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--edge-medium)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--background)]" }, "Try Again")))));
     }
 }
 /** Handler for use chat error. */

package/esm/src/react/components/chat/icons/index.d.ts

@@ -10,6 +10,8 @@ export interface IconProps {
 export declare function CircleIcon({ className }: IconProps): React.ReactElement;
 export declare function ClockIcon({ className }: IconProps): React.ReactElement;
 export declare function CheckCircleIcon({ className }: IconProps): React.ReactElement;
+export declare function InfoIcon({ className }: IconProps): React.ReactElement;
+export declare function AlertTriangleIcon({ className }: IconProps): React.ReactElement;
 export declare function XCircleIcon({ className }: IconProps): React.ReactElement;
 export declare function WrenchIcon({ className }: IconProps): React.ReactElement;
 export declare function ChevronDownIcon({ className }: IconProps): React.ReactElement;
@@ -23,8 +25,14 @@ export declare function CopyIcon({ className }: IconProps): React.ReactElement;
 export declare function PaperclipIcon({ className }: IconProps): React.ReactElement;
 export declare function CheckIcon({ className }: IconProps): React.ReactElement;
 export declare function PlusIcon({ className }: IconProps): React.ReactElement;
+export declare function SearchIcon({ className }: IconProps): React.ReactElement;
+export declare function XIcon({ className }: IconProps): React.ReactElement;
+export declare function ArrowRightIcon({ className }: IconProps): React.ReactElement;
+export declare function ArrowUpIcon({ className }: IconProps): React.ReactElement;
 export declare function TrashIcon({ className }: IconProps): React.ReactElement;
 export declare function PanelLeftIcon({ className }: IconProps): React.ReactElement;
+export declare function PanelRightIcon({ className }: IconProps): React.ReactElement;
+export declare function MoreHorizontalIcon({ className }: IconProps): React.ReactElement;
 export declare function PencilIcon({ className }: IconProps): React.ReactElement;
 export declare function SparklesIcon({ className }: IconProps): React.ReactElement;
 export declare function CodeBracketsIcon({ className }: IconProps): React.ReactElement;

package/esm/src/react/components/chat/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/src/react/components/chat/icons/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,+BAA+B,CAAC;AAGvD,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyKD,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEvE;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEtE;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAE5E;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAExE;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEvE;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAE5E;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEtE;AAED,wBAAgB,iBAAiB,CAC/B,EAAE,SAAS,EAAE,EAAE,SAAS,GACvB,KAAK,CAAC,YAAY,CAEpB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAE1E;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAErE;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAErE;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAE1E;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAErE;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAE1E;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEtE;AAyBD,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAErE;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEtE;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAE1E;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEvE;AAeD,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEzE;AAqBD,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAE7E;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEvE;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAEzE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/src/react/components/chat/icons/index.ts"],"names":[],"mappings":"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"}

package/esm/src/react/components/chat/icons/index.js

@@ -40,6 +40,21 @@ const X_CIRCLE_ICON_ELEMENTS = [
     { type: "line", props: { x1: "15", y1: "9", x2: "9", y2: "15" } },
     { type: "line", props: { x1: "9", y1: "9", x2: "15", y2: "15" } },
 ];
+const INFO_ICON_ELEMENTS = [
+    { type: "circle", props: { cx: "12", cy: "12", r: "10" } },
+    { type: "line", props: { x1: "12", y1: "16", x2: "12", y2: "12" } },
+    { type: "line", props: { x1: "12", y1: "8", x2: "12.01", y2: "8" } },
+];
+const ALERT_TRIANGLE_ICON_ELEMENTS = [
+    {
+        type: "path",
+        props: {
+            d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z",
+        },
+    },
+    { type: "line", props: { x1: "12", y1: "9", x2: "12", y2: "13" } },
+    { type: "line", props: { x1: "12", y1: "17", x2: "12.01", y2: "17" } },
+];
 const WRENCH_ICON_ELEMENTS = [
     {
         type: "path",
@@ -136,6 +151,12 @@ export function ClockIcon({ className }) {
 export function CheckCircleIcon({ className }) {
     return renderIcon(className, CHECK_CIRCLE_ICON_ELEMENTS);
 }
+export function InfoIcon({ className }) {
+    return renderIcon(className, INFO_ICON_ELEMENTS);
+}
+export function AlertTriangleIcon({ className }) {
+    return renderIcon(className, ALERT_TRIANGLE_ICON_ELEMENTS);
+}
 export function XCircleIcon({ className }) {
     return renderIcon(className, X_CIRCLE_ICON_ELEMENTS);
 }
@@ -187,6 +208,15 @@ const PANEL_LEFT_ICON_ELEMENTS = [
     { type: "rect", props: { width: "18", height: "18", x: "3", y: "3", rx: "2" } },
     { type: "line", props: { x1: "9", y1: "3", x2: "9", y2: "21" } },
 ];
+const PANEL_RIGHT_ICON_ELEMENTS = [
+    { type: "rect", props: { width: "18", height: "18", x: "3", y: "3", rx: "2" } },
+    { type: "line", props: { x1: "15", y1: "3", x2: "15", y2: "21" } },
+];
+const MORE_HORIZONTAL_ICON_ELEMENTS = [
+    { type: "circle", props: { cx: "12", cy: "12", r: "1" } },
+    { type: "circle", props: { cx: "19", cy: "12", r: "1" } },
+    { type: "circle", props: { cx: "5", cy: "12", r: "1" } },
+];
 const PENCIL_ICON_ELEMENTS = [
     { type: "path", props: { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" } },
     { type: "path", props: { d: "m15 5 4 4" } },
@@ -194,12 +224,46 @@ const PENCIL_ICON_ELEMENTS = [
 export function PlusIcon({ className }) {
     return renderIcon(className, PLUS_ICON_ELEMENTS);
 }
+const SEARCH_ICON_ELEMENTS = [
+    { type: "circle", props: { cx: "11", cy: "11", r: "8" } },
+    { type: "line", props: { x1: "21", y1: "21", x2: "16.65", y2: "16.65" } },
+];
+export function SearchIcon({ className }) {
+    return renderIcon(className, SEARCH_ICON_ELEMENTS);
+}
+const X_ICON_ELEMENTS = [
+    { type: "line", props: { x1: "18", y1: "6", x2: "6", y2: "18" } },
+    { type: "line", props: { x1: "6", y1: "6", x2: "18", y2: "18" } },
+];
+export function XIcon({ className }) {
+    return renderIcon(className, X_ICON_ELEMENTS);
+}
+const ARROW_RIGHT_ICON_ELEMENTS = [
+    { type: "line", props: { x1: "5", y1: "12", x2: "19", y2: "12" } },
+    { type: "polyline", props: { points: "12 5 19 12 12 19" } },
+];
+export function ArrowRightIcon({ className }) {
+    return renderIcon(className, ARROW_RIGHT_ICON_ELEMENTS);
+}
+const ARROW_UP_ICON_ELEMENTS = [
+    { type: "line", props: { x1: "12", y1: "19", x2: "12", y2: "5" } },
+    { type: "polyline", props: { points: "5 12 12 5 19 12" } },
+];
+export function ArrowUpIcon({ className }) {
+    return renderIcon(className, ARROW_UP_ICON_ELEMENTS);
+}
 export function TrashIcon({ className }) {
     return renderIcon(className, TRASH_ICON_ELEMENTS);
 }
 export function PanelLeftIcon({ className }) {
     return renderIcon(className, PANEL_LEFT_ICON_ELEMENTS);
 }
+export function PanelRightIcon({ className }) {
+    return renderIcon(className, PANEL_RIGHT_ICON_ELEMENTS);
+}
+export function MoreHorizontalIcon({ className }) {
+    return renderIcon(className, MORE_HORIZONTAL_ICON_ELEMENTS);
+}
 export function PencilIcon({ className }) {
     return renderIcon(className, PENCIL_ICON_ELEMENTS);
 }

package/esm/src/react/components/chat/markdown.d.ts

@@ -1,4 +1,16 @@
 import * as React from "../../../../react/react.js";
+/**
+ * Custom element renderers keyed by HTML tag name, the shape of
+ * react-markdown's `Components` option. Declared locally instead of
+ * type-importing from the esm.sh URL: a static remote import (even
+ * type-only) pulls react-markdown's remote graph into the deno graph, and
+ * the dnt npm build cannot map esm.sh-internal specifiers (`stable/react`)
+ * onto valid npm package names. The package itself still loads at runtime
+ * via the ESM URL below.
+ */
+export type Components = Partial<Record<keyof React.JSX.IntrinsicElements, React.ElementType>>;
+/** remark/rehype plugin list (react-markdown's `PluggableList`), opaque here. */
+export type PluggableList = readonly unknown[];
 /** Props accepted by markdown. */
 export interface MarkdownProps {
     /** Markdown content to render */
@@ -9,6 +21,17 @@ export interface MarkdownProps {
     enableMermaid?: boolean;
     /** Custom code block renderer */
     renderCodeBlock?: (props: CodeBlockProps) => React.ReactNode;
+    /**
+     * Custom element renderers merged OVER the built-in defaults (consumer
+     * entries win). Lets callers override the anchor/table/heading/blockquote/etc
+     * renderers, not just code fences. `renderCodeBlock` still handles the
+     * `pre`/code path unless a `pre` entry is supplied here.
+     */
+    components?: Components;
+    /** Extra remark plugins, appended after the built-in list (GFM etc.). */
+    remarkPlugins?: PluggableList;
+    /** Extra rehype plugins, appended after the built-in list. */
+    rehypePlugins?: PluggableList;
 }
 /** Props accepted by code block. */
 export interface CodeBlockProps {
@@ -17,5 +40,5 @@ export interface CodeBlockProps {
     inline?: boolean;
 }
 /** Render markdown. */
-export declare function Markdown({ children, className, enableMermaid, renderCodeBlock, }: MarkdownProps): React.ReactElement;
+export declare function Markdown({ children, className, enableMermaid, renderCodeBlock, components, remarkPlugins, rehypePlugins, }: MarkdownProps): React.ReactElement;
 //# sourceMappingURL=markdown.d.ts.map

package/esm/src/react/components/chat/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AAMpD,kCAAkC;AAClC,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D;AAED,oCAAoC;AACpC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAiMD,uBAAuB;AACvB,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,aAAoB,EACpB,eAAe,GAChB,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA2FpC"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AAMpD;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,CAC9B,MAAM,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,EAAE,KAAK,CAAC,WAAW,CAAC,CAC7D,CAAC;AAEF,iFAAiF;AACjF,MAAM,MAAM,aAAa,GAAG,SAAS,OAAO,EAAE,CAAC;AAE/C,kCAAkC;AAClC,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,yEAAyE;IACzE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,8DAA8D;IAC9D,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,oCAAoC;AACpC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA0PD,uBAAuB;AACvB,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,aAAoB,EACpB,eAAe,EACf,UAAU,EACV,aAAa,EACb,aAAa,GACd,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAyIpC"}