@mcp-b/react-components 0.56.1 → 0.56.2

package/dist/components/ai-sdk/AgentAttention.d.ts

@@ -1,23 +1,17 @@
-import { r as ButtonProps } from "../../Button-DjONW5UW.js";
+import { r as ButtonProps } from "../../Button-ClRxb8tM.js";
 import * as React from "react";
-
 //#region src/components/ai-sdk/AgentAttention.d.ts
-type AgentAttentionTone = "neutral" | "attention";
-interface AgentAttentionProps extends React.HTMLAttributes<HTMLDivElement> {
+export type AgentAttentionTone = "neutral" | "attention";
+export interface AgentAttentionProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Visual emphasis only; products retain ownership of the underlying state. */
   tone?: AgentAttentionTone;
   /** Marks ongoing work without introducing progress semantics. */
   busy?: boolean;
 }
 /** Compact host for agent work, handoff, generated input, or review previews. */
-declare function AgentAttention({
-  busy,
-  className,
-  tone,
-  ref,
-  ...props
-}: AgentAttentionProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+export declare function AgentAttention({ busy, className, tone, ref, ...props }: AgentAttentionProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface AgentAttentionHeadingProps {
   /** Leading visual. Decorative by default; put meaning in the title. */
@@ -25,49 +19,26 @@ interface AgentAttentionHeadingProps {
   title: React.ReactNode;
   description?: React.ReactNode;
 }
-interface AgentAttentionHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, AgentAttentionHeadingProps {}
+export interface AgentAttentionHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, AgentAttentionHeadingProps {}
 /** Non-interactive heading for attention surfaces with inline content or actions. */
-declare function AgentAttentionHeader({
-  className,
-  description,
-  icon,
-  title,
-  ref,
-  ...props
-}: AgentAttentionHeaderProps & {
+export declare function AgentAttentionHeader({ className, description, icon, title, ref, ...props }: AgentAttentionHeaderProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface AgentAttentionTriggerProps extends Omit<ButtonProps, "children" | "color" | "size" | "title" | "variant">, AgentAttentionHeadingProps {
+export interface AgentAttentionTriggerProps extends Omit<ButtonProps, "children" | "color" | "size" | "title" | "variant">, AgentAttentionHeadingProps {
   className?: string;
 }
 /** Whole-surface trigger for opening the owning agent client or disclosure. */
-declare function AgentAttentionTrigger({
-  className,
-  description,
-  icon,
-  title,
-  ref,
-  ...props
-}: AgentAttentionTriggerProps & {
+export declare function AgentAttentionTrigger({ className, description, icon, title, ref, ...props }: AgentAttentionTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-interface AgentAttentionBodyProps extends React.HTMLAttributes<HTMLDivElement> {}
+export interface AgentAttentionBodyProps extends React.HTMLAttributes<HTMLDivElement> {}
 /** Bounded content slot, including an app-owned generated-UI sandbox. */
-declare function AgentAttentionBody({
-  className,
-  ref,
-  ...props
-}: AgentAttentionBodyProps & {
+export declare function AgentAttentionBody({ className, ref, ...props }: AgentAttentionBodyProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface AgentAttentionActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
+export interface AgentAttentionActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
 /** Product-owned actions; the primitive does not infer approval authority. */
-declare function AgentAttentionActions({
-  className,
-  ref,
-  ...props
-}: AgentAttentionActionsProps & {
+export declare function AgentAttentionActions({ className, ref, ...props }: AgentAttentionActionsProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-//#endregion
-export { AgentAttention, AgentAttentionActions, AgentAttentionActionsProps, AgentAttentionBody, AgentAttentionBodyProps, AgentAttentionHeader, AgentAttentionHeaderProps, AgentAttentionProps, AgentAttentionTone, AgentAttentionTrigger, AgentAttentionTriggerProps };
+//#endregion

package/dist/components/ai-sdk/AgentChatMessageEditor.d.ts

@@ -1,8 +1,7 @@
 import * as React from "react";
 import { UIMessage } from "ai";
-
 //#region src/components/ai-sdk/AgentChatMessageEditor.d.ts
-interface AgentChatMessageEditorProps<MessageT extends UIMessage = UIMessage> {
+export interface AgentChatMessageEditorProps<MessageT extends UIMessage = UIMessage> {
   /** Whole upstream message being edited, including app metadata and typed data parts. */
   message: MessageT;
   originalText: string;
@@ -18,12 +17,5 @@ interface AgentChatMessageEditorProps<MessageT extends UIMessage = UIMessage> {
  * Form/Field wrappers and Textarea recipe so validation, labels, focus, and
  * disabled states stay owned by the design-system primitives.
  */
-declare function AgentChatMessageEditor<MessageT extends UIMessage = UIMessage>({
-  message,
-  originalText,
-  onCancel,
-  onSubmit,
-  onSuccess
-}: AgentChatMessageEditorProps<MessageT>): React.JSX.Element;
-//#endregion
-export { AgentChatMessageEditor, AgentChatMessageEditorProps };
+export declare function AgentChatMessageEditor<MessageT extends UIMessage = UIMessage>({ message, originalText, onCancel, onSubmit, onSuccess }: AgentChatMessageEditorProps<MessageT>): React.JSX.Element;
+//#endregion

package/dist/components/ai-sdk/AgentChatStartScreen.d.ts

@@ -1,10 +1,9 @@
-import { r as ButtonProps } from "../../Button-DjONW5UW.js";
-import { vt as PromptInputTray } from "../../PromptInput-DGPrCTPl.js";
+import { r as ButtonProps } from "../../Button-ClRxb8tM.js";
+import { vt as PromptInputTray } from "../../PromptInput-C3adKglc.js";
 import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
-
 //#region src/components/ai-sdk/AgentChatStartScreen.d.ts
-interface AgentChatStarterItem {
+export interface AgentChatStarterItem {
   id: string;
   label: React.ReactNode;
   icon?: React.ReactNode;
@@ -13,58 +12,30 @@ interface AgentChatStarterItem {
   /** Accessible label for this suggestion's optional dismiss action. */
   dismissLabel?: string;
 }
-interface AgentChatStarterListProps extends Omit<React.ComponentPropsWithoutRef<"ul">, "children" | "onDismiss" | "onSelect"> {
+export interface AgentChatStarterListProps extends Omit<React.ComponentPropsWithoutRef<"ul">, "children" | "onDismiss" | "onSelect"> {
   /** Complete starter data from a host-owned suggestion query. */
   items: readonly AgentChatStarterItem[];
   onSelect: (item: AgentChatStarterItem) => void;
   /** Enables dismiss actions for items that provide `dismissLabel`. */
   onDismiss?: (item: AgentChatStarterItem) => void;
 }
-interface AgentChatStartScreenProps extends useRender.ComponentProps<"section"> {}
+export interface AgentChatStartScreenProps extends useRender.ComponentProps<"section"> {}
 /** First-turn layout beneath the same draft provider as the live composer. */
-declare function AgentChatStartScreen({
-  render,
-  ref,
-  children,
-  ...props
-}: AgentChatStartScreenProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-interface AgentChatStartScreenPrimaryProps extends useRender.ComponentProps<"div"> {
+export declare function AgentChatStartScreen({ render, ref, children, ...props }: AgentChatStartScreenProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export interface AgentChatStartScreenPrimaryProps extends useRender.ComponentProps<"div"> {
   heading?: React.ReactNode;
 }
 /** Heading and live-composer group; suggestions are a separate sibling below it. */
-declare function AgentChatStartScreenPrimary({
-  heading,
-  render,
-  ref,
-  children,
-  ...props
-}: AgentChatStartScreenPrimaryProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare function AgentChatStartScreenPrimary({ heading, render, ref, children, ...props }: AgentChatStartScreenPrimaryProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 /** Stacking boundary for a caller-owned form and its docked utility tray. */
-declare function AgentChatStartScreenComposer({
-  render,
-  ref,
-  ...props
-}: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare function AgentChatStartScreenComposer({ render, ref, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 /** Utility actions share PromptInputTray's native props and ref. */
-declare function AgentChatStartScreenTray({
-  className,
-  ...props
-}: Omit<React.ComponentProps<typeof PromptInputTray>, "side">): React.JSX.Element;
+export declare function AgentChatStartScreenTray({ className, ...props }: Omit<React.ComponentProps<typeof PromptInputTray>, "side">): React.JSX.Element;
 /** Starter prompts or an app-authored guide; remains in layout while the draft is active. */
-declare function AgentChatStartScreenSuggestions({
-  render,
-  ref,
-  ...props
-}: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare function AgentChatStartScreenSuggestions({ render, ref, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 /** Semantic list for first-turn prompts below an `AgentChatStartScreen`. */
-declare function AgentChatStarterList({
-  items,
-  onSelect,
-  onDismiss,
-  className,
-  ...props
-}: AgentChatStarterListProps): React.JSX.Element;
-interface AgentChatStarterProps extends Omit<ButtonProps, "color" | "iconOnly" | "size" | "variant"> {
+export declare function AgentChatStarterList({ items, onSelect, onDismiss, className, ...props }: AgentChatStarterListProps): React.JSX.Element;
+export interface AgentChatStarterProps extends Omit<ButtonProps, "color" | "iconOnly" | "size" | "variant"> {
   /** Decorative icon shown before the prompt label. */
   icon?: React.ReactNode;
   /** Render the prompt with quieter onboarding emphasis. */
@@ -75,15 +46,5 @@ interface AgentChatStarterProps extends Omit<ButtonProps, "color" | "iconOnly" |
   dismissLabel?: string;
 }
 /** One full-width, keyboard-native starter prompt. */
-declare function AgentChatStarter({
-  icon,
-  muted,
-  onDismiss,
-  dismissLabel,
-  children,
-  className,
-  type,
-  ...props
-}: AgentChatStarterProps): React.JSX.Element;
-//#endregion
-export { AgentChatStartScreen, AgentChatStartScreenComposer, AgentChatStartScreenPrimary, AgentChatStartScreenPrimaryProps, AgentChatStartScreenProps, AgentChatStartScreenSuggestions, AgentChatStartScreenTray, AgentChatStarter, AgentChatStarterItem, AgentChatStarterList, AgentChatStarterListProps, AgentChatStarterProps };
+export declare function AgentChatStarter({ icon, muted, onDismiss, dismissLabel, children, className, type, ...props }: AgentChatStarterProps): React.JSX.Element;
+//#endregion

package/dist/components/ai-sdk/AgentChatStartScreen.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { nt as XIcon } from "../../icons-cuEtsgj9.js";
+import { nt as XIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { PromptInputTray, usePromptInputController } from "./PromptInput.js";
@@ -11,20 +11,21 @@ import { mergeProps } from "@base-ui/react/merge-props";
 /** First-turn layout beneath the same draft provider as the live composer. */
 function AgentChatStartScreen({ render, ref, children, ...props }) {
 	const { textInput, attachments } = usePromptInputController();
+	const defaults = {
+		"data-slot": "agent-chat-start-screen",
+		"data-drafting": textInput.value.length > 0 || attachments.files.length > 0 ? "" : void 0,
+		className: "agent-chat-start-screen",
+		"aria-label": props["aria-labelledby"] ? void 0 : "New conversation",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "agent-chat-start-screen__content",
+			children
+		})
+	};
 	return useRender({
 		defaultTagName: "section",
 		render,
 		ref,
-		props: mergeProps({
-			"data-slot": "agent-chat-start-screen",
-			"data-drafting": textInput.value.length > 0 || attachments.files.length > 0 ? "" : void 0,
-			className: "agent-chat-start-screen",
-			"aria-label": props["aria-labelledby"] ? void 0 : "New conversation",
-			children: /* @__PURE__ */ jsx("div", {
-				className: "agent-chat-start-screen__content",
-				children
-			})
-		}, props)
+		props: mergeProps(defaults, props)
 	});
 }
 /** Heading and live-composer group; suggestions are a separate sibling below it. */

package/dist/components/ai-sdk/AgentChatTurnError.d.ts

@@ -1,5 +1,5 @@
 //#region src/components/ai-sdk/AgentChatTurnError.d.ts
-interface AgentChatTurnErrorProps {
+export interface AgentChatTurnErrorProps {
   error: Error;
   onDismiss: () => void;
   onRetry?: () => void;
@@ -8,10 +8,5 @@ interface AgentChatTurnErrorProps {
  * Recoverable turn failure for AgentChat-compatible surfaces. The message and
  * actions remain one status unit while Button owns all interaction styling.
  */
-declare function AgentChatTurnError({
-  error,
-  onDismiss,
-  onRetry
-}: AgentChatTurnErrorProps): import("react").JSX.Element;
-//#endregion
-export { AgentChatTurnError, AgentChatTurnErrorProps };
+export declare function AgentChatTurnError({ error, onDismiss, onRetry }: AgentChatTurnErrorProps): import("react").JSX.Element;
+//#endregion

package/dist/components/ai-sdk/AgentMessageParts.d.ts

@@ -1,2 +1,2 @@
-import { i as AgentMessageRenderPartContext, n as AgentMessageParts, r as AgentMessagePartsProps, t as AgentMessagePart } from "../../AgentMessageParts-C7L-Mv9U.js";
+import { i as AgentMessageRenderPartContext, n as AgentMessageParts, r as AgentMessagePartsProps, t as AgentMessagePart } from "../../AgentMessageParts-BtWwiE4f.js";
 export { AgentMessagePart, AgentMessageParts, AgentMessagePartsProps, AgentMessageRenderPartContext };

package/dist/components/ai-sdk/AgentMessageParts.js

@@ -60,8 +60,9 @@ function renderDefaultPart(message, part, partIndex, status) {
 		const reasoningText = message.parts.filter(isReasoningUIPart).map((reasoningPart) => reasoningPart.text).join("\n\n");
 		if (!reasoningText) return null;
 		const lastPart = message.parts.at(-1);
+		const isReasoningStreaming = status === "streaming" && lastPart !== void 0 && isReasoningUIPart(lastPart) && lastPart.state === "streaming";
 		return /* @__PURE__ */ jsxs(Reasoning, {
-			isStreaming: status === "streaming" && lastPart !== void 0 && isReasoningUIPart(lastPart) && lastPart.state === "streaming",
+			isStreaming: isReasoningStreaming,
 			children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: reasoningText })]
 		});
 	}
@@ -89,7 +90,8 @@ function AgentMessageParts({ message, status = "ready", renderPart }) {
 			if (custom !== void 0) return custom ? /* @__PURE__ */ jsx(MessageContent, { children: custom }, getPartKey(part, partIndex)) : null;
 			const previous = message.parts[partIndex - 1];
 			if (isSourceUrlPart(previous) || isSourceDocumentPart(previous)) return null;
-			return /* @__PURE__ */ jsx(MessageContent, { children: renderSources(getSourceRun(message.parts, partIndex)) }, getPartKey(part, partIndex));
+			const sources = getSourceRun(message.parts, partIndex);
+			return /* @__PURE__ */ jsx(MessageContent, { children: renderSources(sources) }, getPartKey(part, partIndex));
 		}
 		const rendered = custom === void 0 ? defaultRender() : custom;
 		return rendered ? /* @__PURE__ */ jsx(MessageContent, { children: rendered }, getPartKey(part, partIndex)) : null;

package/dist/components/ai-sdk/Approval.d.ts

@@ -1,79 +1,51 @@
 import * as React from "react";
-
 //#region src/components/ai-sdk/Approval.d.ts
-interface ApprovalProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ApprovalProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Approval question, preview, and decision controls composed by the application. */
   children?: React.ReactNode;
 }
 /** Presentation-only frame for a human approval request. */
-declare function Approval({
-  className,
-  ref,
-  ...props
-}: ApprovalProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+export declare function Approval({ className, ref, ...props }: ApprovalProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ApprovalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+export interface ApprovalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
 /** Question and optional queue position for an approval request. */
-declare function ApprovalHeader({
-  className,
-  ref,
-  ...props
-}: ApprovalHeaderProps & {
+export declare function ApprovalHeader({ className, ref, ...props }: ApprovalHeaderProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ApprovalQuestionProps extends React.HTMLAttributes<HTMLSpanElement> {}
+export interface ApprovalQuestionProps extends React.HTMLAttributes<HTMLSpanElement> {}
 /** The request phrased as a human-readable question. */
-declare function ApprovalQuestion({
-  className,
-  ref,
-  ...props
-}: ApprovalQuestionProps & {
+export declare function ApprovalQuestion({ className, ref, ...props }: ApprovalQuestionProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-interface ApprovalCountProps extends React.HTMLAttributes<HTMLSpanElement> {}
+export interface ApprovalCountProps extends React.HTMLAttributes<HTMLSpanElement> {}
 /** Position of the current request in an app-owned approval queue. */
-declare function ApprovalCount({
-  className,
-  ref,
-  ...props
-}: ApprovalCountProps & {
+export declare function ApprovalCount({ className, ref, ...props }: ApprovalCountProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-interface ApprovalPreviewProps extends React.HTMLAttributes<HTMLDivElement> {}
+export interface ApprovalPreviewProps extends React.HTMLAttributes<HTMLDivElement> {}
 /** Bounded, read-only preview of the operation being authorized. */
-declare function ApprovalPreview({
-  className,
-  ref,
-  ...props
-}: ApprovalPreviewProps & {
+export declare function ApprovalPreview({ className, ref, ...props }: ApprovalPreviewProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ApprovalPreviewRowProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ApprovalPreviewRowProps extends React.HTMLAttributes<HTMLDivElement> {
   label?: React.ReactNode;
 }
 /** One labelled value in an approval preview. */
-declare function ApprovalPreviewRow({
-  children,
-  className,
-  label,
-  ref,
-  ...props
-}: ApprovalPreviewRowProps & {
+export declare function ApprovalPreviewRow({ children, className, label, ref, ...props }: ApprovalPreviewRowProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ApprovalInputPreviewProps {
+export interface ApprovalInputPreviewProps {
   input: unknown;
 }
 /** Renders unknown upstream input without changing or normalizing its shape. */
-declare function ApprovalInputPreview({
-  input
-}: ApprovalInputPreviewProps): React.JSX.Element;
-interface ApprovalDecisionValue {
+export declare function ApprovalInputPreview({ input }: ApprovalInputPreviewProps): React.JSX.Element;
+export interface ApprovalDecisionValue {
   approved: boolean;
   reason?: string;
 }
-interface ApprovalDecisionProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ApprovalDecisionProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Presentation callback. Transport adapters supply the upstream operation. */
   onDecision: (decision: ApprovalDecisionValue) => void | PromiseLike<void>;
   /** Dismisses the local presentation without settling the upstream request. */
@@ -87,15 +59,7 @@ interface ApprovalDecisionProps extends React.HTMLAttributes<HTMLDivElement> {
  * in the reason field submits a denial. Async failures stay visible and are
  * announced politely without coupling this presentation to a transport.
  */
-declare function ApprovalDecision({
-  className,
-  onDecision,
-  onSkip,
-  subject,
-  ref,
-  ...props
-}: ApprovalDecisionProps & {
+export declare function ApprovalDecision({ className, onDecision, onSkip, subject, ref, ...props }: ApprovalDecisionProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-//#endregion
-export { Approval, ApprovalCount, ApprovalCountProps, ApprovalDecision, ApprovalDecisionProps, ApprovalDecisionValue, ApprovalHeader, ApprovalHeaderProps, ApprovalInputPreview, ApprovalInputPreviewProps, ApprovalPreview, ApprovalPreviewProps, ApprovalPreviewRow, ApprovalPreviewRowProps, ApprovalProps, ApprovalQuestion, ApprovalQuestionProps };
+//#endregion

package/dist/components/ai-sdk/Approval.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { R as PencilIcon } from "../../icons-cuEtsgj9.js";
+import { R as PencilIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
-import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import { Kbd } from "../foundations/Kbd.js";
+import { o as formatUnknownValue } from "../../format-CWaZEp5o.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Approval.tsx

package/dist/components/ai-sdk/Artifact.d.ts

@@ -1,8 +1,7 @@
-import { n as IconButtonProps } from "../../IconButton-CAlFVb2L.js";
+import { n as IconButtonProps } from "../../IconButton-43ggXEuf.js";
 import * as React from "react";
-
 //#region src/components/ai-sdk/Artifact.d.ts
-interface ArtifactProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ArtifactProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Additional class names for layout only; do not restyle artifact internals from apps. */
   className?: string;
   /** Header and content slots, usually composed from Artifact subcomponents. */
@@ -39,89 +38,48 @@ interface ArtifactProps extends React.HTMLAttributes<HTMLDivElement> {
  * </Artifact>
  * ```
  */
-declare function Artifact({
-  className,
-  children,
-  ref,
-  ...props
-}: ArtifactProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+export declare function Artifact({ className, children, ref, ...props }: ArtifactProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ArtifactHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-declare function ArtifactHeader({
-  className,
-  children,
-  ref,
-  ...props
-}: ArtifactHeaderProps & {
+export interface ArtifactHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+export declare function ArtifactHeader({ className, children, ref, ...props }: ArtifactHeaderProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ArtifactTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}
-declare function ArtifactTitle({
-  className,
-  children,
-  ref,
-  ...props
-}: ArtifactTitleProps & {
+export interface ArtifactTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}
+export declare function ArtifactTitle({ className, children, ref, ...props }: ArtifactTitleProps & {
   ref?: React.Ref<HTMLHeadingElement>;
 }): React.JSX.Element;
-interface ArtifactDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}
-declare function ArtifactDescription({
-  className,
-  children,
-  ref,
-  ...props
-}: ArtifactDescriptionProps & {
+export interface ArtifactDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}
+export declare function ArtifactDescription({ className, children, ref, ...props }: ArtifactDescriptionProps & {
   ref?: React.Ref<HTMLParagraphElement>;
 }): React.JSX.Element;
-interface ArtifactActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
-declare function ArtifactActions({
-  className,
-  children,
-  ref,
-  ...props
-}: ArtifactActionsProps & {
+export interface ArtifactActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
+export declare function ArtifactActions({ className, children, ref, ...props }: ArtifactActionsProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ArtifactActionProps extends Omit<IconButtonProps, "children" | "variant" | "size" | "color"> {
+export interface ArtifactActionProps extends Omit<IconButtonProps, "children" | "variant" | "size" | "color"> {
   /** The icon to render inside the button. */
   icon?: React.ReactNode | React.ComponentType<{
     className?: string;
   }>;
   children?: React.ReactNode;
 }
-declare function ArtifactAction({
-  className,
-  label,
-  tooltip,
-  icon,
-  children,
-  ...props
-}: ArtifactActionProps): React.JSX.Element;
-interface ArtifactCloseProps extends Omit<IconButtonProps, "children" | "label" | "variant" | "size" | "color"> {
+export declare function ArtifactAction({ className, label, tooltip, icon, children, ...props }: ArtifactActionProps): React.JSX.Element;
+export interface ArtifactCloseProps extends Omit<IconButtonProps, "children" | "label" | "variant" | "size" | "color"> {
   /** Accessible label for the close button. */
   label?: string;
   children?: React.ReactNode;
 }
-declare function ArtifactClose({
-  className,
-  label,
-  children,
-  ...props
-}: ArtifactCloseProps): React.JSX.Element;
-interface ArtifactContentProps extends React.HTMLAttributes<HTMLDivElement> {}
-declare function ArtifactContent({
-  className,
-  children,
-  ref,
-  ...props
-}: ArtifactContentProps & {
+export declare function ArtifactClose({ className, label, children, ...props }: ArtifactCloseProps): React.JSX.Element;
+export interface ArtifactContentProps extends React.HTMLAttributes<HTMLDivElement> {}
+export declare function ArtifactContent({ className, children, ref, ...props }: ArtifactContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /** Host error messages render verbatim and must be user-readable rather than raw diagnostics.
  * Sandbox policy is a host concern the preview never mediates: a host that blocks a resource
  * reports it through the error states, so there is no approval state here. */
-type ArtifactPreviewState = {
+export type ArtifactPreviewState = {
   status: "loading";
 } | {
   message: string;
@@ -136,7 +94,7 @@ type ArtifactPreviewState = {
   onRetry: () => void;
   status: "runtime-error";
 };
-interface ArtifactPreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+export interface ArtifactPreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
   /** Accessible artifact name, usually derived from the source link label. */
   label: string;
   /** Navigation element for the source artifact. */
@@ -151,15 +109,7 @@ interface ArtifactPreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>
  * layout, and accessible announcements. The host owns source reads, sandbox
  * policy, runtime messaging, and the rendered content element.
  */
-declare function ArtifactPreview({
-  className,
-  label,
-  sourceLink,
-  state,
-  ref,
-  ...props
-}: ArtifactPreviewProps & {
+export declare function ArtifactPreview({ className, label, sourceLink, state, ref, ...props }: ArtifactPreviewProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-//#endregion
-export { Artifact, ArtifactAction, ArtifactActionProps, ArtifactActions, ArtifactActionsProps, ArtifactClose, ArtifactCloseProps, ArtifactContent, ArtifactContentProps, ArtifactDescription, ArtifactDescriptionProps, ArtifactHeader, ArtifactHeaderProps, ArtifactPreview, ArtifactPreviewProps, ArtifactPreviewState, ArtifactProps, ArtifactTitle, ArtifactTitleProps };
+//#endregion

package/dist/components/ai-sdk/Artifact.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, et as WarningIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, et as WarningIcon, nt as XIcon } from "../../icons-CeGfXO21.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";