@mcp-b/react-components 0.11.0 → 0.13.0

package/dist/{AgentChat-B9LD_WF1.d.ts → AgentChat-Br6tKEl8.d.ts}

@@ -1,7 +1,8 @@
-import { et as PromptInputMessage, n as ExecutionApprovals } from "./PromptInput-D6-G24p7.js";
+import { tt as PromptInputMessage } from "./PromptInput-p5KmOmt1.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, UIMessage } from "ai";
-import { PendingApproval } from "@cloudflare/think";
+import { PendingApproval, Think } from "@cloudflare/think";
+import { AgentStub } from "agents/client";
 
 //#region src/components/AgentChat.d.ts
 type AgentChatPart<MessageT extends UIMessage = UIMessage> = MessageT["parts"][number];
@@ -22,9 +23,9 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
    *
    * `AgentChat` intentionally renders the upstream message objects in place:
    * it does not normalize them into a local transcript model. That keeps AI SDK
-   * parts such as `text`, `reasoning`, `file`, `tool-*`, `source-url`,
-   * `source-document`, and `step-start` aligned with the types exported from
-   * `ai`. Cloudflare Think also returns these same UI messages through
+   * parts such as `text`, `reasoning`, `file`, `data-*`, `tool-*`,
+   * `source-url`, `source-document`, and `step-start` aligned with the types
+   * exported from `ai`. Cloudflare Think also returns these same UI messages through
    * `useAgentChat`, with Agents session storage applying compaction overlays to
    * reads before they reach the hook.
    *
@@ -84,6 +85,12 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   emptyState?: React.ReactNode;
   /** Extra controls rendered in the composer toolbar. */
   composerTools?: React.ReactNode;
+  /**
+   * Rendered in the prompt-composer header before attachments and the text
+   * field. Use it to compose a compact Activity, task state, or app-specific
+   * context summary into the composer without recreating PromptInput's form.
+   */
+  composerHeader?: React.ReactNode;
   /** Extra rows rendered in the built-in plus menu after files. */
   composerAddMenuItems?: React.ReactNode;
   /**
@@ -97,15 +104,31 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
    * with its message id — pass to the AI SDK's `regenerate({ messageId })`.
    */
   onRegenerate?: (messageId: string) => void;
+  /**
+   * Called after the user confirms an edit to the newest text-only user
+   * message. The callback owns the durable backend branch and resend; this
+   * component keeps only the unsaved draft and pending/error UI locally.
+   *
+   * Think deliberately disables `setMessages` synchronization, so product
+   * code should wire this to a callable method on its agent rather than to the
+   * AI SDK's local `setMessages` helper. The whole upstream message is passed
+   * through so apps retain their `UIMessage` metadata and data-part types.
+   */
+  onEditAndResend?: (input: {
+    message: MessageT;
+    text: string;
+  }) => void | Promise<void>;
   /**
    * Pass `addToolApprovalResponse` from `useAgentChat`/`useChat` directly.
    * When set and a tool call awaits approval, the composer becomes the
    * confirmation.
    */
   onApprovalResponse?: ChatAddToolApproveResponseFunction;
-  /** Resolves Think execution approvals. See {@link ExecutionApprovals}. */
-  executionApprovals?: ExecutionApprovals;
-  /** Think durable-pause approvals from `pendingApprovals()`, rendered when `executionApprovals` is set. */
+  /** Whole upstream Think stub used to resolve paused and durable execution approvals. */
+  thinkStub?: AgentStub<Think>;
+  /** Called after a Think approve/reject RPC settles, including when it rejects. */
+  onExecutionSettled?: () => void | Promise<void>;
+  /** Think durable-pause approvals from `pendingApprovals()`, rendered when `thinkStub` is set. */
   pendingApprovals?: readonly PendingApproval[];
   /**
    * When set, a Context ring in the composer footer shows how much of the
@@ -126,7 +149,9 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
    * `getToolName`, and Think's `getToolPartState`/input/output accessors. It
    * also renders native AI SDK `source-url`/`source-document` parts as a single
    * grouped `Sources` block when they appear consecutively, and native
-   * `step-start` parts as step separators. If you override source rendering,
+   * `step-start` parts as step separators. App-defined `data-*` parts stay
+   * whole and should be narrowed with AI SDK's `isDataUIPart` inside this
+   * callback. If you override source rendering,
    * return a React node for every source part you want to show; returning
    * `undefined` lets `AgentChat` keep the upstream-shaped source-run grouping.
    */
