@sproutsocial/seeds-react-menu 1.0.1 → 1.2.0

package/dist/index.d.mts

@@ -1,14 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { UseComboboxProps, UseSelectProps, UseMultipleSelectionProps, UseComboboxReturnValue, UseSelectReturnValue, UseMultipleSelectionReturnValue, UseComboboxGetInputPropsOptions, GetItemPropsOptions } from 'downshift';
 import { TypeBorderSystemProps, TypeColorSystemProps, TypeFlexboxSystemProps, TypeGridSystemProps, TypeLayoutSystemProps, TypePositionSystemProps, TypeSpaceSystemProps, TypeTypographySystemProps, TypeStyledComponentsCommonProps } from '@sproutsocial/seeds-react-system-props';
+import * as styled_components from 'styled-components';
+import * as _sproutsocial_seeds_react_box from '@sproutsocial/seeds-react-box';
+import { TypeBoxProps } from '@sproutsocial/seeds-react-box';
+export { TypeBoxProps as TypeMenuFooterProps } from '@sproutsocial/seeds-react-box';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import { TypePopoutProps } from '@sproutsocial/seeds-react-popout';
 import { TypeTokenInputProps, TypeTokenSpec } from '@sproutsocial/seeds-react-token-input';
-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 { TypeLabelProps } from '@sproutsocial/seeds-react-label';
 import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
@@ -181,12 +181,20 @@ interface TypeMenuRootOwnProps {
 }
 interface TypeMenuRootProps extends Partial<TypeMenuContextProps>, Pick<TypeMenuProviderProps, "children">, TypeMenuRootOwnProps {
 }
+declare const CustomPopoutContent: styled_components.StyledComponent<{
+    ({ children, ...rest }: _sproutsocial_seeds_react_box.TypeBoxProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+}, styled_components.DefaultTheme, {}, never>;
+interface TypeMenuPopoutProps extends Pick<Partial<TypeMenuContextProps>, "openMenu" | "closeMenu">, TypePopoutProps {
+}
+declare const MenuPopout: ({ content, width, isOpen, openMenu, closeMenu, focusLockProps, ...popoutProps }: TypeMenuPopoutProps) => react_jsx_runtime.JSX.Element;
 /**
  * @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: { placement, focusLockProps, ...popoutProps }, width, ...contextProps }: TypeMenuRootProps) => react_jsx_runtime.JSX.Element;
+declare const MenuRootNoPopout: ({ children, menuToggleElement, ...contextProps }: TypeMenuRootProps) => react_jsx_runtime.JSX.Element;
 
 interface TypeInternalItemProps<Item = TypeMenuItemProps> {
     id: string;
@@ -195,6 +203,9 @@ interface TypeInternalItemProps<Item = TypeMenuItemProps> {
     menuItemProps?: Item;
     menuGroupProps?: TypeMenuGroupBaseProps;
 }
+interface TypeHigherOrderComponentProps extends TypeMenuRootOwnProps {
+    MenuRootComponent?: React.ComponentType<TypeMenuRootProps>;
+}
 type TypeChildrenOrItems<I extends TypeMenuItemProps = TypeMenuItemProps> = {
     /** Allows menu items to be passed in as children. Cannot be used with the items prop.*/
     children: TypeMenuRootProps["children"];
@@ -262,7 +273,7 @@ interface TypeMenuHeaderProps extends Omit<React$1.ComponentPropsWithoutRef<"div
  */
 declare const MenuHeader: ({ children, title, leftAction, rightAction, ...rest }: TypeMenuHeaderProps) => react_jsx_runtime.JSX.Element;
 
-type TypeMenuContentProps<I extends TypeMenuItemProps = TypeMenuItemProps> = Omit<HTMLMotionProps<"ul">, "children"> & {
+type TypeMenuContentProps<I extends TypeMenuItemProps = TypeMenuItemProps> = Omit<React.ComponentPropsWithoutRef<"ul">, "children"> & {
     innerRef?: React.Ref<HTMLUListElement>;
 } & TypeChildrenOrItems<I>;
 
@@ -346,7 +357,7 @@ interface TypeMenuSearchTokenInputProps extends TypeMenuTokenInputProps {
 declare const MenuSearchTokenInput: ({ getIsItemVisible, getTokenProps, onChange, inputProps: { value: inputPropsValue, ...inputProps }, value, ...tokenInputProps }: TypeMenuSearchTokenInputProps) => react_jsx_runtime.JSX.Element;
 
 type TypeInvalidMenuProps = "initialSelectedItem" | "defaultSelectedItem" | "selectedItem";
-interface TypeActionMenuBaseProps extends TypeMenuRootOwnProps, Omit<TypeDownshiftSelectProps, TypeInvalidMenuProps> {
+interface TypeActionMenuBaseProps extends TypeHigherOrderComponentProps, Omit<TypeDownshiftSelectProps, TypeInvalidMenuProps> {
 }
 type TypeActionMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeActionMenuBaseProps & TypeChildrenOrItems<I>;
 
@@ -359,9 +370,9 @@ type TypeActionMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps> = Type
  * @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: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, menuItems, MenuItemComponent, stateReducer: externalStateReducer, ...useSelectProps }: TypeActionMenuProps<I>) => react_jsx_runtime.JSX.Element;
+declare const ActionMenu: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, menuItems, MenuItemComponent, stateReducer: externalStateReducer, MenuRootComponent, ...useSelectProps }: TypeActionMenuProps<I>) => react_jsx_runtime.JSX.Element;
 
