@mcp-b/react-components 0.31.3 → 0.31.5

package/dist/components/agents-sdk/McpConnectionRequest.d.ts

@@ -1,4 +1,4 @@
-import { o as McpServerCard } from "../../mcp-server-catalog-CO7GAl1f.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-CCj2ItkV.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart } from "ai";
 import { MCPServersState } from "agents";

package/dist/components/agents-sdk/McpConnectorForm.d.ts

@@ -1,4 +1,4 @@
-import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "../../mcp-server-catalog-CO7GAl1f.js";
+import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "../../mcp-server-catalog-CCj2ItkV.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/McpConnectorForm.d.ts

package/dist/components/agents-sdk/McpPluginCatalog.d.ts

@@ -1,4 +1,4 @@
-import { o as McpServerCard } from "../../mcp-server-catalog-CO7GAl1f.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-CCj2ItkV.js";
 import { l as DialogProps } from "../../Dialog-DeOSJ0Oy.js";
 import * as React from "react";
 import { MCPServersState } from "agents";

package/dist/components/agents-sdk/McpServerPicker.d.ts

@@ -1,18 +1,10 @@
 import { s as MenuItemProps, t as Menu } from "../../Menu-DVmjBIuM.js";
-import { o as McpServerCard } from "../../mcp-server-catalog-CO7GAl1f.js";
+import { o as McpServerCard } from "../../mcp-server-catalog-CCj2ItkV.js";
 import { McpConnectorFormProps } from "./McpConnectorForm.js";
 import { l as DialogProps } from "../../Dialog-DeOSJ0Oy.js";
 import * as React from "react";
 import { MCPServersState } from "agents";
 
