@sproutsocial/racine 25.10.0 → 26.0.0

package/lib/Menu/Menu.js

@@ -1,631 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-import _styled from "styled-components";
-var _excluded = ["id", "index", "as", "children", "role", "elemBefore", "elemAfter", "value", "onKeyPress", "onClick", "selected", "disabled", "indeterminate", "label", "active"],
-  _excluded2 = ["placement", "labelProps", "switchProps", "children", "id", "label"],
-  _excluded3 = ["children", "title", "titleAs", "disabled"],
-  _excluded4 = ["type"],
-  _excluded5 = ["children", "role", "multiselect", "innerRef"],
-  _excluded6 = ["role", "children", "onChange", "value", "multiselect", "innerRef", "footerContent"],
-  _excluded7 = ["content", "popoutProps", "children", "onClick", "closeOnItemClick", "id", "placement", "isOpen", "setIsOpen"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from "react";
-import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import styled from "styled-components";
-import uniqueId from "lodash.uniqueid";
-import { useTextContent } from "@sproutsocial/seeds-react-hooks";
-import innerText from "../utils/innerText";
-import { disabled } from "@sproutsocial/seeds-react-mixins";
-import Box from "@sproutsocial/seeds-react-box";
-import Button from "@sproutsocial/seeds-react-button";
-import Checkbox from "@sproutsocial/seeds-react-checkbox";
-import Icon from "@sproutsocial/seeds-react-icon";
-import Input from "@sproutsocial/seeds-react-input";
-import Popout from "@sproutsocial/seeds-react-popout";
-import Radio from "@sproutsocial/seeds-react-radio";
-import Switch from "@sproutsocial/seeds-react-switch";
-import Text from "@sproutsocial/seeds-react-text";
-import { MENU_ITEM_ROLES, MENU_ROLES, DescendantProvider, useDescendant, useDescendants, MenuButtonContext, MenuContext, MenuDescendantContext, useMenuKeyDown } from "./utils";
-import { MenuItemContainer, MenuItemsContainer } from "./styles";
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var noop = function noop() {};
-var getMenuItemRole = function getMenuItemRole(menuRole) {
-  switch (menuRole) {
-    case MENU_ROLES.LIST:
-      return MENU_ITEM_ROLES.LISTITEM;
-    case MENU_ROLES.LISTBOX:
-      return MENU_ITEM_ROLES.OPTION;
-    case MENU_ROLES.MENU:
-    default:
-      return MENU_ITEM_ROLES.MENUITEM;
-  }
-};
-function isValueSelected(menuValue, value) {
-  if (!menuValue) return false;
-  if (typeof menuValue === "string") {
-    return Boolean(menuValue && value && menuValue === value);
-  } else if (Array.isArray(menuValue)) {
-    return menuValue.includes(value);
-  }
-  return false;
-}
-
-/**
- * @deprecated MenuItem is deprecated. MenuItem will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-export var MenuItem = function MenuItem(_ref) {
-  var idProp = _ref.id,
-    indexProp = _ref.index,
-    as = _ref.as,
-    children = _ref.children,
-    roleProp = _ref.role,
-    elemBefore = _ref.elemBefore,
-    elemAfter = _ref.elemAfter,
-    valueProp = _ref.value,
-    onKeyPress = _ref.onKeyPress,
-    onClick = _ref.onClick,
-    selected = _ref.selected,
-    disabled = _ref.disabled,
-    indeterminate = _ref.indeterminate,
-    labelProp = _ref.label,
-    activeProp = _ref.active,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(MenuContext),
-    menuRole = _useContext.role,
-    onChange = _useContext.onChange,
-    value = _useContext.value,
-    multiselect = _useContext.multiselect,
-    menuState = _useContext.state,
-    selectCallbacks = _useContext.selectCallbacks,
-    menuRef = _useContext.menuRef;
-  var selectionIndex = menuState.selectionIndex,
-    filteredItems = menuState.filteredItems;
-  var _useContext2 = useContext(MenuButtonContext),
-    closePopout = _useContext2.closePopout,
-    closeOnItemClick = _useContext2.closeOnItemClick;
-  var isSelected = selected || isValueSelected(value, valueProp);
-  var shouldClosePopout = closeOnItemClick && !multiselect;
-  var itemRole = roleProp || getMenuItemRole(menuRole);
-  var id = useMemo(function () {
-    return idProp || uniqueId("MenuItem-");
-  }, [idProp]);
-  var textContent = useTextContent("");
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  var label = labelProp || textContent.current;
-  var ref = useRef(null);
-  var index = useDescendant({
-    context: MenuDescendantContext,
-    element: ref.current,
-    value: valueProp || label,
-    label: label,
-    disabled: disabled,
-    id: id
-  }, indexProp);
-  var isHidden = filteredItems && !filteredItems.includes(index);
-  var isFocused = index === selectionIndex;
-  selectCallbacks.current[index] = onClick;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    keyPressed = _useState2[0],
-    setKeyPressed = _useState2[1];
-  var isActive = useMemo(function () {
-    return activeProp || isFocused && keyPressed;
-  }, [activeProp, isFocused, keyPressed]);
-  var isCheckboxOrRadio = [MENU_ITEM_ROLES.CHECKBOX, MENU_ITEM_ROLES.RADIO
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  ].includes(itemRole); // @ts-notes @refactor - since we're only really checking against the string I think we can safely leave this for refactor, nothing else worked for me
-  var interactive = onClick || onKeyPress || [MENU_ITEM_ROLES.OPTION, MENU_ITEM_ROLES.MENUITEM, MENU_ITEM_ROLES.CHECKBOX, MENU_ITEM_ROLES.RADIO
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  ].includes(itemRole);
-
-  /**
-   * The Checkbox/Radio component doesn't expose a tabIndex prop, so we can't set the tabIndex on the underlying input
-   * to remove it from the tab order. Resulting to DOM manipulation as a last resort. We can remove this if Checkbox
-   * exposes this prop in the future.
-   */
-  useEffect(function () {
-    if (isCheckboxOrRadio && ref.current) {
-      var input = ref.current.querySelector("input");
-      if (input) {
-        input.tabIndex = -1;
-      }
-    }
-  }, [ref, isCheckboxOrRadio]);
-  useEffect(function () {
-    if (filteredItems) {
-      setKeyPressed(true);
-    } else if (selectionIndex !== 0) {
-      setKeyPressed(true);
-    }
-  }, [selectionIndex, filteredItems]);
-  var handleClick = useCallback(function (e) {
-    var _menuRef$current;
-    (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 || _menuRef$current.focus();
-    if (onChange && itemRole !== MENU_ITEM_ROLES.LISTITEM) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      onChange(valueProp || label);
-    }
-    shouldClosePopout && closePopout && closePopout();
-    onClick && onClick(e);
-  }, [menuRef, onChange, itemRole, shouldClosePopout, closePopout, onClick, valueProp, label]);
-  var before = useMemo(function () {
-    if (elemBefore) return elemBefore;
-    if (itemRole === MENU_ITEM_ROLES.CHECKBOX) {
-      return /*#__PURE__*/_jsx(Checkbox, {
-        id: "Checkbox-".concat(id),
-        checked: isSelected,
-        "aria-hidden": "true",
-        onChange: noop,
-        indeterminate: indeterminate,
-        mr: 300
-      });
-    } else if (itemRole === MENU_ITEM_ROLES.RADIO) {
-      return /*#__PURE__*/_jsx(Radio, {
-        id: "Radio-".concat(id),
-        name: "Radio-".concat(id),
-        checked: isSelected,
-        "aria-hidden": "true",
-        onChange: noop,
-        mr: 300
-      });
-    }
-  }, [elemBefore, id, indeterminate, isSelected, itemRole]);
-  var after = useMemo(function () {
-    if (elemAfter) return elemAfter;
-    if (isSelected && !isCheckboxOrRadio) {
-      return /*#__PURE__*/_jsx(Icon, {
-        name: "check-solid",
-        "aria-hidden": true,
-        size: "small",
-        ml: 300
-      });
-    }
-  }, [elemAfter, isCheckboxOrRadio, isSelected]);
-  return /*#__PURE__*/_jsx(MenuItemContainer, _objectSpread(_objectSpread({
-    "data-qa-menu-item": label
-  }, props), {}, {
-    active: isActive,
-    "data-qa-is-active": isActive,
-    id: id,
-    "aria-label": labelProp,
-    value: valueProp,
-    "data-value": valueProp,
-    forwardedAs: as || "li",
-    "aria-checked": isCheckboxOrRadio ? isSelected : undefined,
-    "aria-selected": itemRole === MENU_ITEM_ROLES.OPTION ? isSelected : undefined,
-    disabled: disabled,
-    "aria-disabled": disabled,
-    isCheckboxOrRadio: isCheckboxOrRadio,
-    hidden: Boolean(isHidden) // @ts migration note: coercing to a boolean here otherwise it thinks its actually receiving callbacks
-    ,
-    interactive: Boolean(interactive) // @ts migration note: coercing to a boolean here otherwise it thinks its actually receiving callbacks
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore handleclick takes in different event type than what it receives half the times
-    ,
-    onClick: !disabled ? handleClick : undefined,
-    role: itemRole,
-    selected: isSelected,
-    tabIndex: itemRole !== MENU_ITEM_ROLES.LISTITEM && !disabled ? -1 : undefined,
-    children: /*#__PURE__*/_jsxs("div", {
-      ref: ref,
-      style: {
-        display: "flex",
-        alignItems: props.alignItems || "center",
-        justifyContent: "space-between"
-      },
-      children: [before, /*#__PURE__*/_jsx("div", {
-        style: {
-          flexGrow: 1,
-          wordBreak: "break-word",
-          minWidth: 0
-        }
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        //@ts-ignore some legacy ref type mismatch between divs
-        ,
-        ref: textContent,
-        children: children
-      }), after]
-    })
-  }));
-};
-
-/**
- * @deprecated MenuCheckbox is deprecated. MenuCheckbox will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-export var MenuCheckbox = function MenuCheckbox(props) {
-  return /*#__PURE__*/_jsx(MenuItem, _objectSpread({
-    role: MENU_ITEM_ROLES.CHECKBOX
-  }, props));
-};
-
-/**
- * @deprecated MenuRadio is deprecated. MenuRadio will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-export var MenuRadio = function MenuRadio(props) {
-  return /*#__PURE__*/_jsx(MenuItem, _objectSpread({
-    role: MENU_ITEM_ROLES.RADIO
-  }, props));
-};
-
-/**
- * @deprecated MenuSwitch is deprecated. MenuSwitch will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-export var MenuSwitch = function MenuSwitch(props) {
-  var _useContext3 = useContext(MenuContext),
-    menuValue = _useContext3.value;
-  var placement = props.placement,
-    _props$labelProps = props.labelProps,
-    labelProps = _props$labelProps === void 0 ? {} : _props$labelProps,
-    _props$switchProps = props.switchProps,
-    switchProps = _props$switchProps === void 0 ? {} : _props$switchProps,
-    children = props.children,
-    id = props.id,
-    label = props.label,
-    rest = _objectWithoutProperties(props, _excluded2);
-  var menuItemId = useMemo(function () {
-    return id || uniqueId("MenuItem-");
-  }, [id]);
-  var labelId = "".concat(menuItemId, "-label");
-  var switchElement = /*#__PURE__*/_jsx(Switch, _objectSpread(_objectSpread(_objectSpread({
-    id: "".concat(menuItemId, "-switch"),
-    checked: props.selected || isValueSelected(menuValue, props.value),
-    "aria-hidden": "true",
-    tabIndex: -1,
-    "aria-labelledby": labelId
-  }, placement === "before" ? {
-    mr: 300
-  } : {
-    ml: 300
-  }), switchProps), {}, {
-    // This prop is passed after switchProps to disallow overrides.
-    onClick: noop
-  }));
-  var menuItemProps = _objectSpread({
-    id: menuItemId,
-    label: label,
-    elemBefore: placement === "before" ? switchElement : undefined,
-    // Empty fragment prevents a check icon in elemAfter when the switch is checked. Can be overridden.
-    elemAfter: placement === "before" ? /*#__PURE__*/_jsx(_Fragment, {}) : switchElement
-  }, rest);
-  return /*#__PURE__*/_jsx(MenuItem, _objectSpread(_objectSpread({}, menuItemProps), {}, {
-    children: /*#__PURE__*/_jsx(Text, _objectSpread(_objectSpread({
-      id: labelId
-    }, labelProps), {}, {
-      // This prop is passed after labelProps to disallow overrides.
-      // Fall back to the label prop if children is falsy.
-      // eslint-disable-next-line react/no-children-prop
-      children: children || label
-    }))
-  }));
-};
-var MenuTitle = styled(Text).withConfig({
-  displayName: "Menu__MenuTitle",
-  componentId: "sc-1jmjosz-0"
-})(["font-weight:600;padding-left:", ";padding-top:", ";padding-bottom:", ";color:", ";"], function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.space[300];
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.space[200];
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.space[300];
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.text.headline;
-});
-
-/**
- * @deprecated MenuGroup is deprecated. MenuGroup will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-var _StyledMenuTitle = styled(MenuTitle).withConfig({
-  displayName: "Menu___StyledMenuTitle",
-  componentId: "sc-1jmjosz-1"
-})(["", ""], function (p) {
-  return p.$_css;
-});
-export var MenuGroup = function MenuGroup(_ref6) {
-  var children = _ref6.children,
-    title = _ref6.title,
-    titleAs = _ref6.titleAs,
-    _ref6$disabled = _ref6.disabled,
-    isDisabled = _ref6$disabled === void 0 ? false : _ref6$disabled,
-    props = _objectWithoutProperties(_ref6, _excluded3);
-  var menuTitleId = useMemo(function () {
-    return uniqueId("menu-title-");
-  }, []);
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(Box, _objectSpread(_objectSpread({
-      p: 300,
-      role: "group",
-      "aria-labelledby": title ? menuTitleId : undefined,
-      borderTop: "1px solid",
-      borderColor: "container.border.base"
-    }, props), {}, {
-      children: [title && /*#__PURE__*/_jsx(_StyledMenuTitle, {
-        id: menuTitleId,
-        role: "presentation",
-        fontSize: 200,
-        forwardedAs: titleAs || "li",
-        $_css: isDisabled ? disabled : undefined,
-        children: title
-      }), children]
-    }))
-  });
-};
-
-/**
- * @deprecated MenuDivider is deprecated. MenuDivider will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-export var MenuDivider = function MenuDivider(props) {
-  return /*#__PURE__*/_jsx(Box, _objectSpread({
-    as: "li",
-    role: "separator",
-    borderTop: "1px solid",
-    borderColor: "container.border.base"
-  }, props));
-};
-
-/**
- * @deprecated MenuFilterInput is deprecated. MenuFilterInput will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-var MenuFilterInput = function MenuFilterInput(_ref7) {
-  var _ref7$type = _ref7.type,
-    type = _ref7$type === void 0 ? "search" : _ref7$type,
-    props = _objectWithoutProperties(_ref7, _excluded4);
-  var onChange = props.onChange,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur;
-  var _useContext4 = useContext(MenuContext),
-    state = _useContext4.state,
-    setState = _useContext4.setState;
-  var handleOnChange = useCallback(function (event, value) {
-    onChange && onChange(event, value);
-    setState({
-      filterQuery: value
-    });
-  }, [setState, onChange]);
-  var handleOnFocus = useCallback(function (event) {
-    onFocus && onFocus(event);
-    setState({
-      isFilterInputFocused: true
-    });
-  }, [setState, onFocus]);
-  var handleOnBlur = useCallback(function (event) {
-    onBlur && onBlur(event);
-    setState({
-      isFilterInputFocused: false
-    });
-  }, [setState, onBlur]);
-  return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, props), {}, {
-    type: type,
-    value: state.filterQuery,
-    onChange: handleOnChange,
-    onFocus: handleOnFocus,
-    onBlur: handleOnBlur
-  }));
-};
-
-/**
- * @deprecated MenuItems are deprecated. MenuItems will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-var MenuItems = function MenuItems(_ref8) {
-  var children = _ref8.children,
-    role = _ref8.role,
-    multiselect = _ref8.multiselect,
-    innerRef = _ref8.innerRef,
-    props = _objectWithoutProperties(_ref8, _excluded5);
-  var _useMenuKeyDown = useMenuKeyDown(),
-    handleKeyDown = _useMenuKeyDown.handleKeyDown,
-    activeDescendent = _useMenuKeyDown.activeDescendent;
-  return /*#__PURE__*/_jsx(MenuItemsContainer, _objectSpread(_objectSpread({}, props), {}, {
-    forwardedAs: "ul",
-    ref: innerRef,
-    role: role
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    ,
-    "aria-activedescendant": activeDescendent === null || activeDescendent === void 0 ? void 0 : activeDescendent.id,
-    "aria-multiselectable": multiselect ? true : undefined,
-    tabIndex: 0,
-    onKeyDown: handleKeyDown,
-    margin: 0,
-    padding: 0,
-    overflow: "hidden",
-    children: children
-  }));
-};
-
-/**
- * @deprecated MenuFooter is deprecated. MenuFooter will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-var MenuFooter = function MenuFooter(_ref9) {
-  var children = _ref9.children;
-  var _useContext5 = useContext(MenuContext),
-    setState = _useContext5.setState;
-  var handleOnBlur = useCallback(function () {
-    setState({
-      isFooterFocused: false
-    });
-  }, [setState]);
-  var handleOnFocus = useCallback(function () {
-    setState({
-      isFooterFocused: true
-    });
-  }, [setState]);
-  return /*#__PURE__*/_jsx(Box, {
-    onBlur: handleOnBlur,
-    onFocus: handleOnFocus,
-    children: children
-  });
-};
-
-/**
- * @deprecated Menu is deprecated. Menu will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-export var Menu = function Menu(_ref10) {
-  var _ref10$role = _ref10.role,
-    role = _ref10$role === void 0 ? MENU_ROLES.MENU : _ref10$role,
-    children = _ref10.children,
-    onChange = _ref10.onChange,
-    value = _ref10.value,
-    multiselect = _ref10.multiselect,
-    innerRef = _ref10.innerRef,
-    footerContent = _ref10.footerContent,
-    props = _objectWithoutProperties(_ref10, _excluded6);
-  var _useDescendants = useDescendants(),
-    _useDescendants2 = _slicedToArray(_useDescendants, 2),
-    descendants = _useDescendants2[0],
-    setDescendants = _useDescendants2[1];
-  var _useState3 = useState({
-      selectionIndex: 0,
-      filterQuery: "",
-      filteredItems: null,
-      isFilterInputFocused: false,
-      isFooterFocused: false
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    state = _useState4[0],
-    setState = _useState4[1];
-  var selectCallbacks = useRef([]);
-  var menuRef = useRef(null);
-  var setContextState = useCallback(function (newState) {
-    setState(_objectSpread(_objectSpread({}, state), newState));
-  }, [state]);
-  return /*#__PURE__*/_jsx(DescendantProvider, {
-    context: MenuDescendantContext,
-    items: descendants,
-    set: setDescendants,
-    children: /*#__PURE__*/_jsxs(MenuContext.Provider, {
-      value: {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        menuRef: innerRef || menuRef,
-        role: role,
-        onChange: onChange,
-        value: value,
-        multiselect: multiselect,
-        state: state,
-        setState: setContextState,
-        selectCallbacks: selectCallbacks
-      },
-      children: [/*#__PURE__*/_jsx(MenuItems, _objectSpread(_objectSpread({}, props), {}, {
-        role: role,
-        multiselect: multiselect,
-        innerRef: menuRef,
-        children: children
-      })), footerContent ? /*#__PURE__*/_jsx(MenuFooter, {
-        children: footerContent
-      }) : null]
-    })
-  });
-};
-MenuGroup.displayName = "Menu.Group";
-MenuItem.displayName = "Menu.Item";
-MenuCheckbox.displayName = "Menu.Checkbox";
-MenuRadio.displayName = "Menu.Radio";
-MenuSwitch.displayName = "Menu.Switch";
-MenuDivider.displayName = "Menu.Divider";
-MenuFilterInput.displayName = "Menu.FilterInput";
-Menu.displayName = "Menu";
-Menu.Group = MenuGroup;
-Menu.Item = MenuItem;
-Menu.Checkbox = MenuCheckbox;
-Menu.Radio = MenuRadio;
-Menu.Switch = MenuSwitch;
-Menu.Divider = MenuDivider;
-Menu.FilterInput = MenuFilterInput;
-var CustomPopoutContent = styled(Popout.Content).withConfig({
-  displayName: "Menu__CustomPopoutContent",
-  componentId: "sc-1jmjosz-2"
-})(["padding:0;margin-left:0;margin-right:0;"]);
-
-/**
- * @deprecated MenuButton is deprecated. MenuButton will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-export var MenuButton = function MenuButton(_ref11) {
-  var content = _ref11.content,
-    popoutProps = _ref11.popoutProps,
-    children = _ref11.children,
-    _onClick = _ref11.onClick,
-    _ref11$closeOnItemCli = _ref11.closeOnItemClick,
-    closeOnItemClick = _ref11$closeOnItemCli === void 0 ? true : _ref11$closeOnItemCli,
-    _ref11$id = _ref11.id,
-    id = _ref11$id === void 0 ? uniqueId("MenuButton-") : _ref11$id,
-    _ref11$placement = _ref11.placement,
-    placement = _ref11$placement === void 0 ? "bottom" : _ref11$placement,
-    isOpen = _ref11.isOpen,
-    setIsOpen = _ref11.setIsOpen,
-    props = _objectWithoutProperties(_ref11, _excluded7);
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isInternalShown = _useState6[0],
-    setIsInternalShown = _useState6[1];
-  var isControlled = typeof isOpen === "boolean";
-  var isShown = isControlled ? isOpen : isInternalShown;
-  var setIsShown = useMemo(function () {
-    return isControlled && setIsOpen ? setIsOpen : function (nextIsShown) {
-      return setIsInternalShown(nextIsShown);
-    };
-  }, [isControlled, setIsOpen]);
-  var closePopout = useCallback(function () {
-    return setIsShown(false);
-  }, [setIsShown]);
-  var ariaLabelledBy = props["aria-labelledby"] ? "".concat(props["aria-labelledby"], " ").concat(id) : undefined;
-  var ariaLabel = props["aria-label"] ? "".concat(props["aria-label"], " ").concat(innerText(children)) : undefined;
-  return /*#__PURE__*/_jsx(MenuButtonContext.Provider, {
-    value: {
-      closePopout: closePopout,
-      closeOnItemClick: closeOnItemClick
-    },
-    children: /*#__PURE__*/_jsx(Popout, _objectSpread(_objectSpread({
-      isOpen: isShown,
-      setIsOpen: setIsShown,
-      content: /*#__PURE__*/_jsx(CustomPopoutContent, {
-        children: content
-      }),
-      placement: placement
-    }, popoutProps), {}, {
-      width: props.width,
-      children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, props), {}, {
-        id: id,
-        "aria-labelledby": ariaLabelledBy === null || ariaLabelledBy === void 0 ? void 0 : ariaLabelledBy.trim(),
-        "aria-label": ariaLabel === null || ariaLabel === void 0 ? void 0 : ariaLabel.trim(),
-        active: isShown,
-        onKeyDown: function onKeyDown(e) {
-          if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            _onClick && _onClick(e); // @ts-notes unfortunately we're passing in a keyboard event here and not the mouse event it expects, so no way to coerce it
-            setIsShown(true);
-          }
-        },
-        onClick: function onClick(e) {
-          _onClick && _onClick(e);
-          setIsShown(!isShown);
-        },
-        children: children
-      }))
-    }))
-  });
-};
-
-/**
- * @deprecated Menu is deprecated. Menu will be removed in 2025 in favor of seeds-react-menu ecosystem. Create a plan to migrate to {@link https://github.com/sproutsocial/seeds/tree/dev/seeds-react/seeds-react-menu/src | seeds-react-menu}.
- */
-export default Menu;

package/lib/Menu/MenuTypes.js

@@ -1 +0,0 @@
-export {};

package/lib/Menu/index.js

@@ -1,6 +0,0 @@
-import Menu, { MenuButton } from "./Menu";
-export { Menu, MenuButton };
-export default Menu;
-export * from "./MenuTypes";
-export * from "./styles";
-export * from "./utils";