@mcp-b/react-components 0.11.0 → 0.13.0

package/dist/components/Accordion.js

@@ -1,6 +1,6 @@
 import "react";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/Accordion.tsx
 /**
 * An accordion component for showing collapsible content sections.
@@ -21,7 +21,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 *
 * @see {@link https://base-ui.com/react/components/accordion | Base UI Accordion}
 */
-function Accordion({ className = "", ref, ...props }) {
+function AccordionRoot({ className = "", ref, ...props }) {
 	const classes = ["accordion", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Accordion$1.Root, {
 		ref,
@@ -40,45 +40,26 @@ function AccordionItem({ className = "", ref, ...props }) {
 		...props
 	});
 }
+function AccordionHeader({ className = "", ref, ...props }) {
+	const classes = ["accordion__header", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx(Accordion$1.Header, {
+		ref,
+		className: classes,
+		...props
+	});
+}
 /**
 * The header/trigger that toggles an AccordionItem.
 */
-const AccordionHeader = Accordion$1.Header;
 /**
 * The clickable trigger button within an AccordionItem.
 */
-function AccordionTrigger({ className = "", children, ref, ...props }) {
+function AccordionTrigger({ className = "", ref, ...props }) {
 	const classes = ["accordion__trigger", className].filter(Boolean).join(" ");
-	return /* @__PURE__ */ jsx(Accordion$1.Header, {
-		className: "accordion__header",
-		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
-			ref,
-			className: classes,
-			...props,
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "accordion__trigger-text",
-				children
-			}), /* @__PURE__ */ jsx("span", {
-				className: "accordion__icon",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx("svg", {
-					width: "12",
-					height: "12",
-					viewBox: "0 0 12 12",
-					fill: "none",
-					xmlns: "http://www.w3.org/2000/svg",
-					"aria-hidden": "true",
-					focusable: "false",
-					children: /* @__PURE__ */ jsx("path", {
-						d: "M2.5 4.5L6 8L9.5 4.5",
-						stroke: "currentColor",
-						strokeWidth: "1.5",
-						strokeLinecap: "round",
-						strokeLinejoin: "round"
-					})
-				})
-			})]
-		})
+	return /* @__PURE__ */ jsx(Accordion$1.Trigger, {
+		ref,
+		className: classes,
+		...props
 	});
 }
 /**
@@ -92,6 +73,12 @@ function AccordionPanel({ className = "", ref, ...props }) {
 		...props
 	});
 }
-const AccordionContent = AccordionPanel;
+const Accordion = {
+	Root: AccordionRoot,
+	Item: AccordionItem,
+	Header: AccordionHeader,
+	Trigger: AccordionTrigger,
+	Panel: AccordionPanel
+};
 //#endregion
-export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger };
+export { Accordion };

package/dist/components/Activity.d.ts

@@ -1,8 +1,8 @@
-import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "./Collapsible.js";
+import { Collapsible } from "./Collapsible.js";
 import * as React from "react";
 
 //#region src/components/Activity.d.ts
-interface ActivityProps extends Omit<CollapsibleRootProps, "className" | "unstyled"> {
+interface ActivityProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
   className?: string;
   /** While true, the trigger label shimmers. */
   isStreaming?: boolean;
@@ -36,7 +36,7 @@ declare function Activity({
 }: ActivityProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ActivityTriggerProps extends Omit<CollapsibleTriggerProps, "className" | "unstyled"> {
+interface ActivityTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "className" | "unstyled"> {
   className?: string;
   /** Header text. Defaults to "Working…". */
   label?: React.ReactNode;
@@ -57,7 +57,7 @@ declare function ActivityTrigger({
 }: ActivityTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-interface ActivityContentProps extends Omit<CollapsiblePanelProps, "className" | "unstyled"> {
+interface ActivityContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "className" | "unstyled"> {
   className?: string;
 }
 /** The collapsible log of ActivityItem children. */
@@ -69,7 +69,7 @@ declare function ActivityContent({
 }: ActivityContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ActivityItemGroupProps extends Omit<CollapsibleRootProps, "className" | "unstyled"> {
+interface ActivityItemGroupProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
   className?: string;
   /** The row text, e.g. "Ran bash · vp test". */
   label: React.ReactNode;

package/dist/components/Activity.js

@@ -1,6 +1,6 @@
-import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
+import { Collapsible } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { c as ChevronRightIcon } from "../icons-D2Q5n5C1.js";
+import { c as ChevronRightIcon } from "../icons-Ba9THQKz.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Activity.tsx
@@ -25,7 +25,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * ```
 */
 function Activity({ className, isStreaming = false, defaultOpen = false, ref, ...props }) {
-	return /* @__PURE__ */ jsx(CollapsibleRoot, {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
 		ref,
 		className: cx("activity", className),
 		defaultOpen,
@@ -39,14 +39,14 @@ function Activity({ className, isStreaming = false, defaultOpen = false, ref, ..
 * while the parent Activity is streaming.
 */
 function ActivityTrigger({ className, label = "Working…", icon, children, ref, ...props }) {
-	if (children !== void 0 && children !== null) return /* @__PURE__ */ jsx(CollapsibleTrigger, {
+	if (children !== void 0 && children !== null) return /* @__PURE__ */ jsx(Collapsible.Trigger, {
 		ref,
 		className: cx("activity__trigger", className),
 		...props,
 		unstyled: true,
 		children
 	});
-	return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+	return /* @__PURE__ */ jsxs(Collapsible.Trigger, {
 		ref,
 		className: cx("activity__trigger", className),
 		...props,
@@ -71,7 +71,7 @@ function ActivityTrigger({ className, label = "Working…", icon, children, ref,
 }
 /** The collapsible log of ActivityItem children. */
 function ActivityContent({ className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePanel, {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
 		ref,
 		className: cx("activity__content", className),
 		...props,
@@ -88,12 +88,12 @@ function ActivityContent({ className, children, ref, ...props }) {
 * a thought trace) flush inside the outer Activity log.
 */
 function ActivityItemGroup({ className, label, icon, children, ref, ...props }) {
-	return /* @__PURE__ */ jsxs(CollapsibleRoot, {
+	return /* @__PURE__ */ jsxs(Collapsible.Root, {
 		ref,
 		className: cx("activity__group", className),
 		...props,
 		unstyled: true,
-		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		children: [/* @__PURE__ */ jsxs(Collapsible.Trigger, {
 			className: "activity__group-trigger",
 			unstyled: true,
 			children: [
@@ -112,7 +112,7 @@ function ActivityItemGroup({ className, label, icon, children, ref, ...props })
 					children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
 				})
 			]
-		}), /* @__PURE__ */ jsx(CollapsiblePanel, {
+		}), /* @__PURE__ */ jsx(Collapsible.Panel, {
 			className: "activity__group-panel",
 			unstyled: true,
 			children: /* @__PURE__ */ jsx("div", {

package/dist/components/AgentChat.d.ts

@@ -1,2 +1,2 @@
-import { a as AgentChatRenderPartContext, i as AgentChatRenderMessageContext, n as AgentChatPart, r as AgentChatProps, t as AgentChat } from "../AgentChat-B9LD_WF1.js";
+import { a as AgentChatRenderPartContext, i as AgentChatRenderMessageContext, n as AgentChatPart, r as AgentChatProps, t as AgentChat } from "../AgentChat-Br6tKEl8.js";
 export { AgentChat, AgentChatPart, AgentChatProps, AgentChatRenderMessageContext, AgentChatRenderPartContext };