@mcp-b/react-components 0.56.0 → 0.56.2

package/dist/McpConnectorForm-BPWCo9bU.d.ts

@@ -0,0 +1,35 @@
+import { c as McpServerSetupAuth, u as McpServerSetupAuthFieldName } from "./mcp-server-catalog-DgA9BnL0.js";
+import * as React from "react";
+//#region src/components/agents-sdk/McpConnectorForm.d.ts
+type CredentialFieldName = Exclude<McpServerSetupAuthFieldName, "redirectUrl">;
+type McpConnectorFormValues = Readonly<Partial<Record<CredentialFieldName, string>> & {
+  readonly name: string;
+  readonly url: string;
+}>;
+type McpConnectorFormProps = Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "status"> & {
+  /** Authentication metadata that decides which credential fields render. */
+  readonly auth?: McpServerSetupAuth;
+  /** Initial connector values. Publisher client credentials remain app-owned. */
+  readonly defaults?: Partial<McpConnectorFormValues>;
+  /** Optional pattern used to validate the MCP name field. */
+  readonly namePattern?: string;
+  /** Keep a catalog-owned MCP name and URL visible but immutable. */
+  readonly readOnlyServer?: boolean;
+  /** Read-only redirect URL shown for manual OAuth client setup. */
+  readonly redirectUrl?: string;
+  /** Inline connection status announced politely to assistive tech. */
+  readonly status?: React.ReactNode;
+  /** Label for the submit button. */
+  readonly submitLabel?: string;
+  /** Label shown while submit is pending. */
+  readonly submittingLabel?: string;
+  /** Called with normalized connector values after native form validation passes. */
+  readonly onSubmit: (values: McpConnectorFormValues) => void | Promise<void>;
+};
+/** Collects MCP connector settings and optional credentials with native form validation. */
+declare function McpConnectorForm({ auth, className, defaults, namePattern, readOnlyServer, redirectUrl, status, submitLabel, submittingLabel, onSubmit, ref, ...props }: McpConnectorFormProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLFormElement>;
+}): React.JSX.Element;
+//#endregion
+export { McpConnectorFormProps as n, McpConnectorFormValues as r, McpConnectorForm as t };

package/dist/{McpPluginCatalog-DNeHDrts.d.ts → McpPluginCatalog-uSh0gGeY.d.ts}

@@ -1,9 +1,8 @@
-import { l as DialogProps } from "./Dialog-88GF7_Th.js";
-import { o as McpServerCard } from "./mcp-server-catalog-D9p4gGeJ.js";
-import { r as McpConnectorFormValues } from "./McpConnectorForm--HB0MEGC.js";
+import { l as DialogProps } from "./Dialog-D5AVE3IN.js";
+import { o as McpServerCard } from "./mcp-server-catalog-DgA9BnL0.js";
+import { r as McpConnectorFormValues } from "./McpConnectorForm-BPWCo9bU.js";
 import * as React from "react";
 import { MCPServersState } from "agents";
