@sproutsocial/seeds-react-menu 0.2.3 → 0.4.0

package/dist/index.d.mts

@@ -1,17 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as downshift from 'downshift';
-import { GetItemPropsOptions, UseComboboxProps, UseSelectProps, UseMultipleSelectionProps, UseComboboxReturnValue, UseSelectReturnValue, UseMultipleSelectionReturnValue } 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 { GetItemPropsOptions, UseComboboxProps, UseSelectProps, UseMultipleSelectionProps, UseComboboxReturnValue, UseSelectReturnValue, UseMultipleSelectionReturnValue, UseComboboxGetInputPropsOptions } from 'downshift';
 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 * 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 { TypeTextProps } 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';
 
 declare const MENU_ITEM_ROLES: {
     readonly MENUITEM: "menuitem";
@@ -22,11 +23,50 @@ declare const MENU_ITEM_ROLES: {
 };
 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"> {
+    id: string;
+    isSingleSelect?: boolean;
+    title?: string;
+    children?: ReactNode;
+    items?: TypeMenuItemProps[];
+    MenuItemComponent?: typeof MenuItem;
+    titleAs?: string | React.ComponentType<any>;
+}
+
+/**
+ * @link https://seeds.sproutsocial.com/components/menu-group/
+ *
+ * @description MenuGroup is used to group lists of {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src/MenuItem | MenuItems}.
+ *
+ * @example
+ * <ActionMenu>
+ *   <MenuContent>
+ *     <MenuGroup title="Group 1" id="1">
+ *       <MenuItem>Item 1</MenuItem>
+ *     </MenuGroup>
+ *     <MenuGroup title="Group 2" id="2">
+ *       <MenuItem>Item 2</MenuItem>
+ *     </MenuGroup>
+ *   </MenuContent>
+ * </ActionMenu>
+ *
+ * @see {@link https://seeds.sproutsocial.com/components/menu-item/ | MenuItem}
+ */
+declare const MenuGroup: ({ titleAs, children: childrenProp, title, color, isSingleSelect, id, items, MenuItemComponent, ...rest }: TypeMenuGroupProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const StyledMenuGroup: styled_components.StyledComponent<"li", styled_components.DefaultTheme, TypeMenuGroupProps, never>;
+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 TypeDefaultItemProps {
     id: string;
     index: number;
     disabled?: boolean;
+    hidden?: boolean;
     menuItemProps?: TypeMenuItemProps;
+    menuGroupProps?: TypeMenuGroupProps;
 }
 type TypeNotEmptyChildren = React.ReactChild | React.ReactFragment | React.ReactPortal;
 
@@ -87,10 +127,10 @@ interface TypeMenuContentProps extends HTMLMotionProps<"ul"> {
  * <ActionMenu>
  *   <MenuHeader>Header</MenuHeader>
  *   <MenuContent>
- *     <MenuGroup>
+ *     <MenuGroup id="1">
  *       <MenuItem>Item 1</MenuItem>
  *     </MenuGroup>
- *     <MenuGroup>
+ *     <MenuGroup id="2">
  *       <MenuItem>Item 2</MenuItem>
  *     </MenuGroup>
  *   </MenuContent>
@@ -111,39 +151,6 @@ declare const MenuContent: ({ id, children, ...rest }: TypeMenuContentProps) =>
  */
 declare const MenuFooter: ({ children, ...rest }: TypeBoxProps) => react_jsx_runtime.JSX.Element;
 
-interface TypeMenuGroupStyledProps extends TypeBorderSystemProps, TypeColorSystemProps, TypeFlexboxSystemProps, TypeGridSystemProps, TypeLayoutSystemProps, TypePositionSystemProps, TypeSpaceSystemProps, TypeTypographySystemProps {
-}
-interface TypeMenuGroupProps extends TypeMenuGroupStyledProps, Omit<React.ComponentPropsWithoutRef<"ul">, "color"> {
-    title?: string;
-    children: ReactNode;
-    titleAs?: string | React.ComponentType<any>;
-}
-
-/**
- * @link https://seeds.sproutsocial.com/components/menu-group/
- *
- * @description MenuGroup is used to group lists of {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src/MenuItem | MenuItems}.
- *
- * @example
- * <ActionMenu>
- *   <MenuContent>
- *     <MenuGroup title="Group 1">
- *       <MenuItem>Item 1</MenuItem>
- *     </MenuGroup>
- *     <MenuGroup title="Group 1">
- *       <MenuItem>Item 2</MenuItem>
- *     </MenuGroup>
- *   </MenuContent>
- * </ActionMenu>
- *
- * @see {@link https://seeds.sproutsocial.com/components/menu-item/ | MenuItem}
- */
-declare const MenuGroup: ({ titleAs, children, title, color, ...rest }: TypeMenuGroupProps) => react_jsx_runtime.JSX.Element;
-
-declare const StyledMenuGroup: styled_components.StyledComponent<"li", styled_components.DefaultTheme, TypeMenuGroupProps, never>;
-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>> {
@@ -163,6 +170,9 @@ type TypeDonwshiftSharedReturnValue = "getLabelProps" | "getToggleButtonProps" |
 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"];
@@ -178,13 +188,14 @@ interface TypeMenuContext extends TypeMenuContextProps {
         [key: string]: TypeDefaultItemProps;
     };
 }
-interface TypeMenuProviderProps extends Partial<TypeMenuContextProps> {
+interface TypeMenuProviderProps {
     children: TypeNotEmptyChildren;
+    menuProps: Partial<TypeMenuContextProps>;
 }
 /**
  * Hook for initializing Menu context
  */
-declare const useMenu: ({ items, isListbox, isOpen, ...rest }?: Partial<TypeMenuContextProps>) => TypeMenuContext;
+declare const useMenu: ({ items, isListbox, isOpen, itemsMap: itemsMapFromProps, ...rest }?: Partial<TypeMenuContextProps>) => TypeMenuContext;
 /**
  * MenuContext factory, sets the type and the initial object
  */
@@ -192,7 +203,7 @@ declare const MenuContext: React__default.Context<TypeMenuContext>;
 /**
  * Provider Component sets the context values into the provider
  */
-declare const MenuProvider: ({ children, ...overrides }: TypeMenuProviderProps) => react_jsx_runtime.JSX.Element;
+declare const MenuProvider: ({ children, menuProps, }: TypeMenuProviderProps) => react_jsx_runtime.JSX.Element;
 /**
  * Utility hook for consuming MenuContext
  */
@@ -203,16 +214,16 @@ interface TypeMenuRootOwnProps {
     popoutProps?: Partial<Omit<TypePopoutProps, "isOpen" | "setIsOpen" | "content" | "children">>;
     width?: TypePopoutProps["width"];
 }
-interface TypeMenuRootProps extends Partial<TypeMenuProviderProps>, TypeMenuRootOwnProps {
+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, width, ...contextProps }: TypeMenuRootProps) => react_jsx_runtime.JSX.Element;
+declare const MenuRoot: ({ children, menuToggleElement, popoutProps: { focusLockProps, ...popoutProps }, width, ...contextProps }: TypeMenuRootProps) => react_jsx_runtime.JSX.Element;
 
-declare const MenuLabel: ({ children, ...rest }: TypeTextProps) => react_jsx_runtime.JSX.Element;
+declare const MenuLabel: ({ children, ...rest }: Partial<TypeLabelProps>) => react_jsx_runtime.JSX.Element;
 
 interface TypeMenuToggleButtonProps extends Partial<TypeButtonProps> {
     children: ReactNode;
@@ -262,12 +273,33 @@ interface TypeMultiSelectMenuProps extends TypeMenuRootOwnProps, TypeDownshiftSe
  */
 declare const MultiSelectMenu: ({ children, stateReducer: externalStateReducer, getA11yMultiStatusMessage, onMultiSelectStateChange, multiSelectStateReducer, ...useSelectProps }: TypeMultiSelectMenuProps) => react_jsx_runtime.JSX.Element;
 
+interface TypeAutocompleteProps extends TypeMenuRootOwnProps, TypeDownshiftComboboxProps {
+    children: TypeMenuRootProps["children"];
+    getIsItemVisible?: (item: TypeMenuContext["items"][number], inputValue: string) => boolean;
+}
+
+/**
+ * @link https://seeds.sproutsocial.com/components/multiselect-menu/
+ *
+ * @description A Autocomplete allows multiple {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src/MenuItem | MenuItems} to be selected from a list or groups of lists.
+ *
+ * @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;
+
+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 TypeItemElements {
-    element: React__default.ReactElement<TypeMenuItemProps>;
-    parents: readonly React__default.ReactNode[];
+type TypeItemElement = React__default.ReactElement<TypeMenuItemProps>;
+type TypeMenuGroupElement = React__default.ReactElement<TypeMenuGroupProps>;
+interface TypeMenuChildren {
+    type: "item" | "group";
+    element: React__default.ReactElement<TypeMenuGroupProps> | React__default.ReactElement<TypeMenuItemProps>;
 }
 declare const useItemsFromChildren: ({ children, }: TypeUseItemsFromChildrenProps) => {
     allMenuItems: TypeDefaultItemProps[];
@@ -282,4 +314,4 @@ declare const defaultUseSelectProps: {
     isItemDisabled: (item: any) => boolean;
 };
 
-export { ActionMenu, 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 TypeDefaultItemProps, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeItemElements, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextProps, 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 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 };

package/dist/index.d.ts

@@ -1,17 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as downshift from 'downshift';
-import { GetItemPropsOptions, UseComboboxProps, UseSelectProps, UseMultipleSelectionProps, UseComboboxReturnValue, UseSelectReturnValue, UseMultipleSelectionReturnValue } 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 { GetItemPropsOptions, UseComboboxProps, UseSelectProps, UseMultipleSelectionProps, UseComboboxReturnValue, UseSelectReturnValue, UseMultipleSelectionReturnValue, UseComboboxGetInputPropsOptions } from 'downshift';
 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 * 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 { TypeTextProps } 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';
 
 declare const MENU_ITEM_ROLES: {
     readonly MENUITEM: "menuitem";
@@ -22,11 +23,50 @@ declare const MENU_ITEM_ROLES: {
 };
 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"> {
+    id: string;
+    isSingleSelect?: boolean;
+    title?: string;
+    children?: ReactNode;
+    items?: TypeMenuItemProps[];
+    MenuItemComponent?: typeof MenuItem;
+    titleAs?: string | React.ComponentType<any>;
+}
+
+/**
+ * @link https://seeds.sproutsocial.com/components/menu-group/
+ *
+ * @description MenuGroup is used to group lists of {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src/MenuItem | MenuItems}.
+ *
+ * @example
+ * <ActionMenu>
+ *   <MenuContent>
+ *     <MenuGroup title="Group 1" id="1">
+ *       <MenuItem>Item 1</MenuItem>
+ *     </MenuGroup>
+ *     <MenuGroup title="Group 2" id="2">
+ *       <MenuItem>Item 2</MenuItem>
+ *     </MenuGroup>
+ *   </MenuContent>
+ * </ActionMenu>
+ *
+ * @see {@link https://seeds.sproutsocial.com/components/menu-item/ | MenuItem}
+ */
+declare const MenuGroup: ({ titleAs, children: childrenProp, title, color, isSingleSelect, id, items, MenuItemComponent, ...rest }: TypeMenuGroupProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const StyledMenuGroup: styled_components.StyledComponent<"li", styled_components.DefaultTheme, TypeMenuGroupProps, never>;
+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 TypeDefaultItemProps {
     id: string;
     index: number;
     disabled?: boolean;
+    hidden?: boolean;
     menuItemProps?: TypeMenuItemProps;
+    menuGroupProps?: TypeMenuGroupProps;
 }
 type TypeNotEmptyChildren = React.ReactChild | React.ReactFragment | React.ReactPortal;
 
@@ -87,10 +127,10 @@ interface TypeMenuContentProps extends HTMLMotionProps<"ul"> {
  * <ActionMenu>
  *   <MenuHeader>Header</MenuHeader>
  *   <MenuContent>
- *     <MenuGroup>
+ *     <MenuGroup id="1">
  *       <MenuItem>Item 1</MenuItem>
  *     </MenuGroup>
- *     <MenuGroup>
+ *     <MenuGroup id="2">
  *       <MenuItem>Item 2</MenuItem>
  *     </MenuGroup>
  *   </MenuContent>
@@ -111,39 +151,6 @@ declare const MenuContent: ({ id, children, ...rest }: TypeMenuContentProps) =>
  */
 declare const MenuFooter: ({ children, ...rest }: TypeBoxProps) => react_jsx_runtime.JSX.Element;
 
-interface TypeMenuGroupStyledProps extends TypeBorderSystemProps, TypeColorSystemProps, TypeFlexboxSystemProps, TypeGridSystemProps, TypeLayoutSystemProps, TypePositionSystemProps, TypeSpaceSystemProps, TypeTypographySystemProps {
-}
-interface TypeMenuGroupProps extends TypeMenuGroupStyledProps, Omit<React.ComponentPropsWithoutRef<"ul">, "color"> {
-    title?: string;
-    children: ReactNode;
-    titleAs?: string | React.ComponentType<any>;
-}
-
-/**
- * @link https://seeds.sproutsocial.com/components/menu-group/
- *
- * @description MenuGroup is used to group lists of {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src/MenuItem | MenuItems}.
- *
- * @example
- * <ActionMenu>
- *   <MenuContent>
- *     <MenuGroup title="Group 1">
- *       <MenuItem>Item 1</MenuItem>
- *     </MenuGroup>
- *     <MenuGroup title="Group 1">
- *       <MenuItem>Item 2</MenuItem>
- *     </MenuGroup>
- *   </MenuContent>
- * </ActionMenu>
- *
- * @see {@link https://seeds.sproutsocial.com/components/menu-item/ | MenuItem}
- */
-declare const MenuGroup: ({ titleAs, children, title, color, ...rest }: TypeMenuGroupProps) => react_jsx_runtime.JSX.Element;
-
-declare const StyledMenuGroup: styled_components.StyledComponent<"li", styled_components.DefaultTheme, TypeMenuGroupProps, never>;
-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>> {
@@ -163,6 +170,9 @@ type TypeDonwshiftSharedReturnValue = "getLabelProps" | "getToggleButtonProps" |
 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"];
@@ -178,13 +188,14 @@ interface TypeMenuContext extends TypeMenuContextProps {
         [key: string]: TypeDefaultItemProps;
     };
 }
-interface TypeMenuProviderProps extends Partial<TypeMenuContextProps> {
+interface TypeMenuProviderProps {
     children: TypeNotEmptyChildren;
+    menuProps: Partial<TypeMenuContextProps>;
 }
 /**
  * Hook for initializing Menu context
  */
-declare const useMenu: ({ items, isListbox, isOpen, ...rest }?: Partial<TypeMenuContextProps>) => TypeMenuContext;
+declare const useMenu: ({ items, isListbox, isOpen, itemsMap: itemsMapFromProps, ...rest }?: Partial<TypeMenuContextProps>) => TypeMenuContext;
 /**
  * MenuContext factory, sets the type and the initial object
  */
@@ -192,7 +203,7 @@ declare const MenuContext: React__default.Context<TypeMenuContext>;
 /**
  * Provider Component sets the context values into the provider
  */
-declare const MenuProvider: ({ children, ...overrides }: TypeMenuProviderProps) => react_jsx_runtime.JSX.Element;
+declare const MenuProvider: ({ children, menuProps, }: TypeMenuProviderProps) => react_jsx_runtime.JSX.Element;
 /**
  * Utility hook for consuming MenuContext
  */
@@ -203,16 +214,16 @@ interface TypeMenuRootOwnProps {
     popoutProps?: Partial<Omit<TypePopoutProps, "isOpen" | "setIsOpen" | "content" | "children">>;
     width?: TypePopoutProps["width"];
 }
-interface TypeMenuRootProps extends Partial<TypeMenuProviderProps>, TypeMenuRootOwnProps {
+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, width, ...contextProps }: TypeMenuRootProps) => react_jsx_runtime.JSX.Element;
+declare const MenuRoot: ({ children, menuToggleElement, popoutProps: { focusLockProps, ...popoutProps }, width, ...contextProps }: TypeMenuRootProps) => react_jsx_runtime.JSX.Element;
 
-declare const MenuLabel: ({ children, ...rest }: TypeTextProps) => react_jsx_runtime.JSX.Element;
+declare const MenuLabel: ({ children, ...rest }: Partial<TypeLabelProps>) => react_jsx_runtime.JSX.Element;
 
 interface TypeMenuToggleButtonProps extends Partial<TypeButtonProps> {
     children: ReactNode;
@@ -262,12 +273,33 @@ interface TypeMultiSelectMenuProps extends TypeMenuRootOwnProps, TypeDownshiftSe
  */
 declare const MultiSelectMenu: ({ children, stateReducer: externalStateReducer, getA11yMultiStatusMessage, onMultiSelectStateChange, multiSelectStateReducer, ...useSelectProps }: TypeMultiSelectMenuProps) => react_jsx_runtime.JSX.Element;
 
+interface TypeAutocompleteProps extends TypeMenuRootOwnProps, TypeDownshiftComboboxProps {
+    children: TypeMenuRootProps["children"];
+    getIsItemVisible?: (item: TypeMenuContext["items"][number], inputValue: string) => boolean;
+}
+
+/**
+ * @link https://seeds.sproutsocial.com/components/multiselect-menu/
+ *
+ * @description A Autocomplete allows multiple {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src/MenuItem | MenuItems} to be selected from a list or groups of lists.
+ *
+ * @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;
+
+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 TypeItemElements {
-    element: React__default.ReactElement<TypeMenuItemProps>;
-    parents: readonly React__default.ReactNode[];
+type TypeItemElement = React__default.ReactElement<TypeMenuItemProps>;
+type TypeMenuGroupElement = React__default.ReactElement<TypeMenuGroupProps>;
+interface TypeMenuChildren {
+    type: "item" | "group";
+    element: React__default.ReactElement<TypeMenuGroupProps> | React__default.ReactElement<TypeMenuItemProps>;
 }
 declare const useItemsFromChildren: ({ children, }: TypeUseItemsFromChildrenProps) => {
     allMenuItems: TypeDefaultItemProps[];
@@ -282,4 +314,4 @@ declare const defaultUseSelectProps: {
     isItemDisabled: (item: any) => boolean;
 };
 
-export { ActionMenu, 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 TypeDefaultItemProps, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeItemElements, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextProps, 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 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 };