-interface TypeSingleSelectMenuBaseProps extends TypeMenuRootOwnProps, TypeDownshiftSelectProps {
+interface TypeSingleSelectMenuBaseProps extends TypeHigherOrderComponentProps, TypeDownshiftSelectProps {
 }
 type TypeSingleSelectMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeSingleSelectMenuBaseProps & TypeChildrenOrItems<I>;
 
@@ -373,9 +384,9 @@ type TypeSingleSelectMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps>
  * **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: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, stateReducer: externalStateReducer, menuItems, MenuItemComponent, ...useSelectProps }: TypeSingleSelectMenuProps<I>) => react_jsx_runtime.JSX.Element;
+declare const SingleSelectMenu: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, stateReducer: externalStateReducer, menuItems, MenuItemComponent, MenuRootComponent, ...useSelectProps }: TypeSingleSelectMenuProps<I>) => react_jsx_runtime.JSX.Element;
 
-interface TypeMultiSelectMenuBaseProps extends TypeMenuRootOwnProps, TypeDownshiftSelectProps, TypeDownshiftMultiSelectProps {
+interface TypeMultiSelectMenuBaseProps extends TypeHigherOrderComponentProps, TypeDownshiftSelectProps, TypeDownshiftMultiSelectProps {
 }
 type TypeMultiSelectMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeMultiSelectMenuBaseProps & TypeChildrenOrItems<I>;
 
@@ -386,7 +397,7 @@ type TypeMultiSelectMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps> =
  *
  * @see {@link https://seeds.sproutsocial.com/components/menu-group/ | MenuGroup}
  */
-declare const MultiSelectMenu: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, menuItems, MenuItemComponent, onSelectedItemChange: externalOnSelectedItemChange, stateReducer: externalStateReducer, getA11yMultiStatusMessage, onMultiSelectStateChange, multiSelectStateReducer, ...useSelectProps }: TypeMultiSelectMenuProps<I>) => react_jsx_runtime.JSX.Element;
+declare const MultiSelectMenu: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, menuItems, MenuItemComponent, onSelectedItemChange: externalOnSelectedItemChange, stateReducer: externalStateReducer, MenuRootComponent, getA11yMultiStatusMessage, onMultiSelectStateChange, multiSelectStateReducer, ...useSelectProps }: TypeMultiSelectMenuProps<I>) => react_jsx_runtime.JSX.Element;
 
 type TypeSubmenuValidMenuComponentProps<I extends TypeMenuItemProps> = TypeChildrenOrItems<I> & (TypeActionMenuProps<I> | TypeSingleSelectMenuProps<I> | TypeMultiSelectMenuProps<I>);
 interface TypeSubmenuItemProps<I extends TypeMenuItemProps, P extends TypeSubmenuValidMenuComponentProps<I>> extends TypeMenuItemProps {
@@ -401,7 +412,17 @@ declare const SubmenuItem: {
     __MENU_PRIMITIVE_TYPE: string;
 };
 
-type TypeSingleAutocompleteProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeMenuRootOwnProps & TypeChildrenOrItems<I> & TypeDownshiftComboboxProps & {
+interface TypeListboxToggleButtonProps extends TypeMenuToggleButtonProps {
+    invalid?: boolean;
+}
+declare const StyledListboxToggleButton: styled_components.StyledComponent<({ children, ...rest }: TypeMenuToggleButtonProps) => react_jsx_runtime.JSX.Element, styled_components.DefaultTheme, TypeListboxToggleButtonProps, never>;
+interface TypeStyledChevronProps {
+    $isOpen?: boolean;
+    invalid?: boolean;
+}
+declare const ListboxToggleButton: ({ children, ...buttonProps }: TypeListboxToggleButtonProps) => react_jsx_runtime.JSX.Element;
+
+type TypeSingleAutocompleteProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeHigherOrderComponentProps & TypeChildrenOrItems<I> & TypeDownshiftComboboxProps & {
     getIsItemVisible?: TypeGetIsItemVisibleFn;
 };
 type TypeMultiAutocompleteProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeSingleAutocompleteProps<I> & TypeDownshiftMultiSelectProps & {
@@ -425,6 +446,12 @@ interface TypeAutocompleteInputProps extends TypeDownshiftMergedInputProps<TypeI
 }
 declare const AutocompleteInput: ({ onKeyDown, onChange, onInput, onBlur, onClick, inputProps, ...rest }: TypeAutocompleteInputProps) => react_jsx_runtime.JSX.Element;
 
+interface TypeAutocompleteTokenInputProps extends TypeDownshiftMergedInputProps<TypeMenuTokenInputProps> {
+}
+declare const AutocompleteTokenInput: ({ onKeyDown, onChange, onInput, onBlur, onClick, inputProps, getTokenProps, ...rest }: TypeAutocompleteTokenInputProps) => react_jsx_runtime.JSX.Element;
+
+declare const AutocompleteSelect: (props: TypeAutocompleteInputProps) => react_jsx_runtime.JSX.Element;
+
 interface TypeNestedMenuMapProps<P, I extends TypeMenuItemProps = TypeNestedMenuItemProps> {
     MenuComponent: React.ComponentType<P>;
     menuProps: Omit<P, "menuToggleElement"> & TypeChildrenOrItems<I>;
@@ -441,9 +468,8 @@ interface TypeNestedMenuHeaderProps extends TypeMenuHeaderProps {
 interface TypeNestedMenuItemProps extends TypeMenuItemProps {
     childMenuId?: string;
 }
-interface TypeNestedMenuProps<I extends TypeMenuItemProps = TypeNestedMenuItemProps> {
+interface TypeNestedMenuProps<I extends TypeMenuItemProps = TypeNestedMenuItemProps> extends Omit<TypeActionMenuBaseProps, "MenuRootComponent"> {
     initialMenuId: string;
-    menuToggleElement: TypeMenuRootProps["menuToggleElement"];
     onBackButtonClick?: (menuId: string) => void;
     /** Sets the default localized label for the back arrow in all child menus.
      *  This label can be overridden by including backArrowLabel in a menu's menuHeaderProps. */
@@ -454,7 +480,7 @@ interface TypeNestedMenuProps<I extends TypeMenuItemProps = TypeNestedMenuItemPr
     };
 }
 
-declare const NestedMenu: <I extends TypeMenuItemProps = TypeNestedMenuItemProps>({ initialMenuId, menus, onBackButtonClick, backArrowLabel, menuToggleElement, }: TypeNestedMenuProps<I>) => react_jsx_runtime.JSX.Element;
+declare const NestedMenu: <I extends TypeMenuItemProps = TypeNestedMenuItemProps>({ initialMenuId, menus, onBackButtonClick, backArrowLabel, menuToggleElement, popoutProps, width, stateReducer: rootExternalStateReducer, id: externalNestedMenuId, ...useSelectProps }: TypeNestedMenuProps<I>) => react_jsx_runtime.JSX.Element;
 
 declare const NestedMenuItem: {
     ({ children, childMenuId, onClick: onClickProp, ...rest }: TypeNestedMenuItemProps): react_jsx_runtime.JSX.Element;
@@ -472,7 +498,12 @@ interface TypeNestedMenuContext {
     selectedMenuPath: string[];
     setSelectedMenuId?: (id: string) => void;
     setSelectedMenuPath?: (path: string[]) => void;
+    resetSelectedMenuPath?: () => void;
     goBack?: () => void;
+    rootMenuContextProps: Omit<TypeMenuContextProps, "items">;
+    activeMenuContext: TypeMenuContext;
+    setActiveMenuContext: (context: TypeMenuContext) => void;
+    animationSpeed: number;
 }
 interface TypeNestedMenuProviderProps extends TypeNestedMenuContext {
     children: TypeNotEmptyChildren;
@@ -522,4 +553,4 @@ declare const useMenuChildren: <I extends TypeMenuItemProps = TypeMenuItemProps>
 declare const useSelectStateReducer: Required<UseSelectProps<TypeInternalItemProps>>["stateReducer"];
 declare const useSelectStateReducerForMulti: Required<UseSelectProps<TypeInternalItemProps>>["stateReducer"];
 
-export { ActionMenu, Autocomplete, AutocompleteInput, INPUT_TYPES, type InputType, MenuContent, MenuContentContext, MenuContentProvider, MenuFooter, MenuGroup, MenuHeader, MenuItem, MenuItemAction, MenuItemActionLeft, MenuItemActionRight, MenuItemContainer, MenuItemRow, MenuItemText, MenuLabel, MenuRoot, MenuSearchInput, MenuSearchTokenInput, MenuToggleButton, MenuToggleContext, MenuToggleProvider, MenuTokenInput, MultiSelectMenu, NestedMenu, NestedMenuContent, NestedMenuContext, NestedMenuHeader, NestedMenuItem, NestedMenuProvider, SingleSelectMenu, StyledMenuGroup, StyledMenuGroupUl, StyledMenuItem, StyledTitle, SubmenuItem, type TypeActionMenuBaseProps, type TypeActionMenuProps, type TypeAutocompleteInputProps, type TypeAutocompleteProps, type TypeChildrenOrItems, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMergedInputProps, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeInternalItemProps, type TypeItemElement, type TypeMapMenuItemsProps, type TypeMenuChildren, type TypeMenuContentElement, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextBaseProps, type TypeMenuContextProps, type TypeMenuGroupBaseProps, type TypeMenuGroupElement, type TypeMenuGroupProps, type TypeMenuGroupStyledProps, type TypeMenuHeaderProps, type TypeMenuItemProps, type TypeMenuItemStyledProps, type TypeMenuProviderProps, type TypeMenuRootOwnProps, type TypeMenuRootProps, type TypeMenuSearchInputProps, type TypeMenuSearchTokenInputProps, type TypeMenuToggleButtonProps, type TypeMenuToggleContext, type TypeMenuToggleProviderProps, type TypeMenuTokenInputProps, type TypeMultiAutocompleteProps, type TypeMultiSelectMenuBaseProps, type TypeMultiSelectMenuProps, type TypeNestedMenuContext, type TypeNestedMenuHeaderProps, type TypeNestedMenuItemProps, type TypeNestedMenuMapProps, type TypeNestedMenuProps, type TypeNestedMenuProviderProps, type TypeNotEmptyChildren, type TypeSingleAutocompleteProps, type TypeSingleSelectMenuBaseProps, type TypeSingleSelectMenuProps, type TypeSubmenuItemProps, type TypeSubmenuValidMenuComponentProps, checkIfItemSelected, defaultMenuContext, getChildrenFromMenuItems, getSelectedItemIds, mapMenuItems, useMenu, useMenuChildren, useMenuContentContext, useMenuToggleContext, useNestedMenuContext, useSelectStateReducer, useSelectStateReducerForMulti };
+export { ActionMenu, Autocomplete, AutocompleteInput, AutocompleteSelect, AutocompleteTokenInput, CustomPopoutContent, INPUT_TYPES, type InputType, ListboxToggleButton, MenuContent, MenuContentContext, MenuContentProvider, MenuFooter, MenuGroup, MenuHeader, MenuItem, MenuItemAction, MenuItemActionLeft, MenuItemActionRight, MenuItemContainer, MenuItemRow, MenuItemText, MenuLabel, MenuPopout, MenuRoot, MenuRootNoPopout, MenuSearchInput, MenuSearchTokenInput, MenuToggleButton, MenuToggleContext, MenuToggleProvider, MenuTokenInput, MultiSelectMenu, NestedMenu, NestedMenuContent, NestedMenuContext, NestedMenuHeader, NestedMenuItem, NestedMenuProvider, SingleSelectMenu, StyledListboxToggleButton, StyledMenuGroup, StyledMenuGroupUl, StyledMenuItem, StyledTitle, SubmenuItem, type TypeActionMenuBaseProps, type TypeActionMenuProps, type TypeAutocompleteInputProps, type TypeAutocompleteProps, type TypeAutocompleteTokenInputProps, type TypeChildrenOrItems, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMergedInputProps, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeHigherOrderComponentProps, type TypeInternalItemProps, type TypeItemElement, type TypeListboxToggleButtonProps, type TypeMapMenuItemsProps, type TypeMenuChildren, type TypeMenuContentElement, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextBaseProps, type TypeMenuContextProps, type TypeMenuGroupBaseProps, type TypeMenuGroupElement, type TypeMenuGroupProps, type TypeMenuGroupStyledProps, type TypeMenuHeaderProps, type TypeMenuItemProps, type TypeMenuItemStyledProps, type TypeMenuPopoutProps, type TypeMenuProviderProps, type TypeMenuRootOwnProps, type TypeMenuRootProps, type TypeMenuSearchInputProps, type TypeMenuSearchTokenInputProps, type TypeMenuToggleButtonProps, type TypeMenuToggleContext, type TypeMenuToggleProviderProps, type TypeMenuTokenInputProps, type TypeMultiAutocompleteProps, type TypeMultiSelectMenuBaseProps, type TypeMultiSelectMenuProps, type TypeNestedMenuContext, type TypeNestedMenuHeaderProps, type TypeNestedMenuItemProps, type TypeNestedMenuMapProps, type TypeNestedMenuProps, type TypeNestedMenuProviderProps, type TypeNotEmptyChildren, type TypeSingleAutocompleteProps, type TypeSingleSelectMenuBaseProps, type TypeSingleSelectMenuProps, type TypeStyledChevronProps, type TypeSubmenuItemProps, type TypeSubmenuValidMenuComponentProps, checkIfItemSelected, defaultMenuContext, getChildrenFromMenuItems, getSelectedItemIds, mapMenuItems, useMenu, useMenuChildren, useMenuContentContext, useMenuToggleContext, useNestedMenuContext, useSelectStateReducer, useSelectStateReducerForMulti };

package/dist/index.d.ts

@@ -1,14 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { UseComboboxProps, UseSelectProps, UseMultipleSelectionProps, UseComboboxReturnValue, UseSelectReturnValue, UseMultipleSelectionReturnValue, UseComboboxGetInputPropsOptions, GetItemPropsOptions } from 'downshift';
 import { TypeBorderSystemProps, TypeColorSystemProps, TypeFlexboxSystemProps, TypeGridSystemProps, TypeLayoutSystemProps, TypePositionSystemProps, TypeSpaceSystemProps, TypeTypographySystemProps, TypeStyledComponentsCommonProps } from '@sproutsocial/seeds-react-system-props';
+import * as styled_components from 'styled-components';
+import * as _sproutsocial_seeds_react_box from '@sproutsocial/seeds-react-box';
+import { TypeBoxProps } from '@sproutsocial/seeds-react-box';
+export { TypeBoxProps as TypeMenuFooterProps } from '@sproutsocial/seeds-react-box';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import { TypePopoutProps } from '@sproutsocial/seeds-react-popout';
 import { TypeTokenInputProps, TypeTokenSpec } from '@sproutsocial/seeds-react-token-input';
-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 { TypeLabelProps } from '@sproutsocial/seeds-react-label';
 import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
@@ -181,12 +181,20 @@ interface TypeMenuRootOwnProps {
 }
 interface TypeMenuRootProps extends Partial<TypeMenuContextProps>, Pick<TypeMenuProviderProps, "children">, TypeMenuRootOwnProps {
 }
+declare const CustomPopoutContent: styled_components.StyledComponent<{
+    ({ children, ...rest }: _sproutsocial_seeds_react_box.TypeBoxProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+}, styled_components.DefaultTheme, {}, never>;
+interface TypeMenuPopoutProps extends Pick<Partial<TypeMenuContextProps>, "openMenu" | "closeMenu">, TypePopoutProps {
+}
+declare const MenuPopout: ({ content, width, isOpen, openMenu, closeMenu, focusLockProps, ...popoutProps }: TypeMenuPopoutProps) => react_jsx_runtime.JSX.Element;
 /**
  * @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: { placement, focusLockProps, ...popoutProps }, width, ...contextProps }: TypeMenuRootProps) => react_jsx_runtime.JSX.Element;
+declare const MenuRootNoPopout: ({ children, menuToggleElement, ...contextProps }: TypeMenuRootProps) => react_jsx_runtime.JSX.Element;
 
 interface TypeInternalItemProps<Item = TypeMenuItemProps> {
     id: string;
@@ -195,6 +203,9 @@ interface TypeInternalItemProps<Item = TypeMenuItemProps> {
     menuItemProps?: Item;
     menuGroupProps?: TypeMenuGroupBaseProps;
 }
+interface TypeHigherOrderComponentProps extends TypeMenuRootOwnProps {
+    MenuRootComponent?: React.ComponentType<TypeMenuRootProps>;
+}
 type TypeChildrenOrItems<I extends TypeMenuItemProps = TypeMenuItemProps> = {
     /** Allows menu items to be passed in as children. Cannot be used with the items prop.*/
     children: TypeMenuRootProps["children"];
@@ -262,7 +273,7 @@ interface TypeMenuHeaderProps extends Omit<React$1.ComponentPropsWithoutRef<"div
  */
 declare const MenuHeader: ({ children, title, leftAction, rightAction, ...rest }: TypeMenuHeaderProps) => react_jsx_runtime.JSX.Element;
 
-type TypeMenuContentProps<I extends TypeMenuItemProps = TypeMenuItemProps> = Omit<HTMLMotionProps<"ul">, "children"> & {
+type TypeMenuContentProps<I extends TypeMenuItemProps = TypeMenuItemProps> = Omit<React.ComponentPropsWithoutRef<"ul">, "children"> & {
     innerRef?: React.Ref<HTMLUListElement>;
 } & TypeChildrenOrItems<I>;
 
@@ -346,7 +357,7 @@ interface TypeMenuSearchTokenInputProps extends TypeMenuTokenInputProps {
 declare const MenuSearchTokenInput: ({ getIsItemVisible, getTokenProps, onChange, inputProps: { value: inputPropsValue, ...inputProps }, value, ...tokenInputProps }: TypeMenuSearchTokenInputProps) => react_jsx_runtime.JSX.Element;
 
 type TypeInvalidMenuProps = "initialSelectedItem" | "defaultSelectedItem" | "selectedItem";
-interface TypeActionMenuBaseProps extends TypeMenuRootOwnProps, Omit<TypeDownshiftSelectProps, TypeInvalidMenuProps> {
+interface TypeActionMenuBaseProps extends TypeHigherOrderComponentProps, Omit<TypeDownshiftSelectProps, TypeInvalidMenuProps> {
 }
 type TypeActionMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeActionMenuBaseProps & TypeChildrenOrItems<I>;
 
@@ -359,9 +370,9 @@ type TypeActionMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps> = Type
  * @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: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, menuItems, MenuItemComponent, stateReducer: externalStateReducer, ...useSelectProps }: TypeActionMenuProps<I>) => react_jsx_runtime.JSX.Element;
+declare const ActionMenu: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, menuItems, MenuItemComponent, stateReducer: externalStateReducer, MenuRootComponent, ...useSelectProps }: TypeActionMenuProps<I>) => react_jsx_runtime.JSX.Element;
 
-interface TypeSingleSelectMenuBaseProps extends TypeMenuRootOwnProps, TypeDownshiftSelectProps {
+interface TypeSingleSelectMenuBaseProps extends TypeHigherOrderComponentProps, TypeDownshiftSelectProps {
 }
 type TypeSingleSelectMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeSingleSelectMenuBaseProps & TypeChildrenOrItems<I>;
 
@@ -373,9 +384,9 @@ type TypeSingleSelectMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps>
  * **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: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, stateReducer: externalStateReducer, menuItems, MenuItemComponent, ...useSelectProps }: TypeSingleSelectMenuProps<I>) => react_jsx_runtime.JSX.Element;
+declare const SingleSelectMenu: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, stateReducer: externalStateReducer, menuItems, MenuItemComponent, MenuRootComponent, ...useSelectProps }: TypeSingleSelectMenuProps<I>) => react_jsx_runtime.JSX.Element;
 
-interface TypeMultiSelectMenuBaseProps extends TypeMenuRootOwnProps, TypeDownshiftSelectProps, TypeDownshiftMultiSelectProps {
+interface TypeMultiSelectMenuBaseProps extends TypeHigherOrderComponentProps, TypeDownshiftSelectProps, TypeDownshiftMultiSelectProps {
 }
 type TypeMultiSelectMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeMultiSelectMenuBaseProps & TypeChildrenOrItems<I>;
 
@@ -386,7 +397,7 @@ type TypeMultiSelectMenuProps<I extends TypeMenuItemProps = TypeMenuItemProps> =
  *
  * @see {@link https://seeds.sproutsocial.com/components/menu-group/ | MenuGroup}
  */
-declare const MultiSelectMenu: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, menuItems, MenuItemComponent, onSelectedItemChange: externalOnSelectedItemChange, stateReducer: externalStateReducer, getA11yMultiStatusMessage, onMultiSelectStateChange, multiSelectStateReducer, ...useSelectProps }: TypeMultiSelectMenuProps<I>) => react_jsx_runtime.JSX.Element;
+declare const MultiSelectMenu: <I extends TypeMenuItemProps = TypeMenuItemProps>({ children: childrenProp, menuItems, MenuItemComponent, onSelectedItemChange: externalOnSelectedItemChange, stateReducer: externalStateReducer, MenuRootComponent, getA11yMultiStatusMessage, onMultiSelectStateChange, multiSelectStateReducer, ...useSelectProps }: TypeMultiSelectMenuProps<I>) => react_jsx_runtime.JSX.Element;
 
 type TypeSubmenuValidMenuComponentProps<I extends TypeMenuItemProps> = TypeChildrenOrItems<I> & (TypeActionMenuProps<I> | TypeSingleSelectMenuProps<I> | TypeMultiSelectMenuProps<I>);
 interface TypeSubmenuItemProps<I extends TypeMenuItemProps, P extends TypeSubmenuValidMenuComponentProps<I>> extends TypeMenuItemProps {
@@ -401,7 +412,17 @@ declare const SubmenuItem: {
     __MENU_PRIMITIVE_TYPE: string;
 };
 
-type TypeSingleAutocompleteProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeMenuRootOwnProps & TypeChildrenOrItems<I> & TypeDownshiftComboboxProps & {
+interface TypeListboxToggleButtonProps extends TypeMenuToggleButtonProps {
+    invalid?: boolean;
+}
+declare const StyledListboxToggleButton: styled_components.StyledComponent<({ children, ...rest }: TypeMenuToggleButtonProps) => react_jsx_runtime.JSX.Element, styled_components.DefaultTheme, TypeListboxToggleButtonProps, never>;
+interface TypeStyledChevronProps {
+    $isOpen?: boolean;
+    invalid?: boolean;
+}
+declare const ListboxToggleButton: ({ children, ...buttonProps }: TypeListboxToggleButtonProps) => react_jsx_runtime.JSX.Element;
+
+type TypeSingleAutocompleteProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeHigherOrderComponentProps & TypeChildrenOrItems<I> & TypeDownshiftComboboxProps & {
     getIsItemVisible?: TypeGetIsItemVisibleFn;
 };
 type TypeMultiAutocompleteProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeSingleAutocompleteProps<I> & TypeDownshiftMultiSelectProps & {
@@ -425,6 +446,12 @@ interface TypeAutocompleteInputProps extends TypeDownshiftMergedInputProps<TypeI
 }
 declare const AutocompleteInput: ({ onKeyDown, onChange, onInput, onBlur, onClick, inputProps, ...rest }: TypeAutocompleteInputProps) => react_jsx_runtime.JSX.Element;
 
+interface TypeAutocompleteTokenInputProps extends TypeDownshiftMergedInputProps<TypeMenuTokenInputProps> {
+}
+declare const AutocompleteTokenInput: ({ onKeyDown, onChange, onInput, onBlur, onClick, inputProps, getTokenProps, ...rest }: TypeAutocompleteTokenInputProps) => react_jsx_runtime.JSX.Element;
+
+declare const AutocompleteSelect: (props: TypeAutocompleteInputProps) => react_jsx_runtime.JSX.Element;
+
 interface TypeNestedMenuMapProps<P, I extends TypeMenuItemProps = TypeNestedMenuItemProps> {
     MenuComponent: React.ComponentType<P>;
     menuProps: Omit<P, "menuToggleElement"> & TypeChildrenOrItems<I>;
@@ -441,9 +468,8 @@ interface TypeNestedMenuHeaderProps extends TypeMenuHeaderProps {
 interface TypeNestedMenuItemProps extends TypeMenuItemProps {
     childMenuId?: string;
 }
-interface TypeNestedMenuProps<I extends TypeMenuItemProps = TypeNestedMenuItemProps> {
+interface TypeNestedMenuProps<I extends TypeMenuItemProps = TypeNestedMenuItemProps> extends Omit<TypeActionMenuBaseProps, "MenuRootComponent"> {
     initialMenuId: string;
-    menuToggleElement: TypeMenuRootProps["menuToggleElement"];
     onBackButtonClick?: (menuId: string) => void;
     /** Sets the default localized label for the back arrow in all child menus.
      *  This label can be overridden by including backArrowLabel in a menu's menuHeaderProps. */
@@ -454,7 +480,7 @@ interface TypeNestedMenuProps<I extends TypeMenuItemProps = TypeNestedMenuItemPr
     };
 }
 
-declare const NestedMenu: <I extends TypeMenuItemProps = TypeNestedMenuItemProps>({ initialMenuId, menus, onBackButtonClick, backArrowLabel, menuToggleElement, }: TypeNestedMenuProps<I>) => react_jsx_runtime.JSX.Element;
+declare const NestedMenu: <I extends TypeMenuItemProps = TypeNestedMenuItemProps>({ initialMenuId, menus, onBackButtonClick, backArrowLabel, menuToggleElement, popoutProps, width, stateReducer: rootExternalStateReducer, id: externalNestedMenuId, ...useSelectProps }: TypeNestedMenuProps<I>) => react_jsx_runtime.JSX.Element;
 
 declare const NestedMenuItem: {
     ({ children, childMenuId, onClick: onClickProp, ...rest }: TypeNestedMenuItemProps): react_jsx_runtime.JSX.Element;
@@ -472,7 +498,12 @@ interface TypeNestedMenuContext {
     selectedMenuPath: string[];
     setSelectedMenuId?: (id: string) => void;
     setSelectedMenuPath?: (path: string[]) => void;
+    resetSelectedMenuPath?: () => void;
     goBack?: () => void;
+    rootMenuContextProps: Omit<TypeMenuContextProps, "items">;
+    activeMenuContext: TypeMenuContext;
+    setActiveMenuContext: (context: TypeMenuContext) => void;
+    animationSpeed: number;
 }
 interface TypeNestedMenuProviderProps extends TypeNestedMenuContext {
     children: TypeNotEmptyChildren;
@@ -522,4 +553,4 @@ declare const useMenuChildren: <I extends TypeMenuItemProps = TypeMenuItemProps>
 declare const useSelectStateReducer: Required<UseSelectProps<TypeInternalItemProps>>["stateReducer"];
 declare const useSelectStateReducerForMulti: Required<UseSelectProps<TypeInternalItemProps>>["stateReducer"];
 
-export { ActionMenu, Autocomplete, AutocompleteInput, INPUT_TYPES, type InputType, MenuContent, MenuContentContext, MenuContentProvider, MenuFooter, MenuGroup, MenuHeader, MenuItem, MenuItemAction, MenuItemActionLeft, MenuItemActionRight, MenuItemContainer, MenuItemRow, MenuItemText, MenuLabel, MenuRoot, MenuSearchInput, MenuSearchTokenInput, MenuToggleButton, MenuToggleContext, MenuToggleProvider, MenuTokenInput, MultiSelectMenu, NestedMenu, NestedMenuContent, NestedMenuContext, NestedMenuHeader, NestedMenuItem, NestedMenuProvider, SingleSelectMenu, StyledMenuGroup, StyledMenuGroupUl, StyledMenuItem, StyledTitle, SubmenuItem, type TypeActionMenuBaseProps, type TypeActionMenuProps, type TypeAutocompleteInputProps, type TypeAutocompleteProps, type TypeChildrenOrItems, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMergedInputProps, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeInternalItemProps, type TypeItemElement, type TypeMapMenuItemsProps, type TypeMenuChildren, type TypeMenuContentElement, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextBaseProps, type TypeMenuContextProps, type TypeMenuGroupBaseProps, type TypeMenuGroupElement, type TypeMenuGroupProps, type TypeMenuGroupStyledProps, type TypeMenuHeaderProps, type TypeMenuItemProps, type TypeMenuItemStyledProps, type TypeMenuProviderProps, type TypeMenuRootOwnProps, type TypeMenuRootProps, type TypeMenuSearchInputProps, type TypeMenuSearchTokenInputProps, type TypeMenuToggleButtonProps, type TypeMenuToggleContext, type TypeMenuToggleProviderProps, type TypeMenuTokenInputProps, type TypeMultiAutocompleteProps, type TypeMultiSelectMenuBaseProps, type TypeMultiSelectMenuProps, type TypeNestedMenuContext, type TypeNestedMenuHeaderProps, type TypeNestedMenuItemProps, type TypeNestedMenuMapProps, type TypeNestedMenuProps, type TypeNestedMenuProviderProps, type TypeNotEmptyChildren, type TypeSingleAutocompleteProps, type TypeSingleSelectMenuBaseProps, type TypeSingleSelectMenuProps, type TypeSubmenuItemProps, type TypeSubmenuValidMenuComponentProps, checkIfItemSelected, defaultMenuContext, getChildrenFromMenuItems, getSelectedItemIds, mapMenuItems, useMenu, useMenuChildren, useMenuContentContext, useMenuToggleContext, useNestedMenuContext, useSelectStateReducer, useSelectStateReducerForMulti };
+export { ActionMenu, Autocomplete, AutocompleteInput, AutocompleteSelect, AutocompleteTokenInput, CustomPopoutContent, INPUT_TYPES, type InputType, ListboxToggleButton, MenuContent, MenuContentContext, MenuContentProvider, MenuFooter, MenuGroup, MenuHeader, MenuItem, MenuItemAction, MenuItemActionLeft, MenuItemActionRight, MenuItemContainer, MenuItemRow, MenuItemText, MenuLabel, MenuPopout, MenuRoot, MenuRootNoPopout, MenuSearchInput, MenuSearchTokenInput, MenuToggleButton, MenuToggleContext, MenuToggleProvider, MenuTokenInput, MultiSelectMenu, NestedMenu, NestedMenuContent, NestedMenuContext, NestedMenuHeader, NestedMenuItem, NestedMenuProvider, SingleSelectMenu, StyledListboxToggleButton, StyledMenuGroup, StyledMenuGroupUl, StyledMenuItem, StyledTitle, SubmenuItem, type TypeActionMenuBaseProps, type TypeActionMenuProps, type TypeAutocompleteInputProps, type TypeAutocompleteProps, type TypeAutocompleteTokenInputProps, type TypeChildrenOrItems, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMergedInputProps, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeHigherOrderComponentProps, type TypeInternalItemProps, type TypeItemElement, type TypeListboxToggleButtonProps, type TypeMapMenuItemsProps, type TypeMenuChildren, type TypeMenuContentElement, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextBaseProps, type TypeMenuContextProps, type TypeMenuGroupBaseProps, type TypeMenuGroupElement, type TypeMenuGroupProps, type TypeMenuGroupStyledProps, type TypeMenuHeaderProps, type TypeMenuItemProps, type TypeMenuItemStyledProps, type TypeMenuPopoutProps, type TypeMenuProviderProps, type TypeMenuRootOwnProps, type TypeMenuRootProps, type TypeMenuSearchInputProps, type TypeMenuSearchTokenInputProps, type TypeMenuToggleButtonProps, type TypeMenuToggleContext, type TypeMenuToggleProviderProps, type TypeMenuTokenInputProps, type TypeMultiAutocompleteProps, type TypeMultiSelectMenuBaseProps, type TypeMultiSelectMenuProps, type TypeNestedMenuContext, type TypeNestedMenuHeaderProps, type TypeNestedMenuItemProps, type TypeNestedMenuMapProps, type TypeNestedMenuProps, type TypeNestedMenuProviderProps, type TypeNotEmptyChildren, type TypeSingleAutocompleteProps, type TypeSingleSelectMenuBaseProps, type TypeSingleSelectMenuProps, type TypeStyledChevronProps, type TypeSubmenuItemProps, type TypeSubmenuValidMenuComponentProps, checkIfItemSelected, defaultMenuContext, getChildrenFromMenuItems, getSelectedItemIds, mapMenuItems, useMenu, useMenuChildren, useMenuContentContext, useMenuToggleContext, useNestedMenuContext, useSelectStateReducer, useSelectStateReducerForMulti };