@mcp-b/react-components 0.20.5 → 0.22.0

package/dist/components/AppTopBar.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { Button } from "./Button.js";
+import { buttonVariants } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
 import { Toolbar } from "./Toolbar.js";
 import "react";
@@ -49,18 +49,17 @@ function AppTopBarControl({ className, ...props }) {
 	});
 }
 function AppTopBarButton({ children, className, disabled, label, render, tooltip = label, ...props }) {
+	const classes = mergeBaseClassName(buttonVariants({
+		variant: "ghost",
+		color: "neutral",
+		size: "sm"
+	}), className);
 	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
 		render: /* @__PURE__ */ jsx(AppTopBarControl, {
-			className,
+			className: classes,
 			"aria-label": label,
-			render: render ?? /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "ghost",
-				color: "neutral",
-				size: "sm",
-				iconOnly: true,
-				disabled
-			}),
+			"data-icon-only": "",
+			render,
 			disabled,
 			...props
 		}),

package/dist/components/Approval.js

@@ -1,6 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { z as PencilIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { B as PencilIcon } from "../icons-ua6f_GH3.js";
+import { Kbd } from "./Kbd.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Approval.tsx
@@ -207,10 +208,7 @@ function ApprovalDecision({ className, onDecision, onSkip, subject = "this actio
 						className: "approval__submit",
 						disabled: busy,
 						onClick: () => void respond(selected === "approve"),
-						children: [busy ? "Submitting…" : selected === "approve" ? "Approve" : "Submit denial", !busy ? /* @__PURE__ */ jsx("kbd", {
-							className: "approval__kbd",
-							children: "⏎"
-						}) : null]
+						children: [busy ? "Submitting…" : selected === "approve" ? "Approve" : "Submit denial", !busy ? /* @__PURE__ */ jsx(Kbd, { children: "⏎" }) : null]
 					})
 				]
 			}),

package/dist/components/Artifact.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-yRInko9u.js";
+import { n as IconButtonProps } from "../IconButton-CFKhu6OR.js";
 import * as React from "react";
 
 //#region src/components/Artifact.d.ts
