@mcp-b/react-components 0.17.0 → 0.18.0

package/dist/{AgentActivity-BNUNrP9O.d.ts → AgentActivity-D2SHSGFX.d.ts}

@@ -1,4 +1,4 @@
-import { n as WorkspaceDestination } from "./WorkspaceLink-DK1DWMHe.js";
+import { n as WorkspaceDestination } from "./WorkspaceLink-O-EBKUJ8.js";
 import * as React from "react";
 
 //#region src/components/AgentActivity.d.ts

package/dist/{AgentChat-CRuMi1Pb.d.ts → AgentChat-ClxViuUM.d.ts}

@@ -1,5 +1,5 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-CyD2UB3V.js";
-import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, X as PromptInputContextSelectorProps, gt as PromptInputReference, n as PermissionMode, ut as PromptInputMessage } from "./PromptInput-OLfXPuHM.js";
+import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, X as PromptInputContextSelectorProps, gt as PromptInputReference, n as PermissionMode, ut as PromptInputMessage } from "./PromptInput-Bdh9pqlo.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, UIMessage } from "ai";
 import { PendingApproval, Think } from "@cloudflare/think";
@@ -75,21 +75,6 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   showComposer?: boolean;
   /** Called when the user hits stop while `status` is streaming/submitted. */
   onStop?: () => void;
-  /**
-   * Let a composed follow-up submit while a response is active. The single
-   * trailing action remains Stop until the draft contains content, then
-   * becomes Queue. The transport remains the queue owner.
-   */
-  allowSubmitWhileBusy?: boolean;
-  /**
-   * Authoritative user messages waiting behind the active turn. Their ids are
-   * excluded from the transcript and rendered as queued cards above the composer.
-   */
-  queuedMessages?: readonly MessageT[];
-  /** Promote a queued message into the host's steering flow. */
-  onSteerQueuedMessage?: (message: MessageT) => void;
-  /** Remove a queued message through the host-owned queue transport. */
-  onRemoveQueuedMessage?: (message: MessageT) => void;
   placeholder?: string;
   disabled?: boolean;
   /** Rendered in place of the transcript while `messages` is empty. */
