@mcp-b/react-components 0.34.1 → 0.36.0

package/dist/components/foundations/AlertDialog.d.ts

@@ -3,8 +3,8 @@ import * as React from "react";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 
 //#region src/components/foundations/AlertDialog.d.ts
-interface AlertDialogProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Root> {}
-interface AlertDialogTriggerProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Trigger> {}
+type AlertDialogProps<Payload = unknown> = AlertDialog$1.Root.Props<Payload>;
+type AlertDialogTriggerProps<Payload = unknown> = AlertDialog$1.Trigger.Props<Payload>;
 interface AlertDialogBackdropProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Backdrop> {}
 interface AlertDialogViewportProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Viewport> {}
 interface AlertDialogPopupProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Popup> {
@@ -38,9 +38,9 @@ interface AlertDialogCloseProps extends Omit<BaseAlertDialogCloseProps, "color">
    */
   size?: ButtonSize;
 }
-interface AlertDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface AlertDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface AlertDialogMediaProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface AlertDialogHeaderProps extends React.ComponentPropsWithRef<"div"> {}
+interface AlertDialogFooterProps extends React.ComponentPropsWithRef<"div"> {}
+interface AlertDialogMediaProps extends React.ComponentPropsWithRef<"div"> {}
 /**
  * An alert dialog component for important confirmations and warnings.
  * Unlike regular dialogs, alert dialogs require explicit user action to dismiss.
@@ -69,71 +69,53 @@ interface AlertDialogMediaProps extends React.HTMLAttributes<HTMLDivElement> {}
  *
  * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
  */
-declare function AlertDialogTrigger({
+declare function AlertDialogTrigger<Payload>({
   render,
   className,
   ref,
   ...props
-}: AlertDialogTriggerProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: AlertDialogTriggerProps<Payload>): React.JSX.Element;
 declare function AlertDialogBackdrop({
   className,
   ref,
   ...props
-}: AlertDialogBackdropProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogBackdropProps): React.JSX.Element;
 declare function AlertDialogViewport({
   className,
   ref,
   ...props
-}: AlertDialogViewportProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogViewportProps): React.JSX.Element;
 declare function AlertDialogPopup({
   size,
   className,
   ref,
   ...props
-}: AlertDialogPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogPopupProps): React.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ref,
   ...props
-}: AlertDialogHeaderProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogHeaderProps): React.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ref,
   ...props
-}: AlertDialogFooterProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogFooterProps): React.JSX.Element;
 declare function AlertDialogMedia({
   className,
   ref,
   ...props
-}: AlertDialogMediaProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogMediaProps): React.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ref,
   ...props
-}: AlertDialogTitleProps & {
-  ref?: React.Ref<HTMLHeadingElement>;
-}): React.JSX.Element;
+}: AlertDialogTitleProps): React.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ref,
   ...props
