@sproutsocial/seeds-react-menu 0.4.0 → 0.5.0

package/dist/index.d.mts

@@ -1,15 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as downshift from 'downshift';
-import { GetItemPropsOptions, UseComboboxProps, UseSelectProps, UseMultipleSelectionProps, UseComboboxReturnValue, UseSelectReturnValue, UseMultipleSelectionReturnValue, UseComboboxGetInputPropsOptions } from 'downshift';
+import { UseComboboxProps, UseSelectProps, UseMultipleSelectionProps, UseComboboxReturnValue, UseSelectReturnValue, UseMultipleSelectionReturnValue, GetItemPropsOptions, UseComboboxGetInputPropsOptions } from 'downshift';
+import { TypeBorderSystemProps, TypeColorSystemProps, TypeFlexboxSystemProps, TypeGridSystemProps, TypeLayoutSystemProps, TypePositionSystemProps, TypeSpaceSystemProps, TypeTypographySystemProps, TypeStyledComponentsCommonProps } from '@sproutsocial/seeds-react-system-props';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
-import { TypeBorderSystemProps, TypeColorSystemProps, TypeFlexboxSystemProps, TypeGridSystemProps, TypeLayoutSystemProps, TypePositionSystemProps, TypeSpaceSystemProps, TypeTypographySystemProps, TypeStyledComponentsCommonProps } from '@sproutsocial/seeds-react-system-props';
+import { TypePopoutProps } from '@sproutsocial/seeds-react-popout';
 import * as styled_components from 'styled-components';
 import { HTMLMotionProps } from 'motion/react';
 import { TypeBoxProps } from '@sproutsocial/seeds-react-box';
 export { TypeBoxProps as TypeMenuFooterProps } from '@sproutsocial/seeds-react-box';
 import * as _sproutsocial_seeds_react_text from '@sproutsocial/seeds-react-text';
-import { TypePopoutProps } from '@sproutsocial/seeds-react-popout';
 import { TypeLabelProps } from '@sproutsocial/seeds-react-label';
 import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
 import { TypeInputProps } from '@sproutsocial/seeds-react-input';
@@ -25,15 +25,13 @@ type TypeMenuItemRoles = (typeof MENU_ITEM_ROLES)[keyof typeof MENU_ITEM_ROLES];
 
 interface TypeMenuGroupStyledProps extends TypeBorderSystemProps, TypeColorSystemProps, TypeFlexboxSystemProps, TypeGridSystemProps, TypeLayoutSystemProps, TypePositionSystemProps, TypeSpaceSystemProps, TypeTypographySystemProps {
 }
