@mcp-b/react-components 0.34.1 → 0.36.0

package/dist/{AgentChat-CV-GuYA6.d.ts → AgentChat-CVO7xyLC.d.ts}

@@ -1,6 +1,6 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-C7L-Mv9U.js";
 import { n as AgentChatStartScreenProps } from "./AgentChatStartScreen-CO49yepa.js";
-import { J as PromptInputContextSelectorProps, O as PromptInputCommandDefinition, Z as PromptInputDictationProps, ct as PromptInputMessage, mt as PromptInputReference, n as PermissionMode } from "./PromptInput-DOyee1kM.js";
+import { D as PromptInputCommandDefinition, F as PromptInputDictationProps, K as PromptInputMessage, M as PromptInputContextSelectorProps, Q as PromptInputReference, n as PermissionMode } from "./PromptInput-BRX7FhjH.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, UIMessage } from "ai";
 import { PendingApproval, Think } from "@cloudflare/think";
@@ -8,6 +8,13 @@ import { AgentStub } from "agents/client";
 import { UseVoiceInputReturn } from "@cloudflare/voice/react";
 
 //#region src/components/agents-sdk/AgentChat.d.ts
+/**
+ * The affordance for a compaction that is running right now, for the `notice`
+ * slot. Exported because Think's session frames report the same state from
+ * outside this component's own `/compact` lifecycle, and one running
+ * compaction must not read two ways.
+ */
+declare const compactingNotice: React.JSX.Element;
 interface AgentChatRenderMessageContext<MessageT extends UIMessage = UIMessage> {
   message: MessageT;
   messageIndex: number;
@@ -87,6 +94,17 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   disabled?: boolean;
   /** Rendered in place of the transcript while `messages` is empty. */
   emptyState?: React.ReactNode;
+  /**
+   * Renders the transcript region as loading and holds the composer inert.
+   * This is the transcript of a conversation that exists and has not arrived —
+   * distinct from `emptyState`, which describes one that has no messages — so
+   * it also withholds the start screen's invitation to begin a first turn.
+   *
+   * A host's Suspense fallback uses it to keep the surrounding shell mounted
+   * and interactive: a transcript read that never resolves then leaves every
+   * exit reachable instead of replacing the app with a spinner.
+   */
+  loading?: boolean;
   /**
    * First-turn composition that places the live composer between a welcoming
    * heading and app-authored starter descriptors. It is the default when
@@ -273,8 +291,9 @@ declare function AgentChat<MessageT extends UIMessage = UIMessage>({
   onStop,
   onPromptQueued,
   placeholder,
-  disabled,
+  disabled: composerDisabled,
   emptyState,
+  loading,
   startScreen,
   composerHeader,
   composerTray,
@@ -305,4 +324,4 @@ declare function AgentChat<MessageT extends UIMessage = UIMessage>({
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 //#endregion
-export { PermissionModeControl as a, AgentChatRenderMessageContext as i, AgentChatComposerDraft as n, AgentChatProps as r, AgentChat as t };
+export { PermissionModeControl as a, AgentChatRenderMessageContext as i, AgentChatComposerDraft as n, compactingNotice as o, AgentChatProps as r, AgentChat as t };

package/dist/{CodeBlock-CM5gfmdq.js → CodeBlock-Bk4nn7l-.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { Select } from "./components/foundations/Select.js";
 import { t as CopyButton } from "./copy-button-CsNSSKYG.js";
+import { Select } from "./components/foundations/Select.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";
@@ -187,15 +187,16 @@ function CodeBlockCopyButton({ className, label = "Copy code", timeout = 2e3, on
 function CodeBlockLanguageSelector({ children, className, languages = CODE_BLOCK_LANGUAGES, onValueChange, ref, value, ...props }) {
 	const { language, setLanguage } = useCodeBlockContext();
 	const handleValueChange = React.useCallback((next, eventDetails) => {
-		setLanguage(next);
 		onValueChange?.(next, eventDetails);
+		if (eventDetails.isCanceled || next === null) return;
+		setLanguage(next);
 	}, [onValueChange, setLanguage]);
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		className: cx("code-block__language-selector", className),
 		children: /* @__PURE__ */ jsx(Select.Root, {
 			...props,
-			value: value ?? language,
+			value: value === void 0 ? language : value,
 			onValueChange: handleValueChange,
 			children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CodeBlockLanguageSelectorTrigger, {
 				"aria-label": "Code language",

package/dist/{CodeBlock-DzGhYyNe.d.ts → CodeBlock-C380GD5t.d.ts}

@@ -1,4 +1,4 @@
-import { m as SelectProps, t as Select } from "./Select-D96d09ww.js";
+import { m as SelectProps, t as Select } from "./Select-RrceeEIe.js";
 import { t as CopyButtonProps } from "./copy-button-C0JyjClr.js";
 import * as React from "react";
 import { BundledLanguage } from "shiki";
@@ -108,11 +108,8 @@ declare function CodeBlockCopyButton({
   onClick,
   ...props
 }: CodeBlockCopyButtonProps): React.JSX.Element;
-interface CodeBlockLanguageSelectorProps extends Omit<SelectProps, "children" | "onValueChange" | "value"> {
+interface CodeBlockLanguageSelectorProps extends SelectProps<CodeBlockLanguage> {
   languages?: ReadonlyArray<CodeBlockLanguage>;
-  value?: SelectProps["value"];
-  onValueChange?: SelectProps["onValueChange"];
-  children?: React.ReactNode;
   className?: string;
 }
 declare function CodeBlockLanguageSelector({

package/dist/{Dialog-DeOSJ0Oy.d.ts → Dialog-B_FhRWaz.d.ts}

@@ -2,23 +2,23 @@ import * as React from "react";
 import { Dialog } from "@base-ui/react/dialog";
 
 //#region src/components/foundations/Dialog.d.ts
-interface DialogProps extends Dialog.Root.Props {}
-interface DialogTriggerProps extends Dialog.Trigger.Props {}
-interface DialogPortalProps extends Dialog.Portal.Props {}
-interface DialogBackdropProps extends Dialog.Backdrop.Props {}
-interface DialogViewportProps extends Dialog.Viewport.Props {}
-interface DialogPopupProps extends Dialog.Popup.Props {
+type DialogProps<Payload = unknown> = Dialog.Root.Props<Payload>;
+type DialogTriggerProps<Payload = unknown> = Dialog.Trigger.Props<Payload> & React.RefAttributes<HTMLElement>;
+interface DialogPortalProps extends React.ComponentPropsWithRef<typeof Dialog.Portal> {}
+interface DialogBackdropProps extends React.ComponentPropsWithRef<typeof Dialog.Backdrop> {}
+interface DialogViewportProps extends React.ComponentPropsWithRef<typeof Dialog.Viewport> {}
+interface DialogPopupProps extends React.ComponentPropsWithRef<typeof Dialog.Popup> {
   /**
    * The size of the dialog.
    * @default 'md'
    */
   size?: "sm" | "md" | "lg" | "fullscreen";
 }
-interface DialogTitleProps extends Dialog.Title.Props {}
-interface DialogDescriptionProps extends Dialog.Description.Props {}
-interface DialogCloseProps extends Dialog.Close.Props {}
-interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface DialogTitleProps extends React.ComponentPropsWithRef<typeof Dialog.Title> {}
+interface DialogDescriptionProps extends React.ComponentPropsWithRef<typeof Dialog.Description> {}
+interface DialogCloseProps extends React.ComponentPropsWithRef<typeof Dialog.Close> {}
+interface DialogHeaderProps extends React.ComponentPropsWithRef<"div"> {}
+interface DialogFooterProps extends React.ComponentPropsWithRef<"div"> {}
 /**
  * A dialog component for modal interactions.
  *
@@ -41,69 +41,54 @@ interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
  *
  * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
  */
-declare function DialogTrigger({
+declare function DialogTrigger<Payload>({
   render,
   className,
+  ref,
   ...props
-}: DialogTriggerProps): React.JSX.Element;
+}: DialogTriggerProps<Payload>): React.JSX.Element;
 declare function DialogBackdrop({
   className,
   ref,
   ...props
-}: DialogBackdropProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: DialogBackdropProps): React.JSX.Element;
 declare function DialogViewport({
   className,
   ref,
   ...props
-}: DialogViewportProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: DialogViewportProps): React.JSX.Element;
 declare function DialogPopup({
   size,
   className,
   ref,
   ...props
-}: DialogPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: DialogPopupProps): React.JSX.Element;
 declare function DialogHeader({
   className,
   ref,
   ...props
-}: DialogHeaderProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: DialogHeaderProps): React.JSX.Element;
 declare function DialogFooter({
   className,
   ref,
   ...props
-}: DialogFooterProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: DialogFooterProps): React.JSX.Element;
 declare function DialogTitle({
   className,
   ref,
   ...props
-}: DialogTitleProps & {
-  ref?: React.Ref<HTMLHeadingElement>;
-}): React.JSX.Element;
+}: DialogTitleProps): React.JSX.Element;
 declare function DialogDescription({
   className,
   ref,
   ...props
-}: DialogDescriptionProps & {
-  ref?: React.Ref<HTMLParagraphElement>;
-}): React.JSX.Element;
+}: DialogDescriptionProps): React.JSX.Element;
 declare function DialogClose({
   render,
   className,
   ref,
   ...props
-}: DialogCloseProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: DialogCloseProps): React.JSX.Element;
 declare const Dialog$1: {
   Root: typeof Dialog.Root;
   Trigger: typeof DialogTrigger;

package/dist/{Menu-DVmjBIuM.d.ts → Menu-yb6QXWA3.d.ts}

@@ -5,95 +5,115 @@ import { Menu } from "@base-ui/react/menu";
 /**
  * Props for the Menu.Root component.
  */
-interface MenuProps extends React.ComponentPropsWithoutRef<typeof Menu.Root> {}
+type MenuProps<Payload = unknown> = Menu.Root.Props<Payload>;
 /**
  * Props for the Menu.Trigger component.
  */
-interface MenuTriggerProps extends React.ComponentPropsWithoutRef<typeof Menu.Trigger> {
-  /** Keep Base UI trigger behavior without the default menu trigger chrome. */
-  unstyled?: boolean;
-}
+type MenuTriggerProps<Payload = unknown> = Menu.Trigger.Props<Payload> & React.RefAttributes<HTMLElement> & {
+  /** Keep Base UI trigger behavior without the default menu trigger chrome. */unstyled?: boolean;
+};
 /**
  * Props for the Menu.Portal component.
  */
-interface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof Menu.Portal> {}
+interface MenuPortalProps extends React.ComponentPropsWithRef<typeof Menu.Portal> {}
 /**
  * Props for the Menu.Positioner component.
  */
-interface MenuPositionerProps extends React.ComponentPropsWithoutRef<typeof Menu.Positioner> {}
+interface MenuPositionerProps extends React.ComponentPropsWithRef<typeof Menu.Positioner> {}
 /**
  * Props for the Menu.Popup component.
  */
-interface MenuPopupProps extends React.ComponentPropsWithoutRef<typeof Menu.Popup> {}
+interface MenuPopupProps extends React.ComponentPropsWithRef<typeof Menu.Popup> {}
 /**
  * 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 React.ComponentPropsWithoutRef<typeof Menu.Viewport> {}
+interface MenuViewportProps extends React.ComponentPropsWithRef<typeof Menu.Viewport> {}
 /**
  * Props for the Menu.Item component.
  */
-interface MenuItemProps extends React.ComponentPropsWithoutRef<typeof Menu.Item> {
+interface MenuItemProps extends React.ComponentPropsWithRef<typeof Menu.Item> {
   inset?: boolean;
   variant?: "default" | "destructive";
 }
 /**
  * Props for the Menu.Group component.
  */
-interface MenuGroupProps extends React.ComponentPropsWithoutRef<typeof Menu.Group> {}
+interface MenuGroupProps extends React.ComponentPropsWithRef<typeof Menu.Group> {}
 /**
  * Props for the Menu.GroupLabel component.
  */
-interface MenuGroupLabelProps extends React.ComponentPropsWithoutRef<typeof Menu.GroupLabel> {
+interface MenuGroupLabelProps extends React.ComponentPropsWithRef<typeof Menu.GroupLabel> {
   inset?: boolean;
 }
 /**
  * Props for the Menu.Arrow component.
  */
-interface MenuArrowProps extends React.ComponentPropsWithoutRef<typeof Menu.Arrow> {}
+interface MenuArrowProps extends React.ComponentPropsWithRef<typeof Menu.Arrow> {}
 /**
  * Props for the Menu.Separator component.
  */
-interface MenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof Menu.Separator> {}
+interface MenuSeparatorProps extends React.ComponentPropsWithRef<typeof Menu.Separator> {}
 /**
  * Props for the Menu.RadioGroup component.
  */
-interface MenuRadioGroupProps extends React.ComponentPropsWithoutRef<typeof Menu.RadioGroup> {}
+interface MenuRadioGroupProps extends React.ComponentPropsWithRef<typeof Menu.RadioGroup> {}
 /**
  * Props for the Menu.RadioItem component.
  */
-interface MenuRadioItemProps extends React.ComponentPropsWithoutRef<typeof Menu.RadioItem> {}
+interface MenuRadioItemProps extends React.ComponentPropsWithRef<typeof Menu.RadioItem> {}
 /**
  * Props for the Menu.RadioItemIndicator component.
  */
-interface MenuRadioItemIndicatorProps extends React.ComponentPropsWithoutRef<typeof Menu.RadioItemIndicator> {}
+interface MenuRadioItemIndicatorProps extends React.ComponentPropsWithRef<typeof Menu.RadioItemIndicator> {}
 /**
  * Props for the Menu.CheckboxItem component.
  */
-interface MenuCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof Menu.CheckboxItem> {}
+interface MenuCheckboxItemProps extends React.ComponentPropsWithRef<typeof Menu.CheckboxItem> {}
 /**
  * Props for the Menu.CheckboxItemIndicator component.
  */
-interface MenuCheckboxItemIndicatorProps extends React.ComponentPropsWithoutRef<typeof Menu.CheckboxItemIndicator> {}
-interface MenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
-interface MenuSubmenuRootProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuRoot> {}
+interface MenuCheckboxItemIndicatorProps extends React.ComponentPropsWithRef<typeof Menu.CheckboxItemIndicator> {}
+interface MenuShortcutProps extends React.ComponentPropsWithRef<"span"> {}
+interface MenuSubmenuRootProps extends Menu.SubmenuRoot.Props {}
 /**
  * Props for the Menu.SubmenuTrigger component.
  */
-interface MenuSubmenuTriggerProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuTrigger> {
+interface MenuSubmenuTriggerProps extends React.ComponentPropsWithRef<typeof Menu.SubmenuTrigger> {
   inset?: boolean;
 }
+/**
+ * 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}
+ */
 /**
  * Button that toggles the menu visibility.
  */
-declare function MenuTrigger({
+declare function MenuTrigger<Payload>({
   className,
   unstyled,
   ref,
   ...props
-}: MenuTriggerProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: MenuTriggerProps<Payload>): React.JSX.Element;
+/**
+ * Renders menu content in a portal.
+ */
 /**
  * Positions the menu popup relative to the trigger.
  */
@@ -101,9 +121,7 @@ declare function MenuPositioner({
   className,
   ref,
   ...props
-}: MenuPositionerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuPositionerProps): React.JSX.Element;
 /**
  * Container for menu items.
  */
@@ -111,9 +129,7 @@ declare function MenuPopup({
   className,
   ref,
   ...props
-}: MenuPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuPopupProps): React.JSX.Element;
 /**
  * Transition container for content that changes as a menu moves between
  * triggers. Pair the adaptive classes from `base-ui-motion.css` with the
@@ -123,9 +139,7 @@ declare function MenuViewport({
   className,
   ref,
   ...props
-}: MenuViewportProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuViewportProps): React.JSX.Element;
 /**
  * Interactive menu item.
  */
@@ -135,9 +149,7 @@ declare function MenuItem({
   variant,
   ref,
   ...props
-}: MenuItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuItemProps): React.JSX.Element;
 /**
  * Groups related menu items.
  */
@@ -145,9 +157,7 @@ declare function MenuGroup({
   className,
   ref,
   ...props
-}: MenuGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuGroupProps): React.JSX.Element;
 /**
  * Label for a group of menu items.
  */
@@ -156,9 +166,7 @@ declare function MenuGroupLabel({
   inset,
   ref,
   ...props
-}: MenuGroupLabelProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuGroupLabelProps): React.JSX.Element;
 /**
  * Arrow pointing to the trigger.
  */
@@ -166,9 +174,7 @@ declare function MenuArrow({
   className,
   ref,
   ...props
-}: MenuArrowProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuArrowProps): React.JSX.Element;
 /**
  * Visual separator between menu sections.
  */
@@ -176,9 +182,7 @@ declare function MenuSeparator({
   className,
   ref,
   ...props
-}: MenuSeparatorProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuSeparatorProps): React.JSX.Element;
 /**
  * Group for exclusive radio selection.
  */
@@ -186,9 +190,7 @@ declare function MenuRadioGroup({
   className,
   ref,
   ...props
-}: MenuRadioGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuRadioGroupProps): React.JSX.Element;
 /**
  * Radio item for exclusive selection.
  */
@@ -196,9 +198,7 @@ declare function MenuRadioItem({
   className,
   ref,
   ...props
-}: MenuRadioItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuRadioItemProps): React.JSX.Element;
 /**
  * Indicator for selected radio item.
  */
@@ -206,9 +206,7 @@ declare function MenuRadioItemIndicator({
   className,
   ref,
   ...props
-}: MenuRadioItemIndicatorProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
+}: MenuRadioItemIndicatorProps): React.JSX.Element;
 /**
  * Checkbox item for toggling options.
  */
@@ -216,9 +214,7 @@ declare function MenuCheckboxItem({
   className,
   ref,
   ...props
-}: MenuCheckboxItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuCheckboxItemProps): React.JSX.Element;
 /**
  * Indicator for checked checkbox item.
  */
@@ -226,17 +222,12 @@ declare function MenuCheckboxItemIndicator({
   className,
   ref,
   ...props
-}: MenuCheckboxItemIndicatorProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
+}: MenuCheckboxItemIndicatorProps): React.JSX.Element;
 declare function MenuShortcut({
   className,
   ref,
   ...props
-}: MenuShortcutProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
-declare function MenuSubmenuRoot(props: MenuSubmenuRootProps): React.JSX.Element;
+}: MenuShortcutProps): React.JSX.Element;
 /**
  * Trigger that opens a submenu.
  */
@@ -245,9 +236,7 @@ declare function MenuSubmenuTrigger({
   inset,
   ref,
   ...props
-}: MenuSubmenuTriggerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: MenuSubmenuTriggerProps): React.JSX.Element;
 /**
  * A dropdown menu with keyboard navigation support.
  * Provides items, groups, checkboxes, radio selections, and nested submenus.
@@ -292,9 +281,9 @@ declare function MenuSubmenuTrigger({
  */
 declare const Menu$1: {
   createHandle: typeof Menu.createHandle;
-  Root: (props: MenuProps) => React.JSX.Element;
+  Root: <Payload>(props: Menu.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
   Trigger: typeof MenuTrigger;
-  Portal: (props: MenuPortalProps) => React.JSX.Element;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof MenuPositioner;
   Popup: typeof MenuPopup;
   Viewport: typeof MenuViewport;
@@ -311,7 +300,7 @@ declare const Menu$1: {
   CheckboxItem: typeof MenuCheckboxItem;
   CheckboxItemIndicator: typeof MenuCheckboxItemIndicator;
   Shortcut: typeof MenuShortcut;
-  SubmenuRoot: typeof MenuSubmenuRoot;
+  SubmenuRoot: typeof Menu.SubmenuRoot;
   SubmenuTrigger: typeof MenuSubmenuTrigger;
 };
 //#endregion