-}: AlertDialogDescriptionProps & {
-  ref?: React.Ref<HTMLParagraphElement>;
-}): React.JSX.Element;
+}: AlertDialogDescriptionProps): React.JSX.Element;
 declare function AlertDialogClose({
   variant,
   color,
@@ -142,9 +124,7 @@ declare function AlertDialogClose({
   className,
   ref,
   ...props
-}: AlertDialogCloseProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: AlertDialogCloseProps): React.JSX.Element;
 declare const AlertDialog: {
   Root: typeof AlertDialog$1.Root;
   Trigger: typeof AlertDialogTrigger;

package/dist/components/foundations/Autocomplete.d.ts

@@ -6,79 +6,57 @@ declare function Input({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Input> & {
-  ref?: React.Ref<HTMLInputElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Input>): React.JSX.Element;
 declare function Trigger({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Trigger> & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Trigger>): React.JSX.Element;
 declare function Clear({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Clear> & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Clear>): React.JSX.Element;
 declare function Positioner({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Positioner> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Positioner>): React.JSX.Element;
 declare function Popup({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Popup> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Popup>): React.JSX.Element;
 declare function List({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.List> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.List>): React.JSX.Element;
 declare function Item({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Item> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Item>): React.JSX.Element;
 declare function Empty({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Empty> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Empty>): React.JSX.Element;
 declare function Status({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Status> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Status>): React.JSX.Element;
 declare function Group({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Group> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Group>): React.JSX.Element;
 declare function GroupLabel({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.GroupLabel> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.GroupLabel>): React.JSX.Element;
 /**
  * An input with a list of filtered options for auto-completion.
  * Supports async search, grouping, and various autocomplete modes.
@@ -159,6 +137,7 @@ declare const Autocomplete: {
   Status: typeof Status;
   Group: typeof Group;
   GroupLabel: typeof GroupLabel;
+  Collection: typeof Autocomplete$1.Collection;
 };
 //#endregion
 export { Autocomplete };

package/dist/components/foundations/Autocomplete.js

@@ -181,7 +181,8 @@ const Autocomplete = {
 	Empty,
 	Status,
 	Group,
-	GroupLabel
+	GroupLabel,
+	Collection: Autocomplete$1.Collection
 };
 //#endregion
 export { Autocomplete };

package/dist/components/foundations/Combobox.d.ts

@@ -1,2 +1,119 @@
-import { n as useComboboxAnchor, t as Combobox } from "../../Combobox-WrrDDaEv.js";
-export { Combobox, useComboboxAnchor };
+import * as React from "react";
+import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
+
+//#region src/components/foundations/Combobox.d.ts
+declare function ComboboxInputGroup({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.InputGroup>): React.JSX.Element;
+declare function ComboboxInput({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Input>): React.JSX.Element;
+declare function ComboboxTrigger({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Trigger>): React.JSX.Element;
+declare function ComboboxPositioner({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Positioner>): React.JSX.Element;
+declare function ComboboxPopup({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Popup>): React.JSX.Element;
+declare function ComboboxList({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.List>): React.JSX.Element;
+declare function ComboboxItem({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Item>): React.JSX.Element;
+declare function ItemIndicator({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.ItemIndicator>): React.JSX.Element;
+declare function ComboboxEmpty({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Empty>): React.JSX.Element;
+declare function ComboboxGroup({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Group>): React.JSX.Element;
+declare function ComboboxGroupLabel({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.GroupLabel>): React.JSX.Element;
+/**
+ * An input combined with a filterable list of predefined items.
+ * Supports bounded selection with filtering and grouped options.
+ *
+ * @example
+ * ```tsx
+ * // Basic single select
+ * const fruits = [
+ *   { label: 'Apple', value: 'apple' },
+ *   { label: 'Banana', value: 'banana' },
+ *   { label: 'Orange', value: 'orange' },
+ * ];
+ *
+ * <Combobox.Root items={fruits}>
+ *   <Combobox.InputGroup>
+ *     <Combobox.Input aria-label="Fruit" placeholder="Select a fruit" />
+ *     <Combobox.Trigger aria-label="Open fruit options">
+ *       <ChevronDownIcon />
+ *     </Combobox.Trigger>
+ *   </Combobox.InputGroup>
+ *   <Combobox.Portal>
+ *     <Combobox.Positioner>
+ *       <Combobox.Popup>
+ *         <Combobox.List>
+ *           {(item) => (
+ *             <Combobox.Item value={item}>
+ *               <Combobox.ItemIndicator>
+ *                 <CheckIcon />
+ *               </Combobox.ItemIndicator>
+ *               {item.label}
+ *             </Combobox.Item>
+ *           )}
+ *         </Combobox.List>
+ *         <Combobox.Empty>No results found</Combobox.Empty>
+ *       </Combobox.Popup>
+ *     </Combobox.Positioner>
+ *   </Combobox.Portal>
+ * </Combobox.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/combobox | Base UI Combobox}
+ */
+declare const Combobox: {
+  Root: typeof Combobox$1.Root;
+  InputGroup: typeof ComboboxInputGroup;
+  Input: typeof ComboboxInput;
+  Trigger: typeof ComboboxTrigger;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Positioner: typeof ComboboxPositioner;
+  Popup: typeof ComboboxPopup;
+  List: typeof ComboboxList;
+  Item: typeof ComboboxItem;
+  ItemIndicator: typeof ItemIndicator;
+  Empty: typeof ComboboxEmpty;
+  Group: typeof ComboboxGroup;
+  GroupLabel: typeof ComboboxGroupLabel;
+  Collection: typeof Combobox$1.Collection;
+};
+//#endregion
+export { Combobox };

package/dist/components/foundations/Combobox.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import * as React from "react";
+import "react";
 import { jsx } from "react/jsx-runtime";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 //#region src/components/foundations/Combobox.tsx
@@ -30,15 +30,6 @@ function ComboboxTrigger({ className, ref, ...props }) {
 		...props
 	});
 }
-function Clear({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("combobox__clear", className);
-	return /* @__PURE__ */ jsx(Combobox$1.Clear, {
-		ref,
-		"data-slot": "combobox-clear",
-		className: classes,
-		...props
-	});
-}
 function ComboboxPositioner({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("combobox__positioner base-ui-positioner", className);
 	return /* @__PURE__ */ jsx(Combobox$1.Positioner, {
@@ -113,7 +104,7 @@ function ComboboxGroupLabel({ className, ref, ...props }) {
 }
 /**
 * An input combined with a filterable list of predefined items.
-* Supports single and multiple selection, async search, and grouping.
+* Supports bounded selection with filtering and grouped options.
 *
 * @example
 * ```tsx
@@ -126,8 +117,8 @@ function ComboboxGroupLabel({ className, ref, ...props }) {
 *
 * <Combobox.Root items={fruits}>
 *   <Combobox.InputGroup>
-*     <Combobox.Input placeholder="Select a fruit" />
-*     <Combobox.Trigger>
+*     <Combobox.Input aria-label="Fruit" placeholder="Select a fruit" />
+*     <Combobox.Trigger aria-label="Open fruit options">
 *       <ChevronDownIcon />
 *     </Combobox.Trigger>
 *   </Combobox.InputGroup>
@@ -153,15 +144,11 @@ function ComboboxGroupLabel({ className, ref, ...props }) {
 *
 * @see {@link https://base-ui.com/react/components/combobox | Base UI Combobox}
 */
-function useComboboxAnchor() {
-	return React.useRef(null);
-}
 const Combobox = {
 	Root: Combobox$1.Root,
 	InputGroup: ComboboxInputGroup,
 	Input: ComboboxInput,
 	Trigger: ComboboxTrigger,
-	Clear,
 	Portal: Combobox$1.Portal,
 	Positioner: ComboboxPositioner,
 	Popup: ComboboxPopup,
@@ -171,11 +158,7 @@ const Combobox = {
 	Empty: ComboboxEmpty,
 	Group: ComboboxGroup,
 	GroupLabel: ComboboxGroupLabel,
-	Value: Combobox$1.Value,
-	Chips: Combobox$1.Chips,
-	Chip: Combobox$1.Chip,
-	Collection: Combobox$1.Collection,
-	Separator: Combobox$1.Separator
+	Collection: Combobox$1.Collection
 };
 //#endregion
-export { Combobox, useComboboxAnchor };
+export { Combobox };

package/dist/components/foundations/ContextMenu.d.ts

@@ -5,56 +5,73 @@ import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 /**
  * Props for the ContextMenu.Root component.
  */
-interface ContextMenuProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Root> {}
+interface ContextMenuProps extends ContextMenu$1.Root.Props {}
 /**
  * Props for the ContextMenu.Trigger component.
  */
-interface ContextMenuTriggerProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Trigger> {}
+interface ContextMenuTriggerProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Trigger> {}
 /**
  * Props for the ContextMenu.Portal component.
  */
-interface ContextMenuPortalProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Portal> {}
+interface ContextMenuPortalProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Portal> {}
 /**
  * Props for the ContextMenu.Positioner component.
  */
-interface ContextMenuPositionerProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Positioner> {}
+interface ContextMenuPositionerProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Positioner> {}
 /**
  * Props for the ContextMenu.Popup component.
  */
-interface ContextMenuPopupProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Popup> {}
+interface ContextMenuPopupProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Popup> {}
 /**
  * Props for the ContextMenu.Item component.
  */
-interface ContextMenuItemProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Item> {
+interface ContextMenuItemProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Item> {
   inset?: boolean;
   variant?: "default" | "destructive";
 }
 /**
  * Props for the ContextMenu.Separator component.
  */
-interface ContextMenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Separator> {}
-interface ContextMenuGroupProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.Group> {}
-interface ContextMenuGroupLabelProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.GroupLabel> {
+interface ContextMenuSeparatorProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Separator> {}
+interface ContextMenuGroupProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.Group> {}
+interface ContextMenuGroupLabelProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.GroupLabel> {
   inset?: boolean;
 }
-interface ContextMenuCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.CheckboxItem> {}
-interface ContextMenuRadioGroupProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.RadioGroup> {}
-interface ContextMenuRadioItemProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.RadioItem> {}
-interface ContextMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
-interface ContextMenuSubmenuRootProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.SubmenuRoot> {}
-interface ContextMenuSubmenuTriggerProps extends React.ComponentPropsWithoutRef<typeof ContextMenu$1.SubmenuTrigger> {
+interface ContextMenuCheckboxItemProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.CheckboxItem> {}
+interface ContextMenuRadioGroupProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.RadioGroup> {}
+interface ContextMenuRadioItemProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.RadioItem> {}
+interface ContextMenuShortcutProps extends React.ComponentPropsWithRef<"span"> {}
+interface ContextMenuSubmenuRootProps extends ContextMenu$1.SubmenuRoot.Props {}
+interface ContextMenuSubmenuTriggerProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.SubmenuTrigger> {
   inset?: boolean;
 }
 /**
- * Interactive area that activates the menu on right-click or long-press.
+ * Root component that manages context menu state.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenu.Root>
+ *   <ContextMenu.Trigger>Right click here</ContextMenu.Trigger>
+ *   <ContextMenu.Portal>
+ *     <ContextMenu.Positioner>
+ *       <ContextMenu.Popup>
+ *         <ContextMenu.Item>Cut</ContextMenu.Item>
+ *         <ContextMenu.Item>Copy</ContextMenu.Item>
+ *         <ContextMenu.Item>Paste</ContextMenu.Item>
+ *       </ContextMenu.Popup>
+ *     </ContextMenu.Positioner>
+ *   </ContextMenu.Portal>
+ * </ContextMenu.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
  */
+/** Interactive area that activates the menu on right-click or long-press. */
 declare function ContextMenuTrigger({
   className,
   ref,
   ...props
-}: ContextMenuTriggerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuTriggerProps): React.JSX.Element;
 /**
  * Positions the menu at the pointer location.
  */
@@ -62,9 +79,7 @@ declare function ContextMenuPositioner({
   className,
   ref,
   ...props
-}: ContextMenuPositionerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuPositionerProps): React.JSX.Element;
 /**
  * Container for menu items.
  */
@@ -72,9 +87,7 @@ declare function ContextMenuPopup({
   className,
   ref,
   ...props
-}: ContextMenuPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuPopupProps): React.JSX.Element;
 /**
  * Interactive menu item.
  */
@@ -84,9 +97,7 @@ declare function ContextMenuItem({
   variant,
   ref,
   ...props
-}: ContextMenuItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuItemProps): React.JSX.Element;
 /**
  * Visual separator between menu sections.
  */
@@ -94,31 +105,23 @@ declare function ContextMenuSeparator({
   className,
   ref,
   ...props
-}: ContextMenuSeparatorProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuSeparatorProps): React.JSX.Element;
 declare function ContextMenuGroup({
   className,
   ref,
   ...props
-}: ContextMenuGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuGroupProps): React.JSX.Element;
 declare function ContextMenuGroupLabel({
   className,
   inset,
   ref,
   ...props
-}: ContextMenuGroupLabelProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuGroupLabelProps): React.JSX.Element;
 declare function ContextMenuCheckboxItem({
   className,
   ref,
   ...props
-}: ContextMenuCheckboxItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuCheckboxItemProps): React.JSX.Element;
 declare function ContextMenuCheckboxItemIndicator({
   children,
   className,
@@ -128,16 +131,12 @@ declare function ContextMenuRadioGroup({
   className,
   ref,
   ...props
-}: ContextMenuRadioGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuRadioGroupProps): React.JSX.Element;
 declare function ContextMenuRadioItem({
   className,
   ref,
   ...props
-}: ContextMenuRadioItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuRadioItemProps): React.JSX.Element;
 declare function ContextMenuRadioItemIndicator({
   children,
   className,
@@ -147,18 +146,13 @@ declare function ContextMenuShortcut({
   className,
   ref,
   ...props
-}: ContextMenuShortcutProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
-declare function ContextMenuSubmenuRoot(props: ContextMenuSubmenuRootProps): React.JSX.Element;
+}: ContextMenuShortcutProps): React.JSX.Element;
 declare function ContextMenuSubmenuTrigger({
   className,
   inset,
   ref,
   ...props
-}: ContextMenuSubmenuTriggerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: ContextMenuSubmenuTriggerProps): React.JSX.Element;
 /**
  * A context menu that appears at the pointer on right-click or long-press.
  * Provides keyboard navigation and supports nested submenus.
@@ -189,13 +183,12 @@ declare function ContextMenuSubmenuTrigger({
  * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
  */
 declare const ContextMenu: {
-  Root: (props: ContextMenuProps) => React.JSX.Element;
+  Root: typeof ContextMenu$1.Root;
   Trigger: typeof ContextMenuTrigger;
-  Portal: (props: ContextMenuPortalProps) => React.JSX.Element;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof ContextMenuPositioner;
   Popup: typeof ContextMenuPopup;
   Backdrop: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-  Arrow: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Item: typeof ContextMenuItem;
   Separator: typeof ContextMenuSeparator;
   Group: typeof ContextMenuGroup;
@@ -207,7 +200,7 @@ declare const ContextMenu: {
   RadioItem: typeof ContextMenuRadioItem;
   RadioItemIndicator: typeof ContextMenuRadioItemIndicator;
   Shortcut: typeof ContextMenuShortcut;
-  SubmenuRoot: typeof ContextMenuSubmenuRoot;
+  SubmenuRoot: typeof ContextMenu$1.SubmenuRoot;
   SubmenuTrigger: typeof ContextMenuSubmenuTrigger;
 };
 //#endregion