-//#region src/components/_internal/MenuDisclosureGroup.d.ts
-interface MenuDisclosureGroupProps extends Omit<React.ComponentProps<typeof Menu.Group>, "children"> {
-  label: React.ReactNode;
-  children: React.ReactNode;
-  defaultOpen?: boolean;
-  triggerClassName?: string;
-}
-//#endregion
 //#region src/components/agents-sdk/McpServerPicker.d.ts
 interface McpServerPickerProps {
   /** MCP servers to show in the plus-menu picker. */
@@ -32,7 +24,7 @@ interface McpServerPickerProps {
   triggerLabel?: string;
 }
 type McpServerPickerItemsProps = Omit<McpServerPickerProps, "sideOffset" | "triggerLabel">;
-interface McpServerPickerGroupProps extends Omit<MenuDisclosureGroupProps, "children" | "label" | "triggerClassName"> {
+interface McpServerPickerGroupProps extends Omit<React.ComponentProps<typeof Menu.Group>, "children"> {
   /** Quiet visible heading for a related set of picker actions. */
   label: React.ReactNode;
   children: React.ReactNode;

package/dist/components/agents-sdk/McpServerPicker.js

@@ -8,7 +8,6 @@ import { Menu } from "../foundations/Menu.js";
 import { PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger } from "../ai-sdk/PromptInput.js";
 import { n as getMcpServerConnectionKind, t as McpServerIcon } from "../../mcp-server-U71zhxFF.js";
 import { McpConnectorForm } from "./McpConnectorForm.js";
-import { t as MenuDisclosureGroup } from "../../MenuDisclosureGroup-yJRq7YXa.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/McpServerPicker.tsx
@@ -128,12 +127,13 @@ function McpServerPickerItems({ servers, onConnect, mcp, onDisconnect, actions,
 	] });
 }
 function McpServerPickerGroup({ label, children, className, ...props }) {
-	return /* @__PURE__ */ jsx(MenuDisclosureGroup, {
+	return /* @__PURE__ */ jsxs(Menu.Group, {
 		className: mergeBaseClassName("mcp-server-picker__group", className),
-		label,
-		triggerClassName: "mcp-server-picker__group-trigger",
 		...props,
-		children
+		children: [/* @__PURE__ */ jsx(Menu.GroupLabel, {
+			className: "mcp-server-picker__group-label",
+			children: label
+		}), children]
 	});
 }
 function McpServerPickerAction({ icon, label, description, className, ...props }) {

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

@@ -1,9 +1,35 @@
-import { H as PlusIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
+import { H as PlusIcon, d as CheckIcon, f as ChevronDownIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
 import { Button } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
-import { t as MenuDisclosureGroup } from "../../MenuDisclosureGroup-yJRq7YXa.js";
-import "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/_internal/MenuDisclosureGroup.tsx
+/**
+* A menu-native disclosure: its trigger stays in the menu roving-focus model,
+* while its rows mount only after the user expands the section.
+*/
+function MenuDisclosureGroup({ children, className, defaultOpen = false, label, triggerClassName, ...props }) {
+	const [open, setOpen] = React.useState(defaultOpen);
+	return /* @__PURE__ */ jsxs(Menu.Group, {
+		className: mergeBaseClassName("menu-disclosure-group", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs(Menu.Item, {
+			"aria-expanded": open,
+			className: mergeBaseClassName("menu-disclosure-group__trigger", triggerClassName),
+			closeOnClick: false,
+			onClick: () => setOpen((current) => !current),
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "sigvelo-truncate-grow",
+				children: label
+			}), /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true" })]
+		}), open ? /* @__PURE__ */ jsx("div", {
+			className: "menu-disclosure-group__items",
+			children
+		}) : null]
+	});
+}
+//#endregion
 //#region src/components/general-purpose/SetupChecklist.tsx
 /** Checklist rows for any Menu surface (composer plus menu, tray menu). */
 function SetupChecklistGroup({ label, entries, defaultOpen = false, onSelect }) {

package/dist/{mcp-server-catalog-CO7GAl1f.d.ts → mcp-server-catalog-CCj2ItkV.d.ts}

@@ -174,6 +174,13 @@ declare const DCR_MCP_SERVER_CARDS: readonly [{
   readonly description: "Work with scheduling links and events";
   readonly category: "Auto";
   readonly icon: "https://cdn.simpleicons.org/calendly/006BFF";
+}, {
+  readonly id: "clay";
+  readonly name: "Clay";
+  readonly url: "https://api.clay.com/v3/mcp";
+  readonly description: "Find and enrich contacts and companies";
+  readonly category: "Auto";
+  readonly icon: "https://cdn.prod.website-files.com/61477f2c24a826836f969afe/6a3a92ab841a6313dc068fb8_dot-com_favicon_2026_512.png";
 }, {
   readonly id: "clickup";
   readonly name: "ClickUp";
@@ -289,7 +296,7 @@ declare const DCR_MCP_SERVER_CARDS: readonly [{
 }, {
   readonly id: "paypal";
   readonly name: "PayPal";
-  readonly url: "https://mcp.paypal.com/http";
+  readonly url: "https://mcp.paypal.com/mcp";
   readonly description: "Use PayPal merchant tools";
   readonly category: "Auto";
   readonly icon: "https://cdn.simpleicons.org/paypal/003087";

package/dist/styles/mcp-server-picker.css

@@ -2,13 +2,6 @@
   margin-block-start: var(--sigvelo-spacing-0-5);
 }
 
-.mcp-server-picker__group-trigger {
-  color: var(--sigvelo-color-text);
-  font-size: var(--sigvelo-text-xs);
-  font-weight: var(--sigvelo-font-weight-normal);
-  line-height: var(--sigvelo-leading-tight);
-}
-
 .mcp-server-picker__action-error {
   display: flex;
   align-items: flex-start;

package/dist/utils/mcp-server-catalog.d.ts

@@ -1,2 +1,2 @@
-import { a as MCP_SERVER_SETUP_AUTH, c as McpServerManualSetup, d as McpServerSetupAuthFieldName, f as McpServerSetupLink, h as getMcpServerRuntimeState, i as MANUAL_MCP_SERVER_CARDS, l as McpServerSetupAuth, m as getMcpServerIconSrc, n as DCR_MCP_SERVER_CARDS, o as McpServerCard, p as getMcpServerEntry, r as DEFAULT_MCP_SERVER_CARDS, s as McpServerCardIcon, t as CUSTOM_MCP_SERVER_CARD, u as McpServerSetupAuthField } from "../mcp-server-catalog-CO7GAl1f.js";
+import { a as MCP_SERVER_SETUP_AUTH, c as McpServerManualSetup, d as McpServerSetupAuthFieldName, f as McpServerSetupLink, h as getMcpServerRuntimeState, i as MANUAL_MCP_SERVER_CARDS, l as McpServerSetupAuth, m as getMcpServerIconSrc, n as DCR_MCP_SERVER_CARDS, o as McpServerCard, p as getMcpServerEntry, r as DEFAULT_MCP_SERVER_CARDS, s as McpServerCardIcon, t as CUSTOM_MCP_SERVER_CARD, u as McpServerSetupAuthField } from "../mcp-server-catalog-CCj2ItkV.js";
 export { CUSTOM_MCP_SERVER_CARD, DCR_MCP_SERVER_CARDS, DEFAULT_MCP_SERVER_CARDS, MANUAL_MCP_SERVER_CARDS, MCP_SERVER_SETUP_AUTH, McpServerCard, McpServerCardIcon, McpServerManualSetup, McpServerSetupAuth, McpServerSetupAuthField, McpServerSetupAuthFieldName, McpServerSetupLink, getMcpServerEntry, getMcpServerIconSrc, getMcpServerRuntimeState };

package/dist/utils/mcp-server-catalog.js

@@ -164,6 +164,14 @@ const DCR_MCP_SERVER_CARDS = [
 		category: DCR_CATEGORY,
 		icon: "https://cdn.simpleicons.org/calendly/006BFF"
 	},
+	{
+		id: "clay",
+		name: "Clay",
+		url: "https://api.clay.com/v3/mcp",
+		description: "Find and enrich contacts and companies",
+		category: DCR_CATEGORY,
+		icon: "https://cdn.prod.website-files.com/61477f2c24a826836f969afe/6a3a92ab841a6313dc068fb8_dot-com_favicon_2026_512.png"
+	},
 	{
 		id: "clickup",
 		name: "ClickUp",
@@ -295,7 +303,7 @@ const DCR_MCP_SERVER_CARDS = [
 	{
 		id: "paypal",
 		name: "PayPal",
-		url: "https://mcp.paypal.com/http",
+		url: "https://mcp.paypal.com/mcp",
 		description: "Use PayPal merchant tools",
 		category: DCR_CATEGORY,
 		icon: "https://cdn.simpleicons.org/paypal/003087"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.31.3",
+  "version": "0.31.5",
   "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": {
@@ -58,7 +58,7 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.1",
-    "@mcp-b/design-tokens": "0.31.3"
+    "@mcp-b/design-tokens": "0.31.5"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.230",

package/dist/MenuDisclosureGroup-yJRq7YXa.js

@@ -1,32 +0,0 @@
-import { n as mergeBaseClassName } from "./class-names-BiMDVpUo.js";
-import { f as ChevronDownIcon } from "./icons-B1Qw05te.js";
-import { Menu } from "./components/foundations/Menu.js";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/_internal/MenuDisclosureGroup.tsx
-/**
-* A menu-native disclosure: its trigger stays in the menu roving-focus model,
-* while its rows mount only after the user expands the section.
-*/
-function MenuDisclosureGroup({ children, className, defaultOpen = false, label, triggerClassName, ...props }) {
-	const [open, setOpen] = React.useState(defaultOpen);
-	return /* @__PURE__ */ jsxs(Menu.Group, {
-		className: mergeBaseClassName("menu-disclosure-group", className),
-		...props,
-		children: [/* @__PURE__ */ jsxs(Menu.Item, {
-			"aria-expanded": open,
-			className: mergeBaseClassName("menu-disclosure-group__trigger", triggerClassName),
-			closeOnClick: false,
-			onClick: () => setOpen((current) => !current),
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "sigvelo-truncate-grow",
-				children: label
-			}), /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true" })]
-		}), open ? /* @__PURE__ */ jsx("div", {
-			className: "menu-disclosure-group__items",
-			children
-		}) : null]
-	});
-}
-//#endregion
-export { MenuDisclosureGroup as t };