@jobber/components 7.8.0 → 7.9.0

package/dist/Menu/Menu.Legacy.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { MenuLegacyProps } from "./Menu.types";
+export declare function MenuLegacy({ activator, items, UNSAFE_className, UNSAFE_style, }: MenuLegacyProps): React.JSX.Element;

package/dist/Menu/Menu.d.ts

@@ -1,27 +1,69 @@
-import type { ReactElement } from "react";
 import React from "react";
-import type { MenuComposableProps, MenuContentComposableProps, MenuHeaderComposableProps, MenuItemComposableProps, MenuItemIconComposableProps, MenuItemLabelComposableProps, MenuLegacyProps, MenuSectionComposableProps, MenuSeparatorComposableProps, MenuTriggerComposableProps } from "./Menu.types";
-export declare function Menu(props: MenuLegacyProps): ReactElement;
-export declare function Menu(props: MenuComposableProps): ReactElement;
-export declare namespace Menu {
-    var Section: typeof MenuSectionComposable;
-    var Header: typeof MenuHeaderComposable;
-    var Item: React.ForwardRefExoticComponent<MenuItemComposableProps & React.RefAttributes<object>>;
-    var Trigger: React.ForwardRefExoticComponent<MenuTriggerComposableProps & React.RefAttributes<HTMLDivElement>>;
-    var Content: typeof MenuContentComposable;
-    var Separator: typeof MenuSeparatorComposable;
-    var ItemIcon: typeof MenuItemIconComposable;
-    var ItemLabel: typeof MenuItemLabelComposable;
-    var HeaderLabel: typeof MenuHeaderLabel;
+import type { ReactElement } from "react";
+import type { ComposableMenuContentProps, ComposableMenuGroupLabelProps, ComposableMenuGroupProps, ComposableMenuItemIconProps, ComposableMenuItemLabelProps, ComposableMenuItemPrefixProps, ComposableMenuItemProps, ComposableMenuItemSuffixProps, ComposableMenuRadioGroupProps, ComposableMenuRadioItemProps, ComposableMenuSeparatorProps, ComposableMenuSubmenuContentProps, ComposableMenuSubmenuProps, ComposableMenuSubmenuTriggerProps, ComposableMenuTriggerProps } from "./menuComposableTypes";
+import type { MenuHeaderComposableProps, MenuHeaderLabelComposableProps, MenuProps, MenuSectionComposableProps } from "./Menu.types";
+export interface MenuComponent {
+    (props: MenuProps): ReactElement;
+    Group: typeof MenuGroup;
+    GroupLabel: typeof MenuGroupLabel;
+    /**
+     * @deprecated Use Menu.Group instead.
+     */
+    Section: typeof MenuSection;
+    /**
+     * @deprecated Use Menu.GroupLabel instead.
+     */
+    Header: typeof MenuHeader;
+    /**
+     * @deprecated Use Menu.GroupLabel content directly instead.
+     */
+    HeaderLabel: typeof MenuHeaderLabel;
+    Item: typeof MenuItem;
+    Trigger: typeof MenuTrigger;
+    Content: typeof MenuContent;
+    Separator: typeof MenuSeparator;
+    RadioGroup: typeof MenuRadioGroup;
+    RadioItem: typeof MenuRadioItem;
+    Submenu: typeof MenuSubmenu;
+    SubmenuTrigger: typeof MenuSubmenuTrigger;
+    SubmenuContent: typeof MenuSubmenuContent;
+    ItemIcon: typeof MenuItemIcon;
+    ItemLabel: typeof MenuItemLabel;
+    ItemPrefix: typeof MenuItemPrefix;
+    ItemSuffix: typeof MenuItemSuffix;
 }
-export declare function MenuLegacy({ activator, items, UNSAFE_className, UNSAFE_style, }: MenuLegacyProps): React.JSX.Element;
-declare function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, preferredPlacement, }: MenuContentComposableProps): React.JSX.Element;
-declare function MenuSeparatorComposable({ UNSAFE_style, UNSAFE_className, }: MenuSeparatorComposableProps): React.JSX.Element;
-declare function MenuSectionComposable({ children, UNSAFE_style, UNSAFE_className, ariaLabel, }: MenuSectionComposableProps): React.JSX.Element;
-declare function MenuHeaderComposable(props: MenuHeaderComposableProps): React.JSX.Element;
-declare function MenuItemIconComposable(props: MenuItemIconComposableProps): React.JSX.Element;
-declare function MenuItemLabelComposable(props: MenuItemLabelComposableProps): React.JSX.Element;
-declare function MenuHeaderLabel(props: {
-    readonly children: React.ReactNode;
-}): React.JSX.Element;
+declare const MenuTrigger: React.ForwardRefExoticComponent<ComposableMenuTriggerProps & React.RefAttributes<HTMLDivElement>>;
+declare function MenuContent(props: ComposableMenuContentProps): React.JSX.Element;
+declare function MenuSeparator(props: ComposableMenuSeparatorProps): React.JSX.Element;
+declare function MenuRadioGroup(props: ComposableMenuRadioGroupProps): React.JSX.Element;
+declare const MenuRadioItem: React.ForwardRefExoticComponent<ComposableMenuRadioItemProps & React.RefAttributes<HTMLElement>>;
+declare function MenuSubmenu(props: ComposableMenuSubmenuProps): React.JSX.Element;
+declare const MenuSubmenuTrigger: React.ForwardRefExoticComponent<ComposableMenuSubmenuTriggerProps & React.RefAttributes<HTMLElement>>;
+declare function MenuSubmenuContent(props: ComposableMenuSubmenuContentProps): React.JSX.Element;
+declare function MenuGroup(props: ComposableMenuGroupProps): React.JSX.Element;
+/**
+ * @deprecated Use Menu.Group instead.
+ * This wrapper keeps the old composable authoring shape working while the
+ * underlying menu structure uses grouped semantics.
+ */
+declare function MenuSection(props: MenuSectionComposableProps): React.JSX.Element;
+declare const MenuItem: React.ForwardRefExoticComponent<ComposableMenuItemProps & React.RefAttributes<HTMLElement>>;
+declare function MenuItemIcon(props: ComposableMenuItemIconProps): React.JSX.Element;
+declare function MenuItemLabel(props: ComposableMenuItemLabelProps): React.JSX.Element;
+declare function MenuItemPrefix(props: ComposableMenuItemPrefixProps): React.JSX.Element;
+declare function MenuItemSuffix(props: ComposableMenuItemSuffixProps): React.JSX.Element;
+declare function MenuGroupLabel(props: ComposableMenuGroupLabelProps): React.JSX.Element;
+/**
+ * @deprecated Use Menu.GroupLabel instead.
+ * Header remains as a thin wrapper so older JSX can keep compiling without
+ * recreating the old internal DOM structure.
+ */
+declare function MenuHeader(props: MenuHeaderComposableProps): React.JSX.Element;
+/**
+ * @deprecated Use Menu.GroupLabel content directly instead.
+ * HeaderLabel is intentionally a pass-through so the old nested pattern:
+ * Menu.Header > Menu.HeaderLabel continues to compose onto the new GroupLabel.
+ */
+declare function MenuHeaderLabel(props: MenuHeaderLabelComposableProps): React.JSX.Element;
+export declare const Menu: MenuComponent;
 export {};

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