@@ -83,11 +83,7 @@ declare function ArtifactActions({
 }: ArtifactActionsProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ArtifactActionProps extends Omit<ButtonProps, "children" | "variant" | "size" | "color"> {
-  /** Accessible label for the button. */
-  label?: string;
-  /** Tooltip text shown on hover. Defaults to label. */
-  tooltip?: string;
+interface ArtifactActionProps extends Omit<IconButtonProps, "children" | "variant" | "size" | "color"> {
   /** The icon to render inside the button. */
   icon?: React.ReactNode | React.ComponentType<{
     className?: string;
@@ -102,7 +98,7 @@ declare function ArtifactAction({
   children,
   ...props
 }: ArtifactActionProps): React.JSX.Element;
-interface ArtifactCloseProps extends Omit<ButtonProps, "children" | "variant" | "size" | "color"> {
+interface ArtifactCloseProps extends Omit<IconButtonProps, "children" | "label" | "variant" | "size" | "color"> {
   /** Accessible label for the close button. */
   label?: string;
   children?: React.ReactNode;

package/dist/components/Artifact.js

@@ -1,9 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { et as XIcon } from "../icons-DyOM0EJs.js";
-import { Button } from "./Button.js";
-import { Tooltip } from "./Tooltip.js";
+import { tt as XIcon } from "../icons-ua6f_GH3.js";
+import { IconButton } from "./IconButton.js";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/Artifact.tsx
 /**
 * A container for generated content (code, documents, outputs) with a header
@@ -78,32 +77,27 @@ function ArtifactActions({ className, children, ref, ...props }) {
 }
 function ArtifactAction({ className, label, tooltip, icon, children, ...props }) {
 	const Icon = typeof icon === "function" ? icon : null;
-	const accessibleLabel = label ?? tooltip;
-	const button = /* @__PURE__ */ jsxs(Button, {
+	return /* @__PURE__ */ jsx(IconButton, {
+		label,
+		tooltip,
 		variant: "ghost",
+		color: "neutral",
 		size: "sm",
-		iconOnly: true,
-		"aria-label": accessibleLabel,
 		className: cx("artifact__action", className),
 		...props,
-		children: [Icon ? /* @__PURE__ */ jsx(Icon, {}) : icon ?? children, accessibleLabel ? /* @__PURE__ */ jsx("span", {
-			className: "sigvelo-visually-hidden",
-			children: accessibleLabel
-		}) : null]
+		children: Icon ? /* @__PURE__ */ jsx(Icon, {}) : icon ?? children
 	});
-	if (!tooltip) return button;
-	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: button }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: tooltip }) }) })] });
 }
 function ArtifactClose({ className, label = "Close", children, ...props }) {
-	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(IconButton, {
+		label,
 		variant: "ghost",
+		color: "neutral",
 		size: "sm",
-		iconOnly: true,
-		"aria-label": label,
 		className: cx("artifact__close", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(XIcon, {})
-	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: label }) }) })] });
+	});
 }
 function ArtifactContent({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/components/Avatar.d.ts

@@ -6,12 +6,15 @@ import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
  * Props for the Avatar.Root component.
  */
 interface AvatarRootProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Root> {
-  size?: "sm" | "md" | "lg";
+  size?: "sm" | "md" | "lg" | "xl";
+  shape?: "circle" | "rounded";
 }
 /**
  * Props for the Avatar.Image component.
  */
-interface AvatarImageProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Image> {}
+interface AvatarImageProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Image> {
+  fit?: "cover" | "contain";
+}
 /**
  * Props for the Avatar.Fallback component.
  */
@@ -35,6 +38,7 @@ interface AvatarBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {}
 declare function AvatarRoot({
   className,
   size,
+  shape,
   ref,
   ...props
 }: AvatarRootProps & {
@@ -45,6 +49,7 @@ declare function AvatarRoot({
  */
 declare function AvatarImage({
   className,
+  fit,
   ref,
   ...props
 }: AvatarImageProps & {

package/dist/components/Avatar.js

@@ -16,12 +16,13 @@ import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
 *
 * @see {@link https://base-ui.com/react/components/avatar | Base UI Avatar}
 */
-function AvatarRoot({ className, size = "md", ref, ...props }) {
+function AvatarRoot({ className, size = "md", shape = "circle", ref, ...props }) {
 	const classes = mergeBaseClassName("avatar", className);
 	return /* @__PURE__ */ jsx(Avatar$1.Root, {
 		ref,
 		"data-slot": "avatar",
 		"data-size": size,
+		"data-shape": shape,
 		className: classes,
 		...props
 	});
@@ -29,11 +30,12 @@ function AvatarRoot({ className, size = "md", ref, ...props }) {
 /**
 * Displays the avatar image. Renders an `<img>` element.
 */
-function AvatarImage({ className, ref, ...props }) {
+function AvatarImage({ className, fit = "cover", ref, ...props }) {
 	const classes = mergeBaseClassName("avatar__image", className);
 	return /* @__PURE__ */ jsx(Avatar$1.Image, {
 		ref,
 		"data-slot": "avatar-image",
+		"data-fit": fit,
 		className: classes,
 		...props
 	});

package/dist/components/BrowserLiveView.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, k as MaximizeIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { A as MaximizeIcon, q as SpinnerIcon } from "../icons-ua6f_GH3.js";
 import { Dialog } from "./Dialog.js";
 import { TransitionSurface } from "./TransitionSurface.js";
-import { Badge } from "./Badge.js";
+import { StatusPill } from "./StatusPill.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/BrowserLiveView.tsx
@@ -79,14 +79,12 @@ function BrowserLiveView({ source, receivedAt, pageTitle, fallback, className, .
 	const live = !expired && !failed;
 	const frameTitle = pageTitle ? `Live browser view — ${pageTitle}` : "Live browser view";
 	const view = live ? /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsxs(Badge, {
+		/* @__PURE__ */ jsx(StatusPill, {
+			busy: true,
 			size: "sm",
 			color: "destructive",
 			className: "browser-live-view__badge",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "browser-live-view__badge-dot",
-				"aria-hidden": true
-			}), "Live"]
+			children: "Live"
 		}),
 		/* @__PURE__ */ jsx("iframe", {
 			className: "browser-live-view__frame",
@@ -101,7 +99,7 @@ function BrowserLiveView({ source, receivedAt, pageTitle, fallback, className, .
 		frameState === "loading" ? /* @__PURE__ */ jsxs(TransitionSurface, {
 			className: "browser-live-view__state",
 			role: "status",
-			children: [/* @__PURE__ */ jsx(SpinnerIcon, { className: "browser-live-view__state-spinner" }), "Connecting live view…"]
+			children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), "Connecting live view…"]
 		}) : null
 	] }) : fallback ?? /* @__PURE__ */ jsx(EndedState, {
 		title: failed ? "Live view unavailable" : "Live view ended",

package/dist/components/BrowserReplay.js

@@ -1,7 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { B as PlayIcon, R as PauseIcon } from "../icons-DyOM0EJs.js";
-import { Button } from "./Button.js";
+import { V as PlayIcon, z as PauseIcon } from "../icons-ua6f_GH3.js";
+import { IconButton } from "./IconButton.js";
 import { r as formatClock } from "../format-S6uWyoSb.js";
+import { EmptyState } from "./EmptyState.js";
 import { Slider } from "./Slider.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -135,26 +136,25 @@ function BrowserReplay({ className, events, autoPlay, ref, ...props }) {
 					ref: stageRef,
 					className: "browser-replay__stage"
 				}),
-				events.length < 2 ? /* @__PURE__ */ jsx("div", {
+				events.length < 2 ? /* @__PURE__ */ jsx(EmptyState, {
 					className: "browser-replay__empty",
-					children: "No browser recording"
+					description: "No browser recording"
 				}) : null,
-				hasError ? /* @__PURE__ */ jsx("div", {
+				hasError ? /* @__PURE__ */ jsx(EmptyState, {
 					className: "browser-replay__empty",
 					role: "alert",
-					children: "Browser replay could not be loaded"
+					description: "Browser replay could not be loaded"
 				}) : null
 			]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "browser-replay__controls",
 			children: [
-				/* @__PURE__ */ jsx(Button, {
+				/* @__PURE__ */ jsx(IconButton, {
+					label: isPlaying ? "Pause replay" : "Play replay",
 					variant: "ghost",
 					color: "neutral",
 					size: "sm",
-					iconOnly: true,
 					className: "browser-replay__toggle",
-					"aria-label": isPlaying ? "Pause replay" : "Play replay",
 					disabled,
 					onClick: handlePlayPause,
 					children: isPlaying ? /* @__PURE__ */ jsx(PauseIcon, {}) : /* @__PURE__ */ jsx(PlayIcon, {})

package/dist/components/BrowserRunPanel.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, et as XIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
+import { q as SpinnerIcon, tt as XIcon } from "../icons-ua6f_GH3.js";
 import { Tabs } from "./Tabs.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "./WebPreview.js";
@@ -56,7 +56,7 @@ function BrowserRunPanel({ liveView, onRefresh, onCloseSession, loading, error,
 		className: "browser-run-panel__live-view"
 	}) : loading ? /* @__PURE__ */ jsxs(BrowserRunPanelState, {
 		role: "status",
-		children: [/* @__PURE__ */ jsx(SpinnerIcon, { className: "browser-run-panel__spinner" }), "Loading browser session"]
+		children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), "Loading browser session"]
 	}) : /* @__PURE__ */ jsx(BrowserRunPanelState, { children: empty });
 	const bodyProps = {
 		className: "web-preview__body browser-run-panel__body",

package/dist/components/Button.d.ts

@@ -1,2 +1,2 @@
-import { a as ButtonVariant, i as ButtonSize, n as ButtonColor, o as ButtonVariantsOptions, r as ButtonProps, s as buttonVariants, t as Button } from "../Button-yRInko9u.js";
+import { a as ButtonVariant, i as ButtonSize, n as ButtonColor, o as ButtonVariantsOptions, r as ButtonProps, s as buttonVariants, t as Button } from "../Button-SBIz6Lqi.js";
 export { Button, ButtonColor, ButtonProps, ButtonSize, ButtonVariant, ButtonVariantsOptions, buttonVariants };

package/dist/components/ChainOfThought.d.ts

@@ -1,5 +1,5 @@
 import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
-import { D as IconProps } from "../icons-DkRtZmvT.js";
+import { O as IconProps } from "../icons-wP1yFUXF.js";
 import * as React from "react";
 
 //#region src/components/ChainOfThought.d.ts

package/dist/components/ChainOfThought.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { K as SpinnerIcon, _ as DotIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { d as CheckIcon, m as ChevronRightIcon, q as SpinnerIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChainOfThought.tsx

package/dist/components/ChatGptSignInScreen.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
-import { u as ModelSelectorLogo } from "../ModelSelector-pecWyOFI.js";
+import { q as SpinnerIcon } from "../icons-ua6f_GH3.js";
+import { u as ModelSelectorLogo } from "../ModelSelector-Brvj9Cab.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChatGptSignInScreen.tsx

package/dist/components/Checkbox.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { d as CheckIcon } from "../icons-ua6f_GH3.js";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/components/Checkbox.tsx

package/dist/components/Checkpoint.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { o as BookmarkIcon } from "../icons-DyOM0EJs.js";
+import { s as BookmarkIcon } from "../icons-ua6f_GH3.js";
 import { Marker, MarkerIcon } from "./Marker.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/CodeBlock.d.ts

@@ -1,2 +1,2 @@
-import { A as CodeBlockLanguage, C as CodeBlockLanguageSelectorValueProps, D as TokenizedCode, E as CodeBlockTitleProps, O as highlightCode, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, k as CODE_BLOCK_LANGUAGES, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../CodeBlock-Bbls1CnA.js";
+import { A as CodeBlockLanguage, C as CodeBlockLanguageSelectorValueProps, D as TokenizedCode, E as CodeBlockTitleProps, O as highlightCode, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, k as CODE_BLOCK_LANGUAGES, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../CodeBlock-yMpGqScn.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockActionsProps, CodeBlockContainer, CodeBlockContainerProps, CodeBlockContent, CodeBlockContentProps, CodeBlockCopyButton, CodeBlockCopyButtonProps, CodeBlockFilename, CodeBlockFilenameProps, CodeBlockHeader, CodeBlockHeaderProps, type CodeBlockLanguage, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorContentProps, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorItemProps, CodeBlockLanguageSelectorProps, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorTriggerProps, CodeBlockLanguageSelectorValue, CodeBlockLanguageSelectorValueProps, CodeBlockProps, CodeBlockTitle, CodeBlockTitleProps, TokenizedCode, highlightCode };

package/dist/components/CodeBlock.js

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-ygtuzqJd.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-Cp67Njo3.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, highlightCode };

package/dist/components/CodexModelSelector.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { U as RefreshIcon, c as BrainIcon, d as ChevronDownIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../icons-ua6f_GH3.js";
 import { Tooltip } from "./Tooltip.js";
 import { i as titleCase } from "../format-S6uWyoSb.js";
 import { Menu } from "./Menu.js";

package/dist/components/Commit.d.ts

@@ -1,5 +1,5 @@
 import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
-import { t as CopyButtonProps } from "../copy-button-BrvQ7z4W.js";
+import { t as CopyButtonProps } from "../copy-button-EBv_B9F6.js";
 import * as React from "react";
 
 //#region src/components/Commit.d.ts

package/dist/components/Commit.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { S as FileIcon, p as ChevronRightIcon } from "../icons-DyOM0EJs.js";
-import { t as CopyButton } from "../copy-button-vo1paUSi.js";
-import { Badge } from "./Badge.js";
+import { C as FileIcon, m as ChevronRightIcon } from "../icons-ua6f_GH3.js";
 import { Avatar } from "./Avatar.js";
+import { t as CopyButton } from "../copy-button-TWq8nZhc.js";
+import { Badge } from "./Badge.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Commit.tsx

package/dist/components/ContextMenu.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { _ as DotIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { d as CheckIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

package/dist/components/Conversation.d.ts

@@ -1,4 +1,4 @@
-import { t as Button } from "../Button-yRInko9u.js";
+import { n as IconButtonProps } from "../IconButton-CFKhu6OR.js";
 import { MessageScrollerButtonProps, MessageScrollerItemProps } from "./MessageScroller.js";
 import * as React from "react";
 import { UIMessage } from "ai";
@@ -76,27 +76,6 @@ declare function ConversationItem({
   scrollAnchor,
   ...props
 }: ConversationItemProps): React.JSX.Element;
-interface ConversationEmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  icon?: React.ReactNode;
-}
-/**
- * Placeholder shown when there are no messages yet. Renders an icon, title,
- * and description stacked vertically; pass `children` to override the
- * default layout entirely.
- */
-declare function ConversationEmptyState({
-  className,
-  title,
-  description,
-  icon,
-  children,
-  ref,
-  ...props
-}: ConversationEmptyStateProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
 interface ConversationScrollButtonProps extends Omit<MessageScrollerButtonProps, "children"> {
   /** Accessible label for the button. */
   label?: string;
@@ -125,7 +104,7 @@ declare function ConversationScrollButton({
  *   `### Role\n\n<text>` blocks joined by blank lines.
  */
 declare function messagesToMarkdown(messages: ConversationMessage[], formatMessage?: (message: ConversationMessage, index: number) => string): string;
-interface ConversationDownloadProps extends Omit<React.ComponentProps<typeof Button>, "onClick" | "children"> {
+interface ConversationDownloadProps extends Omit<IconButtonProps, "onClick" | "children" | "label"> {
   messages: ConversationMessage[];
   /** Filename for the downloaded Markdown file. */
   filename?: string;
@@ -157,4 +136,4 @@ declare function ConversationDownload({
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element | null;
 //#endregion
-export { Conversation, ConversationContent, ConversationContentProps, ConversationDownload, ConversationDownloadProps, ConversationEmptyState, ConversationEmptyStateProps, ConversationItem, ConversationItemProps, ConversationMessage, ConversationProps, ConversationScrollButton, ConversationScrollButtonProps, messagesToMarkdown };
+export { Conversation, ConversationContent, ConversationContentProps, ConversationDownload, ConversationDownloadProps, ConversationItem, ConversationItemProps, ConversationMessage, ConversationProps, ConversationScrollButton, ConversationScrollButtonProps, messagesToMarkdown };

package/dist/components/Conversation.js

@@ -1,10 +1,10 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon, v as DownloadIcon } from "../icons-DyOM0EJs.js";
-import { Button } from "./Button.js";
+import { n as ArrowDownIcon, y as DownloadIcon } from "../icons-ua6f_GH3.js";
+import { IconButton } from "./IconButton.js";
 import { t as assignRef } from "../merge-refs-DF_7w2x_.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";
 import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { isReasoningUIPart, isTextUIPart } from "ai";
 //#region src/components/Conversation.tsx
 /**
@@ -84,33 +84,6 @@ function ConversationItem({ className, scrollAnchor = false, ...props }) {
 	});
 }
 /**
-* Placeholder shown when there are no messages yet. Renders an icon, title,
-* and description stacked vertically; pass `children` to override the
-* default layout entirely.
-*/
-function ConversationEmptyState({ className, title = "No messages yet", description = "Start a conversation to see messages here", icon, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		className: cx("conversation__empty", className),
-		...props,
-		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-			icon ? /* @__PURE__ */ jsx("span", {
-				className: "conversation__empty-icon",
-				"aria-hidden": "true",
-				children: icon
-			}) : null,
-			title ? /* @__PURE__ */ jsx("div", {
-				className: "conversation__empty-title",
-				children: title
-			}) : null,
-			description ? /* @__PURE__ */ jsx("div", {
-				className: "conversation__empty-description",
-				children: description
-			}) : null
-		] })
-	});
-}
-/**
 * Floating button that scrolls the conversation to the latest message.
 * Hidden from view and tab order while the viewport is already at the end.
 */
@@ -163,19 +136,18 @@ function ConversationDownload({ className, messages, filename = "conversation.md
 		anchor.remove();
 		URL.revokeObjectURL(url);
 	};
-	return /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(IconButton, {
 		ref,
 		type: "button",
+		label,
 		variant,
 		color,
 		size,
-		iconOnly: true,
 		className: cx("conversation__download-button", className),
-		"aria-label": label,
 		onClick: handleClick,
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(DownloadIcon, {})
 	});
 }
 //#endregion
-export { Conversation, ConversationContent, ConversationDownload, ConversationEmptyState, ConversationItem, ConversationScrollButton, messagesToMarkdown };
+export { Conversation, ConversationContent, ConversationDownload, ConversationItem, ConversationScrollButton, messagesToMarkdown };

package/dist/components/Dialog.d.ts

@@ -1,118 +1,2 @@
-import * as React from "react";
-import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
-
-//#region src/components/Dialog.d.ts
-interface DialogProps extends Dialog$1.Root.Props {}
-interface DialogTriggerProps extends Dialog$1.Trigger.Props {}
-interface DialogPortalProps extends Dialog$1.Portal.Props {}
-interface DialogBackdropProps extends Dialog$1.Backdrop.Props {}
-interface DialogViewportProps extends Dialog$1.Viewport.Props {}
-interface DialogPopupProps extends Dialog$1.Popup.Props {
-  /**
-   * The size of the dialog.
-   * @default 'md'
-   */
-  size?: "sm" | "md" | "lg" | "fullscreen";
-}
-interface DialogTitleProps extends Dialog$1.Title.Props {}
-interface DialogDescriptionProps extends Dialog$1.Description.Props {}
-interface DialogCloseProps extends Dialog$1.Close.Props {}
-interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
-/**
- * A dialog component for modal interactions.
- *
- * @example
- * ```tsx
- * <Dialog.Root open={isOpen} onOpenChange={setIsOpen}>
- *   <Dialog.Trigger render={<Button />}>Open</Dialog.Trigger>
- *   <Dialog.Portal>
- *     <Dialog.Backdrop />
- *     <Dialog.Viewport>
- *       <Dialog.Popup>
- *         <Dialog.Title>Confirm</Dialog.Title>
- *         <Dialog.Description>Are you sure?</Dialog.Description>
- *         <Dialog.Close>Cancel</Dialog.Close>
- *       </Dialog.Popup>
- *     </Dialog.Viewport>
- *   </Dialog.Portal>
- * </Dialog.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
- */
-declare function DialogTrigger(props: DialogTriggerProps): React.JSX.Element;
-declare function DialogBackdrop({
-  className,
-  ref,
-  ...props
-}: DialogBackdropProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function DialogViewport({
-  className,
-  ref,
-  ...props
-}: DialogViewportProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function DialogPopup({
-  size,
-  className,
-  ref,
-  ...props
-}: DialogPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function DialogHeader({
-  className,
-  ref,
-  ...props
-}: DialogHeaderProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function DialogFooter({
-  className,
-  ref,
-  ...props
-}: DialogFooterProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function DialogTitle({
-  className,
-  ref,
-  ...props
-}: DialogTitleProps & {
-  ref?: React.Ref<HTMLHeadingElement>;
-}): React.JSX.Element;
-declare function DialogDescription({
-  className,
-  ref,
-  ...props
-}: DialogDescriptionProps & {
-  ref?: React.Ref<HTMLParagraphElement>;
-}): React.JSX.Element;
-declare function DialogClose({
-  render,
-  className,
-  ref,
-  ...props
-}: DialogCloseProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
-declare const Dialog: {
-  Root: typeof Dialog$1.Root;
-  Trigger: typeof DialogTrigger;
-  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-  Backdrop: typeof DialogBackdrop;
-  Viewport: typeof DialogViewport;
-  Popup: typeof DialogPopup;
-  Header: typeof DialogHeader;
-  Footer: typeof DialogFooter;
-  Title: typeof DialogTitle;
-  Description: typeof DialogDescription;
-  Close: typeof DialogClose;
-  createHandle: typeof Dialog$1.createHandle;
-};
-//#endregion
+import { a as DialogFooterProps, c as DialogPortalProps, d as DialogTriggerProps, f as DialogViewportProps, i as DialogDescriptionProps, l as DialogProps, n as DialogBackdropProps, o as DialogHeaderProps, r as DialogCloseProps, s as DialogPopupProps, t as Dialog, u as DialogTitleProps } from "../Dialog-BD8NBKaE.js";
 export { Dialog, DialogBackdropProps, DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogViewportProps };