@sproutsocial/seeds-react-menu 1.2.1 → 1.2.3

package/dist/index.js

@@ -127,7 +127,6 @@ __export(index_exports, {
   MenuLabel: () => MenuLabel,
   MenuPopout: () => MenuPopout,
   MenuRoot: () => MenuRoot,
-  MenuRootNoPopout: () => MenuRootNoPopout,
   MenuSearchInput: () => MenuSearchInput,
   MenuSearchTokenInput: () => MenuSearchTokenInput,
   MenuToggleButton: () => MenuToggleButton,
@@ -2708,12 +2707,6 @@ var MenuRoot = ({
       setFinalWidth(min_width);
     }
   }, [width2, toggleElementRef.current?.offsetWidth]);
-  (0, import_react10.useEffect)(() => {
-    if (!inputValue) return;
-    if (items && hiddenItemsCount >= items.length && isOpen) {
-      closeMenu?.();
-    }
-  }, [hiddenItemsCount, items?.length, isOpen, inputValue]);
   const menuContext = useMenu(contextProps);
   getMenuProps?.({}, { suppressRefError: true });
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -2743,32 +2736,36 @@ var MenuRoot = ({
     }
   );
 };
-var MenuRootNoPopout = ({
-  children,
-  menuToggleElement,
-  ...contextProps
-}) => {
-  const menuContext = useMenu(contextProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuContentProvider, { menuContext, children });
-};
 
 // src/MenuLabel.tsx
 var import_react11 = require("react");
 var import_seeds_react_label = require("@sproutsocial/seeds-react-label");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var MenuLabel = ({ children, ...rest }) => {
+var import_jsx_runtime11 = (
+  // This fallback id should never be used, but it is here to satisfy TypeScript since getLabelProps could be undefined.
+  require("react/jsx-runtime")
+);
+var MenuLabel = ({
+  children,
+  required = false,
+  ...rest
+}) => {
   const { getLabelProps } = useMenuToggleContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_seeds_react_label.Label, { htmlFor: "fallback_menu_label", ...getLabelProps?.(), ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_seeds_react_label.Label,
+    {
+      htmlFor: "fallback_menu_label",
+      required,
+      ...getLabelProps?.(),
+      ...rest,
+      children
+    }
+  );
 };
 
 // src/MenuToggleButton/MenuToggleButton.tsx
-var import_react12 = require("react");
 var import_seeds_react_button = require("@sproutsocial/seeds-react-button");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var MenuToggleButton = ({
-  children,
-  ...rest
-}) => {
+var MenuToggleButton = (props) => {
   const { getToggleButtonProps, isListbox, getDropdownProps, ref, ariaProps } = useMenuToggleContext();
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_seeds_react_button.Button,
@@ -2781,18 +2778,17 @@ var MenuToggleButton = ({
         ...ariaProps,
         ...isListbox ? {} : { role: "button", "aria-haspopup": "menu" }
       }),
-      ...rest,
-      children
+      ...props
     }
   );
 };
 
 // src/MenuSearchInput/MenuSearchInput.tsx
-var import_react14 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var import_seeds_react_input = require("@sproutsocial/seeds-react-input");
 
 // src/hooks/useItemFiltering.tsx