@@ -1,10 +1,7 @@
 import type { IconColorNames, IconNames } from "@jobber/design";
 import type React from "react";
-import type { CSSProperties, ComponentProps, ReactElement, ReactNode } from "react";
-import type { Pressable as AriaPressable } from "react-aria-components";
-import type { Placement } from "@react-types/overlays";
-import type { IconProps } from "../Icon";
-type PressableChild = ComponentProps<typeof AriaPressable>["children"];
+import type { CSSProperties, ReactElement, ReactNode } from "react";
+import type { BaseProps, ComposableMenuProps } from "./menuComposableTypes";
 export interface MenuLegacyProps extends MenuBaseProps {
     /**
      * Custom menu activator. If this is not provided a default [… More] will be used.
@@ -41,33 +38,11 @@ interface MenuBaseProps {
         action?: CSSProperties;
     };
 }
-export interface MenuComposableProps extends MenuBaseProps {
-    /**
-     * Composable children-based API.
-     * The first child must be the Menu.Trigger
-     * The second child must be the Menu.Content
-     */
-    readonly children: ReactNode;
-    /**
-     * Used to make the menu a Controlled Component.
-     */
-    readonly open?: boolean;
-    /**
-     * This sets the default open state of the menu.
-     * By default the menu is closed.
-     * For use when the component is being used as an Uncontrolled Component.
-     */
-    readonly defaultOpen?: boolean;
-    /**
-     * Callback when the menu is opened or closed
-     */
-    readonly onOpenChange?: (isOpen: boolean) => void;
-}
 /**
- * Backwards-compatible props for the items-based Menu API.
- * Existing imports of `MenuProps` will continue to refer to the legacy shape.
+ * Public Menu props now cover both the legacy items-based API and the new
+ * composable Base UI-backed API.
  */
