entangle-ui 0.9.0 → 0.10.0

package/dist/types/components/feedback/Skeleton/Skeleton.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 /**
  * Visual shape of a skeleton block.
@@ -18,7 +18,7 @@ type SkeletonShape = 'rect' | 'circle' | 'line';
  * - `none`  — static; pick this when many skeletons render at once
  */
 type SkeletonAnimation = 'pulse' | 'wave' | 'none';
-interface SkeletonBaseProps extends BaseComponent<HTMLDivElement> {
+interface SkeletonBaseProps extends BaseComponent {
     /**
      * Shape of the skeleton.
      * @default "rect"
@@ -50,7 +50,7 @@ interface SkeletonBaseProps extends BaseComponent<HTMLDivElement> {
     animation?: SkeletonAnimation;
 }
 type SkeletonProps = Prettify<SkeletonBaseProps>;
-interface SkeletonGroupBaseProps extends BaseComponent<HTMLDivElement> {
+interface SkeletonGroupBaseProps extends BaseComponent {
     /**
      * Number of skeletons to auto-generate. Ignored when `children` is provided.
      */
@@ -88,7 +88,7 @@ type SkeletonGroupProps = Prettify<SkeletonGroupBaseProps>;
  * - `chat`  — alternating left/right message bubbles
  */
 type SkeletonLayoutVariant = 'card' | 'list' | 'table' | 'grid' | 'chat';
-interface SkeletonLayoutBaseProps extends BaseComponent<HTMLDivElement> {
+interface SkeletonLayoutBaseProps extends BaseComponent {
     /**
      * Which pre-built arrangement to render.
      */

package/dist/types/components/feedback/Stat/Stat.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type StatSize = 'sm' | 'md' | 'lg';
 type StatDeltaDirection = 'up' | 'down' | 'neutral';
@@ -19,7 +19,7 @@ interface StatDelta {
      */
     semantics?: StatDeltaSemantics;
 }
-interface StatBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'title'> {
+interface StatBaseProps extends Omit<BaseComponent, 'title'> {
     /** Label above the value. */
     label: React.ReactNode;
     /** Primary value (already formatted by the consumer). */

package/dist/types/components/feedback/Toast/Toast.types.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type ToastSeverity = 'info' | 'success' | 'warning' | 'error';
 type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';

package/dist/types/components/form/FormHelperText.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { BaseComponent } from '../../types/common.js';
 import { Prettify } from '../../types/utilities.js';
+import { BaseComponent } from '../../types/common.js';
 
-interface FormHelperTextBaseProps extends BaseComponent<HTMLDivElement> {
+interface FormHelperTextBaseProps extends BaseComponent {
     /**
      * Helper text content
      */

package/dist/types/components/form/FormLabel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BaseComponent } from '../../types/common.js';
 import { Prettify } from '../../types/utilities.js';
+import { BaseComponent } from '../../types/common.js';
 
 interface FormLabelBaseProps extends BaseComponent<HTMLLabelElement> {
     /**

package/dist/types/components/form/InputWrapper.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Size, BaseComponent } from '../../types/common.js';
 import { Prettify } from '../../types/utilities.js';
+import { Size, BaseComponent } from '../../types/common.js';
 
-interface InputWrapperBaseProps extends BaseComponent<HTMLDivElement> {
+interface InputWrapperBaseProps extends BaseComponent {
     /**
      * Input wrapper content
      */

package/dist/types/components/layout/Accordion/Accordion.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type AccordionSize = Size;
 /**

package/dist/types/components/layout/Card/Card.types.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
 import { BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type CardVariant = 'outlined' | 'filled' | 'elevated';
-interface CardBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'onClick'> {
+interface CardBaseProps extends Omit<BaseComponent, 'onClick'> {
     /** Visual variant. @default "outlined" */
     variant?: CardVariant;
     /** Click handler — when set, the whole card becomes interactive (button role). */
@@ -16,7 +16,7 @@ interface CardBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'onClick'> {
     children?: React.ReactNode;
 }
 type CardProps = Prettify<CardBaseProps>;
-interface CardHeaderBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'title'> {
+interface CardHeaderBaseProps extends Omit<BaseComponent, 'title'> {
     /** Title row content. Ignored when `children` is provided. */
     title?: React.ReactNode;
     /** Subtitle below the title. Ignored when `children` is provided. */
@@ -29,7 +29,7 @@ interface CardHeaderBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'title
     children?: React.ReactNode;
 }
 type CardHeaderProps = Prettify<CardHeaderBaseProps>;
-interface CardMediaBaseProps extends BaseComponent<HTMLDivElement> {
+interface CardMediaBaseProps extends BaseComponent {
     /** Image source — shortcut for an `<img>` child. */
     src?: string;
     /** Alt text for the image. */
@@ -39,12 +39,12 @@ interface CardMediaBaseProps extends BaseComponent<HTMLDivElement> {
     children?: React.ReactNode;
 }
 type CardMediaProps = Prettify<CardMediaBaseProps>;
-interface CardBodyBaseProps extends BaseComponent<HTMLDivElement> {
+interface CardBodyBaseProps extends BaseComponent {
     children?: React.ReactNode;
 }
 type CardBodyProps = Prettify<CardBodyBaseProps>;
 type CardFooterAlign = 'left' | 'center' | 'right' | 'space-between';
-interface CardFooterBaseProps extends BaseComponent<HTMLDivElement> {
+interface CardFooterBaseProps extends BaseComponent {
     /** Horizontal alignment of footer content. @default "right" */
     align?: CardFooterAlign;
     children?: React.ReactNode;

package/dist/types/components/layout/Divider/Divider.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type DividerOrientation = 'horizontal' | 'vertical';
 type DividerVariant = 'solid' | 'dashed' | 'dotted';
@@ -17,7 +17,7 @@ type DividerVariant = 'solid' | 'dashed' | 'dotted';
  * - `7` → `xxxl` (32px)
  */
 type DividerSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
-interface DividerBaseProps extends BaseComponent<HTMLDivElement> {
+interface DividerBaseProps extends BaseComponent {
     /**
      * Divider axis.
      * @default "horizontal"

package/dist/types/components/layout/Flex/Flex.d.ts

@@ -26,7 +26,7 @@ type FlexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'spac
  * Spacing multiplier (0-8) based on theme spacing unit
  */
 type FlexSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-interface FlexBaseProps extends BaseComponent<HTMLDivElement> {
+interface FlexBaseProps extends BaseComponent {
     /**
      * Flex content - any React elements
      */

package/dist/types/components/layout/Grid/Grid.d.ts

@@ -11,7 +11,7 @@ type GridSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
  * 0 = no spacing, 1 = 1x base unit, 2 = 2x base unit, etc.
  */
 type GridSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-interface GridBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'children'> {
+interface GridBaseProps extends Omit<BaseComponent, 'children'> {
     /**
      * Grid content - other Grid components or any React elements
      */

package/dist/types/components/layout/ListItem/ListItem.types.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
 import { BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type ListItemDensity = 'compact' | 'comfortable';
-interface ListItemBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'onClick'> {
+interface ListItemBaseProps extends Omit<BaseComponent, 'onClick'> {
     /** Click handler — when set, the item becomes keyboard-activatable. */
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
     /** Leading content (icon, checkbox, avatar). */

package/dist/types/components/layout/PageHeader/PageHeader.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Size, BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type PageHeaderSize = Size;
 interface PageHeaderBaseProps extends Omit<BaseComponent<HTMLElement>, 'title'> {

package/dist/types/components/layout/PanelSurface/PanelSurface.types.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { Size, BaseComponent } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type PanelSurfaceSize = Size;
-interface PanelSurfaceBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'children'> {
+interface PanelSurfaceBaseProps extends Omit<BaseComponent, 'children'> {
     /**
      * Panel content. Typically PanelSurface.Header + PanelSurface.Body (+ optional Footer).
      */
@@ -25,7 +25,7 @@ interface PanelSurfaceBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'chi
     background?: string;
 }
 type PanelSurfaceProps = Prettify<PanelSurfaceBaseProps>;
-interface PanelSurfaceHeaderBaseProps extends BaseComponent<HTMLDivElement> {
+interface PanelSurfaceHeaderBaseProps extends BaseComponent {
     /**
      * Header content (title/label section).
      */
@@ -36,7 +36,7 @@ interface PanelSurfaceHeaderBaseProps extends BaseComponent<HTMLDivElement> {
     actions?: React.ReactNode;
 }
 type PanelSurfaceHeaderProps = Prettify<PanelSurfaceHeaderBaseProps>;
-interface PanelSurfaceBodyBaseProps extends BaseComponent<HTMLDivElement> {
+interface PanelSurfaceBodyBaseProps extends BaseComponent {
     /**
      * Main panel content.
      */
@@ -53,7 +53,7 @@ interface PanelSurfaceBodyBaseProps extends BaseComponent<HTMLDivElement> {
     padding?: number | string;
 }
 type PanelSurfaceBodyProps = Prettify<PanelSurfaceBodyBaseProps>;
-interface PanelSurfaceFooterBaseProps extends BaseComponent<HTMLDivElement> {
+interface PanelSurfaceFooterBaseProps extends BaseComponent {
     /**
      * Footer content.
      */

package/dist/types/components/layout/ScrollArea/ScrollArea.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 /**
  * Which axes can scroll.

package/dist/types/components/layout/Stack/Stack.d.ts

@@ -22,7 +22,7 @@ type StackAlign = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
  * Spacing multiplier (0-8) based on theme spacing unit
  */
 type StackSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-interface StackBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'children'> {
+interface StackBaseProps extends Omit<BaseComponent, 'children'> {
     /**
      * Stack content - any React elements
      */

package/dist/types/components/navigation/Breadcrumbs/BreadcrumbItem.d.ts

@@ -18,6 +18,7 @@ declare const BreadcrumbItem: React.NamedExoticComponent<{
     isCurrent?: boolean | undefined;
     icon?: React.ReactNode;
     maxLength?: number | undefined;
+    endContent?: React.ReactNode;
     children: React.ReactNode;
     id?: string | undefined | undefined;
     className?: string | undefined | undefined;

package/dist/types/components/navigation/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -64,6 +64,13 @@ interface BreadcrumbItemBaseProps extends BaseComponent<HTMLElement> {
      * Truncate a string label when it exceeds this many characters.
      */
     maxLength?: number;
+    /**
+     * Optional content rendered after the label, as a sibling of (not inside)
+     * the navigable link/button. Use it for a trailing affordance such as a
+     * dropdown trigger: because it sits outside the interactive element,
+     * activating it does not trigger the item's `onClick`/navigation.
+     */
+    endContent?: React.ReactNode;
     /**
      * Breadcrumb label.
      */

package/dist/types/components/navigation/ContextMenu/ContextMenu.d.ts

@@ -1,6 +1,21 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ContextMenuProps } from './ContextMenu.types.js';
+import React from 'react';
+import { ContextMenuProps, ContextMenuTriggerProps, ContextMenuContentProps } from './ContextMenu.types.js';
 
-declare function ContextMenu<TPayload = unknown>({ config, selectedItems, onChange, children, payload, checkboxIcon, radioIcon, disabled, className, style, testId, ref, ...rest }: ContextMenuProps<TPayload>): react_jsx_runtime.JSX.Element;
+/**
+ * Compound ContextMenu API. Items reuse the shared `Menu.*` primitives.
+ */
+declare const ContextMenu: {
+    ({ children, open, defaultOpen, onOpenChange, disabled, gap, ref, }: ContextMenuProps): React.ReactElement;
+    displayName: string;
+} & {
+    Trigger: {
+        ({ children, render, className, style, testId, ref, ...rest }: ContextMenuTriggerProps): React.ReactElement;
+        displayName: string;
+    };
+    Content: {
+        ({ children, className, testId, ref, ...rest }: ContextMenuContentProps): React.ReactElement;
+        displayName: string;
+    };
+};
 
 export { ContextMenu };

package/dist/types/components/navigation/ContextMenu/ContextMenu.types.d.ts

@@ -1,74 +1,66 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
+import { MenuHandle } from '../Menu/Menu.types.js';
 import { BaseComponent } from '../../../types/common.js';
-import { MenuConfig, MenuSelection } from '../Menu/Menu.types.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
-interface ContextMenuTargetDetails<TPayload = unknown> {
-    /**
-     * Native browser contextmenu event from the latest trigger interaction.
-     * Null until the first right click.
-     */
-    event: MouseEvent | null;
-    /**
-     * Element that initiated the context menu interaction.
-     */
-    target: HTMLElement | null;
+/**
+ * Root of a context menu. Owns open/close state for one trigger area.
+ *
+ * Scope a menu to an area by giving that area its own `ContextMenu` — there is
+ * no per-target config resolver. For advanced panels, drop any custom node
+ * (tabs, search, etc.) inside `ContextMenu.Content`.
+ */
+interface ContextMenuRootBaseProps {
+    /** `ContextMenu.Trigger` and `ContextMenu.Content`. */
+    children?: React.ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Uncontrolled initial open state. */
+    defaultOpen?: boolean;
+    /** Called when the menu opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Disables opening the context menu. */
+    disabled?: boolean;
     /**
-     * Optional payload associated with the trigger area.
+     * Gap in px between submenu popups and their anchor. Inherited by any
+     * `Menu.SubContent` rendered inside the content.
+     * @default 8
      */
-    payload?: TPayload;
+    gap?: number;
+    /** Imperative handle for closing the menu from app code. */
+    ref?: React.Ref<MenuHandle>;
 }
-type ContextMenuConfig<TPayload = unknown> = MenuConfig | ((context: ContextMenuTargetDetails<TPayload>) => MenuConfig);
-interface ContextMenuBaseProps<TPayload = unknown> extends Omit<BaseComponent<HTMLDivElement>, 'children' | 'onChange'> {
-    /**
-     * Static menu config or resolver function called with trigger context.
-     */
-    config: ContextMenuConfig<TPayload>;
-    /**
-     * Currently selected items grouped by id.
-     */
-    selectedItems?: MenuSelection;
-    /**
-     * Called when selection state changes.
-     */
-    onChange?: (selection: MenuSelection) => void;
-    /**
-     * Content that acts as the right-click trigger area.
-     */
+type ContextMenuProps = Prettify<ContextMenuRootBaseProps>;
+/**
+ * Area that opens the menu on right click or long press.
+ *
+ * By default the children are wrapped in a `display: contents` element so the
+ * trigger is transparent to layout. Pass `render` to make the trigger render
+ * *as* your own element instead — no wrapper, and the element stays fully
+ * stylable (positioning, margins, etc.).
+ */
+interface ContextMenuTriggerBaseProps extends BaseComponent {
+    /** The right-click target area. */
     children?: React.ReactNode;
     /**
-     * Optional data attached to this trigger area and passed to config resolver.
-     */
-    payload?: TPayload;
-    /**
-     * Custom icon for checkbox selected state.
-     */
-    checkboxIcon?: React.ReactNode;
-    /**
-     * Custom icon for radio selected state.
-     */
-    radioIcon?: React.ReactNode;
-    /**
-     * Disables opening the context menu.
-     * @default false
+     * Render the trigger as this element instead of wrapping the children in a
+     * `display: contents` element. The element carries its own children.
      */
-    disabled?: boolean;
+    render?: React.ReactElement;
 }
-type ContextMenuProps<TPayload = unknown> = Prettify<ContextMenuBaseProps<TPayload>>;
-interface UseContextMenuTargetResult<TPayload = unknown> {
-    /**
-     * Latest target context captured from right click interaction.
-     */
-    context: ContextMenuTargetDetails<TPayload>;
-    /**
-     * Attach this to an element if you want to capture context manually.
-     */
-    onContextMenuCapture: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Callback ref that captures native right-click interactions on a node.
-     * Useful when you want ref-based wiring.
-     */
-    targetRef: (node: HTMLElement | null) => void;
+type ContextMenuTriggerProps = Prettify<ContextMenuTriggerBaseProps>;
+/**
+ * Styled popup surface positioned at the pointer. Place items or any custom
+ * node inside.
+ *
+ * Unlike `Menu.Content`, this exposes no `side` / `align` / `sideOffset`: a
+ * context menu opens *at the pointer* (the cursor is the anchor), so there is
+ * no trigger edge to align against. Submenus still honour the root `gap`.
+ */
+interface ContextMenuContentBaseProps extends BaseComponent {
+    /** Items, groups, or custom panel content. */
+    children?: React.ReactNode;
 }
+type ContextMenuContentProps = Prettify<ContextMenuContentBaseProps>;
 
-export type { ContextMenuBaseProps, ContextMenuConfig, ContextMenuProps, ContextMenuTargetDetails, UseContextMenuTargetResult };
+export type { ContextMenuContentBaseProps, ContextMenuContentProps, ContextMenuProps, ContextMenuRootBaseProps, ContextMenuTriggerBaseProps, ContextMenuTriggerProps };

package/dist/types/components/navigation/Menu/Menu.d.ts

@@ -1,42 +1,45 @@
 import React from 'react';
-import { MenuProps } from './Menu.types.js';
+import { MenuRootProps, MenuTriggerProps, MenuContentProps, MenuItemProps, MenuGroupProps, MenuSeparatorProps, MenuRadioGroupProps, MenuRadioItemProps, MenuCheckboxItemProps, MenuSubProps, MenuSubTriggerProps } from './Menu.types.js';
 
 /**
- * A configuration-driven menu component for editor interfaces.
+ * Compound Menu API.
  *
- * Automatically handles radio/checkbox selection states, grouping,
- * and nested submenus based on provided configuration object.
- *
- * @example
- * ```tsx
- * const config = {
- *   groups: [{
- *     id: 'actions',
- *     items: [
- *       {
- *         id: 'copy',
- *         label: 'Copy',
- *         onClick: handleCopy,
- *         subMenu: nestedConfig,
- *         submenuTrigger: 'hover' // Opens on hover (default)
- *       },
- *       {
- *         id: 'paste',
- *         label: 'Paste',
- *         onClick: handlePaste,
- *         subMenu: nestedConfig,
- *         submenuTrigger: 'click' // Opens on click only
- *       }
- *     ],
- *     itemSelectionType: 'none'
- *   }]
- * };
- *
- * <Menu config={config}>
- *   <Button>Options</Button>
- * </Menu>
- * ```
+ * `Content` and `SubContent` are the same popup surface. The gap from the
+ * anchor is set once on the `Menu` root (`gap` prop) and inherited by both.
  */
-declare const Menu: React.FC<MenuProps>;
+declare const Menu: {
+    ({ children, open, defaultOpen, onOpenChange, modal, disabled, gap, ref, }: MenuRootProps): React.ReactElement;
+    displayName: string;
+} & {
+    Trigger: {
+        ({ children, render, disabled, openOnHover, className, testId, ...rest }: MenuTriggerProps): React.ReactElement;
+        displayName: string;
+    };
+    Content: {
+        ({ children, className, side, align, sideOffset, alignOffset, testId, ref, ...rest }: MenuContentProps): React.ReactElement;
+        displayName: string;
+    };
+    Item: React.MemoExoticComponent<({ children, icon, shortcut, endContent, disabled, closeOnClick, onClick, onSelect, className, testId, ref, ...rest }: MenuItemProps) => React.ReactElement>;
+    Group: {
+        ({ children, label, className, testId, ...rest }: MenuGroupProps): React.ReactElement;
+        displayName: string;
+    };
+    Separator: React.MemoExoticComponent<({ className, testId, ...rest }: MenuSeparatorProps) => React.ReactElement>;
+    RadioGroup: {
+        ({ children, value, defaultValue, onValueChange, className, testId, ...rest }: MenuRadioGroupProps): React.ReactElement;
+        displayName: string;
+    };
+    RadioItem: React.MemoExoticComponent<({ children, value, indicator, shortcut, endContent, disabled, closeOnClick, onClick, onSelect, className, testId, ref, ...rest }: MenuRadioItemProps) => React.ReactElement>;
+    CheckboxItem: React.MemoExoticComponent<({ children, checked, defaultChecked, onCheckedChange, indicator, shortcut, endContent, disabled, closeOnClick, onClick, onSelect, className, testId, ref, ...rest }: MenuCheckboxItemProps) => React.ReactElement>;
+    Sub: {
+        ({ children, defaultOpen, }: MenuSubProps): React.ReactElement;
+        displayName: string;
+    };
+    SubTrigger: React.MemoExoticComponent<({ children, icon, disabled, onClick, className, testId, ref, ...rest }: MenuSubTriggerProps) => React.ReactElement>;
+    SubContent: {
+        ({ children, className, side, align, sideOffset, alignOffset, testId, ref, ...rest }: MenuContentProps): React.ReactElement;
+        displayName: string;
+    };
+};
 
 export { Menu };