@@ -210,14 +195,10 @@ interface PermissionModeControl {
 declare function AgentChat<MessageT extends UIMessage = UIMessage>({
   className,
   messages,
-  queuedMessages,
-  onSteerQueuedMessage,
-  onRemoveQueuedMessage,
   status,
   onSubmit,
   showComposer,
   onStop,
-  allowSubmitWhileBusy,
   placeholder,
   disabled,
   emptyState,

package/dist/{Button-FX_hpqxm.d.ts → Button-DLGzHsjc.d.ts}

@@ -24,12 +24,11 @@ type ButtonColor = "neutral" | "primary" | "destructive";
  *
  * - `xs` - Extra small, 1.75rem height
  * - `sm` - Small, 2rem height
- * - `md` - Medium (default), 2.5rem height
- * - `lg` - Large, 2.75rem height
- * - `xl` - Extra large, 3.25rem height
- * - `icon` - Square button for icon-only content
+ * - `md` - Medium, 2.25rem height
+ * - `lg` - Large, 2.5rem height
+ * - `xl` - Extra large, 2.75rem height
  */
-type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
 interface ButtonVariantsOptions {
   variant?: ButtonVariant | null;
   color?: ButtonColor | null;
@@ -59,9 +58,15 @@ interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLBut
   color?: ButtonColor;
   /**
    * The size of the button.
-   * @default 'md'
+   * @default 'sm'
    */
   size?: ButtonSize;
+  /**
+   * Makes the button square for icon-only content. Prefer {@link IconButton}
+   * when the control also needs a required accessible label and tooltip.
+   * @default false
+   */
+  iconOnly?: boolean;
 }
 /**
  * A button component built on Base UI with semantic styling variants.
@@ -76,7 +81,7 @@ interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLBut
  * <Button color="primary">Save changes</Button>
  * <Button color="destructive">Delete account</Button>
  * <Button variant="outline">Cancel</Button>
- * <Button variant="ghost" size="icon"><SearchIcon /></Button>
+ * <Button variant="ghost" size="sm" iconOnly aria-label="Search"><SearchIcon /></Button>
  * ```
  *
  * @see {@link https://base-ui.com/react/components/button | Base UI Button}
@@ -85,6 +90,7 @@ declare function Button$1({
   variant,
   color,
   size,
+  iconOnly,
   className,
   nativeButton,
   ref,

package/dist/{CodeBlock-Co1noLbC.js → CodeBlock-Bfp5PAg3.js}

@@ -1,6 +1,6 @@
-import { t as cx } from "./class-names-Bk-QLWWI.js";
+import { t as cx } from "./class-names-BiMDVpUo.js";
 import { Select } from "./components/Select.js";
-import { t as CopyButton } from "./copy-button-cYsJBauI.js";
+import { t as CopyButton } from "./copy-button-DeK6KXEV.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";
@@ -170,11 +170,14 @@ function hasCustomCodeBlockContent(children) {
 *
 * @see {@link https://elements.ai-sdk.dev/components/code-block | AI Elements Code Block}
 */
-function CodeBlock({ className, code, language, showLineNumbers = false, isStreaming = false, onLanguageChange, children, ref, ...props }) {
+function CodeBlock({ language, ...props }) {
+	return /* @__PURE__ */ jsx(CodeBlockState, {
+		language,
+		...props
+	}, language);
+}
+function CodeBlockState({ className, code, language, showLineNumbers = false, isStreaming = false, onLanguageChange, children, ref, ...props }) {
 	const [internalLanguage, setInternalLanguage] = React.useState(language);
-	React.useEffect(() => {
-		setInternalLanguage(language);
-	}, [language]);
 	const setLanguage = React.useCallback((next) => {
 		setInternalLanguage(next);
 		onLanguageChange?.(next);

package/dist/{CodeBlock-Dnpr88ZQ.d.ts → CodeBlock-gV4kZeCI.d.ts}

@@ -1,5 +1,5 @@
-import { m as SelectProps, t as Select } from "./Select-CwSqP07Y.js";
-import { t as CopyButtonProps } from "./copy-button-CQx3LQAC.js";
+import { m as SelectProps, t as Select } from "./Select-B_13gg_J.js";
+import { t as CopyButtonProps } from "./copy-button-D7aAYA-2.js";
 import * as React from "react";
 import { BundledLanguage, ThemedToken } from "shiki";
 
@@ -63,14 +63,7 @@ interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {
  * @see {@link https://elements.ai-sdk.dev/components/code-block | AI Elements Code Block}
  */
 declare function CodeBlock({
-  className,
-  code,
   language,
-  showLineNumbers,
-  isStreaming,
-  onLanguageChange,
-  children,
-  ref,
   ...props
 }: CodeBlockProps & {
   ref?: React.Ref<HTMLDivElement>;

package/dist/{FileTree-B7bBsUyU.js → FileTree-3zYtrddG.js}

@@ -1,9 +1,13 @@
-import { t as cx } from "./class-names-Bk-QLWWI.js";
-import { b as FolderIcon, u as ChevronRightIcon, x as FolderOpenIcon, y as FileIcon } from "./icons--FqCZEc3.js";
+import { t as cx } from "./class-names-BiMDVpUo.js";
+import { C as FolderOpenIcon, S as FolderIcon, f as ChevronRightIcon, x as FileIcon } from "./icons-CQJ-aMnI.js";
+import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/use-file-tree-nav.ts
 const FileTreeContext = React.createContext(null);
+function getVisibleFileTreeNodes(tree) {
+	return tree ? [...tree.querySelectorAll(".file-tree__node")].filter((node) => !node.closest(".file-tree__group[data-collapsed]")) : [];
+}
 function useFileTreeContext() {
 	const ctx = React.useContext(FileTreeContext);
 	if (!ctx) throw new Error("FileTree subcomponents must be used inside <FileTree>.");
@@ -25,8 +29,7 @@ function useFileTreeNav({ expanded, initialFocusedPath, selectedPath, onSelect,
 		setFolderExpanded(path, !expanded.has(path));
 	}, [expanded, setFolderExpanded]);
 	const handleKeyDown = React.useCallback((event, path, kind) => {
-		const tree = event.currentTarget.closest("[role=\"tree\"]");
-		const nodes = tree ? [...tree.querySelectorAll(".file-tree__node")] : [];
+		const nodes = getVisibleFileTreeNodes(event.currentTarget.closest("[role=\"tree\"]"));
 		const currentIndex = nodes.indexOf(event.currentTarget);
 		const focusAt = (index) => nodes[index]?.focus();
 		switch (event.key) {
@@ -51,6 +54,7 @@ function useFileTreeNav({ expanded, initialFocusedPath, selectedPath, onSelect,
 				break;
 			case "Enter":
 			case " ":
+				if (kind === "file-link") return;
 				event.preventDefault();
 				onSelect(path);
 				if (kind === "folder") toggleFolderExpanded(path);
@@ -117,7 +121,7 @@ function getFirstFileTreePath(children) {
 * </FileTree>
 * ```
 */
-function FileTree({ className, "aria-label": ariaLabel = "File tree", expanded, defaultExpanded, selectedPath = null, onSelect, onExpandedChange, children, ref, ...props }) {
+function FileTree({ appearance = "contained", className, "aria-label": ariaLabel = "File tree", expanded, defaultExpanded, selectedPath = null, onSelect, onExpandedChange, children, ref, ...props }) {
 	const [internalExpanded, setInternalExpanded] = React.useState(() => defaultExpanded ?? /* @__PURE__ */ new Set());
 	const isControlled = expanded !== void 0;
 	const currentExpanded = isControlled ? expanded : internalExpanded;
@@ -137,7 +141,7 @@ function FileTree({ className, "aria-label": ariaLabel = "File tree", expanded,
 	});
 	const treeRef = React.useRef(null);
 	React.useLayoutEffect(() => {
-		const nodes = [...treeRef.current?.querySelectorAll(".file-tree__node") ?? []];
+		const nodes = [...treeRef.current?.querySelectorAll(".file-tree__node") ?? []].filter((node) => !node.closest(".file-tree__group[data-collapsed]"));
 		if (nodes.length === 0) return;
 		if (nodes.some((node) => node.dataset.workspacePath === ctx.focusedPath)) return;
 		const firstPath = nodes[0]?.dataset.workspacePath;
@@ -152,6 +156,7 @@ function FileTree({ className, "aria-label": ariaLabel = "File tree", expanded,
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
 			className: cx("file-tree", className),
+			"data-appearance": appearance,
 			...props,
 			children: /* @__PURE__ */ jsx("ul", {
 				ref: treeRef,
@@ -173,8 +178,8 @@ function dataFlag(enabled) {
 function getFileTreeNodeTabIndex(focusedPath, path) {
 	return focusedPath === path ? 0 : -1;
 }
-function getFileTreeNodeIndent(level, offset) {
-	return `${level * 1.125 + offset}rem`;
+function getFileTreeNodeStyle(level) {
+	return { "--file-tree-level": level };
 }
 function FileTreeFolder({ className, path, name, level = 0, children, ref, ...props }) {
 	const { expanded, focusedPath, selectedPath, onFocus, onSelect, handleKeyDown, onExpandedChange } = useFileTreeContext();
@@ -213,7 +218,7 @@ function FileTreeFolder({ className, path, name, level = 0, children, ref, ...pr
 			onClick: handleClick,
 			onFocus: () => onFocus(path),
 			onKeyDown: (e) => handleKeyDown(e, path, "folder"),
-			style: { paddingInlineStart: getFileTreeNodeIndent(level, .5) },
+			style: getFileTreeNodeStyle(level),
 			children: [
 				/* @__PURE__ */ jsx("span", {
 					className: cx("file-tree__chevron", isExpanded && "file-tree__chevron--expanded"),
@@ -230,14 +235,17 @@ function FileTreeFolder({ className, path, name, level = 0, children, ref, ...pr
 					children: name
 				})
 			]
-		}), isExpanded ? /* @__PURE__ */ jsx("ul", {
-			className: "file-tree__list sigvelo-stack-list",
+		}), /* @__PURE__ */ jsx("ul", {
+			className: "file-tree__list file-tree__group",
 			role: "group",
+			"aria-hidden": !isExpanded,
+			"data-collapsed": dataFlag(!isExpanded),
+			inert: !isExpanded,
 			children: React.Children.map(children, (child) => renderNestedFileTreeChild(child, level))
-		}) : null]
+		})]
 	});
 }
-function FileTreeFile({ className, path, name, icon, level = 0, ref, ...props }) {
+function FileTreeFile({ className, path, name, icon, render, level = 0, ref, ...props }) {
 	const { selectedPath, focusedPath, onFocus, onSelect, handleKeyDown } = useFileTreeContext();
 	const isSelected = selectedPath === path;
 	const isFocused = focusedPath === path;
@@ -247,7 +255,25 @@ function FileTreeFile({ className, path, name, icon, level = 0, ref, ...props })
 		"aria-selected": isSelected,
 		className: cx("file-tree__file", className),
 		...props,
-		children: /* @__PURE__ */ jsxs("button", {
+		children: render ? /* @__PURE__ */ jsxs(NavigationLink, {
+			render,
+			className: "file-tree__node file-tree__node--file",
+			"data-selected": dataFlag(isSelected),
+			"data-focused": dataFlag(isFocused),
+			"data-workspace-path": path,
+			tabIndex: getFileTreeNodeTabIndex(focusedPath, path),
+			onFocus: () => onFocus(path),
+			onKeyDown: (event) => handleKeyDown(event, path, "file-link"),
+			style: getFileTreeNodeStyle(level),
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "file-tree__icon",
+				"aria-hidden": "true",
+				children: icon ?? /* @__PURE__ */ jsx(FileIcon, {})
+			}), /* @__PURE__ */ jsx("span", {
+				className: "file-tree__name sigvelo-truncate",
+				children: name
+			})]
+		}) : /* @__PURE__ */ jsxs("button", {
 			type: "button",
 			className: "file-tree__node file-tree__node--file",
 			"data-selected": dataFlag(isSelected),
@@ -256,8 +282,8 @@ function FileTreeFile({ className, path, name, icon, level = 0, ref, ...props })
 			tabIndex: getFileTreeNodeTabIndex(focusedPath, path),
 			onClick: () => onSelect(path),
 			onFocus: () => onFocus(path),
-			onKeyDown: (e) => handleKeyDown(e, path, "file"),
-			style: { paddingInlineStart: getFileTreeNodeIndent(level, 1.5) },
+			onKeyDown: (event) => handleKeyDown(event, path, "file"),
+			style: getFileTreeNodeStyle(level),
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "file-tree__icon",
 				"aria-hidden": "true",

package/dist/{Message-C4eYRogZ.js → Message-BXtmfc9Q.js}

@@ -1,8 +1,8 @@
-import { t as cx } from "./class-names-Bk-QLWWI.js";
-import { n as ArrowLeftIcon, r as ArrowRightIcon, y as FileIcon } from "./icons--FqCZEc3.js";
+import { t as cx } from "./class-names-BiMDVpUo.js";
+import { i as ArrowRightIcon, r as ArrowLeftIcon, x as FileIcon } from "./icons-CQJ-aMnI.js";
 import { Button } from "./components/Button.js";
 import { Tooltip } from "./components/Tooltip.js";
-import { c as useWorkspaceNavigationContext, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "./WorkspaceLink-B1ykV1dS.js";
+import { c as useWorkspaceNavigationContext, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "./WorkspaceLink-BYYeTQLf.js";
 import { t as AttachmentPreview } from "./attachment-preview-DIs50Q0h.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -147,12 +147,7 @@ const MessageResponse = React.memo(function MessageResponse({ className, compone
 		...defaultComponents,
 		...components
 	} : defaultComponents;
-	const resolvedRehypePlugins = React.useMemo(() => rehypePlugins ?? (workspace ? createWorkspaceRehypePlugins(workspace.root, workspace.base) : void 0), [
-		rehypePlugins,
-		workspace?.base.kind,
-		workspace?.base.path,
-		workspace?.root
-	]);
+	const resolvedRehypePlugins = React.useMemo(() => rehypePlugins ?? (workspace ? createWorkspaceRehypePlugins(workspace.root, workspace.base) : void 0), [rehypePlugins, workspace]);
 	return /* @__PURE__ */ jsx(Streamdown, {
 		className: cx("message__response", className),
 		components: mergedComponents,
@@ -212,13 +207,14 @@ function MessageActions({ className, children, ref, ...props }) {
 * A single icon button inside {@link MessageActions}. Always has an accessible
 * name; shows a tooltip on hover/focus when {@link tooltip} is set.
 */
-function MessageAction({ className, label, tooltip, variant = "ghost", color = "neutral", size = "icon-xs", children, ref, ...props }) {
+function MessageAction({ className, label, tooltip, variant = "ghost", color = "neutral", size = "sm", children, ref, ...props }) {
 	const button = /* @__PURE__ */ jsx(Button, {
 		ref,
 		type: "button",
 		variant,
 		color,
 		size,
+		iconOnly: true,
 		className: cx("message__action", className),
 		"aria-label": label ?? tooltip,
 		...props,
@@ -254,9 +250,8 @@ function useMessageBranch(component) {
 * branch is active and exposes navigation through {@link MessageBranchSelector},
 * {@link MessageBranchPrevious}, {@link MessageBranchNext}, and {@link MessageBranchPage}.
 */
-function MessageBranch({ className, defaultBranch = 0, branch, onBranchChange, children, ref, ...props }) {
+function MessageBranch({ className, branchCount, defaultBranch = 0, branch, onBranchChange, children, ref, ...props }) {
 	const [internalIndex, setInternalIndex] = React.useState(defaultBranch);
-	const [branchCount, setBranchCount] = React.useState(0);
 	const isControlled = branch !== void 0;
 	const branchIndex = isControlled ? branch : internalIndex;
 	const setBranchIndex = React.useCallback((next) => {
@@ -266,8 +261,7 @@ function MessageBranch({ className, defaultBranch = 0, branch, onBranchChange, c
 	const ctx = React.useMemo(() => ({
 		branchIndex,
 		branchCount,
-		setBranchIndex,
-		registerCount: setBranchCount
+		setBranchIndex
 	}), [
 		branchCount,
 		branchIndex,
@@ -288,11 +282,8 @@ function MessageBranch({ className, defaultBranch = 0, branch, onBranchChange, c
 * alternative versions of the same response.
 */
 function MessageBranchContent({ className, children, ref, ...props }) {
-	const { branchIndex, registerCount } = useMessageBranch("MessageBranchContent");
+	const { branchIndex } = useMessageBranch("MessageBranchContent");
 	const items = React.Children.toArray(children);
-	React.useEffect(() => {
-		registerCount(items.length);
-	}, [items.length, registerCount]);
 	const safeIndex = items.length === 0 ? 0 : Math.min(Math.max(branchIndex, 0), items.length - 1);
 	return /* @__PURE__ */ jsx("div", {
 		ref,
@@ -320,7 +311,7 @@ function MessageBranchSelector({ className, children, ref, ...props }) {
 	});
 }
 /** Button that selects the previous branch. Disabled at the first branch. */
-function MessageBranchPrevious({ className, label = "Previous response", variant = "ghost", color = "neutral", size = "icon-xs", children, onClick, ref, ...props }) {
+function MessageBranchPrevious({ className, label = "Previous response", variant = "ghost", color = "neutral", size = "sm", children, onClick, ref, ...props }) {
 	const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchPrevious");
 	return /* @__PURE__ */ jsx(Button, {
 		ref,
@@ -328,6 +319,7 @@ function MessageBranchPrevious({ className, label = "Previous response", variant
 		variant,
 		color,
 		size,
+		iconOnly: true,
 		disabled: branchCount <= 1,
 		className: cx("message__branch-prev", className),
 		"aria-label": label,
@@ -340,7 +332,7 @@ function MessageBranchPrevious({ className, label = "Previous response", variant
 	});
 }
 /** Button that selects the next branch. Disabled at the last branch. */
-function MessageBranchNext({ className, label = "Next response", variant = "ghost", color = "neutral", size = "icon-xs", children, onClick, ref, ...props }) {
+function MessageBranchNext({ className, label = "Next response", variant = "ghost", color = "neutral", size = "sm", children, onClick, ref, ...props }) {
 	const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchNext");
 	return /* @__PURE__ */ jsx(Button, {
 		ref,
@@ -348,6 +340,7 @@ function MessageBranchNext({ className, label = "Next response", variant = "ghos
 		variant,
 		color,
 		size,
+		iconOnly: true,
 		disabled: branchCount <= 1,
 		className: cx("message__branch-next", className),
 		"aria-label": label,

package/dist/{ModelSelector-BNrZlY_Y.js → ModelSelector-Cqw_qrUG.js}

@@ -1,5 +1,5 @@
-import { t as cx } from "./class-names-Bk-QLWWI.js";
-import { c as ChevronDownIcon, z as SearchIcon } from "./icons--FqCZEc3.js";
+import { t as cx } from "./class-names-BiMDVpUo.js";
+import { U as SearchIcon, u as ChevronDownIcon } from "./icons-CQJ-aMnI.js";
 import { Button } from "./components/Button.js";
 import { Dialog } from "./components/Dialog.js";
 import { Separator } from "./components/Separator.js";
@@ -256,23 +256,16 @@ function useModelSelectorContext() {
 * ```
 */
 function ModelSelector({ open, defaultOpen = false, onOpenChange, children, className, ref, ...props }) {
-	const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
 	const [query, setQuery] = React.useState("");
-	const isControlled = open !== void 0;
-	const currentOpen = isControlled ? open : internalOpen;
-	const handleOpenChange = React.useCallback((next) => {
-		if (!isControlled) setInternalOpen(next);
-		onOpenChange?.(next);
+	const handleOpenChange = React.useCallback((...args) => {
+		const [next] = args;
+		onOpenChange?.(...args);
 		if (!next) setQuery("");
-	}, [isControlled, onOpenChange]);
-	const onSelectItem = React.useCallback(() => {
-		handleOpenChange(false);
-	}, [handleOpenChange]);
+	}, [onOpenChange]);
 	const ctxValue = React.useMemo(() => ({
 		query,
-		setQuery,
-		onSelectItem
-	}), [query, onSelectItem]);
+		setQuery
+	}), [query]);
 	return /* @__PURE__ */ jsx(ModelSelectorContext.Provider, {
 		value: ctxValue,
 		children: /* @__PURE__ */ jsx("div", {
@@ -280,7 +273,8 @@ function ModelSelector({ open, defaultOpen = false, onOpenChange, children, clas
 			className: cx("model-selector", className),
 			...props,
 			children: /* @__PURE__ */ jsx(Dialog.Root, {
-				open: currentOpen,
+				open,
+				defaultOpen,
 				onOpenChange: handleOpenChange,
 				children
 			})
@@ -302,9 +296,10 @@ function CloudflareModelSelector({ models, selectedModelId = null, onSelectModel
 	const typedModelId = query.trim();
 	const showTypedModel = allowTypedModel && isCloudflareRunnableModelId(typedModelId) && typedModelId !== selectedModelId && !optionIds.has(typedModelId);
 	return /* @__PURE__ */ jsxs(ModelSelector, {
-		onOpenChange: React.useCallback((nextOpen) => {
+		onOpenChange: React.useCallback((...args) => {
+			const [nextOpen] = args;
 			if (!nextOpen) setQuery("");
-			onOpenChange?.(nextOpen);
+			onOpenChange?.(...args);
 		}, [onOpenChange]),
 		...props,
 		children: [/* @__PURE__ */ jsx(ModelSelectorTrigger, {
@@ -431,13 +426,11 @@ function ModelSelectorGroup({ className, label, children, ref, ...props }) {
 	});
 }
 function ModelSelectorItem({ className, value, keywords, selected, onSelect, children, onClick, ref, ...props }) {
-	const { onSelectItem } = useModelSelectorContext();
 	const handleClick = (e) => {
 		onSelect?.(value);
-		onSelectItem();
 		onClick?.(e);
 	};
-	return /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsx(Dialog.Close, { render: /* @__PURE__ */ jsx(Button, {
 		ref,
 		variant: "ghost",
 		color: "neutral",
@@ -447,7 +440,7 @@ function ModelSelectorItem({ className, value, keywords, selected, onSelect, chi
 		onClick: handleClick,
 		...props,
 		children
-	});
+	}) });
 }
 function ModelSelectorEmpty({ className, children = "No models found", ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/{PromptInput-OLfXPuHM.d.ts → PromptInput-Bdh9pqlo.d.ts}

@@ -1,6 +1,6 @@
-import { r as ButtonProps } from "./Button-FX_hpqxm.js";
-import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "./Select-CwSqP07Y.js";
-import { i as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "./Tabs-9zddXDQo.js";
+import { r as ButtonProps } from "./Button-DLGzHsjc.js";
+import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "./Select-B_13gg_J.js";
+import { a as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "./Tabs-ColWK-XA.js";
 import { t as Combobox } from "./Combobox-CYc37s5l.js";
 import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-L6MZm-7N.js";
 import * as React from "react";
@@ -226,6 +226,7 @@ declare function PromptInputButton({
   variant,
   color,
   size,
+  iconOnly,
   children,
   "aria-label": ariaLabel,
   ref,
@@ -335,8 +336,6 @@ interface PromptInputSubmitProps extends Omit<ButtonProps, "children" | "type">
   onStop?: () => void;
   children?: React.ReactNode;
   label?: string;
-  /** Allow a composed follow-up to submit while a response is active. */
-  allowSubmitWhileBusy?: boolean;
   /** Whether the composer currently contains text, references, or attachments. */
   hasContent?: boolean;
 }
@@ -350,7 +349,6 @@ declare function PromptInputSubmit({
   onClick,
   children,
   label,
-  allowSubmitWhileBusy,
   hasContent,
   ref,
   ...props

package/dist/{Select-CwSqP07Y.d.ts → Select-B_13gg_J.d.ts}

@@ -7,9 +7,9 @@ interface SelectLabelProps extends Select.Label.Props {}
 interface SelectTriggerProps extends Select.Trigger.Props {
   /**
    * The size of the select trigger.
-   * @default 'default'
+   * @default 'sm'
    */
-  size?: "sm" | "md" | "default";
+  size?: "sm" | "md";
 }
 interface SelectValueProps extends Omit<Select.Value.Props, "children"> {
   placeholder?: string;

package/dist/{Tabs-9zddXDQo.d.ts → Tabs-ColWK-XA.d.ts}

@@ -14,6 +14,7 @@ interface TabsListProps extends Tabs.List.Props {
 }
 interface TabProps extends Tabs.Tab.Props {}
 interface TabPanelProps extends Tabs.Panel.Props {}
+interface TabsIndicatorProps extends Tabs.Indicator.Props {}
 /**
  * A tabs component for organizing content into separate views.
  *
@@ -55,6 +56,13 @@ declare function Tab({
 }: TabProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
+declare function TabsIndicator({
+  className,
+  ref,
+  ...props
+}: TabsIndicatorProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
 declare function TabPanel({
   className,
   ref,
@@ -66,8 +74,8 @@ declare const Tabs$1: {
   Root: typeof TabsRoot;
   List: typeof TabsList;
   Tab: typeof Tab;
-  Indicator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+  Indicator: typeof TabsIndicator;
   Panel: typeof TabPanel;
 };
 //#endregion
-export { TabsProps as a, TabsListProps as i, TabProps as n, Tabs$1 as r, TabPanelProps as t };
+export { TabsListProps as a, TabsIndicatorProps as i, TabProps as n, TabsProps as o, Tabs$1 as r, TabPanelProps as t };