-export type MenuProps = MenuLegacyProps;
+export type MenuProps = MenuLegacyProps | ComposableMenuProps;
 export interface SectionProps {
     /**
      * Defines the section header to further explain the group of actions.
@@ -117,89 +92,14 @@ export interface ActionProps {
      */
     onClick?(event: React.MouseEvent<HTMLButtonElement>): void;
 }
-interface UnsafeProps {
-    readonly UNSAFE_style?: CSSProperties;
-    readonly UNSAFE_className?: string;
-}
-export interface MenuSectionComposableProps extends UnsafeProps {
-    /**
-     * Section content
-     * If no Menu.Header is provided, ariaLabel must be provided to identify the section to assistive technologies
-     */
+export interface MenuSectionComposableProps extends BaseProps {
     readonly children: ReactNode;
-    /**
-     * Accessible label for the section
-     */
     readonly ariaLabel?: string;
 }
-export interface MenuHeaderComposableProps extends UnsafeProps {
+export interface MenuHeaderComposableProps extends BaseProps {
     readonly children: ReactNode;
 }
-type MenuItemVariants = "destructive";
-export interface MenuItemComposableProps extends UnsafeProps {
-    /**
-     * Visual style variations for the MenuItem default content.
-     */
-    readonly variation?: MenuItemVariants;
-    /**
-     * Item content.
-     */
+export interface MenuHeaderLabelComposableProps {
     readonly children: ReactNode;
-    readonly onClick?: (event?: React.MouseEvent) => void;
-    /**
-     * String representation of the item's content.
-     * Required for typeahead functionality.
-     */
-    readonly textValue: string;
-    /**
-     * Href for the item. When provided, renders as a link item.
-     */
-    readonly href?: string;
-    /**
-     * Target window for the link.
-     */
-    readonly target?: string;
-    /**
-     * Rel attribute for the link.
-     */
-    readonly rel?: string;
-}
-export interface MenuItemIconComposableProps extends IconProps {
-}
-export interface MenuContentComposableProps extends UnsafeProps {
-    readonly children: ReactNode;
-    /**
-     * Describes the preferred placement of the Menu.
-     * @default 'bottom start'
-     */
-    readonly preferredPlacement?: Placement;
-}
-export interface MenuTriggerComposableProps extends UnsafeProps {
-    /**
-     * Accessible name for the trigger.
-     */
-    readonly ariaLabel?: string;
-    /**
-     * Trigger content.
-     * This MUST be an interactive element, such as Button. Note that any onClick is ignored.
-     * If you want to access the open event, use the onOpenChange on the Menu component.
-     * If it does not have an interactive role, or a focus style it will have issues.
-     */
-    readonly children: PressableChild;
-}
-export interface MenuSeparatorComposableProps extends UnsafeProps {
-}
-export type AnimationState = "unmounted" | "hidden" | "visible";
-export interface MenuMobileUnderlayProps {
-    readonly animation: AnimationState;
-}
-export interface MenuItemLabelComposableProps {
-    /**
-     * Item label content.
-     * This is rendered inside a Typography (span) component, so you MUST supply either
-     * a string or a fragment/utility component that renders down to a raw string (e.g.
-     * translation helpers).
-     */
-    readonly children: React.ReactNode;
 }
 export {};

package/dist/Menu/MenuBottomSheet.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import type { ComposableMenuContentProps, ComposableMenuGroupLabelProps, ComposableMenuGroupProps, ComposableMenuItemProps, ComposableMenuProps, ComposableMenuRadioGroupProps, ComposableMenuRadioItemProps, ComposableMenuSeparatorProps, ComposableMenuSubmenuContentProps, ComposableMenuSubmenuProps, ComposableMenuSubmenuTriggerProps, ComposableMenuTriggerProps } from "./menuComposableTypes";
+import { SharedMenuItemIcon, SharedMenuItemLabel, SharedMenuItemPrefix, SharedMenuItemSuffix } from "./menuComposableShared";
+declare function BottomSheetRoot({ children, onOpenChange, open, defaultOpen, }: ComposableMenuProps): React.JSX.Element;
+declare function BottomSheetContent({ children, style, className, UNSAFE_style, UNSAFE_className, }: ComposableMenuContentProps): React.JSX.Element;
+declare function BottomSheetSeparator({ style, className, UNSAFE_style, UNSAFE_className, }: ComposableMenuSeparatorProps): React.JSX.Element;
+declare function BottomSheetRadioGroup({ children, value, defaultValue, onValueChange, className, style, UNSAFE_style, UNSAFE_className, }: ComposableMenuRadioGroupProps): React.JSX.Element;
+declare function BottomSheetGroup(props: ComposableMenuGroupProps): React.JSX.Element;
+declare function BottomSheetSubmenu({ children, open, defaultOpen, onOpenChange, }: ComposableMenuSubmenuProps): React.JSX.Element;
+declare function BottomSheetSubmenuContent({ children, className, style, UNSAFE_style, UNSAFE_className, }: ComposableMenuSubmenuContentProps): React.JSX.Element;
+declare function BottomSheetGroupLabel(props: ComposableMenuGroupLabelProps): React.JSX.Element;
+export declare const MenuBottomSheet: typeof BottomSheetRoot & {
+    Trigger: React.ForwardRefExoticComponent<ComposableMenuTriggerProps & React.RefAttributes<HTMLElement>>;
+    Content: typeof BottomSheetContent;
+    Separator: typeof BottomSheetSeparator;
+    RadioGroup: typeof BottomSheetRadioGroup;
+    RadioItem: React.ForwardRefExoticComponent<ComposableMenuRadioItemProps & React.RefAttributes<HTMLElement>>;
+    Submenu: typeof BottomSheetSubmenu;
+    SubmenuTrigger: React.ForwardRefExoticComponent<ComposableMenuSubmenuTriggerProps & React.RefAttributes<HTMLElement>>;
+    SubmenuContent: typeof BottomSheetSubmenuContent;
+    Group: typeof BottomSheetGroup;
+    Item: React.ForwardRefExoticComponent<ComposableMenuItemProps & React.RefAttributes<HTMLElement>>;
+    ItemIcon: typeof SharedMenuItemIcon;
+    ItemLabel: typeof SharedMenuItemLabel;
+    ItemPrefix: typeof SharedMenuItemPrefix;
+    ItemSuffix: typeof SharedMenuItemSuffix;
+    GroupLabel: typeof BottomSheetGroupLabel;
+};
+export {};

package/dist/Menu/MenuDropdown.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import type { ComposableMenuContentProps, ComposableMenuGroupLabelProps, ComposableMenuGroupProps, ComposableMenuItemProps, ComposableMenuProps, ComposableMenuRadioGroupProps, ComposableMenuRadioItemProps, ComposableMenuSeparatorProps, ComposableMenuSubmenuContentProps, ComposableMenuSubmenuProps, ComposableMenuSubmenuTriggerProps, ComposableMenuTriggerProps } from "./menuComposableTypes";
+import { SharedMenuItemIcon, SharedMenuItemLabel, SharedMenuItemPrefix, SharedMenuItemSuffix } from "./menuComposableShared";
+declare function MenuDropdownRoot({ children, onOpenChange, open, defaultOpen, }: ComposableMenuProps): React.JSX.Element;
+declare function MenuDropdownContent({ children, style, className, preferredPlacement, UNSAFE_style, UNSAFE_className, }: ComposableMenuContentProps): React.JSX.Element;
+declare function MenuDropdownRadioGroup({ children, value, defaultValue, onValueChange, className, style, UNSAFE_style, UNSAFE_className, }: ComposableMenuRadioGroupProps): React.JSX.Element;
+declare function MenuDropdownSeparator({ style, className, UNSAFE_style, UNSAFE_className, }: ComposableMenuSeparatorProps): React.JSX.Element;
+declare function MenuDropdownGroup(props: ComposableMenuGroupProps): React.JSX.Element;
+declare function MenuDropdownSubmenu({ children, open, defaultOpen, onOpenChange, }: ComposableMenuSubmenuProps): React.JSX.Element;
+declare function MenuDropdownSubmenuContent({ children, className, style, UNSAFE_style, UNSAFE_className, }: ComposableMenuSubmenuContentProps): React.JSX.Element;
+declare function MenuDropdownGroupLabel(props: ComposableMenuGroupLabelProps): React.JSX.Element;
+export declare const MenuDropdown: typeof MenuDropdownRoot & {
+    Trigger: React.ForwardRefExoticComponent<ComposableMenuTriggerProps & React.RefAttributes<HTMLDivElement>>;
+    Content: typeof MenuDropdownContent;
+    Separator: typeof MenuDropdownSeparator;
+    RadioGroup: typeof MenuDropdownRadioGroup;
+    RadioItem: React.ForwardRefExoticComponent<ComposableMenuRadioItemProps & React.RefAttributes<HTMLElement>>;
+    Submenu: typeof MenuDropdownSubmenu;
+    SubmenuTrigger: React.ForwardRefExoticComponent<ComposableMenuSubmenuTriggerProps & React.RefAttributes<HTMLElement>>;
+    SubmenuContent: typeof MenuDropdownSubmenuContent;
+    Group: typeof MenuDropdownGroup;
+    Item: React.ForwardRefExoticComponent<ComposableMenuItemProps & React.RefAttributes<HTMLElement>>;
+    ItemIcon: typeof SharedMenuItemIcon;
+    ItemLabel: typeof SharedMenuItemLabel;
+    ItemPrefix: typeof SharedMenuItemPrefix;
+    ItemSuffix: typeof SharedMenuItemSuffix;
+    GroupLabel: typeof MenuDropdownGroupLabel;
+};
+export {};

package/dist/Menu/index.cjs

@@ -2,17 +2,14 @@
 
 var Menu = require('../Menu-cjs.js');
 require('react');
+require('@jobber/hooks');
 require('classnames');
 require('framer-motion');
-require('@jobber/hooks');
 require('../floating-ui.react-cjs.js');
 require('../index.esm-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
-require('../Text-cjs2.js');
-require('../clsx-cjs.js');
-require('../index-cjs.js');
 require('../Button-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react-router-dom');
@@ -21,6 +18,12 @@ require('@jobber/design');
 require('../Typography-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
+require('../useRenderElement-cjs.js');
+require('../BottomSheet-cjs.js');
+require('../DrawerRoot-cjs.js');
+require('../OverlaySeparator-cjs.js');
+require('../Separator-cjs.js');
+require('../MenuSubmenuTrigger-cjs.js');
 
 
 

package/dist/Menu/index.mjs

@@ -1,16 +1,13 @@
 export { M as Menu } from '../Menu-es.js';
 import 'react';
+import '@jobber/hooks';
 import 'classnames';
 import 'framer-motion';
-import '@jobber/hooks';
 import '../floating-ui.react-es.js';
 import '../index.esm-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
-import '../Text-es2.js';
-import '../clsx-es.js';
-import '../index-es.js';
 import '../Button-es.js';
 import '../tslib.es6-es.js';
 import 'react-router-dom';
@@ -19,3 +16,9 @@ import '@jobber/design';
 import '../Typography-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
+import '../useRenderElement-es.js';
+import '../BottomSheet-es.js';
+import '../DrawerRoot-es.js';
+import '../OverlaySeparator-es.js';
+import '../Separator-es.js';
+import '../MenuSubmenuTrigger-es.js';

package/dist/Menu/menuComposableShared.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import type { ComposableMenuGroupLabelProps, ComposableMenuItemIconProps, ComposableMenuItemLabelProps, ComposableMenuItemPrefixProps, ComposableMenuItemProps, ComposableMenuItemSuffixProps, ComposableMenuTriggerProps } from "./menuComposableTypes";
+export type MenuSlotName = "icon" | "prefix" | "suffix";
+export declare function resolveComposableBaseProps(props: {
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+    readonly UNSAFE_className?: string;
+    readonly UNSAFE_style?: React.CSSProperties;
+}): {
+    className: string | undefined;
+    style: React.CSSProperties | undefined;
+};
+export declare function hasMenuSlot(children: React.ReactNode, slot: MenuSlotName): boolean;
+export declare function resolveMenuTriggerRender({ children, render, }: {
+    readonly children?: React.ReactNode;
+    readonly render?: ComposableMenuTriggerProps["render"];
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | ((props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => React.JSX.Element);
+export declare function MenuItemProvider({ children, variation, }: {
+    readonly children: React.ReactNode;
+    readonly variation?: ComposableMenuItemProps["variation"];
+}): React.JSX.Element;
+export declare function SharedMenuItemIcon(props: ComposableMenuItemIconProps): React.JSX.Element;
+export declare function SharedMenuItemLabel(props: ComposableMenuItemLabelProps): React.JSX.Element;
+export declare function SharedMenuItemPrefix(props: ComposableMenuItemPrefixProps): React.JSX.Element;
+export declare function SharedMenuItemSuffix(props: ComposableMenuItemSuffixProps): React.JSX.Element;
+export declare const sharedMenuGroupLabelClassName: string;
+export declare function SharedMenuGroupLabelContent(props: ComposableMenuGroupLabelProps): React.JSX.Element;

package/dist/Menu/menuComposableTypes.d.ts

@@ -0,0 +1,99 @@
+import type React from "react";
+import type { CSSProperties, ComponentPropsWithRef, ReactNode } from "react";
+import type { Placement } from "@react-types/overlays";
+import type { IconProps } from "../Icon";
+export interface BaseProps {
+    /**
+     * @deprecated Use `style` instead.
+     * This is kept for backward compatibility on the composable Menu pieces.
+     */
+    readonly UNSAFE_style?: CSSProperties;
+    /**
+     * @deprecated Use `className` instead.
+     * This is kept for backward compatibility on the composable Menu pieces.
+     */
+    readonly UNSAFE_className?: string;
+    readonly style?: CSSProperties;
+    readonly className?: string;
+}
+export type ComposableMenuTriggerRenderProps = ComponentPropsWithRef<"button">;
+export type ComposableMenuTriggerRender = React.ReactElement | ((props: ComposableMenuTriggerRenderProps) => React.ReactElement);
+export interface ComposableMenuProps extends BaseProps {
+    readonly children: ReactNode;
+    readonly open?: boolean;
+    readonly defaultOpen?: boolean;
+    readonly onOpenChange?: (isOpen: boolean) => void;
+}
+export interface ComposableMenuGroupProps extends BaseProps {
+    readonly children: ReactNode;
+    readonly ariaLabel?: string;
+}
+export interface ComposableMenuSubmenuProps extends BaseProps {
+    readonly children: ReactNode;
+    readonly open?: boolean;
+    readonly defaultOpen?: boolean;
+    readonly onOpenChange?: (isOpen: boolean) => void;
+}
+type MenuItemVariants = "destructive";
+export interface ComposableMenuItemProps extends BaseProps {
+    readonly variation?: MenuItemVariants;
+    readonly children: ReactNode;
+    readonly onClick?: (event?: React.MouseEvent) => void;
+    readonly textValue?: string;
+    readonly closeOnClick?: boolean;
+    readonly href?: string;
+    readonly target?: string;
+    readonly rel?: string;
+}
+export interface ComposableMenuItemIconProps extends IconProps {
+}
+export interface ComposableMenuContentProps extends BaseProps {
+    readonly children: ReactNode;
+    readonly preferredPlacement?: Placement;
+}
+export interface ComposableMenuSubmenuContentProps extends BaseProps {
+    readonly children: ReactNode;
+}
+interface ComposableMenuTriggerBaseProps extends BaseProps {
+    readonly ariaLabel?: string;
+}
+interface ComposableMenuTriggerDefaultProps extends ComposableMenuTriggerBaseProps {
+    readonly children: ReactNode;
+    readonly render?: undefined;
+}
+interface ComposableMenuTriggerCustomRenderProps extends ComposableMenuTriggerBaseProps {
+    readonly children?: ReactNode;
+    readonly render: ComposableMenuTriggerRender;
+}
+export type ComposableMenuTriggerProps = ComposableMenuTriggerDefaultProps | ComposableMenuTriggerCustomRenderProps;
+export interface ComposableMenuSubmenuTriggerProps extends BaseProps {
+    readonly children: ReactNode;
+    readonly textValue?: string;
+}
+export interface ComposableMenuSeparatorProps extends BaseProps {
+}
+export interface ComposableMenuItemLabelProps {
+    readonly children: React.ReactNode;
+}
+export interface ComposableMenuGroupLabelProps extends BaseProps {
+    readonly children: React.ReactNode;
+}
+export interface ComposableMenuItemPrefixProps extends BaseProps {
+    readonly children: React.ReactNode;
+}
+export interface ComposableMenuItemSuffixProps extends BaseProps {
+    readonly children: React.ReactNode;
+}
+export interface ComposableMenuRadioGroupProps extends BaseProps {
+    readonly children: ReactNode;
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly onValueChange?: (value: string) => void;
+}
+export interface ComposableMenuRadioItemProps extends BaseProps {
+    readonly children: ReactNode;
+    readonly value: string;
+    readonly textValue?: string;
+    readonly closeOnClick?: boolean;
+}
+export {};