-
 //#region src/components/agents-sdk/McpPluginCatalog.d.ts
 /** Optional plugin-specific copy layered over the canonical MCP server card. */
 interface McpPluginDetails {
@@ -61,34 +60,8 @@ interface McpPluginDetailsDialogProps {
  * state as {@link McpServerPicker}. Selecting a row opens the shared details
  * dialog; connecting still delegates to the host's existing MCP/OAuth path.
  */
-declare function McpPluginCatalog({
-  servers,
-  mcp,
-  detailsByServerId,
-  featuredServerIds,
-  brandName,
-  brandLogo,
-  disclosure,
-  onConnect,
-  onDisconnect,
-  onAddCustom,
-  heading,
-  searchLabel,
-  emptyMessage,
-  className,
-  ...props
-}: McpPluginCatalogProps): React.JSX.Element;
+declare function McpPluginCatalog({ servers, mcp, detailsByServerId, featuredServerIds, brandName, brandLogo, disclosure, onConnect, onDisconnect, onAddCustom, heading, searchLabel, emptyMessage, className, ...props }: McpPluginCatalogProps): React.JSX.Element;
 /** Reference-derived plugin detail surface without a parallel install state. */
-declare function McpPluginDetailsDialog({
-  server,
-  details,
-  mcp,
-  brandName,
-  brandLogo,
-  disclosure,
-  onConnect,
-  onDisconnect,
-  onOpenChange
-}: McpPluginDetailsDialogProps): React.JSX.Element;
+declare function McpPluginDetailsDialog({ server, details, mcp, brandName, brandLogo, disclosure, onConnect, onDisconnect, onOpenChange }: McpPluginDetailsDialogProps): React.JSX.Element;
 //#endregion
 export { McpPluginDetailsDialogProps as a, McpPluginDetailsDialog as i, McpPluginCatalogProps as n, McpPluginDetails as r, McpPluginCatalog as t };

package/dist/{Menu-CgfUZhZd.d.ts → Menu-FA4P6KrA.d.ts}

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { Menu } from "@base-ui/react/menu";
-
 //#region src/components/foundations/Menu.d.ts
 /**
  * Props for the Menu.Root component.
@@ -10,7 +9,8 @@ type MenuProps<Payload = unknown> = Menu.Root.Props<Payload>;
  * Props for the Menu.Trigger component.
  */
 type MenuTriggerProps<Payload = unknown> = Menu.Trigger.Props<Payload> & React.RefAttributes<HTMLElement> & {
-  /** Keep Base UI trigger behavior without the default menu trigger chrome. */unstyled?: boolean;
+  /** Keep Base UI trigger behavior without the default menu trigger chrome. */
+  unstyled?: boolean;
 };
 /**
  * Props for the Menu.Portal component.
@@ -105,138 +105,69 @@ interface MenuSubmenuTriggerProps extends React.ComponentPropsWithRef<typeof Men
 /**
  * Button that toggles the menu visibility.
  */
-declare function MenuTrigger<Payload>({
-  className,
-  unstyled,
-  ref,
-  ...props
-}: MenuTriggerProps<Payload>): React.JSX.Element;
+declare function MenuTrigger<Payload>({ className, unstyled, ref, ...props }: MenuTriggerProps<Payload>): React.JSX.Element;
 /**
  * Renders menu content in a portal.
  */
 /**
  * Positions the menu popup relative to the trigger.
  */
-declare function MenuPositioner({
-  className,
-  ref,
-  ...props
-}: MenuPositionerProps): React.JSX.Element;
+declare function MenuPositioner({ className, ref, ...props }: MenuPositionerProps): React.JSX.Element;
 /**
  * Container for menu items.
  */
-declare function MenuPopup({
-  className,
-  ref,
-  ...props
-}: MenuPopupProps): React.JSX.Element;
+declare function MenuPopup({ className, ref, ...props }: 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
  * positioner, popup, and this viewport when that behavior is needed.
  */
-declare function MenuViewport({
-  className,
-  ref,
-  ...props
-}: MenuViewportProps): React.JSX.Element;
+declare function MenuViewport({ className, ref, ...props }: MenuViewportProps): React.JSX.Element;
 /**
  * Interactive menu item.
  */
-declare function MenuItem({
-  className,
-  inset,
-  variant,
-  ref,
-  ...props
-}: MenuItemProps): React.JSX.Element;
+declare function MenuItem({ className, inset, variant, ref, ...props }: MenuItemProps): React.JSX.Element;
 /**
  * Groups related menu items.
  */
-declare function MenuGroup({
-  className,
-  ref,
-  ...props
-}: MenuGroupProps): React.JSX.Element;
+declare function MenuGroup({ className, ref, ...props }: MenuGroupProps): React.JSX.Element;
 /**
  * Label for a group of menu items.
  */
-declare function MenuGroupLabel({
-  className,
-  inset,
-  ref,
-  ...props
-}: MenuGroupLabelProps): React.JSX.Element;
+declare function MenuGroupLabel({ className, inset, ref, ...props }: MenuGroupLabelProps): React.JSX.Element;
 /**
  * Arrow pointing to the trigger.
  */
-declare function MenuArrow({
-  className,
-  ref,
-  ...props
-}: MenuArrowProps): React.JSX.Element;
+declare function MenuArrow({ className, ref, ...props }: MenuArrowProps): React.JSX.Element;
 /**
  * Visual separator between menu sections.
  */
-declare function MenuSeparator({
-  className,
-  ref,
-  ...props
-}: MenuSeparatorProps): React.JSX.Element;
+declare function MenuSeparator({ className, ref, ...props }: MenuSeparatorProps): React.JSX.Element;
 /**
  * Group for exclusive radio selection.
  */
-declare function MenuRadioGroup({
-  className,
-  ref,
-  ...props
-}: MenuRadioGroupProps): React.JSX.Element;
+declare function MenuRadioGroup({ className, ref, ...props }: MenuRadioGroupProps): React.JSX.Element;
 /**
  * Radio item for exclusive selection.
  */
-declare function MenuRadioItem({
-  className,
-  ref,
-  ...props
-}: MenuRadioItemProps): React.JSX.Element;
+declare function MenuRadioItem({ className, ref, ...props }: MenuRadioItemProps): React.JSX.Element;
 /**
  * Indicator for selected radio item.
  */
-declare function MenuRadioItemIndicator({
-  className,
-  ref,
-  ...props
-}: MenuRadioItemIndicatorProps): React.JSX.Element;
+declare function MenuRadioItemIndicator({ className, ref, ...props }: MenuRadioItemIndicatorProps): React.JSX.Element;
 /**
  * Checkbox item for toggling options.
  */
-declare function MenuCheckboxItem({
-  className,
-  ref,
-  ...props
-}: MenuCheckboxItemProps): React.JSX.Element;
+declare function MenuCheckboxItem({ className, ref, ...props }: MenuCheckboxItemProps): React.JSX.Element;
 /**
  * Indicator for checked checkbox item.
  */
-declare function MenuCheckboxItemIndicator({
-  className,
-  ref,
-  ...props
-}: MenuCheckboxItemIndicatorProps): React.JSX.Element;
-declare function MenuShortcut({
-  className,
-  ref,
-  ...props
-}: MenuShortcutProps): React.JSX.Element;
+declare function MenuCheckboxItemIndicator({ className, ref, ...props }: MenuCheckboxItemIndicatorProps): React.JSX.Element;
+declare function MenuShortcut({ className, ref, ...props }: MenuShortcutProps): React.JSX.Element;
 /**
  * Trigger that opens a submenu.
  */
-declare function MenuSubmenuTrigger({
-  className,
-  inset,
-  ref,
-  ...props
-}: MenuSubmenuTriggerProps): React.JSX.Element;
+declare function MenuSubmenuTrigger({ className, inset, ref, ...props }: MenuSubmenuTriggerProps): React.JSX.Element;
 /**
  * A dropdown menu with keyboard navigation support.
  * Provides items, groups, checkboxes, radio selections, and nested submenus.

package/dist/{Message-COsMPZSC.d.ts → Message-CwCqa90H.d.ts}

@@ -1,9 +1,8 @@
-import { n as IconButtonProps } from "./IconButton-CAlFVb2L.js";
-import { t as CopyButtonProps } from "./copy-button-CJYYgCIU.js";
+import { n as IconButtonProps } from "./IconButton-43ggXEuf.js";
+import { t as CopyButtonProps } from "./copy-button-BIfY5M-D.js";
 import * as React from "react";
 import { FileUIPart, UIMessage } from "ai";
 import { StreamdownProps } from "streamdown";
-
 //#region src/components/ai-sdk/Message.d.ts
 type MessageRole = UIMessage["role"];
 interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -34,53 +33,30 @@ interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * @see {@link https://elements.ai-sdk.dev/components/message | AI Elements Message}
  */
-declare function Message({
-  className,
-  from,
-  children,
-  ref,
-  ...props
-}: MessageProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+declare function Message({ className, from, children, ref, ...props }: MessageProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface MessageContentProps extends React.HTMLAttributes<HTMLDivElement> {}
 /**
  * The visible bubble/body of a message. Styled differently based on the
  * parent {@link Message}'s `from` attribute.
  */
-declare function MessageContent({
-  className,
-  children,
-  ref,
-  ...props
-}: MessageContentProps & {
+declare function MessageContent({ className, children, ref, ...props }: MessageContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface MessageMetaProps extends React.HTMLAttributes<HTMLDivElement> {}
 /** Quiet message metadata and actions shown on hover or keyboard focus. */
-declare function MessageMeta({
-  className,
-  children,
-  ref,
-  ...props
-}: MessageMetaProps & {
+declare function MessageMeta({ className, children, ref, ...props }: MessageMetaProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface MessageTimestampProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElement>, "children" | "dateTime"> {
   date: Date;
 }
 /** Machine-readable message time with a compact local-time label. */
-declare function MessageTimestamp({
-  date,
-  className,
-  ...props
-}: MessageTimestampProps): React.JSX.Element;
+declare function MessageTimestamp({ date, className, ...props }: MessageTimestampProps): React.JSX.Element;
 type MessageResponseProps = StreamdownProps;
-declare const MessageResponse: React.MemoExoticComponent<({
-  className,
-  components,
-  ...props
-}: MessageResponseProps) => React.JSX.Element>;
+declare const MessageResponse: React.MemoExoticComponent<({ className, components, ...props }: MessageResponseProps) => React.JSX.Element>;
 interface MessageAttachmentProps extends Omit<React.HTMLAttributes<HTMLElement>, "color" | "part"> {
   /** The AI SDK `file` part, taken whole. */
   part: FileUIPart;
@@ -90,11 +66,7 @@ interface MessageAttachmentProps extends Omit<React.HTMLAttributes<HTMLElement>,
  * anything else becomes a download chip. Covers both directions — files the
  * user attached and files the agent emitted.
  */
-declare function MessageAttachment({
-  part,
-  className,
-  ...props
-}: MessageAttachmentProps): React.JSX.Element;
+declare function MessageAttachment({ part, className, ...props }: MessageAttachmentProps): React.JSX.Element;
 interface MessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Preserve the action row height while its controls are unavailable. */
   reserveSpace?: boolean;
@@ -103,13 +75,7 @@ interface MessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {
  * Horizontal list of action buttons (copy, retry, thumbs-up, etc.) shown
  * alongside or beneath a message.
  */
-declare function MessageActions({
-  reserveSpace,
-  className,
-  children,
-  ref,
-  ...props
-}: MessageActionsProps & {
+declare function MessageActions({ reserveSpace, className, children, ref, ...props }: MessageActionsProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface MessageActionProps extends Omit<IconButtonProps, "children"> {
@@ -119,25 +85,12 @@ interface MessageActionProps extends Omit<IconButtonProps, "children"> {
  * A single icon button inside {@link MessageActions}. Always has an accessible
  * name; shows a tooltip on hover/focus when {@link tooltip} is set.
  */
-declare function MessageAction({
-  className,
-  label,
-  tooltip,
-  variant,
-  color,
-  size,
-  children,
-  ref,
-  ...props
-}: MessageActionProps & {
+declare function MessageAction({ className, label, tooltip, variant, color, size, children, ref, ...props }: MessageActionProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 interface MessageCopyActionProps extends CopyButtonProps {}
 /** Copy a message with the shared clipboard feedback and message action treatment. */
-declare function MessageCopyAction({
-  className,
-  ...props
-}: MessageCopyActionProps & {
+declare function MessageCopyAction({ className, ...props }: MessageCopyActionProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 interface MessageToolbarProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -146,12 +99,7 @@ interface MessageToolbarProps extends React.HTMLAttributes<HTMLDivElement> {}
  * typically a {@link MessageBranchSelector} on one side and
  * {@link MessageActions} on the other.
  */
-declare function MessageToolbar({
-  className,
-  children,
-  ref,
-  ...props
-}: MessageToolbarProps & {
+declare function MessageToolbar({ className, children, ref, ...props }: MessageToolbarProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface MessageBranchProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -169,16 +117,7 @@ interface MessageBranchProps extends React.HTMLAttributes<HTMLDivElement> {
  * branch is active and exposes navigation through {@link MessageBranchSelector},
  * {@link MessageBranchPrevious}, {@link MessageBranchNext}, and {@link MessageBranchPage}.
  */
-declare function MessageBranch({
-  className,
-  branchCount,
-  defaultBranch,
-  branch,
-  onBranchChange,
-  children,
-  ref,
-  ...props
-}: MessageBranchProps & {
+declare function MessageBranch({ className, branchCount, defaultBranch, branch, onBranchChange, children, ref, ...props }: MessageBranchProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface MessageBranchContentProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -186,12 +125,7 @@ interface MessageBranchContentProps extends React.HTMLAttributes<HTMLDivElement>
  * Renders only the active branch's child. Expects siblings to represent
  * alternative versions of the same response.
  */
-declare function MessageBranchContent({
-  className,
-  children,
-  ref,
-  ...props
-}: MessageBranchContentProps & {
+declare function MessageBranchContent({ className, children, ref, ...props }: MessageBranchContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface MessageBranchSelectorProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -199,12 +133,7 @@ interface MessageBranchSelectorProps extends React.HTMLAttributes<HTMLDivElement
  * Inline group containing branch navigation controls (previous / page /
  * next). Hidden automatically when there is only one branch.
  */
-declare function MessageBranchSelector({
-  className,
-  children,
-  ref,
-  ...props
-}: MessageBranchSelectorProps & {
+declare function MessageBranchSelector({ className, children, ref, ...props }: MessageBranchSelectorProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element | null;
 interface MessageBranchPreviousProps extends Omit<IconButtonProps, "children" | "label"> {
@@ -212,17 +141,7 @@ interface MessageBranchPreviousProps extends Omit<IconButtonProps, "children" |
   children?: React.ReactNode;
 }
 /** Button that selects the previous branch. Disabled at the first branch. */
-declare function MessageBranchPrevious({
-  className,
-  label,
-  variant,
-  color,
-  size,
-  children,
-  onClick,
-  ref,
-  ...props
-}: MessageBranchPreviousProps & {
+declare function MessageBranchPrevious({ className, label, variant, color, size, children, onClick, ref, ...props }: MessageBranchPreviousProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 interface MessageBranchNextProps extends Omit<IconButtonProps, "children" | "label"> {
@@ -230,17 +149,7 @@ interface MessageBranchNextProps extends Omit<IconButtonProps, "children" | "lab
   children?: React.ReactNode;
 }
 /** Button that selects the next branch. Disabled at the last branch. */
-declare function MessageBranchNext({
-  className,
-  label,
-  variant,
-  color,
-  size,
-  children,
-  onClick,
-  ref,
-  ...props
-}: MessageBranchNextProps & {
+declare function MessageBranchNext({ className, label, variant, color, size, children, onClick, ref, ...props }: MessageBranchNextProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 interface MessageBranchPageProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -248,12 +157,7 @@ interface MessageBranchPageProps extends React.HTMLAttributes<HTMLSpanElement> {
   format?: (currentIndex: number, total: number) => React.ReactNode;
 }
 /** Page indicator (e.g. "1 / 3") for the current branch selection. */
-declare function MessageBranchPage({
-  className,
-  format,
-  ref,
-  ...props
-}: MessageBranchPageProps & {
+declare function MessageBranchPage({ className, format, ref, ...props }: MessageBranchPageProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
 //#endregion

package/dist/{MessageScrollerVirtual-D4afYwVB.d.ts → MessageScrollerVirtual-DVQeEkNy.d.ts}

@@ -1,6 +1,5 @@
-import { r as ButtonProps } from "./Button-DjONW5UW.js";
+import { r as ButtonProps } from "./Button-ClRxb8tM.js";
 import * as React from "react";
-
 //#region src/components/ai-sdk/MessageScrollerVirtual.d.ts
 interface VirtualMessageScrollAnchor {
   key: string | number;
@@ -66,19 +65,6 @@ interface VirtualMessageScrollerProps<Item> extends Omit<React.HTMLAttributes<HT
  *   stored tool output at the buffer (Codex caps at 20k chars) and keep
  *   compaction on so a six-hour run doesn't hold every byte it ever streamed.
  */
-declare function VirtualMessageScroller<Item>({
-  items,
-  getItemKey,
-  renderItem,
-  estimateSize,
-  overscan,
-  emptyState,
-  contentProps,
-  scrollButtonLabel,
-  scrollButtonProps,
-  className,
-  scrollAnchor,
-  ...props
-}: VirtualMessageScrollerProps<Item>): React.JSX.Element;
+declare function VirtualMessageScroller<Item>({ items, getItemKey, renderItem, estimateSize, overscan, emptyState, contentProps, scrollButtonLabel, scrollButtonProps, className, scrollAnchor, ...props }: VirtualMessageScrollerProps<Item>): React.JSX.Element;
 //#endregion
 export { VirtualMessageScroller as n, VirtualMessageScrollerProps as r, VirtualMessageScrollAnchor as t };

package/dist/{Popover-CgHG5DtS.d.ts → Popover-BtAR4Tn8.d.ts}

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { Popover } from "@base-ui/react/popover";
-
 //#region src/components/foundations/Popover.d.ts
 /**
  * Props for the Popover.Root component.
@@ -10,7 +9,8 @@ type PopoverProps<Payload = unknown> = Popover.Root.Props<Payload>;
  * Props for the Popover.Trigger component.
  */
 type PopoverTriggerProps<Payload = unknown> = Popover.Trigger.Props<Payload> & React.RefAttributes<HTMLElement> & {
-  /** Keep Base UI trigger behavior without the default popover trigger chrome. */unstyled?: boolean;
+  /** Keep Base UI trigger behavior without the default popover trigger chrome. */
+  unstyled?: boolean;
 };
 /**
  * Props for the Popover.Portal component.
@@ -54,20 +54,11 @@ interface PopoverHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
  * Button that toggles the popover visibility.
  * Renders a `<button>` element.
  */
-declare function PopoverTrigger<Payload>({
-  className,
-  unstyled,
-  ref,
-  ...props
-}: PopoverTriggerProps<Payload>): React.JSX.Element;
+declare function PopoverTrigger<Payload>({ className, unstyled, ref, ...props }: PopoverTriggerProps<Payload>): React.JSX.Element;
 /**
  * Optional backdrop that appears behind the popover.
  */
-declare function PopoverBackdrop({
-  className,
-  ref,
-  ...props
-}: PopoverBackdropProps & {
+declare function PopoverBackdrop({ className, ref, ...props }: PopoverBackdropProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
@@ -81,21 +72,13 @@ declare function PopoverBackdrop({
  * </Popover.Positioner>
  * ```
  */
-declare function PopoverPositioner({
-  className,
-  ref,
-  ...props
-}: PopoverPositionerProps & {
+declare function PopoverPositioner({ className, ref, ...props }: PopoverPositionerProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
  * The popup container that holds the popover content.
  */
-declare function PopoverPopup({
-  className,
-  ref,
-  ...props
-}: PopoverPopupProps & {
+declare function PopoverPopup({ className, ref, ...props }: PopoverPopupProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
@@ -103,61 +86,36 @@ declare function PopoverPopup({
  * triggers. Pair the adaptive classes from `base-ui-motion.css` with the
  * positioner, popup, and this viewport when that behavior is needed.
  */
-declare function PopoverViewport({
-  className,
-  ref,
-  ...props
-}: PopoverViewportProps & {
+declare function PopoverViewport({ className, ref, ...props }: PopoverViewportProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function PopoverHeader({
-  className,
-  ref,
-  ...props
-}: PopoverHeaderProps & {
+declare function PopoverHeader({ className, ref, ...props }: PopoverHeaderProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
  * Directional arrow pointing to the trigger element.
  */
-declare function PopoverArrow({
-  className,
-  ref,
-  ...props
-}: PopoverArrowProps & {
+declare function PopoverArrow({ className, ref, ...props }: PopoverArrowProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 /**
  * Semantic title for the popover content.
  * Renders an `<h2>` element.
  */
-declare function PopoverTitle({
-  className,
-  ref,
-  ...props
-}: PopoverTitleProps & {
+declare function PopoverTitle({ className, ref, ...props }: PopoverTitleProps & {
   ref?: React.Ref<HTMLHeadingElement>;
 }): React.JSX.Element;
 /**
  * Description text for the popover content.
  * Renders a `<p>` element.
  */
-declare function PopoverDescription({
-  className,
-  ref,
-  ...props
-}: PopoverDescriptionProps & {
+declare function PopoverDescription({ className, ref, ...props }: PopoverDescriptionProps & {
   ref?: React.Ref<HTMLParagraphElement>;
 }): React.JSX.Element;
 /**
  * Button that closes the popover.
  */
-declare function PopoverClose({
-  render,
-  className,
-  ref,
-  ...props
-}: PopoverCloseProps & {
+declare function PopoverClose({ render, className, ref, ...props }: PopoverCloseProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 /**