-var import_react13 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // src/utils/downshiftDefaults.ts
 var itemToString = (item) => {
@@ -2812,8 +2808,8 @@ var useItemFiltering = ({
   getShouldFilter = defaultGetShouldFilter,
   setHiddenItemsMap: setHiddenItemsMapProp
 }) => {
-  const [hiddenItemsMap, setHiddenItemsMap] = import_react13.default.useState({});
-  const updateFilteredItems = import_react13.default.useCallback(
+  const [hiddenItemsMap, setHiddenItemsMap] = import_react12.default.useState({});
+  const updateFilteredItems = import_react12.default.useCallback(
     ({ inputValue }) => {
       const newHiddenItems = getShouldFilter({ inputValue }) ? allMenuItems.reduce((map, item) => {
         const isItemVisible = getIsItemVisible(item, inputValue);
@@ -2850,11 +2846,11 @@ var MenuSearchInput = ({
     getIsItemVisible,
     setHiddenItemsMap
   });
-  import_react14.default.useEffect(() => {
+  import_react13.default.useEffect(() => {
     updateFilteredItems({ inputValue: restInputProps.value || "" });
   }, [isOpen, restInputProps.value]);
   const toggleButtonProps = getToggleButtonProps?.() || {};
-  const handleKeyDown = import_react14.default.useCallback(
+  const handleKeyDown = import_react13.default.useCallback(
     (e) => {
       if (e.key === " ") return;
       toggleButtonProps.onKeyDown?.(e);
@@ -2881,7 +2877,7 @@ var MenuSearchInput = ({
 };
 
 // src/MenuTokenInput.tsx
-var import_react15 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var import_styled_components11 = __toESM(require("styled-components"));
 var import_seeds_react_token_input = require("@sproutsocial/seeds-react-token-input");
 var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -2914,7 +2910,7 @@ var MenuTokenInput = ({
     removeSelectedItem,
     setActiveIndex,
     selectedItems = []
-  } = import_react15.default.useContext(MenuContext);
+  } = import_react14.default.useContext(MenuContext);
   const removeToken = (tokenId) => {
     const tokenToRemove = selectedItems?.find((item) => item.id === tokenId);
     tokenToRemove && removeSelectedItem?.(tokenToRemove);
@@ -2968,7 +2964,7 @@ var MenuTokenInput = ({
 };
 
 // src/MenuSearchTokenInput/MenuSearchTokenInput.tsx
-var import_react16 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var MenuSearchTokenInput = ({
   getIsItemVisible,
@@ -2992,10 +2988,10 @@ var MenuSearchTokenInput = ({
     setHiddenItemsMap
   });
   const controlledValue = value || inputPropsValue !== void 0 ? `${inputPropsValue}` : void 0;
-  const [internalValue, setInternalValue] = import_react16.default.useState(
+  const [internalValue, setInternalValue] = import_react15.default.useState(
     controlledValue || ""
   );
-  const updateFilteredState = import_react16.default.useCallback(
+  const updateFilteredState = import_react15.default.useCallback(
     // defaults to an empty string if no value is passed
     (value2 = "") => {
       setInternalValue(value2);
@@ -3003,14 +2999,14 @@ var MenuSearchTokenInput = ({
     },
     [updateFilteredItems]
   );
-  import_react16.default.useEffect(() => {
+  import_react15.default.useEffect(() => {
     updateFilteredState(controlledValue);
   }, [controlledValue]);
-  import_react16.default.useEffect(() => {
+  import_react15.default.useEffect(() => {
     updateFilteredState(controlledValue);
   }, [isOpen]);
   const toggleButtonProps = getToggleButtonProps?.() || {};
-  const handleKeyDown = import_react16.default.useCallback(
+  const handleKeyDown = import_react15.default.useCallback(
     (e) => {
       if (e.key === " ") return;
       toggleButtonProps.onKeyDown?.(e);
@@ -3038,7 +3034,7 @@ var MenuSearchTokenInput = ({
 };
 
 // src/SubmenuItem/SubmenuItem.tsx
-var import_react17 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 var import_seeds_react_icon2 = require("@sproutsocial/seeds-react-icon");
 var import_seeds_react_box3 = require("@sproutsocial/seeds-react-box");
 var import_seeds_react_utilities2 = require("@sproutsocial/seeds-react-utilities");
@@ -3100,17 +3096,17 @@ var SubmenuItem = ({
     itemsMap,
     isOpen: parentIsOpen
   } = useMenuContentContext();
-  const [submenuIsFocused, setSubmenuIsFocused] = import_react17.default.useState(false);
-  const [submenuIsOpen, setSubmenuIsOpen] = import_react17.default.useState(false);
-  const [submenuIsActive, setSubmenuIsActive] = import_react17.default.useState(false);
-  const submenuItemRef = import_react17.default.useRef(null);
-  const submenuRef = import_react17.default.useRef(null);
+  const [submenuIsFocused, setSubmenuIsFocused] = import_react16.default.useState(false);
+  const [submenuIsOpen, setSubmenuIsOpen] = import_react16.default.useState(false);
+  const [submenuIsActive, setSubmenuIsActive] = import_react16.default.useState(false);
+  const submenuItemRef = import_react16.default.useRef(null);
+  const submenuRef = import_react16.default.useRef(null);
   const menuContent = menuItems ? getChildrenFromMenuItems({ menuItems, MenuItemComponent }) : menuChildren;
   const item = itemsMap[id] || {
     index: 0,
     id
   };
-  import_react17.default.useEffect(() => {
+  import_react16.default.useEffect(() => {
     if (highlightedIndex === item.index) {
       !submenuIsOpen && setSubmenuIsOpen(true);
     } else if (submenuIsOpen && highlightedIndex !== -1) {
@@ -3118,7 +3114,7 @@ var SubmenuItem = ({
       setSubmenuIsActive(false);
     }
   }, [highlightedIndex, item.index, submenuIsOpen, setSubmenuIsOpen]);
-  const onSubmenuStateChange = import_react17.default.useCallback(
+  const onSubmenuStateChange = import_react16.default.useCallback(
     (state) => {
       if (state.isOpen !== void 0) {
         setSubmenuIsOpen(state.isOpen);
@@ -3162,7 +3158,7 @@ var SubmenuItem = ({
       onMenuItemClick();
     }
   };
-  import_react17.default.useEffect(() => {
+  import_react16.default.useEffect(() => {
     if (document && document.body) {
       document.body.addEventListener("click", onBodyClick, {
         capture: true
@@ -3266,11 +3262,11 @@ var ListboxToggleButton = ({
 };
 
 // src/ActionMenu/ActionMenu.tsx
-var import_react19 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var import_downshift3 = require("downshift");
 
 // src/hooks/useDownshiftDefaults.tsx
-var import_react18 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 
 // src/reducers/useComboboxStateReducer.tsx
 var import_downshift = require("downshift");
@@ -3394,12 +3390,12 @@ var useDownshiftDefaults = ({
   isMulti = false,
   multiSelectProps = {}
 } = {}) => {
-  const [hiddenItemsMap, setHiddenItemsMap] = import_react18.default.useState({});
-  const hiddenItemsCount = import_react18.default.useMemo(
+  const [hiddenItemsMap, setHiddenItemsMap] = import_react17.default.useState({});
+  const hiddenItemsCount = import_react17.default.useMemo(
     () => Object.keys(hiddenItemsMap).filter(Boolean).length,
     [hiddenItemsMap]
   );
-  const isItemDisabled = import_react18.default.useCallback(
+  const isItemDisabled = import_react17.default.useCallback(
     (item) => Boolean(item.disabled || hiddenItemsMap[item.id]),
     [hiddenItemsMap]
   );
@@ -3478,7 +3474,7 @@ var ActionMenu = ({
   const { defaultDownshiftProps, ...restDefaults } = useDownshiftDefaults({
     isCombobox: false
   });
-  const [currentSelectedItem, setCurrentSelectedItem] = import_react19.default.useState(null);
+  const [currentSelectedItem, setCurrentSelectedItem] = import_react18.default.useState(null);
   const { isOpen, ...useSelectReturnProps } = (0, import_downshift3.useSelect)({
     ...defaultDownshiftProps.select,
     items: allMenuItems,
@@ -3490,7 +3486,7 @@ var ActionMenu = ({
     ),
     ...useSelectProps
   });
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     setCurrentSelectedItem(useSelectReturnProps.selectedItem);
   }, [useSelectReturnProps.selectedItem]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -3512,7 +3508,7 @@ var ActionMenu = ({
 };
 
 // src/SingleSelectMenu/SingleSelectMenu.tsx
-var import_react20 = require("react");
+var import_react19 = require("react");
 var import_downshift4 = require("downshift");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var SingleSelectMenu = ({
@@ -3560,7 +3556,7 @@ var SingleSelectMenu = ({
 };
 
 // src/MultiSelectMenu/MultiSelectMenu.tsx
-var import_react21 = require("react");
+var import_react20 = require("react");
 var import_downshift5 = require("downshift");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var MultiSelectMenu = ({
@@ -3663,10 +3659,10 @@ var MultiSelectMenu = ({
 };
 
 // src/Autocomplete/Autocomplete.tsx
-var import_react24 = require("react");
+var import_react23 = require("react");
 
 // src/Autocomplete/SingleAutocomplete.tsx
-var import_react22 = require("react");
+var import_react21 = __toESM(require("react"));
 var import_downshift6 = require("downshift");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var SingleAutocomplete = ({
@@ -3684,14 +3680,15 @@ var SingleAutocomplete = ({
     menuItems,
     MenuItemComponent
   });
-  const { setHiddenItemsMap, defaultDownshiftProps, ...restDefaults } = useDownshiftDefaults({ isCombobox: true });
+  const downshiftDefaults = useDownshiftDefaults({ isCombobox: true });
+  const { setHiddenItemsMap, defaultDownshiftProps, hiddenItemsCount } = downshiftDefaults;
   const { updateFilteredItems } = useItemFiltering({
     allMenuItems,
     itemToString: itemToString2,
     getIsItemVisible,
     setHiddenItemsMap
   });
-  const { isOpen, ...useComboboxReturnProps } = (0, import_downshift6.useCombobox)({
+  const useComboboxReturnProps = (0, import_downshift6.useCombobox)({
     ...defaultDownshiftProps.combobox,
     items: allMenuItems,
     itemToString: itemToString2,
@@ -3702,6 +3699,13 @@ var SingleAutocomplete = ({
     ),
     ...useComboboxProps
   });
+  const { isOpen, closeMenu, inputValue } = useComboboxReturnProps;
+  import_react21.default.useEffect(() => {
+    if (!inputValue) return;
+    if (allMenuItems && hiddenItemsCount >= allMenuItems.length && isOpen) {
+      closeMenu?.();
+    }
+  }, [hiddenItemsCount, allMenuItems?.length, isOpen, inputValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     MenuRootComponent,
     {
@@ -3709,11 +3713,9 @@ var SingleAutocomplete = ({
         isListbox: true,
         items: allMenuItems,
         itemToString: itemToString2,
-        isOpen,
-        setHiddenItemsMap,
         ...useComboboxProps,
         ...useComboboxReturnProps,
-        ...restDefaults
+        ...downshiftDefaults
       },
       popoutProps: {
         focusOnContent: false
@@ -3724,7 +3726,7 @@ var SingleAutocomplete = ({
 };
 
 // src/Autocomplete/MultiAutocomplete.tsx
-var import_react23 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 var import_downshift7 = require("downshift");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var MultiAutocomplete = ({
@@ -3750,21 +3752,21 @@ var MultiAutocomplete = ({
     menuItems,
     MenuItemComponent
   });
-  const [selectedItems, setSelectedItems] = import_react23.default.useState(initialSelectedItems);
-  const [selectedItemIds, setSelectedItemIds] = import_react23.default.useState(getSelectedItemIds(initialSelectedItems));
-  const getIsItemVisibleMulti = import_react23.default.useCallback(
-    (item, inputValue) => {
-      return (showSelectedItemsInDropdown || !selectedItemIds[item.id]) && getIsItemVisible(item, inputValue);
+  const [selectedItems, setSelectedItems] = import_react22.default.useState(initialSelectedItems);
+  const [selectedItemIds, setSelectedItemIds] = import_react22.default.useState(getSelectedItemIds(initialSelectedItems));
+  const getIsItemVisibleMulti = import_react22.default.useCallback(
+    (item, inputValue2) => {
+      return (showSelectedItemsInDropdown || !selectedItemIds[item.id]) && getIsItemVisible(item, inputValue2);
     },
     [selectedItemIds, showSelectedItemsInDropdown, getIsItemVisible]
   );
-  const getShouldFilterMulti = import_react23.default.useCallback(
+  const getShouldFilterMulti = import_react22.default.useCallback(
     (args) => {
       return !showSelectedItemsInDropdown && Object.keys(selectedItemIds).length > 0 || defaultGetShouldFilter(args);
     },
     [selectedItemIds, showSelectedItemsInDropdown, getIsItemVisible]
   );
-  const { setHiddenItemsMap, defaultDownshiftProps, ...restDefaults } = useDownshiftDefaults({
+  const downshiftDefaults = useDownshiftDefaults({
     isCombobox: true,
     isMulti: true,
     // handles the prop name mapping for multi select
@@ -3775,6 +3777,7 @@ var MultiAutocomplete = ({
       ...useComboboxProps
     }
   });
+  const { setHiddenItemsMap, defaultDownshiftProps, hiddenItemsCount } = downshiftDefaults;
   const { updateFilteredItems } = useItemFiltering({
     allMenuItems,
     itemToString: itemToString2,
@@ -3782,7 +3785,7 @@ var MultiAutocomplete = ({
     getShouldFilter: getShouldFilterMulti,
     setHiddenItemsMap
   });
-  import_react23.default.useEffect(() => {
+  import_react22.default.useEffect(() => {
     updateFilteredItems({ inputValue: "" });
   }, [selectedItemIds]);
   const useMultipleSelectionReturnProps = (0, import_downshift7.useMultipleSelection)({
@@ -3795,7 +3798,7 @@ var MultiAutocomplete = ({
       onSelectedItemsChange && onSelectedItemsChange({ selectedItems: selectedItems2, ...changes });
     }
   });
-  const { isOpen, ...useComboboxReturnProps } = (0, import_downshift7.useCombobox)({
+  const useComboboxReturnProps = (0, import_downshift7.useCombobox)({
     ...defaultDownshiftProps.combobox,
     items: allMenuItems,
     itemToString: itemToString2,
@@ -3805,7 +3808,7 @@ var MultiAutocomplete = ({
       externalStateReducer
     ),
     onStateChange(changes) {
-      const { type, selectedItem: newSelectedItem, inputValue } = changes;
+      const { type, selectedItem: newSelectedItem, inputValue: inputValue2 } = changes;
       switch (type) {
         // Add the selected item to the selected items list
         case import_downshift7.useCombobox.stateChangeTypes.InputKeyDownEnter:
@@ -3826,11 +3829,18 @@ var MultiAutocomplete = ({
         default:
           break;
       }
-      if (inputValue !== void 0) updateFilteredItems({ inputValue });
+      if (inputValue2 !== void 0) updateFilteredItems({ inputValue: inputValue2 });
       onStateChange && onStateChange(changes);
     },
     ...useComboboxProps
   });
+  const { isOpen, closeMenu, inputValue } = useComboboxReturnProps;
+  import_react22.default.useEffect(() => {
+    if (!inputValue) return;
+    if (allMenuItems && hiddenItemsCount >= allMenuItems.length && isOpen) {
+      closeMenu?.();
+    }
+  }, [hiddenItemsCount, allMenuItems?.length, isOpen, inputValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     MenuRootComponent,
     {
@@ -3838,18 +3848,16 @@ var MultiAutocomplete = ({
         isListbox: true,
         items: allMenuItems,
         itemToString: itemToString2,
-        isOpen,
         initialSelectedItems,
         onStateChange,
         onSelectedItemsChange,
         getA11yMultiStatusMessage,
         onMultiSelectStateChange,
         multiSelectStateReducer,
-        setHiddenItemsMap,
         ...useComboboxProps,
         ...useComboboxReturnProps,
         ...useMultipleSelectionReturnProps,
-        ...restDefaults
+        ...downshiftDefaults
       },
       popoutProps: {
         focusOnContent: false
@@ -3862,7 +3870,7 @@ var MultiAutocomplete = ({
 // src/Autocomplete/Autocomplete.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var Autocomplete = ({
-  multiSelect,
+  multiSelect = false,
   ...rest
 }) => {
   if (multiSelect) {
@@ -3872,7 +3880,7 @@ var Autocomplete = ({
 };
 
 // src/Autocomplete/AutocompleteInput.tsx
-var import_react25 = require("react");
+var import_react24 = require("react");
 var import_seeds_react_input2 = require("@sproutsocial/seeds-react-input");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var AutocompleteInput = ({
@@ -3910,7 +3918,7 @@ var AutocompleteInput = ({
 };
 
 // src/Autocomplete/AutocompleteTokenInput.tsx
-var import_react26 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var AutocompleteTokenInput = ({
   onKeyDown,
@@ -3954,7 +3962,7 @@ var AutocompleteTokenInput = ({
 
 // src/Autocomplete/AutocompleteSelect.tsx
 var import_seeds_react_icon4 = __toESM(require("@sproutsocial/seeds-react-icon"));
-var import_react27 = require("react");
+var import_react26 = require("react");
 var import_styled_components13 = __toESM(require("styled-components"));
 var import_seeds_react_input3 = require("@sproutsocial/seeds-react-input");
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -3974,8 +3982,8 @@ var AutocompleteSelect = (props) => {
 };
 
 // src/NestedMenu/NestedMenu.tsx
-var import_react33 = require("react");
-var import_react34 = require("motion/react");
+var import_react32 = require("react");
+var import_react33 = require("motion/react");
 var import_downshift9 = require("downshift");
 
 // src/reducers/nestedMenuStateReducer.tsx
@@ -4003,7 +4011,7 @@ var nestedMenuStateReducer = (_state, actionAndChanges) => {
 };
 
 // src/NestedMenu/NestedMenuContext.tsx
-var import_react28 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var defaultNestedMenuContext = {
   selectedMenuPath: [],
@@ -4021,7 +4029,7 @@ var defaultNestedMenuContext = {
   },
   animationSpeed: MOTION_DURATION_FAST
 };
-var NestedMenuContext = (0, import_react28.createContext)(
+var NestedMenuContext = (0, import_react27.createContext)(
   defaultNestedMenuContext
 );
 var NestedMenuProvider = ({
@@ -4031,7 +4039,7 @@ var NestedMenuProvider = ({
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(NestedMenuContext.Provider, { value: nestedMenuProps, children });
 };
 var useNestedMenuContext = () => {
-  const nestedMenuContextValue = (0, import_react28.useContext)(NestedMenuContext);
+  const nestedMenuContextValue = (0, import_react27.useContext)(NestedMenuContext);
   if (nestedMenuContextValue === null) {
     throw new Error(
       "useNestedMenuContext must be used within a <NestedMenuContext.Provider />"
@@ -4041,7 +4049,7 @@ var useNestedMenuContext = () => {
 };
 
 // src/NestedMenu/NestedMenuContent.tsx
-var import_react29 = require("react");
+var import_react28 = require("react");
 var import_seeds_react_utilities3 = require("@sproutsocial/seeds-react-utilities");
 
 // src/NestedMenu/NestedMenuItem.tsx
@@ -4082,10 +4090,10 @@ var NestedMenuContent = ({
 }) => {
   const { highlightedIndex, items } = useMenuContentContext();
   const { setSelectedMenuId, selectedMenuPath, goBack } = useNestedMenuContext();
-  const internalRef = (0, import_react29.useRef)(null);
+  const internalRef = (0, import_react28.useRef)(null);
   const innerRef = (0, import_seeds_react_utilities3.mergeRefs)(internalRef, innerRefProp);
   const contentProps = children ? { children } : { menuItems, MenuItemComponent };
-  (0, import_react29.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     internalRef?.current?.focus();
   }, []);
   const onKeyDown = (e) => {
@@ -4123,7 +4131,7 @@ NestedMenuContent.__MENU_PRIMITIVE_TYPE = "MenuContent";
 // src/NestedMenu/NestedMenuHeader.tsx
 var import_seeds_react_button2 = require("@sproutsocial/seeds-react-button");
 var import_seeds_react_icon6 = require("@sproutsocial/seeds-react-icon");
-var import_react30 = require("motion/react");
+var import_react29 = require("motion/react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var NestedMenuHeader = ({
   backArrowLabel,
@@ -4134,8 +4142,8 @@ var NestedMenuHeader = ({
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     MenuHeader,
     {
-      leftAction: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react30.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-        import_react30.motion.div,
+      leftAction: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react29.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        import_react29.motion.div,
         {
           initial: { opacity: 0 },
           animate: { opacity: 1 },
@@ -4153,7 +4161,7 @@ var NestedMenuHeader = ({
 };
 
 // src/NestedMenu/NestedMenuRoot.tsx
-var import_react31 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var NestedMenuRoot = ({
   children,
@@ -4162,7 +4170,7 @@ var NestedMenuRoot = ({
 }) => {
   const menuContext = useMenu(contextProps);
   const { setActiveMenuContext, selectedMenuPath } = useNestedMenuContext();
-  import_react31.default.useEffect(() => {
+  import_react30.default.useEffect(() => {
     setActiveMenuContext(menuContext);
   }, [
     selectedMenuPath[selectedMenuPath.length - 1],
@@ -4173,10 +4181,10 @@ var NestedMenuRoot = ({
 };
 
 // src/NestedMenu/NestedMenuPopout.tsx
-var import_react32 = require("motion/react");
+var import_react31 = require("motion/react");
 var import_styled_components14 = __toESM(require("styled-components"));
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var StyledDiv = (0, import_styled_components14.default)(import_react32.motion.div)`
+var StyledDiv = (0, import_styled_components14.default)(import_react31.motion.div)`
   overflow: hidden;
 `;
 var NestedMenuPopout = ({
@@ -4228,9 +4236,9 @@ var NestedMenu = ({
   const { defaultDownshiftProps, ...restDefaults } = useDownshiftDefaults({
     isCombobox: false
   });
-  const uniqueId = (0, import_react33.useId)();
+  const uniqueId = (0, import_react32.useId)();
   const nestedMenuId = externalNestedMenuId ?? `nested-menu-${uniqueId}`;
-  const [hasLoadedOnce, setHasLoadedOnce] = (0, import_react33.useState)(false);
+  const [hasLoadedOnce, setHasLoadedOnce] = (0, import_react32.useState)(false);
   const useSelectReturnProps = (0, import_downshift9.useSelect)({
     ...defaultDownshiftProps.select,
     id: nestedMenuId,
@@ -4246,7 +4254,7 @@ var NestedMenu = ({
     ...useSelectReturnProps,
     ...restDefaults
   };
-  (0, import_react33.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!useSelectReturnProps.isOpen) {
       setHasLoadedOnce(false);
     } else {
@@ -4264,15 +4272,15 @@ var NestedMenu = ({
     onIsOpenChange: onNestedIsOpenChange
   };
   rootMenuContextProps.getMenuProps?.({}, { suppressRefError: true });
-  const [selectedMenuPath, setSelectedMenuPath] = (0, import_react33.useState)([initialMenuId]);
-  const [activeMenuContext, setActiveMenuContext] = (0, import_react33.useState)(defaultMenuContext);
-  const [currentMenuId, setCurrentMenuId] = (0, import_react33.useState)(initialMenuId);
-  const [isAdding, setIsAdding] = (0, import_react33.useState)(false);
+  const [selectedMenuPath, setSelectedMenuPath] = (0, import_react32.useState)([initialMenuId]);
+  const [activeMenuContext, setActiveMenuContext] = (0, import_react32.useState)(defaultMenuContext);
+  const [currentMenuId, setCurrentMenuId] = (0, import_react32.useState)(initialMenuId);
+  const [isAdding, setIsAdding] = (0, import_react32.useState)(false);
   const setSelectedMenuId = (id) => {
     setIsAdding(true);
     setSelectedMenuPath((currentPath) => [...currentPath, id]);
   };
-  (0, import_react33.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (selectedMenuPath.length > 0) {
       const newMenuId = selectedMenuPath[selectedMenuPath.length - 1];
       setCurrentMenuId(newMenuId);
@@ -4366,8 +4374,8 @@ var NestedMenu = ({
     initialIsOpen: true,
     children: (
       // Handles the smooth animating of the content
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react34.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-        import_react34.motion.div,
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react33.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        import_react33.motion.div,
         {
           variants: contentVariants,
           initial: "arrive",
@@ -4415,8 +4423,8 @@ var NestedMenu = ({
         NestedMenuPopout,
         {
           content: MenuComponent && // Handles the rerender of the component
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react34.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-            import_react34.motion.div,
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react33.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            import_react33.motion.div,
             {
               variants: menuVariants,
               initial: "arrive",
@@ -4461,7 +4469,6 @@ var NestedMenu = ({
   MenuLabel,
   MenuPopout,
   MenuRoot,
-  MenuRootNoPopout,
   MenuSearchInput,
   MenuSearchTokenInput,
   MenuToggleButton,