-interface TypeMenuGroupProps extends TypeMenuGroupStyledProps, Omit<React.ComponentPropsWithoutRef<"ul">, "color"> {
+interface TypeBaseMenuGroupProps extends TypeMenuGroupStyledProps, Omit<React.ComponentPropsWithoutRef<"ul">, "color"> {
     id: string;
     isSingleSelect?: boolean;
     title?: string;
-    children?: ReactNode;
-    items?: TypeMenuItemProps[];
-    MenuItemComponent?: typeof MenuItem;
     titleAs?: string | React.ComponentType<any>;
 }
+type TypeMenuGroupProps = TypeBaseMenuGroupProps & TypeChildrenOrItems;
 
 /**
  * @link https://seeds.sproutsocial.com/components/menu-group/
@@ -60,6 +58,78 @@ declare const StyledMenuGroup: styled_components.StyledComponent<"li", styled_co
 declare const StyledTitle: styled_components.StyledComponent<React$1.FC<_sproutsocial_seeds_react_text.TypeTextProps>, styled_components.DefaultTheme, {}, never>;
 declare const StyledMenuGroupUl: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {}, never>;
 
+interface TypeDownshiftComboboxProps extends Partial<UseComboboxProps<TypeDefaultItemProps>> {
+}
+interface TypeDownshiftSelectProps extends Partial<UseSelectProps<TypeDefaultItemProps>> {
+}
+interface TypeDownshiftMultiSelectProps extends Partial<Omit<UseMultipleSelectionProps<TypeDefaultItemProps>, "stateReducer" | "onStateChange" | "getA11yStatusMessage">> {
+    getA11yMultiStatusMessage?: UseMultipleSelectionProps<TypeDefaultItemProps>["getA11yStatusMessage"];
+    onMultiSelectStateChange?: UseMultipleSelectionProps<TypeDefaultItemProps>["onStateChange"];
+    multiSelectStateReducer?: UseMultipleSelectionProps<TypeDefaultItemProps>["stateReducer"];
+}
+interface TypeDownshiftComboboxReturnValue extends Partial<UseComboboxReturnValue<TypeDefaultItemProps>> {
+}
+interface TypeDownshiftSelectReturnValue extends Partial<UseSelectReturnValue<TypeDefaultItemProps>> {
+}
+interface TypeDownshiftMultiSelectReturnValue extends Partial<UseMultipleSelectionReturnValue<TypeDefaultItemProps>> {
+}
+type TypeDonwshiftSharedReturnValue = "getLabelProps" | "getToggleButtonProps" | "getMenuProps";
+type TypeDonwshiftSharedProps = "onHighlightedIndexChange" | "onIsOpenChange" | "onSelectedItemChange" | "onStateChange" | "stateReducer";
+interface TypeMenuContextProps extends Omit<TypeDownshiftComboboxReturnValue, TypeDonwshiftSharedReturnValue>, Omit<TypeDownshiftComboboxProps, TypeDonwshiftSharedProps>, Omit<TypeDownshiftSelectReturnValue, TypeDonwshiftSharedReturnValue>, Omit<TypeDownshiftSelectProps, TypeDonwshiftSharedProps>, TypeDownshiftMultiSelectReturnValue, TypeDownshiftMultiSelectProps {
+    items: TypeDefaultItemProps[];
+    itemsMap?: {
+        [key: string]: TypeDefaultItemProps;
+    };
+    isListbox?: boolean;
+    onHighlightedIndexChange?: TypeDownshiftComboboxProps["onHighlightedIndexChange"] | TypeDownshiftSelectProps["onHighlightedIndexChange"];
+    onIsOpenChange?: TypeDownshiftComboboxProps["onIsOpenChange"] | TypeDownshiftSelectProps["onIsOpenChange"];
+    onSelectedItemChange?: TypeDownshiftComboboxProps["onSelectedItemChange"] | TypeDownshiftSelectProps["onSelectedItemChange"];
+    onStateChange?: TypeDownshiftComboboxProps["onStateChange"] | TypeDownshiftSelectProps["onStateChange"];
+    stateReducer?: TypeDownshiftComboboxProps["stateReducer"] | TypeDownshiftSelectProps["stateReducer"];
+    getLabelProps?: TypeDownshiftComboboxReturnValue["getLabelProps"] | TypeDownshiftSelectReturnValue["getLabelProps"];
+    getToggleButtonProps?: TypeDownshiftComboboxReturnValue["getToggleButtonProps"] | TypeDownshiftSelectReturnValue["getToggleButtonProps"];
+    getMenuProps?: TypeDownshiftComboboxReturnValue["getMenuProps"] | TypeDownshiftSelectReturnValue["getMenuProps"];
+}
+interface TypeMenuContext extends TypeMenuContextProps {
+    itemsMap: {
+        [key: string]: TypeDefaultItemProps;
+    };
+}
+interface TypeMenuProviderProps {
+    children: TypeNotEmptyChildren;
+    menuProps: Partial<TypeMenuContextProps>;
+}
+/**
+ * Hook for initializing Menu context
+ */
+declare const useMenu: ({ items, isListbox, isOpen, itemsMap: itemsMapFromProps, ...rest }?: Partial<TypeMenuContextProps>) => TypeMenuContext;
+/**
+ * MenuContext factory, sets the type and the initial object
+ */
+declare const MenuContext: React__default.Context<TypeMenuContext>;
+/**
+ * Provider Component sets the context values into the provider
+ */
+declare const MenuProvider: ({ children, menuProps, }: TypeMenuProviderProps) => react_jsx_runtime.JSX.Element;
+/**
+ * Utility hook for consuming MenuContext
+ */
+declare const useMenuContext: () => TypeMenuContext;
+
+interface TypeMenuRootOwnProps {
+    menuToggleElement: React__default.ReactElement<any>;
+    popoutProps?: Partial<Omit<TypePopoutProps, "isOpen" | "setIsOpen" | "content" | "children">>;
+    width?: TypePopoutProps["width"];
+}
+interface TypeMenuRootProps extends Partial<TypeMenuProviderProps["menuProps"]>, Pick<TypeMenuProviderProps, "children">, TypeMenuRootOwnProps {
+}
+/**
+ * @link https://seeds.sproutsocial.com/components/menu-root/
+ *
+ * @description MenuRoot is a utility component used to handle {@link https://github.com/sproutsocial/seeds/blob/dev/seeds-react/seeds-react-menu/src/MenuContext.tsx | MenuContext}. This component should rarely, if ever, be used directly unless building a custom menu type.
+ */
+declare const MenuRoot: ({ children, menuToggleElement, popoutProps: { focusLockProps, ...popoutProps }, width, ...contextProps }: TypeMenuRootProps) => react_jsx_runtime.JSX.Element;
+
 interface TypeDefaultItemProps {
     id: string;
     index: number;
@@ -68,6 +138,24 @@ interface TypeDefaultItemProps {
     menuItemProps?: TypeMenuItemProps;
     menuGroupProps?: TypeMenuGroupProps;
 }
+type TypeBaseChildrenOrItems = {
+    /** Allows menu items to be passed in as children. Cannot be used with the items prop.*/
+    children?: TypeMenuRootProps["children"];
+    /** Allows menu items to be passed in as objects. Cannot be used with the children prop.*/
+    items?: TypeMenuItemProps[];
+    /** Allows a custom MenuItem component to be used when rendering using the items prop.*/
+    MenuItemComponent?: React.ComponentType<TypeMenuItemProps>;
+};
+type TypePropsWithChildren = {
+    children: TypeMenuRootProps["children"];
+    items?: never;
+    MenuItemComponent?: never;
+};
+type TypePropsWithItems = {
+    children?: never;
+    items: TypeMenuItemProps[];
+};
+type TypeChildrenOrItems = TypeBaseChildrenOrItems & (TypePropsWithChildren | TypePropsWithItems);
 type TypeNotEmptyChildren = React.ReactChild | React.ReactFragment | React.ReactPortal;
 
 interface TypeMenuItemStyledProps extends TypeBorderSystemProps, TypeColorSystemProps, TypeFlexboxSystemProps, TypeGridSystemProps, TypeLayoutSystemProps, TypePositionSystemProps, TypeSpaceSystemProps, TypeTypographySystemProps {
@@ -114,9 +202,9 @@ interface TypeMenuHeaderProps extends Omit<React$1.ComponentPropsWithoutRef<"div
  */
 declare const MenuHeader: ({ children, title, leftAction, rightAction, ...rest }: TypeMenuHeaderProps) => react_jsx_runtime.JSX.Element;
 
-interface TypeMenuContentProps extends HTMLMotionProps<"ul"> {
-    children: ReactNode;
+interface TypeMenuContentBaseProps extends HTMLMotionProps<"ul"> {
 }
+type TypeMenuContentProps = TypeMenuContentBaseProps & TypeChildrenOrItems;
 
 /**
  * @link https://seeds.sproutsocial.com/components/menu-content/
@@ -140,7 +228,7 @@ interface TypeMenuContentProps extends HTMLMotionProps<"ul"> {
  * @see {@link https://seeds.sproutsocial.com/components/menu-item/ | MenuItem}
  * @see {@link https://seeds.sproutsocial.com/components/menu-group/ | MenuGroup}
  */
-declare const MenuContent: ({ id, children, ...rest }: TypeMenuContentProps) => react_jsx_runtime.JSX.Element;
+declare const MenuContent: ({ id, children: childrenProp, items, MenuItemComponent, ...rest }: TypeMenuContentProps) => react_jsx_runtime.JSX.Element | null;
 
 /**
  * @link https://seeds.sproutsocial.com/components/menu-footer/
@@ -151,78 +239,6 @@ declare const MenuContent: ({ id, children, ...rest }: TypeMenuContentProps) =>
  */
 declare const MenuFooter: ({ children, ...rest }: TypeBoxProps) => react_jsx_runtime.JSX.Element;
 
-interface TypeDownshiftComboboxProps extends Partial<UseComboboxProps<TypeDefaultItemProps>> {
-}
-interface TypeDownshiftSelectProps extends Partial<UseSelectProps<TypeDefaultItemProps>> {
-}
-interface TypeDownshiftMultiSelectProps extends Partial<Omit<UseMultipleSelectionProps<TypeDefaultItemProps>, "stateReducer" | "onStateChange" | "getA11yStatusMessage">> {
-    getA11yMultiStatusMessage?: UseMultipleSelectionProps<TypeDefaultItemProps>["getA11yStatusMessage"];
-    onMultiSelectStateChange?: UseMultipleSelectionProps<TypeDefaultItemProps>["onStateChange"];
-    multiSelectStateReducer?: UseMultipleSelectionProps<TypeDefaultItemProps>["stateReducer"];
-}
-interface TypeDownshiftComboboxReturnValue extends Partial<UseComboboxReturnValue<TypeDefaultItemProps>> {
-}
-interface TypeDownshiftSelectReturnValue extends Partial<UseSelectReturnValue<TypeDefaultItemProps>> {
-}
-interface TypeDownshiftMultiSelectReturnValue extends Partial<UseMultipleSelectionReturnValue<TypeDefaultItemProps>> {
-}
-type TypeDonwshiftSharedReturnValue = "getLabelProps" | "getToggleButtonProps" | "getMenuProps";
-type TypeDonwshiftSharedProps = "onHighlightedIndexChange" | "onIsOpenChange" | "onSelectedItemChange" | "onStateChange" | "stateReducer";
-interface TypeMenuContextProps extends Omit<TypeDownshiftComboboxReturnValue, TypeDonwshiftSharedReturnValue>, Omit<TypeDownshiftComboboxProps, TypeDonwshiftSharedProps>, Omit<TypeDownshiftSelectReturnValue, TypeDonwshiftSharedReturnValue>, Omit<TypeDownshiftSelectProps, TypeDonwshiftSharedProps>, TypeDownshiftMultiSelectReturnValue, TypeDownshiftMultiSelectProps {
-    items: TypeDefaultItemProps[];
-    itemsMap?: {
-        [key: string]: TypeDefaultItemProps;
-    };
-    isListbox?: boolean;
-    onHighlightedIndexChange?: TypeDownshiftComboboxProps["onHighlightedIndexChange"] | TypeDownshiftSelectProps["onHighlightedIndexChange"];
-    onIsOpenChange?: TypeDownshiftComboboxProps["onIsOpenChange"] | TypeDownshiftSelectProps["onIsOpenChange"];
-    onSelectedItemChange?: TypeDownshiftComboboxProps["onSelectedItemChange"] | TypeDownshiftSelectProps["onSelectedItemChange"];
-    onStateChange?: TypeDownshiftComboboxProps["onStateChange"] | TypeDownshiftSelectProps["onStateChange"];
-    stateReducer?: TypeDownshiftComboboxProps["stateReducer"] | TypeDownshiftSelectProps["stateReducer"];
-    getLabelProps?: TypeDownshiftComboboxReturnValue["getLabelProps"] | TypeDownshiftSelectReturnValue["getLabelProps"];
-    getToggleButtonProps?: TypeDownshiftComboboxReturnValue["getToggleButtonProps"] | TypeDownshiftSelectReturnValue["getToggleButtonProps"];
-    getMenuProps?: TypeDownshiftComboboxReturnValue["getMenuProps"] | TypeDownshiftSelectReturnValue["getMenuProps"];
-}
-interface TypeMenuContext extends TypeMenuContextProps {
-    itemsMap: {
-        [key: string]: TypeDefaultItemProps;
-    };
-}
-interface TypeMenuProviderProps {
-    children: TypeNotEmptyChildren;
-    menuProps: Partial<TypeMenuContextProps>;
-}
-/**
- * Hook for initializing Menu context
- */
-declare const useMenu: ({ items, isListbox, isOpen, itemsMap: itemsMapFromProps, ...rest }?: Partial<TypeMenuContextProps>) => TypeMenuContext;
-/**
- * MenuContext factory, sets the type and the initial object
- */
-declare const MenuContext: React__default.Context<TypeMenuContext>;
-/**
- * Provider Component sets the context values into the provider
- */
-declare const MenuProvider: ({ children, menuProps, }: TypeMenuProviderProps) => react_jsx_runtime.JSX.Element;
-/**
- * Utility hook for consuming MenuContext
- */
-declare const useMenuContext: () => TypeMenuContext;
-
-interface TypeMenuRootOwnProps {
-    menuToggleElement: React__default.ReactElement<any>;
-    popoutProps?: Partial<Omit<TypePopoutProps, "isOpen" | "setIsOpen" | "content" | "children">>;
-    width?: TypePopoutProps["width"];
-}
-interface TypeMenuRootProps extends Partial<TypeMenuProviderProps["menuProps"]>, Pick<TypeMenuProviderProps, "children">, TypeMenuRootOwnProps {
-}
-/**
- * @link https://seeds.sproutsocial.com/components/menu-root/
- *
- * @description MenuRoot is a utility component used to handle {@link https://github.com/sproutsocial/seeds/blob/dev/seeds-react/seeds-react-menu/src/MenuContext.tsx | MenuContext}. This component should rarely, if ever, be used directly unless building a custom menu type.
- */
-declare const MenuRoot: ({ children, menuToggleElement, popoutProps: { focusLockProps, ...popoutProps }, width, ...contextProps }: TypeMenuRootProps) => react_jsx_runtime.JSX.Element;
-
 declare const MenuLabel: ({ children, ...rest }: Partial<TypeLabelProps>) => react_jsx_runtime.JSX.Element;
 
 interface TypeMenuToggleButtonProps extends Partial<TypeButtonProps> {
@@ -230,10 +246,10 @@ interface TypeMenuToggleButtonProps extends Partial<TypeButtonProps> {
 }
 declare const MenuToggleButton: ({ children, ...rest }: TypeMenuToggleButtonProps) => react_jsx_runtime.JSX.Element;
 
-type TypeInvalidMenuProps = "initialSelectedItem" | "defaultSelectedItem" | "selectedItem";
-interface TypeActionMenuProps extends TypeMenuRootOwnProps, Omit<TypeDownshiftSelectProps, TypeInvalidMenuProps> {
-    children: TypeMenuRootProps["children"];
+type TypeInvalidMenuProps = "initialSelectedItem" | "defaultSelectedItem" | "selectedItem" | "items";
+interface TypeActionMenuBaseProps extends TypeMenuRootOwnProps, Omit<TypeDownshiftSelectProps, TypeInvalidMenuProps> {
 }
+type TypeActionMenuProps = TypeActionMenuBaseProps & TypeChildrenOrItems;
 
 /**
  * @link https://seeds.sproutsocial.com/components/action-menu/
@@ -244,11 +260,11 @@ interface TypeActionMenuProps extends TypeMenuRootOwnProps, Omit<TypeDownshiftSe
  * @see {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src/SingleSelectMenu | SingleSelectMenu}
  * @see {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src/MultiSelectMenu | MultiSelectMenu}
  */
-declare const ActionMenu: ({ children, stateReducer: externalStateReducer, ...useSelectProps }: TypeActionMenuProps) => react_jsx_runtime.JSX.Element;
+declare const ActionMenu: ({ children: childrenProp, items, MenuItemComponent, stateReducer: externalStateReducer, ...useSelectProps }: TypeActionMenuProps) => react_jsx_runtime.JSX.Element;
 
-interface TypeSingleSelectMenuProps extends TypeMenuRootOwnProps, TypeDownshiftSelectProps {
-    children: TypeMenuRootProps["children"];
+interface TypeSingleSelectMenuBaseProps extends TypeMenuRootOwnProps, Omit<TypeDownshiftSelectProps, "items"> {
 }
+type TypeSingleSelectMenuProps = TypeSingleSelectMenuBaseProps & TypeChildrenOrItems;
 
 /**
  * @link https://seeds.sproutsocial.com/components/singleselect-menu/
@@ -258,11 +274,11 @@ interface TypeSingleSelectMenuProps extends TypeMenuRootOwnProps, TypeDownshiftS
  * **To trigger actions from a menu:**
  * @see {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src/ActionMenu | ActionMenu}
  */
-declare const SingleSelectMenu: ({ children, stateReducer: externalStateReducer, ...useSelectProps }: TypeSingleSelectMenuProps) => react_jsx_runtime.JSX.Element;
+declare const SingleSelectMenu: ({ children: childrenProp, stateReducer: externalStateReducer, items, MenuItemComponent, ...useSelectProps }: TypeSingleSelectMenuProps) => react_jsx_runtime.JSX.Element;
 
-interface TypeMultiSelectMenuProps extends TypeMenuRootOwnProps, TypeDownshiftSelectProps, TypeDownshiftMultiSelectProps {
-    children: TypeMenuRootProps["children"];
+interface TypeMultiSelectMenuBaseProps extends TypeMenuRootOwnProps, Omit<TypeDownshiftSelectProps, "items">, Omit<TypeDownshiftMultiSelectProps, "items"> {
 }
+type TypeMultiSelectMenuProps = TypeMultiSelectMenuBaseProps & TypeChildrenOrItems;
 
 /**
  * @link https://seeds.sproutsocial.com/components/multiselect-menu/
@@ -271,12 +287,12 @@ interface TypeMultiSelectMenuProps extends TypeMenuRootOwnProps, TypeDownshiftSe
  *
  * @see {@link https://seeds.sproutsocial.com/components/menu-group/ | MenuGroup}
  */
-declare const MultiSelectMenu: ({ children, stateReducer: externalStateReducer, getA11yMultiStatusMessage, onMultiSelectStateChange, multiSelectStateReducer, ...useSelectProps }: TypeMultiSelectMenuProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelectMenu: ({ children: childrenProp, items, MenuItemComponent, stateReducer: externalStateReducer, getA11yMultiStatusMessage, onMultiSelectStateChange, multiSelectStateReducer, ...useSelectProps }: TypeMultiSelectMenuProps) => react_jsx_runtime.JSX.Element;
 
-interface TypeAutocompleteProps extends TypeMenuRootOwnProps, TypeDownshiftComboboxProps {
-    children: TypeMenuRootProps["children"];
+interface TypeAutocompleteBaseProps extends TypeMenuRootOwnProps, Omit<TypeDownshiftComboboxProps, "items"> {
     getIsItemVisible?: (item: TypeMenuContext["items"][number], inputValue: string) => boolean;
 }
+type TypeAutocompleteProps = TypeAutocompleteBaseProps & TypeChildrenOrItems;
 
 /**
  * @link https://seeds.sproutsocial.com/components/multiselect-menu/
@@ -285,27 +301,36 @@ interface TypeAutocompleteProps extends TypeMenuRootOwnProps, TypeDownshiftCombo
  *
  * @see {@link https://seeds.sproutsocial.com/components/menu-group/ | MenuGroup}
  */
-declare const Autocomplete: ({ children, stateReducer: externalStateReducer, itemToString, getIsItemVisible, ...useComboboxProps }: TypeAutocompleteProps) => react_jsx_runtime.JSX.Element;
+declare const Autocomplete: ({ children: childrenProp, stateReducer: externalStateReducer, items: itemsProp, MenuItemComponent, itemToString, getIsItemVisible, ...useComboboxProps }: TypeAutocompleteProps) => react_jsx_runtime.JSX.Element;
 
 type TypeInputEventListeners = "onKeyDown" | "onChange" | "onInput" | "onBlur" | "onClick" | "refKey";
 interface TypeAutocompleteInputProps extends Pick<UseComboboxGetInputPropsOptions, TypeInputEventListeners>, Omit<Partial<TypeInputProps>, TypeInputEventListeners> {
 }
 declare const AutocompleteInput: ({ onKeyDown, onChange, onInput, onBlur, onClick, inputProps, ...rest }: TypeAutocompleteInputProps) => react_jsx_runtime.JSX.Element;
 
-interface TypeUseItemsFromChildrenProps {
-    children: ReactNode;
+interface TypeUseMenuChildrenProps {
+    children?: ReactNode;
+    items?: TypeMenuItemProps[];
+    MenuItemComponent?: React__default.ComponentType<TypeMenuItemProps>;
+}
+interface TypeMapMenuItemsProps {
+    items: TypeMenuItemProps[];
+    MenuItemComponent: React__default.ComponentType<TypeMenuItemProps>;
 }
 type TypeItemElement = React__default.ReactElement<TypeMenuItemProps>;
 type TypeMenuGroupElement = React__default.ReactElement<TypeMenuGroupProps>;
+type TypeMenuContentElement = React__default.ReactElement<TypeMenuContentProps>;
 interface TypeMenuChildren {
-    type: "item" | "group";
-    element: React__default.ReactElement<TypeMenuGroupProps> | React__default.ReactElement<TypeMenuItemProps>;
+    type: "item" | "group" | "content";
+    element: React__default.ReactElement<TypeMenuGroupProps> | React__default.ReactElement<TypeMenuItemProps> | React__default.ReactElement<TypeMenuContentProps>;
 }
-declare const useItemsFromChildren: ({ children, }: TypeUseItemsFromChildrenProps) => {
+declare const mapMenuItems: ({ items, MenuItemComponent, }: TypeMapMenuItemsProps) => react_jsx_runtime.JSX.Element;
+declare const useMenuChildren: ({ children: childrenProp, items, MenuItemComponent, }: TypeUseMenuChildrenProps) => {
     allMenuItems: TypeDefaultItemProps[];
     menuItemsMap: {
         [key: string]: TypeDefaultItemProps;
     };
+    children: TypeNotEmptyChildren;
 };
 
 declare const useSelectStateReducer: Required<UseSelectProps<TypeDefaultItemProps>>["stateReducer"];
@@ -314,4 +339,4 @@ declare const defaultUseSelectProps: {
     isItemDisabled: (item: any) => boolean;
 };
 
-export { ActionMenu, Autocomplete, AutocompleteInput, INPUT_TYPES, type InputType, MenuContent, MenuContext, MenuFooter, MenuGroup, MenuHeader, MenuItem, MenuItemAction, MenuItemContainer, MenuItemRow, MenuItemText, MenuLabel, MenuProvider, MenuRoot, MenuToggleButton, MultiSelectMenu, SingleSelectMenu, StyledMenuGroup, StyledMenuGroupUl, StyledMenuItem, StyledTitle, type TypeActionMenuProps, type TypeAutocompleteInputProps, type TypeAutocompleteProps, type TypeDefaultItemProps, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeItemElement, type TypeMenuChildren, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextProps, type TypeMenuGroupElement, type TypeMenuGroupProps, type TypeMenuGroupStyledProps, type TypeMenuHeaderProps, type TypeMenuItemProps, type TypeMenuItemStyledProps, type TypeMenuProviderProps, type TypeMenuRootOwnProps, type TypeMenuRootProps, type TypeMenuToggleButtonProps, type TypeMultiSelectMenuProps, type TypeNotEmptyChildren, type TypeSingleSelectMenuProps, type TypeUseItemsFromChildrenProps, defaultUseSelectProps, useItemsFromChildren, useMenu, useMenuContext, useSelectStateReducer };
+export { ActionMenu, Autocomplete, AutocompleteInput, INPUT_TYPES, type InputType, MenuContent, MenuContext, MenuFooter, MenuGroup, MenuHeader, MenuItem, MenuItemAction, MenuItemContainer, MenuItemRow, MenuItemText, MenuLabel, MenuProvider, MenuRoot, MenuToggleButton, MultiSelectMenu, SingleSelectMenu, StyledMenuGroup, StyledMenuGroupUl, StyledMenuItem, StyledTitle, type TypeActionMenuProps, type TypeAutocompleteInputProps, type TypeAutocompleteProps, type TypeChildrenOrItems, type TypeDefaultItemProps, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeItemElement, type TypeMapMenuItemsProps, type TypeMenuChildren, type TypeMenuContentElement, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextProps, type TypeMenuGroupElement, type TypeMenuGroupProps, type TypeMenuGroupStyledProps, type TypeMenuHeaderProps, type TypeMenuItemProps, type TypeMenuItemStyledProps, type TypeMenuProviderProps, type TypeMenuRootOwnProps, type TypeMenuRootProps, type TypeMenuToggleButtonProps, type TypeMultiSelectMenuProps, type TypeNotEmptyChildren, type TypeSingleSelectMenuProps, type TypeUseMenuChildrenProps, defaultUseSelectProps, mapMenuItems, useMenu, useMenuChildren, useMenuContext, useSelectStateReducer };