@@ -148,12 +173,15 @@ declare function AgentChat<MessageT extends UIMessage = UIMessage>({
   placeholder,
   disabled,
   emptyState,
+  composerHeader,
   composerTools,
   composerAddMenuItems,
   notice,
   onRegenerate,
+  onEditAndResend,
   onApprovalResponse,
-  executionApprovals,
+  thinkStub,
+  onExecutionSettled,
   pendingApprovals: durableApprovals,
   contextWindow,
   renderPart,

package/dist/{BrowserLiveView-ZktFZiMD.d.ts → BrowserLiveView-BV5qgFgI.d.ts}

@@ -1,11 +1,12 @@
 import * as React from "react";
+import { BrowserLiveViewUrl } from "agents/browser";
 
 //#region src/components/BrowserLiveView.d.ts
 interface BrowserLiveViewProps extends React.HTMLAttributes<HTMLDivElement> {
-  /** Live View URL (Browser Run `devtoolsFrontendUrl`, e.g. live.browser.run). */
-  url: string;
-  /** Epoch ms after which the URL is dead (Browser Run mints ~5-minute links). */
-  expiresAt?: number;
+  /** Complete upstream value returned by `cdp.getLiveViewUrl()`. */
+  source: BrowserLiveViewUrl;
+  /** Epoch ms when `source` was received. Defaults to its first render. */
+  receivedAt?: number;
   /** The page the session was showing — used for the ended-state text. */
   pageTitle?: string;
   /**
@@ -18,8 +19,8 @@ interface BrowserLiveViewProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * Embeds a Browser Run Live View — a real-time, interactive view of the
  * agent's browser session. Links expire (~5 minutes), so the iframe swaps to
- * `fallback` (e.g. the last screenshot) once `expiresAt` passes. While the
- * hosted viewer connects, a quiet loading overlay hides the frame; if it
+ * `fallback` (e.g. the last screenshot) once `source.expiresInMs` passes.
+ * While the hosted viewer connects, a quiet loading overlay hides the frame; if it
  * never loads, the view degrades to `fallback` or an unavailable state. An
  * expand button opens the same view in a fullscreen dialog.
  *
@@ -35,13 +36,13 @@ interface BrowserLiveViewProps extends React.HTMLAttributes<HTMLDivElement> {
  * The iframe is unsandboxed by design: the hosted Live View UI needs scripts
  * and its own origin to stream the session. Only pass trusted Live View URLs.
  */
-declare function BrowserLiveView({
-  url,
-  expiresAt,
+declare function BrowserLiveView$1({
+  source,
+  receivedAt,
   pageTitle,
   fallback,
   className,
   ...props
 }: BrowserLiveViewProps): React.JSX.Element;
 //#endregion
-export { BrowserLiveViewProps as n, BrowserLiveView as t };
+export { BrowserLiveViewProps as n, BrowserLiveView$1 as t };

package/dist/{BrowserReplay-6G-mnwcn.d.ts → BrowserReplay-xWvRjRAC.d.ts}

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { BrowserRecording } from "agents/browser";
 
 //#region src/components/BrowserReplay.d.ts
 interface BrowserReplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
@@ -6,7 +7,7 @@ interface BrowserReplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
    * rrweb events for one tab, e.g. one
    * `BrowserRecording.events[targetId]` entry from Cloudflare Browser Run.
    */
-  events: unknown[];
+  events: BrowserRecording["events"][string];
   /** Start playing on mount. */
   autoPlay?: boolean;
 }

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

@@ -30,12 +30,10 @@ type ButtonColor = "neutral" | "primary" | "destructive";
  * - `icon` - Square button for icon-only content
  */
 type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
-type ShadcnButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
-type ShadcnButtonSize = "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
 interface ButtonVariantsOptions {
-  variant?: ShadcnButtonVariant | ButtonVariant | null;
+  variant?: ButtonVariant | null;
   color?: ButtonColor | null;
-  size?: ShadcnButtonSize | ButtonSize | null;
+  size?: ButtonSize | null;
   className?: string;
 }
 declare function buttonVariants({
@@ -51,9 +49,9 @@ type BaseButtonProps = ComponentPropsWithoutRef<typeof Button>;
 interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonProps | "color"> {
   /**
    * The visual rendering style of the button.
-   * @default 'default'
+   * @default 'normal'
    */
-  variant?: ShadcnButtonVariant | ButtonVariant;
+  variant?: ButtonVariant;
   /**
    * The semantic color intent of the button.
    * @default 'primary'
@@ -63,15 +61,15 @@ interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLBut
    * The size of the button.
    * @default 'md'
    */
-  size?: ShadcnButtonSize | ButtonSize;
+  size?: ButtonSize;
 }
 /**
  * A button component built on Base UI with semantic styling variants.
  *
  * Separates visual style (`variant`) from color intent (`color`) for
  * maximum flexibility. Supports keyboard navigation, focus management, and
- * accessibility out of the box. Keeps shadcn-compatible variant and size
- * aliases for migration, while styling through Sigvelo CSS tokens.
+ * accessibility out of the box. Styling uses the design system's canonical
+ * visual variant, semantic color, and size axes.
  *
  * @example
  * ```tsx
@@ -82,7 +80,6 @@ interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLBut
  * ```
  *
  * @see {@link https://base-ui.com/react/components/button | Base UI Button}
- * @see {@link https://ui.shadcn.com/docs/components/base/button | shadcn/ui Button}
  */
 declare function Button$1({
   variant,
@@ -96,4 +93,4 @@ declare function Button$1({
   ref?: React.Ref<HTMLButtonElement>;
 }): import("react").JSX.Element;
 //#endregion
-export { ButtonVariant as a, ShadcnButtonVariant as c, ButtonSize as i, buttonVariants as l, ButtonColor as n, ButtonVariantsOptions as o, ButtonProps as r, ShadcnButtonSize as s, Button$1 as t };
+export { ButtonVariant as a, ButtonSize as i, ButtonColor as n, ButtonVariantsOptions as o, ButtonProps as r, buttonVariants as s, Button$1 as t };

package/dist/{CodeBlock-XNQOupQ3.js → CodeBlock-BUFXG8HW.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
-import { Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue } from "./components/Select.js";
-import { t as CopyButton } from "./copy-button-C6JSKtFE.js";
+import { Select } from "./components/Select.js";
+import { t as CopyButton } from "./copy-button-DUMLYdsk.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";
@@ -255,14 +255,14 @@ function CodeBlockLanguageSelector({ children, className, languages = CODE_BLOCK
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		className: cx("code-block__language-selector", className),
-		children: /* @__PURE__ */ jsx(Select, {
+		children: /* @__PURE__ */ jsx(Select.Root, {
 			...props,
 			value: value ?? language,
 			onValueChange: handleValueChange,
 			children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CodeBlockLanguageSelectorTrigger, {
 				"aria-label": "Code language",
 				children: /* @__PURE__ */ jsx(CodeBlockLanguageSelectorValue, {})
-			}), /* @__PURE__ */ jsx(CodeBlockLanguageSelectorContent, { children: /* @__PURE__ */ jsx(SelectList, { children: languages.map((lang) => /* @__PURE__ */ jsx(CodeBlockLanguageSelectorItem, {
+			}), /* @__PURE__ */ jsx(CodeBlockLanguageSelectorContent, { children: /* @__PURE__ */ jsx(Select.List, { children: languages.map((lang) => /* @__PURE__ */ jsx(CodeBlockLanguageSelectorItem, {
 				value: lang,
 				children: lang
 			}, lang)) }) })] })
@@ -270,22 +270,32 @@ function CodeBlockLanguageSelector({ children, className, languages = CODE_BLOCK
 	});
 }
 function CodeBlockLanguageSelectorTrigger({ size = "sm", ...props }) {
-	return /* @__PURE__ */ jsx(SelectTrigger, {
+	return /* @__PURE__ */ jsx(Select.Trigger, {
 		size,
 		...props
 	});
 }
 function CodeBlockLanguageSelectorValue(props) {
-	return /* @__PURE__ */ jsx(SelectValue, { ...props });
+	return /* @__PURE__ */ jsx(Select.Value, { ...props });
 }
-function CodeBlockLanguageSelectorContent({ align = "end", ...props }) {
-	return /* @__PURE__ */ jsx(SelectContent, {
+function CodeBlockLanguageSelectorContent({ align = "end", children, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
 		align,
-		...props
-	});
+		children: /* @__PURE__ */ jsxs(Select.Popup, {
+			...props,
+			children: [
+				/* @__PURE__ */ jsx(Select.ScrollUpArrow, {}),
+				/* @__PURE__ */ jsx(Select.List, { children }),
+				/* @__PURE__ */ jsx(Select.ScrollDownArrow, {})
+			]
+		})
+	}) });
 }
-function CodeBlockLanguageSelectorItem(props) {
-	return /* @__PURE__ */ jsx(SelectItem, { ...props });
+function CodeBlockLanguageSelectorItem({ children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		...props,
+		children: [/* @__PURE__ */ jsx(Select.ItemIndicator, {}), /* @__PURE__ */ jsx(Select.ItemText, { children })]
+	});
 }
 function CodeBlockContainer({ className, children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/{CodeBlock-CxQXv3C4.d.ts → CodeBlock-DUh9WOGo.d.ts}

@@ -1,5 +1,5 @@
-import { A as SelectTriggerProps, M as SelectValueProps, S as SelectProps, r as SelectContentProps, s as SelectItemProps } from "./Select-CRsKCJ9x.js";
-import { t as CopyButtonProps } from "./copy-button-BKXqGiNm.js";
+import { p as SelectProps, t as Select } from "./Select-Dl_vF_Bt.js";
+import { t as CopyButtonProps } from "./copy-button-DtPMgN7e.js";
 import * as React from "react";
 import { BundledLanguage, ThemedToken } from "shiki";
 
@@ -139,10 +139,12 @@ declare function CodeBlockLanguageSelector({
 }: CodeBlockLanguageSelectorProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-type CodeBlockLanguageSelectorTriggerProps = SelectTriggerProps;
-type CodeBlockLanguageSelectorValueProps = SelectValueProps;
-type CodeBlockLanguageSelectorContentProps = SelectContentProps;
-type CodeBlockLanguageSelectorItemProps = SelectItemProps;
+type CodeBlockLanguageSelectorTriggerProps = React.ComponentProps<typeof Select.Trigger>;
+type CodeBlockLanguageSelectorValueProps = React.ComponentProps<typeof Select.Value>;
+interface CodeBlockLanguageSelectorContentProps extends React.ComponentProps<typeof Select.Popup> {
+  align?: React.ComponentProps<typeof Select.Positioner>["align"];
+}
+type CodeBlockLanguageSelectorItemProps = React.ComponentProps<typeof Select.Item>;
 declare function CodeBlockLanguageSelectorTrigger({
   size,
   ...props
@@ -150,9 +152,13 @@ declare function CodeBlockLanguageSelectorTrigger({
 declare function CodeBlockLanguageSelectorValue(props: CodeBlockLanguageSelectorValueProps): React.JSX.Element;
 declare function CodeBlockLanguageSelectorContent({
   align,
+  children,
   ...props
 }: CodeBlockLanguageSelectorContentProps): React.JSX.Element;
-declare function CodeBlockLanguageSelectorItem(props: CodeBlockLanguageSelectorItemProps): React.JSX.Element;
+declare function CodeBlockLanguageSelectorItem({
+  children,
+  ...props
+}: CodeBlockLanguageSelectorItemProps): React.JSX.Element;
 interface CodeBlockContainerProps extends React.HTMLAttributes<HTMLDivElement> {}
 declare function CodeBlockContainer({
   className,

package/dist/{Combobox-D9anamNr.d.ts → Combobox-B9Fcd6q-.d.ts}

@@ -93,7 +93,7 @@ declare function ComboboxGroup({
 } & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function ComboboxLabel({
+declare function ComboboxGroupLabel({
   className,
   ref,
   ...props
@@ -142,15 +142,8 @@ declare function ComboboxLabel({
  *
  * @see {@link https://base-ui.com/react/components/combobox | Base UI Combobox}
  */
-declare const ComboboxContent: typeof ComboboxPopup;
-declare const ComboboxValue: typeof Combobox.Value;
-declare const ComboboxChips: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ComboboxChip: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ComboboxChipsInput: typeof ComboboxInput;
-declare const ComboboxCollection: typeof Combobox.Collection;
-declare const ComboboxSeparator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
-declare const Combobox$1: typeof Combobox.Root & {
+declare const Combobox$1: {
   Root: typeof Combobox.Root;
   Input: typeof ComboboxInput;
   Trigger: typeof ComboboxTrigger;
@@ -158,20 +151,17 @@ declare const Combobox$1: typeof Combobox.Root & {
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof ComboboxPositioner;
   Popup: typeof ComboboxPopup;
-  Content: typeof ComboboxPopup;
   List: typeof ComboboxList;
   Item: typeof ComboboxItem;
   ItemIndicator: typeof ItemIndicator;
   Empty: typeof ComboboxEmpty;
   Group: typeof ComboboxGroup;
-  GroupLabel: typeof ComboboxLabel;
-  Label: typeof ComboboxLabel;
+  GroupLabel: typeof ComboboxGroupLabel;
   Value: typeof Combobox.Value;
   Chips: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Chip: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-  ChipsInput: typeof ComboboxInput;
   Collection: typeof Combobox.Collection;
   Separator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 //#endregion
-export { ComboboxValue as _, ComboboxCollection as a, ComboboxGroup as c, ComboboxLabel as d, ComboboxList as f, ComboboxTrigger as g, ComboboxSeparator as h, ComboboxChipsInput as i, ComboboxInput as l, ComboboxPositioner as m, ComboboxChip as n, ComboboxContent as o, ComboboxPopup as p, ComboboxChips as r, ComboboxEmpty as s, Combobox$1 as t, ComboboxItem as u, useComboboxAnchor as v };
+export { useComboboxAnchor as n, Combobox$1 as t };

package/dist/{FileTree-wMyZhhHO.js → FileTree-mpEIcfzA.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-9UtZwb0J.js";
-import { _ as FolderOpenIcon, c as ChevronRightIcon, g as FolderIcon, h as FileIcon } from "./icons-D2Q5n5C1.js";
+import { _ as FolderOpenIcon, c as ChevronRightIcon, g as FolderIcon, h as FileIcon } from "./icons-Ba9THQKz.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/use-file-tree-nav.ts

package/dist/{Menu-B5vDqZe_.d.ts → Menu-Bgu-ufb5.d.ts}

@@ -12,6 +12,8 @@ interface MenuProps extends React.ComponentPropsWithoutRef<typeof Menu.Root> {}
 interface MenuTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.Trigger>, "className"> {
   /** Additional CSS class names */
   className?: string;
+  /** Keep Base UI trigger behavior without the default menu trigger chrome. */
+  unstyled?: boolean;
 }
 /**
  * Props for the Menu.Portal component.
@@ -31,8 +33,14 @@ interface MenuPopupProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu
   /** Additional CSS class names */
   className?: string;
 }
-type MenuPlacementProps = Pick<MenuPositionerProps, "anchor" | "positionMethod" | "side" | "sideOffset" | "align" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "sticky" | "arrowPadding" | "disableAnchorTracking" | "collisionAvoidance">;
-type MenuContentProps = MenuPopupProps & MenuPlacementProps;
+/**
+ * Props for the Menu.Viewport component. Use this only when one menu moves
+ * between triggers and its content changes during that transition.
+ */
+interface MenuViewportProps extends Omit<React.ComponentPropsWithoutRef<typeof Menu.Viewport>, "className"> {
+  /** Additional CSS class names */
+  className?: string;
+}
 /**
  * Props for the Menu.Item component.
  */
@@ -57,7 +65,6 @@ interface MenuGroupLabelProps extends Omit<React.ComponentPropsWithoutRef<typeof
   className?: string;
   inset?: boolean;
 }
-type MenuLabelProps = MenuGroupLabelProps;
 /**
  * Props for the Menu.Arrow component.
  */
@@ -108,8 +115,7 @@ interface MenuCheckboxItemIndicatorProps extends Omit<React.ComponentPropsWithou
   className?: string;
 }
 interface MenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
-interface MenuSubProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuRoot> {}
-type MenuSubContentProps = MenuContentProps;
+interface MenuSubmenuRootProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuRoot> {}
 /**
  * Props for the Menu.SubmenuTrigger component.
  */
@@ -118,42 +124,17 @@ interface MenuSubmenuTriggerProps extends Omit<React.ComponentPropsWithoutRef<ty
   className?: string;
   inset?: boolean;
 }
-type MenuSubTriggerProps = MenuSubmenuTriggerProps;
-/**
- * Root component that manages menu state.
- *
- * @example
- * ```tsx
- * <Menu.Root>
- *   <Menu.Trigger>Actions</Menu.Trigger>
- *   <Menu.Portal>
- *     <Menu.Positioner>
- *       <Menu.Popup>
- *         <Menu.Item>Edit</Menu.Item>
- *         <Menu.Item>Delete</Menu.Item>
- *       </Menu.Popup>
- *     </Menu.Positioner>
- *   </Menu.Portal>
- * </Menu.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/menu | Base UI Menu}
- */
-declare const MenuRoot: (props: MenuProps) => React.JSX.Element;
 /**
  * Button that toggles the menu visibility.
  */
 declare function MenuTrigger({
   className,
+  unstyled,
   ref,
   ...props
 }: MenuTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-/**
- * Renders menu content in a portal.
- */
-declare const MenuPortal: (props: MenuPortalProps) => React.JSX.Element;
 /**
  * Positions the menu popup relative to the trigger.
  */
@@ -174,21 +155,16 @@ declare function MenuPopup({
 }: MenuPopupProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function MenuContent({
-  anchor,
-  positionMethod,
-  side,
-  sideOffset,
-  align,
-  alignOffset,
-  collisionBoundary,
-  collisionPadding,
-  sticky,
-  arrowPadding,
-  disableAnchorTracking,
-  collisionAvoidance,
+/**
+ * Transition container for content that changes as a menu moves between
+ * triggers. Pair the adaptive classes from `base-ui-motion.css` with the
+ * positioner, popup, and this viewport when that behavior is needed.
+ */
+declare function MenuViewport({
+  className,
+  ref,
   ...props
-}: MenuContentProps & {
+}: MenuViewportProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
@@ -224,7 +200,6 @@ declare function MenuGroupLabel({
 }: MenuGroupLabelProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare const MenuLabel: typeof MenuGroupLabel;
 /**
  * Arrow pointing to the trigger.
  */
@@ -260,7 +235,6 @@ declare function MenuRadioGroup({
  */
 declare function MenuRadioItem({
   className,
-  children,
   ref,
   ...props
 }: MenuRadioItemProps & {
@@ -281,7 +255,6 @@ declare function MenuRadioItemIndicator({
  */
 declare function MenuCheckboxItem({
   className,
-  children,
   ref,
   ...props
 }: MenuCheckboxItemProps & {
@@ -304,15 +277,7 @@ declare function MenuShortcut({
 }: MenuShortcutProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-declare function MenuSub(props: MenuSubProps): React.JSX.Element;
-declare function MenuSubContent({
-  side,
-  align,
-  sideOffset,
-  ...props
-}: MenuSubContentProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+declare function MenuSubmenuRoot(props: MenuSubmenuRootProps): React.JSX.Element;
 /**
  * Trigger that opens a submenu.
  */
@@ -324,7 +289,6 @@ declare function MenuSubmenuTrigger({
 }: MenuSubmenuTriggerProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare const MenuSubTrigger: typeof MenuSubmenuTrigger;
 /**
  * A dropdown menu with keyboard navigation support.
  * Provides items, groups, checkboxes, radio selections, and nested submenus.
@@ -367,17 +331,19 @@ declare const MenuSubTrigger: typeof MenuSubmenuTrigger;
  *
  * @see {@link https://base-ui.com/react/components/menu | Base UI Menu}
  */
-declare const Menu$1: ((props: MenuProps) => React.JSX.Element) & {
+declare const Menu$1: {
+  createHandle: typeof Menu.createHandle;
   Root: (props: MenuProps) => React.JSX.Element;
   Trigger: typeof MenuTrigger;
   Portal: (props: MenuPortalProps) => React.JSX.Element;
   Positioner: typeof MenuPositioner;
   Popup: typeof MenuPopup;
-  Content: typeof MenuContent;
+  Viewport: typeof MenuViewport;
+  Backdrop: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Item: typeof MenuItem;
   Group: typeof MenuGroup;
   GroupLabel: typeof MenuGroupLabel;
-  Label: typeof MenuGroupLabel;
+  LinkItem: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuLinkItemProps, "ref"> & React.RefAttributes<Element>>;
   Arrow: typeof MenuArrow;
   Separator: typeof MenuSeparator;
   RadioGroup: typeof MenuRadioGroup;
@@ -386,10 +352,8 @@ declare const Menu$1: ((props: MenuProps) => React.JSX.Element) & {
   CheckboxItem: typeof MenuCheckboxItem;
   CheckboxItemIndicator: typeof MenuCheckboxItemIndicator;
   Shortcut: typeof MenuShortcut;
-  Sub: typeof MenuSub;
-  SubContent: typeof MenuSubContent;
-  SubTrigger: typeof MenuSubmenuTrigger;
+  SubmenuRoot: typeof MenuSubmenuRoot;
   SubmenuTrigger: typeof MenuSubmenuTrigger;
 };
 //#endregion
-export { MenuRadioItemProps as A, MenuSubTrigger as B, MenuPositionerProps as C, MenuRadioItem as D, MenuRadioGroupProps as E, MenuShortcutProps as F, MenuTriggerProps as G, MenuSubmenuTrigger as H, MenuSub as I, MenuSubContent as L, MenuSeparator as M, MenuSeparatorProps as N, MenuRadioItemIndicator as O, MenuShortcut as P, MenuSubContentProps as R, MenuPositioner as S, MenuRadioGroup as T, MenuSubmenuTriggerProps as U, MenuSubTriggerProps as V, MenuTrigger as W, MenuLabelProps as _, MenuCheckboxItemIndicator as a, MenuPortal as b, MenuContent as c, MenuGroupLabel as d, MenuGroupLabelProps as f, MenuLabel as g, MenuItemProps as h, MenuCheckboxItem as i, MenuRoot as j, MenuRadioItemIndicatorProps as k, MenuContentProps as l, MenuItem as m, MenuArrow as n, MenuCheckboxItemIndicatorProps as o, MenuGroupProps as p, MenuArrowProps as r, MenuCheckboxItemProps as s, Menu$1 as t, MenuGroup as u, MenuPopup as v, MenuProps as w, MenuPortalProps as x, MenuPopupProps as y, MenuSubProps as z };
+export { MenuSubmenuRootProps as _, MenuGroupLabelProps as a, MenuViewportProps as b, MenuPopupProps as c, MenuProps as d, MenuRadioGroupProps as f, MenuShortcutProps as g, MenuSeparatorProps as h, MenuCheckboxItemProps as i, MenuPortalProps as l, MenuRadioItemProps as m, MenuArrowProps as n, MenuGroupProps as o, MenuRadioItemIndicatorProps as p, MenuCheckboxItemIndicatorProps as r, MenuItemProps as s, Menu$1 as t, MenuPositionerProps as u, MenuSubmenuTriggerProps as v, MenuTriggerProps as y };