@mcp-b/react-components 0.51.0 → 0.51.2

package/dist/components/general-purpose/TestResults.js

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
+import { K as SpinnerIcon, d as CheckIcon, nt as XIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { K as SpinnerIcon, d as CheckIcon, nt as XIcon, p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
 import { Progress } from "../foundations/Progress.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/ThemeModeControl.js

@@ -1,6 +1,6 @@
-import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../../icons-CeGfXO21.js";
-import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
+import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../../icons-cuEtsgj9.js";
 import { useTheme } from "../foundations/ThemeProvider.js";
+import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/ThemeModeControl.tsx
 const modes = [

package/dist/components/general-purpose/WebPreview.d.ts

@@ -117,7 +117,6 @@ declare function WebPreviewUrl({
   placeholder,
   value,
   onChange,
-  onKeyDown,
   ref,
   ...props
 }: WebPreviewUrlProps & {

package/dist/components/general-purpose/WebPreview.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { H as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { H as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { Input } from "../foundations/Input.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
+import { Input } from "../foundations/Input.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
@@ -184,7 +184,7 @@ function WebPreviewNavigationButton({ className, action, label, tooltip, childre
 		children: children ?? def?.icon
 	});
 }
-function WebPreviewUrl({ className, placeholder = "Enter URL…", value, onChange, onKeyDown, ref, ...props }) {
+function WebPreviewUrl({ className, placeholder = "Enter URL…", value, onChange, ref, ...props }) {
 	const { url, setUrl } = useWebPreviewContext();
 	const [draft, setDraft] = React.useState(() => ({
 		url,
@@ -214,10 +214,6 @@ function WebPreviewUrl({ className, placeholder = "Enter URL…", value, onChang
 				});
 				onChange?.(e);
 			},
-			onKeyDown: (e) => {
-				onKeyDown?.(e);
-				if (!e.defaultPrevented && e.key === "Enter") setUrl(e.currentTarget.value);
-			},
 			placeholder,
 			className: cx("web-preview__url", className),
 			...props

package/dist/components/nanites/AgentConnection.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { D as LinkIcon } from "../../icons-CeGfXO21.js";
+import { D as LinkIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-BMK6CW9D.js";
 import { Popover } from "../foundations/Popover.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-g8sADidM.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/nanites/AgentToolDetail.js

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
+import { r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { MessageActions } from "../ai-sdk/Message.js";
-import { TransitionSurface } from "../foundations/TransitionSurface.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { NaniteMark } from "./NaniteScene.js";
 import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
-import { SubagentRunMetadata } from "../agents-sdk/SubagentRunDetails.js";
+import { NaniteMark } from "./NaniteScene.js";
+import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { AgentChat } from "../agents-sdk/AgentChat.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { ThinkChat } from "../agents-sdk/ThinkChat.js";
+import { SubagentRunMetadata } from "../agents-sdk/SubagentRunDetails.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useAgentChat } from "@cloudflare/think/react";

package/dist/{copy-button-Dk2vRe9j.js → copy-button-CSDuDfdP.js}

@@ -1,4 +1,4 @@
-import { d as CheckIcon, h as CopyIcon } from "./icons-CeGfXO21.js";
+import { d as CheckIcon, h as CopyIcon } from "./icons-cuEtsgj9.js";
 import { IconButton } from "./components/foundations/IconButton.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/{workspace-assets-wW_lQLYK.js → workspace-assets-Bg7XhPsk.js}

@@ -1,12 +1,12 @@
 import { composerLinkHref } from "./utils/composer-link.js";
 import { canRequestFavicon, inferFaviconUrl } from "./utils/favicon.js";
-import { Q as TrashIcon, S as FileIcon } from "./icons-CeGfXO21.js";
+import { Q as TrashIcon, S as FileIcon } from "./icons-cuEtsgj9.js";
 import { Button } from "./components/foundations/Button.js";
 import { Tooltip } from "./components/foundations/Tooltip.js";
 import { IconButton } from "./components/foundations/IconButton.js";
 import { ComposerLink } from "./components/ai-sdk/ComposerLink.js";
-import { AlertDialog } from "./components/foundations/AlertDialog.js";
 import { AppIcon } from "./components/foundations/AppIcon.js";
+import { AlertDialog } from "./components/foundations/AlertDialog.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/workspace-delete.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.51.0",
+  "version": "0.51.2",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -54,7 +54,7 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.51.0"
+    "@mcp-b/design-tokens": "0.51.2"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.249",

package/dist/{icons-CeGfXO21.js → icons-cuEtsgj9.js}

@@ -1,7 +1,7 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpRight, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronRight, CircleStop, CodeXml, Copy, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Info, Keyboard, Link2, ListRestart, LoaderCircle, Mail, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Target, Terminal, Trash2, TriangleAlert, User, Wrench, X } from "lucide-react";
 import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/icons.tsx
 function icon(Component) {
 	return function DesignSystemIcon({ size = 16, strokeWidth = 1.75, ...props }) {