@sproutsocial/racine 25.11.0 → 26.1.0

package/dist/index.js

@@ -0,0 +1,1559 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Alert: () => import_seeds_react_banner.Banner,
+  Breadcrumb: () => Breadcrumb_default,
+  DescendantProvider: () => DescendantProvider,
+  Listbox: () => Listbox_default,
+  ListboxButton: () => ListboxButton,
+  MENU_ITEM_ROLES: () => MENU_ITEM_ROLES,
+  MENU_ROLES: () => MENU_ROLES,
+  Menu: () => Menu_default,
+  MenuButton: () => MenuButton,
+  MenuButtonContext: () => MenuButtonContext,
+  MenuContext: () => MenuContext,
+  MenuDescendantContext: () => MenuDescendantContext,
+  MenuItemContainer: () => MenuItemContainer,
+  MenuItemsContainer: () => MenuItemsContainer,
+  PartnerLogoNames: () => import_seeds_partner_logos.LogoNamesWithoutVariants,
+  SpotIllustrationNames: () => import_seeds_illustrations.IllustrationNames,
+  ThemeProvider: () => import_seeds_react_theme_provider.default,
+  ToggleHint: () => ToggleHint,
+  canUseDOM: () => canUseDOM,
+  createDescendantContext: () => createDescendantContext,
+  createNamedContext: () => createNamedContext,
+  useDescendant: () => useDescendant,
+  useDescendantKeyDown: () => useDescendantKeyDown,
+  useDescendants: () => useDescendants,
+  useInteractiveColor: () => import_seeds_react_hooks2.useInteractiveColor,
+  useMeasure: () => import_seeds_react_hooks2.useMeasure,
+  useMenuKeyDown: () => useMenuKeyDown,
+  useMultiselect: () => import_seeds_react_hooks2.useMultiselect,
+  usePrevious: () => usePrevious,
+  useSelect: () => import_seeds_react_hooks2.useSelect,
+  useTextContent: () => import_seeds_react_hooks2.useTextContent,
+  wrapEvent: () => wrapEvent
+});
+module.exports = __toCommonJS(index_exports);
+var import_seeds_illustrations = require("@sproutsocial/seeds-illustrations");
+var import_seeds_partner_logos = require("@sproutsocial/seeds-partner-logos");
+__reExport(index_exports, require("@sproutsocial/seeds-react-system-props"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-theme"), module.exports);
+var import_seeds_react_theme_provider = __toESM(require("@sproutsocial/seeds-react-theme-provider"));
+var import_seeds_react_hooks2 = require("@sproutsocial/seeds-react-hooks");
+__reExport(index_exports, require("@sproutsocial/seeds-react-mixins"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-avatar"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-badge"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-banner"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-box"), module.exports);
+
+// src/Breadcrumb/Breadcrumb.tsx
+var React = __toESM(require("react"));
+var import_seeds_react_icon2 = __toESM(require("@sproutsocial/seeds-react-icon"));
+var import_seeds_react_link = __toESM(require("@sproutsocial/seeds-react-link"));
+
+// src/Menu/Menu.tsx
+var import_react3 = require("react");
+var import_styled_components2 = __toESM(require("styled-components"));
+var import_lodash = __toESM(require("lodash.uniqueid"));
+var import_seeds_react_hooks = require("@sproutsocial/seeds-react-hooks");
+
+// src/Menu/utils/innertext.ts
+var hasOwnProperty = (obj, property) => {
+  return Object.prototype.hasOwnProperty.call(obj, property);
+};
+var hasChildren = (node) => {
+  return hasOwnProperty(node, "children");
+};
+var hasProps = (node) => {
+  return hasOwnProperty(node, "props");
+};
+var reduceNodeToString = (previous, current) => {
+  return previous.length ? `${previous} ${innerText(current)}` : innerText(current);
+};
+var innerText = (node) => {
+  if (node === null || typeof node === "undefined" || typeof node === "boolean") {
+    return "";
+  } else if (typeof node === "string") {
+    return node;
+  } else if (typeof node === "number") {
+    return node.toString();
+  } else if (Array.isArray(node)) {
+    return node.reduce(
+      reduceNodeToString,
+      ""
+    );
+  } else if (hasProps(node) && hasChildren(node.props)) {
+    return innerText(node.props.children);
+  }
+  return "";
+};
+
+// src/Menu/Menu.tsx
+var import_seeds_react_mixins2 = require("@sproutsocial/seeds-react-mixins");
+var import_seeds_react_box2 = __toESM(require("@sproutsocial/seeds-react-box"));
+var import_seeds_react_button = __toESM(require("@sproutsocial/seeds-react-button"));
+var import_seeds_react_checkbox = __toESM(require("@sproutsocial/seeds-react-checkbox"));
+var import_seeds_react_icon = __toESM(require("@sproutsocial/seeds-react-icon"));
+var import_seeds_react_input = __toESM(require("@sproutsocial/seeds-react-input"));
+var import_seeds_react_popout = __toESM(require("@sproutsocial/seeds-react-popout"));
+var import_seeds_react_radio = __toESM(require("@sproutsocial/seeds-react-radio"));
+var import_seeds_react_switch2 = __toESM(require("@sproutsocial/seeds-react-switch"));
+var import_seeds_react_text = __toESM(require("@sproutsocial/seeds-react-text"));
+
+// src/Menu/utils/constants.ts
+var MENU_ROLES = Object.freeze({
+  MENU: "menu",
+  LIST: "list",
+  LISTBOX: "listbox"
+});
+var MENU_ITEM_ROLES = Object.freeze({
+  MENUITEM: "menuitem",
+  LISTITEM: "listitem",
+  OPTION: "option",
+  RADIO: "menuitemradio",
+  CHECKBOX: "menuitemcheckbox"
+});
+
+// src/Menu/utils/descendants.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var noop = () => {
+};
+function usePrevious(value) {
+  const ref = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+function wrapEvent(theirHandler, ourHandler) {
+  return (event) => {
+    theirHandler && theirHandler(event);
+    if (!event.defaultPrevented) {
+      return ourHandler(event);
+    }
+  };
+}
+function canUseDOM() {
+  return typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
+}
+var useIsomorphicLayoutEffect = canUseDOM() ? import_react.useLayoutEffect : import_react.useEffect;
+function createNamedContext(name, defaultValue) {
+  const Ctx = (0, import_react.createContext)(defaultValue);
+  Ctx.displayName = name;
+  return Ctx;
+}
+function createDescendantContext(name, initialValue = {
+  descendants: [],
+  registerDescendant: noop,
+  unregisterDescendant: noop
+}) {
+  return createNamedContext(name, {
+    ...initialValue
+  });
+}
+function useDescendant({ context, element, ...rest }, indexProp) {
+  let [, forceUpdate] = (0, import_react.useState)();
+  let { registerDescendant, unregisterDescendant, descendants } = (0, import_react.useContext)(context);
+  useIsomorphicLayoutEffect(() => {
+    if (!element) forceUpdate({});
+    registerDescendant({
+      element,
+      ...rest
+    });
+    return () => unregisterDescendant(element);
+  }, [element, ...Object.values(rest)]);
+  return indexProp ? indexProp : descendants.findIndex((item) => item.element === element);
+}
+function useDescendants() {
+  return (0, import_react.useState)([]);
+}
+function DescendantProvider({
+  context: Ctx,
+  children,
+  items,
+  set
+}) {
+  let registerDescendant = (0, import_react.useCallback)(
+    ({ element, ...rest }) => {
+      if (!element) {
+        return;
+      }
+      set((items2) => {
+        let newItem;
+        let newItems;
+        if (items2.length === 0) {
+          newItem = {
+            element,
+            index: 0,
+            ...rest
+          };
+          newItems = [...items2, newItem];
+        } else if (items2.find((item) => item.element === element)) {
+          newItems = items2;
+        } else {
+          let index = items2.findIndex((item) => {
+            if (!item.element || !element) {
+              return false;
+            }
+            return Boolean(
+              item.element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING
+            );
+          });
+          newItem = {
+            element,
+            index,
+            ...rest
+          };
+          if (index === -1) {
+            newItems = [...items2, newItem];
+          } else {
+            newItems = [
+              ...items2.slice(0, index),
+              newItem,
+              ...items2.slice(index)
+            ];
+          }
+        }
+        return newItems.map((item, index) => ({ ...item, index }));
+      });
+    },
+    // set is a state setter initialized by the useDescendants hook.
+    // We can safely ignore the lint warning here because it will not change
+    // between renders.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  let unregisterDescendant = (0, import_react.useCallback)(
+    (element) => {
+      if (!element) {
+        return;
+      }
+      set(
+        (items2) => items2.filter((item) => element !== item.element).map((item, index) => ({ ...item, index }))
+      );
+    },
+    // set is a state setter initialized by the useDescendants hook.
+    // We can safely ignore the lint warning here because it will not change
+    // between renders.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  const value = (0, import_react.useMemo)(() => {
+    return {
+      descendants: items,
+      registerDescendant,
+      unregisterDescendant
+    };
+  }, [items, registerDescendant, unregisterDescendant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ctx.Provider, { value, children });
+}
+function useDescendantKeyDown(context, options) {
+  let { descendants } = (0, import_react.useContext)(context);
+  let {
+    callback,
+    currentIndex,
+    filter,
+    key = "index",
+    orientation = "vertical",
+    rotate = true,
+    rtl = false
+  } = options;
+  let index = currentIndex ? currentIndex : -1;
+  return function handleKeyDown(event) {
+    if (![
+      "ArrowDown",
+      "ArrowUp",
+      "ArrowLeft",
+      "ArrowRight",
+      "PageUp",
+      "PageDown",
+      "Home",
+      "End"
+    ].includes(event.key)) {
+      return;
+    }
+    let selectableDescendants = filter ? descendants.filter(filter) : descendants;
+    if (filter) {
+      index = selectableDescendants.findIndex(
+        (descendant) => descendant.index === currentIndex
+      );
+    }
+    if (!selectableDescendants.length) {
+      return;
+    }
+    function getNextOption() {
+      let atBottom = index === selectableDescendants.length - 1;
+      return atBottom ? rotate ? getFirstOption() : selectableDescendants[index] : selectableDescendants[(index + 1) % selectableDescendants.length];
+    }
+    function getPreviousOption() {
+      let atTop = index === 0;
+      return atTop ? rotate ? getLastOption() : selectableDescendants[index] : selectableDescendants[(index - 1 + selectableDescendants.length) % selectableDescendants.length];
+    }
+    function getFirstOption() {
+      return selectableDescendants[0];
+    }
+    function getLastOption() {
+      return selectableDescendants[selectableDescendants.length - 1];
+    }
+    switch (event.key) {
+      case "ArrowDown":
+        if (orientation === "vertical" || orientation === "both") {
+          event.preventDefault();
+          let next = getNextOption();
+          callback(key === "option" ? next : next[key]);
+        }
+        break;
+      case "ArrowUp":
+        if (orientation === "vertical" || orientation === "both") {
+          event.preventDefault();
+          let prev = getPreviousOption();
+          callback(key === "option" ? prev : prev[key]);
+        }
+        break;
+      case "ArrowLeft":
+        if (orientation === "horizontal" || orientation === "both") {
+          event.preventDefault();
+          let nextOrPrev = (rtl ? getNextOption : getPreviousOption)();
+          callback(key === "option" ? nextOrPrev : nextOrPrev[key]);
+        }
+        break;
+      case "ArrowRight":
+        if (orientation === "horizontal" || orientation === "both") {
+          event.preventDefault();
+          let prevOrNext = (rtl ? getPreviousOption : getNextOption)();
+          callback(key === "option" ? prevOrNext : prevOrNext[key]);
+        }
+        break;
+      case "PageUp":
+        event.preventDefault();
+        let prevOrFirst = (event.ctrlKey ? getPreviousOption : getFirstOption)();
+        callback(key === "option" ? prevOrFirst : prevOrFirst[key]);
+        break;
+      case "Home":
+        event.preventDefault();
+        let first = getFirstOption();
+        callback(key === "option" ? first : first[key]);
+        break;
+      case "PageDown":
+        event.preventDefault();
+        let nextOrLast = (event.ctrlKey ? getNextOption : getLastOption)();
+        callback(key === "option" ? nextOrLast : nextOrLast[key]);
+        break;
+      case "End":
+        event.preventDefault();
+        let last = getLastOption();
+        callback(key === "option" ? last : last[key]);
+        break;
+    }
+  };
+}
+
+// src/Menu/utils/hooks.ts
+var import_react2 = require("react");
+var import_scroll_into_view_if_needed = __toESM(require("scroll-into-view-if-needed"));
+var MenuContext = (0, import_react2.createContext)({
+  role: MENU_ROLES.MENU,
+  menuRef: {
+    current: null
+  },
+  value: void 0,
+  multiselect: false,
+  onChange: void 0,
+  state: {
+    selectionIndex: 0,
+    filterQuery: "",
+    filteredItems: null,
+    isFilterInputFocused: false,
+    isFooterFocused: false
+  },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setState: () => {
+  },
+  selectCallbacks: {
+    current: []
+  }
+});
+var MenuButtonContext = (0, import_react2.createContext)({
+  closeOnItemClick: void 0,
+  closePopout: void 0
+});
+var MenuDescendantContext = createDescendantContext(
+  "MenuDescendantContext"
+);
+function filterItemsFromTypeahead(items, string = "") {
+  if (!string) {
+    return null;
+  }
+  return items.filter(
+    ({ value, label }) => value?.toLowerCase().includes(string.toLocaleLowerCase()) || label?.toLowerCase().includes(string.toLocaleLowerCase())
+  ).map(({ index }) => index);
+}
+function useMenuKeyDown() {
+  const {
+    onChange,
+    selectCallbacks,
+    setState,
+    multiselect,
+    state: {
+      filterQuery,
+      selectionIndex,
+      filteredItems,
+      isFilterInputFocused,
+      isFooterFocused
+    }
+  } = (0, import_react2.useContext)(MenuContext);
+  const { closePopout, closeOnItemClick } = (0, import_react2.useContext)(MenuButtonContext);
+  const { descendants: items } = (0, import_react2.useContext)(MenuDescendantContext);
+  const shouldClosePopout = closeOnItemClick && !multiselect;
+  const prevMenuItemsLength = usePrevious(items.length);
+  const prevSelected = usePrevious(items[selectionIndex]);
+  const prevSelectionIndex = usePrevious(selectionIndex);
+  (0, import_react2.useEffect)(() => {
+    if (items.length && selectionIndex > items.length - 1) {
+      setState({
+        selectionIndex: items.length - 1
+      });
+    } else if (
+      // Checks if
+      //  - menu length has changed
+      //  - selection index has not changed BUT selected item has changed
+      //
+      // This prevents any dynamic adding/removing of menu items from actually
+      // changing a user's expected selection.
+      prevMenuItemsLength !== items.length && selectionIndex > -1 && prevSelected && prevSelectionIndex === selectionIndex && items[selectionIndex] !== prevSelected
+    ) {
+      setState({
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore I'm just going to ignore this one because its really hard to estimate where this stuff is coming from at any given time
+        selectionIndex: items.findIndex((i) => i.index === prevSelected.index)
+      });
+    }
+  }, [
+    setState,
+    items,
+    prevMenuItemsLength,
+    prevSelected,
+    prevSelectionIndex,
+    selectionIndex
+  ]);
+  (0, import_react2.useEffect)(() => {
+    const newFilteredItems = filterItemsFromTypeahead(items, filterQuery);
+    if (filterQuery && newFilteredItems && filteredItems?.length !== newFilteredItems?.length) {
+      setState({
+        filteredItems: newFilteredItems,
+        selectionIndex: newFilteredItems[0]
+      });
+    } else if (!filterQuery && filteredItems !== null) {
+      setState({
+        filteredItems: null
+      });
+    }
+  }, [filterQuery, items, setState, filteredItems]);
+  const index = items.findIndex(({ index: index2 }) => index2 === selectionIndex);
+  return {
+    activeDescendent: items[selectionIndex],
+    handleKeyDown: wrapEvent(
+      function(event) {
+        const { key } = event;
+        if (isFooterFocused) {
+          return;
+        }
+        switch (key) {
+          case " ":
+            if (isFilterInputFocused) {
+              return;
+            }
+          // falls through
+          // eslint-disable-next-line no-fallthrough
+          case "Enter":
+            const selected = items[selectionIndex];
+            if (selected && !selected.disabled) {
+              event.preventDefault();
+              const func = selectCallbacks.current[selected.index];
+              func?.call && func();
+              onChange && selected.value && onChange(selected.value);
+              shouldClosePopout && closePopout && closePopout();
+            }
+            return;
+          default:
+            return;
+        }
+      },
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      useDescendantKeyDown(MenuDescendantContext, {
+        currentIndex: index,
+        orientation: "vertical",
+        key: "option",
+        rotate: true,
+        filter: (option) => !option.disabled && (!filteredItems || filteredItems.includes(option.index)),
+        callback(item) {
+          if (item.element) {
+            (0, import_scroll_into_view_if_needed.default)(item.element, {
+              block: "nearest",
+              scrollMode: "if-needed"
+            });
+          }
+          setState({
+            selectionIndex: item.index
+          });
+        }
+      })
+    )
+  };
+}
+
+// src/Menu/styles.ts
+var import_styled_components = __toESM(require("styled-components"));
+var import_seeds_react_mixins = require("@sproutsocial/seeds-react-mixins");
+var import_seeds_react_box = __toESM(require("@sproutsocial/seeds-react-box"));
+var import_seeds_react_switch = require("@sproutsocial/seeds-react-switch");
+var MenuItemContainer = (0, import_styled_components.default)(import_seeds_react_box.default)`
+  ${(props) => !props.hidden && import_styled_components.css`
+      display: block;
+    `};
+  width: 100%;
+  border-radius: ${(props) => props.theme.radii[500]};
+  background-color: ${(props) => props.theme.colors.listItem.background.base};
+  border: none;
+  text-align: left;
+  color: ${(props) => props.theme.colors.text.body};
+  font-family: ${(props) => props.theme.fontFamily};
+  font-weight: ${(props) => props.theme.fontWeights.normal};
+  padding: ${(props) => `6px ${props.theme.space[300]}`};
+  list-style-type: none;
+  outline: 0;
+  ${(props) => import_styled_components.css`
+    ${props.theme.typography[200]};
+  `};
+
+  ${(props) => props.selected && !props.isCheckboxOrRadio && import_styled_components.css`
+      font-weight: ${(props2) => props2.theme.fontWeights.semibold};
+    `}
+
+  ${(props) => props.active && !props.disabled && import_styled_components.css`
+      color: ${(props2) => props2.theme.colors.text.inverse};
+      background-color: ${props.theme.colors.listItem.background.selected};
+
+      .Icon-svg {
+        color: ${(props2) => props2.theme.colors.text.inverse};
+      }
+    `}
+
+  // Add border to Switches inside of active Menu Items so they do not disappear into the background.
+   ${import_seeds_react_switch.StyledSwitchButton} {
+    ${(props) => props.active && !props.disabled && import_styled_components.css`
+        border-color: ${(props2) => props2.theme.colors.container.border.base};
+      `}
+  }
+
+  ${(props) => !props.disabled && import_styled_components.css`
+      &:focus,
+      &:hover {
+        color: ${(props2) => props2.theme.colors.text.body};
+        background-color: ${(props2) => props2.theme.colors.listItem.background.hover};
+
+        .Icon-svg {
+          color: unset;
+        }
+      }
+    `}
+
+  ${(props) => props.interactive && !props.disabled ? import_styled_components.css`
+          &:hover {
+            cursor: pointer;
+          }
+        ` : import_styled_components.css`
+          &:hover {
+            cursor: default;
+          }
+        `}
+  ${(props) => props.disabled && import_seeds_react_mixins.disabled}
+`;
+var MenuItemsContainer = (0, import_styled_components.default)(import_seeds_react_box.default)`
+  list-style-type: none;
+  &:focus {
+    ${import_seeds_react_mixins.focusRing}
+  }
+  & > div[role="group"]:first-of-type {
+    border-top: none;
+  }
+`;
+
+// src/Menu/Menu.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var noop2 = () => {
+};
+var 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;
+}
+var MenuItem = ({
+  id: idProp,
+  index: indexProp,
+  as,
+  children,
+  role: roleProp,
+  elemBefore,
+  elemAfter,
+  value: valueProp,
+  onKeyPress,
+  onClick,
+  selected,
+  disabled: disabled3,
+  indeterminate,
+  label: labelProp,
+  active: activeProp,
+  ...props
+}) => {
+  const {
+    role: menuRole,
+    onChange,
+    value,
+    multiselect,
+    state: menuState,
+    selectCallbacks,
+    menuRef
+  } = (0, import_react3.useContext)(MenuContext);
+  const { selectionIndex, filteredItems } = menuState;
+  const { closePopout, closeOnItemClick } = (0, import_react3.useContext)(MenuButtonContext);
+  const isSelected = selected || isValueSelected(value, valueProp);
+  const shouldClosePopout = closeOnItemClick && !multiselect;
+  const itemRole = roleProp || getMenuItemRole(menuRole);
+  const id = (0, import_react3.useMemo)(() => idProp || (0, import_lodash.default)("MenuItem-"), [idProp]);
+  const textContent = (0, import_seeds_react_hooks.useTextContent)("");
+  const label = labelProp || textContent.current;
+  const ref = (0, import_react3.useRef)(null);
+  const index = useDescendant(
+    {
+      context: MenuDescendantContext,
+      element: ref.current,
+      value: valueProp || label,
+      label,
+      disabled: disabled3,
+      id
+    },
+    indexProp
+  );
+  const isHidden = filteredItems && !filteredItems.includes(index);
+  const isFocused = index === selectionIndex;
+  selectCallbacks.current[index] = onClick;
+  const [keyPressed, setKeyPressed] = (0, import_react3.useState)(false);
+  const isActive = (0, import_react3.useMemo)(
+    () => activeProp || isFocused && keyPressed,
+    [activeProp, isFocused, keyPressed]
+  );
+  const isCheckboxOrRadio = [
+    MENU_ITEM_ROLES.CHECKBOX,
+    MENU_ITEM_ROLES.RADIO
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  ].includes(itemRole);
+  const 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);
+  (0, import_react3.useEffect)(() => {
+    if (isCheckboxOrRadio && ref.current) {
+      const input = ref.current.querySelector("input");
+      if (input) {
+        input.tabIndex = -1;
+      }
+    }
+  }, [ref, isCheckboxOrRadio]);
+  (0, import_react3.useEffect)(() => {
+    if (filteredItems) {
+      setKeyPressed(true);
+    } else if (selectionIndex !== 0) {
+      setKeyPressed(true);
+    }
+  }, [selectionIndex, filteredItems]);
+  const handleClick = (0, import_react3.useCallback)(
+    (e) => {
+      menuRef.current?.focus();
+      if (onChange && itemRole !== MENU_ITEM_ROLES.LISTITEM) {
+        onChange(valueProp || label);
+      }
+      shouldClosePopout && closePopout && closePopout();
+      onClick && onClick(e);
+    },
+    [
+      menuRef,
+      onChange,
+      itemRole,
+      shouldClosePopout,
+      closePopout,
+      onClick,
+      valueProp,
+      label
+    ]
+  );
+  const before = (0, import_react3.useMemo)(() => {
+    if (elemBefore) return elemBefore;
+    if (itemRole === MENU_ITEM_ROLES.CHECKBOX) {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_seeds_react_checkbox.default,
+        {
+          id: `Checkbox-${id}`,
+          checked: isSelected,
+          "aria-hidden": "true",
+          onChange: noop2,
+          indeterminate,
+          mr: 300
+        }
+      );
+    } else if (itemRole === MENU_ITEM_ROLES.RADIO) {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_seeds_react_radio.default,
+        {
+          id: `Radio-${id}`,
+          name: `Radio-${id}`,
+          checked: isSelected,
+          "aria-hidden": "true",
+          onChange: noop2,
+          mr: 300
+        }
+      );
+    }
+  }, [elemBefore, id, indeterminate, isSelected, itemRole]);
+  const after = (0, import_react3.useMemo)(() => {
+    if (elemAfter) return elemAfter;
+    if (isSelected && !isCheckboxOrRadio) {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_seeds_react_icon.default, { name: "check-solid", "aria-hidden": true, size: "small", ml: 300 });
+    }
+  }, [elemAfter, isCheckboxOrRadio, isSelected]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    MenuItemContainer,
+    {
+      "data-qa-menu-item": label,
+      ...props,
+      active: isActive,
+      "data-qa-is-active": isActive,
+      id,
+      "aria-label": labelProp,
+      value: valueProp,
+      "data-value": valueProp,
+      forwardedAs: as || "li",
+      "aria-checked": isCheckboxOrRadio ? isSelected : void 0,
+      "aria-selected": itemRole === MENU_ITEM_ROLES.OPTION ? isSelected : void 0,
+      disabled: disabled3,
+      "aria-disabled": disabled3,
+      isCheckboxOrRadio,
+      hidden: Boolean(isHidden),
+      interactive: Boolean(interactive),
+      onClick: !disabled3 ? handleClick : void 0,
+      role: itemRole,
+      selected: isSelected,
+      tabIndex: itemRole !== MENU_ITEM_ROLES.LISTITEM && !disabled3 ? -1 : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "div",
+        {
+          ref,
+          style: {
+            display: "flex",
+            alignItems: props.alignItems || "center",
+            justifyContent: "space-between"
+          },
+          children: [
+            before,
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "div",
+              {
+                style: {
+                  flexGrow: 1,
+                  wordBreak: "break-word",
+                  minWidth: 0
+                },
+                ref: textContent,
+                children
+              }
+            ),
+            after
+          ]
+        }
+      )
+    }
+  );
+};
+var MenuCheckbox = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MenuItem, { role: MENU_ITEM_ROLES.CHECKBOX, ...props });
+var MenuRadio = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MenuItem, { role: MENU_ITEM_ROLES.RADIO, ...props });
+var MenuSwitch = (props) => {
+  const { value: menuValue } = (0, import_react3.useContext)(MenuContext);
+  const {
+    placement,
+    labelProps = {},
+    switchProps = {},
+    children,
+    id,
+    label,
+    ...rest
+  } = props;
+  const menuItemId = (0, import_react3.useMemo)(() => id || (0, import_lodash.default)("MenuItem-"), [id]);
+  const labelId = `${menuItemId}-label`;
+  const switchElement = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_seeds_react_switch2.default,
+    {
+      id: `${menuItemId}-switch`,
+      checked: props.selected || isValueSelected(menuValue, props.value),
+      "aria-hidden": "true",
+      tabIndex: -1,
+      "aria-labelledby": labelId,
+      ...placement === "before" ? { mr: 300 } : { ml: 300 },
+      ...switchProps,
+      onClick: noop2
+    }
+  );
+  const menuItemProps = {
+    id: menuItemId,
+    label,
+    elemBefore: placement === "before" ? switchElement : void 0,
+    // Empty fragment prevents a check icon in elemAfter when the switch is checked. Can be overridden.
+    elemAfter: placement === "before" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, {}) : switchElement,
+    ...rest
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MenuItem, { ...menuItemProps, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_seeds_react_text.default,
+    {
+      id: labelId,
+      ...labelProps,
+      children: children || label
+    }
+  ) });
+};
+var MenuTitle = (0, import_styled_components2.default)(import_seeds_react_text.default)`
+  font-weight: 600;
+  padding-left: ${({ theme }) => theme.space[300]};
+  padding-top: ${({ theme }) => theme.space[200]};
+  padding-bottom: ${({ theme }) => theme.space[300]};
+  color: ${({ theme }) => theme.colors.text.headline};
+`;
+var MenuGroup = ({
+  children,
+  title,
+  titleAs,
+  disabled: isDisabled = false,
+  ...props
+}) => {
+  const menuTitleId = (0, import_react3.useMemo)(() => (0, import_lodash.default)("menu-title-"), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_seeds_react_box2.default,
+    {
+      p: 300,
+      role: "group",
+      "aria-labelledby": title ? menuTitleId : void 0,
+      borderTop: "1px solid",
+      borderColor: "container.border.base",
+      ...props,
+      children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          MenuTitle,
+          {
+            id: menuTitleId,
+            role: "presentation",
+            fontSize: 200,
+            forwardedAs: titleAs || "li",
+            css: isDisabled ? import_seeds_react_mixins2.disabled : void 0,
+            children: title
+          }
+        ),
+        children
+      ]
+    }
+  ) });
+};
+var MenuDivider = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  import_seeds_react_box2.default,
+  {
+    as: "li",
+    role: "separator",
+    borderTop: "1px solid",
+    borderColor: "container.border.base",
+    ...props
+  }
+);
+var MenuFilterInput = ({ type = "search", ...props }) => {
+  const { onChange, onFocus, onBlur } = props;
+  const { state, setState } = (0, import_react3.useContext)(MenuContext);
+  const handleOnChange = (0, import_react3.useCallback)(
+    (event, value) => {
+      onChange && onChange(event, value);
+      setState({
+        filterQuery: value
+      });
+    },
+    [setState, onChange]
+  );
+  const handleOnFocus = (0, import_react3.useCallback)(
+    (event) => {
+      onFocus && onFocus(event);
+      setState({
+        isFilterInputFocused: true
+      });
+    },
+    [setState, onFocus]
+  );
+  const handleOnBlur = (0, import_react3.useCallback)(
+    (event) => {
+      onBlur && onBlur(event);
+      setState({
+        isFilterInputFocused: false
+      });
+    },
+    [setState, onBlur]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_seeds_react_input.default,
+    {
+      ...props,
+      type,
+      value: state.filterQuery,
+      onChange: handleOnChange,
+      onFocus: handleOnFocus,
+      onBlur: handleOnBlur
+    }
+  );
+};
+var MenuItems = ({
+  children,
+  role,
+  multiselect,
+  innerRef,
+  ...props
+}) => {
+  const { handleKeyDown, activeDescendent } = useMenuKeyDown();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    MenuItemsContainer,
+    {
+      ...props,
+      forwardedAs: "ul",
+      ref: innerRef,
+      role,
+      "aria-activedescendant": activeDescendent?.id,
+      "aria-multiselectable": multiselect ? true : void 0,
+      tabIndex: 0,
+      onKeyDown: handleKeyDown,
+      margin: 0,
+      padding: 0,
+      overflow: "hidden",
+      children
+    }
+  );
+};
+var MenuFooter = ({ children }) => {
+  const { setState } = (0, import_react3.useContext)(MenuContext);
+  const handleOnBlur = (0, import_react3.useCallback)(() => {
+    setState({
+      isFooterFocused: false
+    });
+  }, [setState]);
+  const handleOnFocus = (0, import_react3.useCallback)(() => {
+    setState({
+      isFooterFocused: true
+    });
+  }, [setState]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_seeds_react_box2.default, { onBlur: handleOnBlur, onFocus: handleOnFocus, children });
+};
+var Menu = ({
+  role = MENU_ROLES.MENU,
+  children,
+  onChange,
+  value,
+  multiselect,
+  innerRef,
+  footerContent,
+  ...props
+}) => {
+  const [descendants, setDescendants] = useDescendants();
+  const [state, setState] = (0, import_react3.useState)({
+    selectionIndex: 0,
+    filterQuery: "",
+    filteredItems: null,
+    isFilterInputFocused: false,
+    isFooterFocused: false
+  });
+  const selectCallbacks = (0, import_react3.useRef)([]);
+  const menuRef = (0, import_react3.useRef)(null);
+  const setContextState = (0, import_react3.useCallback)(
+    (newState) => {
+      setState({ ...state, ...newState });
+    },
+    [state]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    DescendantProvider,
+    {
+      context: MenuDescendantContext,
+      items: descendants,
+      set: setDescendants,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        MenuContext.Provider,
+        {
+          value: {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            menuRef: innerRef || menuRef,
+            role,
+            onChange,
+            value,
+            multiselect,
+            state,
+            setState: setContextState,
+            selectCallbacks
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              MenuItems,
+              {
+                ...props,
+                role,
+                multiselect,
+                innerRef: menuRef,
+                children
+              }
+            ),
+            footerContent ? /* @__PURE__ */ (0, import_jsx_runtime2.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 = (0, import_styled_components2.default)(import_seeds_react_popout.default.Content)`
+  padding: 0;
+  margin-left: 0;
+  margin-right: 0;
+`;
+var MenuButton = ({
+  content,
+  popoutProps,
+  children,
+  onClick,
+  closeOnItemClick = true,
+  id = (0, import_lodash.default)("MenuButton-"),
+  placement = "bottom",
+  isOpen,
+  setIsOpen,
+  ...props
+}) => {
+  const [isInternalShown, setIsInternalShown] = (0, import_react3.useState)(false);
+  const isControlled = typeof isOpen === "boolean";
+  const isShown = isControlled ? isOpen : isInternalShown;
+  const setIsShown = (0, import_react3.useMemo)(
+    () => isControlled && setIsOpen ? setIsOpen : (nextIsShown) => setIsInternalShown(nextIsShown),
+    [isControlled, setIsOpen]
+  );
+  const closePopout = (0, import_react3.useCallback)(() => setIsShown(false), [setIsShown]);
+  const ariaLabelledBy = props["aria-labelledby"] ? `${props["aria-labelledby"]} ${id}` : void 0;
+  const ariaLabel = props["aria-label"] ? `${props["aria-label"]} ${innerText(children)}` : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    MenuButtonContext.Provider,
+    {
+      value: {
+        closePopout,
+        closeOnItemClick
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_seeds_react_popout.default,
+        {
+          isOpen: isShown,
+          setIsOpen: setIsShown,
+          content: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CustomPopoutContent, { children: content }),
+          placement,
+          ...popoutProps,
+          width: props.width,
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_seeds_react_button.default,
+            {
+              ...props,
+              id,
+              "aria-labelledby": ariaLabelledBy?.trim(),
+              "aria-label": ariaLabel?.trim(),
+              active: isShown,
+              onKeyDown: (e) => {
+                if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+                  onClick && onClick(e);
+                  setIsShown(true);
+                }
+              },
+              onClick: (e) => {
+                onClick && onClick(e);
+                setIsShown(!isShown);
+              },
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+};
+var Menu_default = Menu;
+
+// src/Menu/index.ts
+var Menu_default2 = Menu_default;
+
+// src/Breadcrumb/styles.ts
+var import_styled_components3 = __toESM(require("styled-components"));
+var Nav = import_styled_components3.default.nav`
+  ol {
+    ${(props) => props.theme.typography[200]};
+    margin: 0;
+    font-family: ${(props) => props.theme.fontFamily};
+    padding: 0;
+    display: flex;
+  }
+
+  li {
+    margin-right: ${(props) => props.theme.space[200]};
+    display: flex;
+  }
+
+  a,
+  button {
+    ${(props) => props.theme.typography[200]};
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    &:not(.overflow--menu) {
+      margin: 0;
+      padding: 0;
+    }
+  }
+
+  ol > div + li::before {
+    content: "/";
+    margin-right: ${(props) => props.theme.space[200]};
+  }
+
+  li:last-child a,
+  li:last-child button {
+    color: ${(props) => props.theme.colors.text.body};
+    font-weight: bold;
+  }
+
+  li:not(:last-child)::after {
+    content: "/";
+    color: ${(props) => props.theme.colors.text.body};
+    margin-left: ${(props) => props.theme.space[200]};
+  }
+`;
+var styles_default = Nav;
+
+// src/Breadcrumb/Breadcrumb.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var BreadcrumbItem = ({
+  children,
+  href,
+  ...rest
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_seeds_react_link.default, { href, ...rest, children }) });
+};
+var Breadcrumb = ({
+  ariaLabel,
+  overflow,
+  children,
+  ...rest
+}) => {
+  const listItems = React.Children.toArray(children);
+  const lastItem = listItems[listItems.length - 1];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(styles_default, { "aria-label": ariaLabel, "data-qa-breadcrumb": ariaLabel, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ol", { children: [
+    overflow && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      MenuButton,
+      {
+        appearance: "secondary",
+        content: overflow.menu,
+        "aria-label": overflow.label,
+        className: "overflow--menu",
+        px: 200,
+        py: 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_seeds_react_icon2.default, { name: "ellipsis-horizontal-solid", "aria-hidden": true })
+      }
+    ) }),
+    listItems.map((item, i) => {
+      const itemElem = typeof item === "object" && "props" in item ? item : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "item" });
+      return React.cloneElement(itemElem, {
+        ...itemElem.props,
+        "aria-current": listItems[i] === lastItem ? "page" : void 0
+      });
+    })
+  ] }) });
+};
+BreadcrumbItem.displayName = "Breadcrumb.Item";
+Breadcrumb.Item = BreadcrumbItem;
+var Breadcrumb_default = Breadcrumb;
+
+// src/index.ts
+__reExport(index_exports, require("@sproutsocial/seeds-react-button"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-card"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-character-counter"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-chart-legend"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-checkbox"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-collapsible"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-datepicker"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-drawer"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-duration"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-empty-state"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-fieldset"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-form-field"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-icon"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-image"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-indicator"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-input"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-keyboard-key"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-label"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-link"), module.exports);
+
+// src/Listbox/Listbox.tsx
+var import_styled_components4 = __toESM(require("styled-components"));
+var import_seeds_react_select = require("@sproutsocial/seeds-react-select");
+var import_seeds_react_icon3 = __toESM(require("@sproutsocial/seeds-react-icon"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Listbox = ({
+  role = MENU_ROLES.LISTBOX,
+  children,
+  ...rest
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Menu_default2, { ...rest, role, children });
+};
+var ListboxButtonContainer = (0, import_styled_components4.default)(MenuButton)`
+  position: relative;
+  width: 100%;
+  border: 1px solid ${(props) => props.theme.colors.form.border.base};
+  border-radius: ${(props) => props.theme.radii[500]};
+  background-color: ${(props) => props.theme.colors.form.background.base};
+  color: ${(props) => props.theme.colors.text.body};
+  cursor: ${(props) => props.disabled ? "not-allowed" : "pointer"};
+  outline: none;
+  appearance: none;
+  transition: border-color ${(props) => props.theme.duration.fast}
+      ${(props) => props.theme.easing.ease_in},
+    box-shadow ${(props) => props.theme.duration.fast}
+      ${(props) => props.theme.easing.ease_in};
+  font-family: ${(props) => props.theme.fontFamily};
+  font-weight: ${(props) => props.theme.fontWeights.normal};
+  text-align: left;
+  margin: 0;
+  &:active {
+    transform: none;
+  }
+
+  padding: ${(props) => {
+  switch (props.size) {
+    case "large":
+      return `${props.theme.space[400]} ${props.theme.space[600]} ${props.theme.space[400]} ${props.theme.space[400]}`;
+    case "small":
+      return `${props.theme.space[200]} ${props.theme.space[500]} ${props.theme.space[200]} ${props.theme.space[200]}`;
+    case "default":
+    default:
+      return `${props.theme.space[300]} ${props.theme.space[500]} ${props.theme.space[300]} ${props.theme.space[300]}`;
+  }
+}};
+  font-size: ${(props) => {
+  switch (props.size) {
+    case "large":
+      return props.theme.typography[300].fontSize;
+    case "small":
+    case "default":
+    default:
+      return props.theme.typography[200].fontSize;
+  }
+}};
+
+  ${(props) => props.invalid && import_styled_components4.css`
+      border-color: ${(props2) => props2.theme.colors.form.border.error};
+      ${import_seeds_react_select.Arrow} {
+        color: ${(props2) => props2.theme.colors.icon.error};
+      }
+    `}
+`;
+var ListboxButton = ({
+  children,
+  ...restProps
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  ListboxButtonContainer,
+  {
+    ...restProps,
+    popoutProps: {
+      placement: "bottom-start",
+      ...restProps.popoutProps || {}
+    },
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_seeds_react_select.Arrow, { size: restProps.size, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_seeds_react_icon3.default, { name: "chevron-down-outline", fixedWidth: true, "aria-hidden": true }) })
+    ]
+  }
+);
+Listbox.Option = Listbox.Item = Menu_default2.Item;
+Listbox.Checkbox = Menu_default2.Checkbox;
+Listbox.Radio = Menu_default2.Radio;
+Listbox.Switch = Menu_default2.Switch;
+Listbox.Group = Menu_default2.Group;
+Listbox.Divider = Menu_default2.Divider;
+Listbox.FilterInput = Menu_default2.FilterInput;
+var Listbox_default = Listbox;
+
+// src/index.ts
+__reExport(index_exports, require("@sproutsocial/seeds-react-loader"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-loader-button"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-modal"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-message"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-numeral"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-partner-logo"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-popout"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-portal"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-radio"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-segmented-control"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-select"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-skeleton"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-spot-illustration"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-stack"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-switch"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-table"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-table/TableCell"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-table/TableHeaderCell"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-table/TableRowAccordion"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-tabs"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-text"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-textarea"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-toast"), module.exports);
+
+// src/ToggleHint/ToggleHint.tsx
+var React2 = __toESM(require("react"));
+var import_seeds_react_icon4 = __toESM(require("@sproutsocial/seeds-react-icon"));
+
+// src/ToggleHint/styles.ts
+var import_styled_components5 = __toESM(require("styled-components"));
+var import_seeds_react_system_props = require("@sproutsocial/seeds-react-system-props");
+var import_seeds_react_mixins3 = require("@sproutsocial/seeds-react-mixins");
+var Container = import_styled_components5.default.div`
+  position: relative;
+  display: inline-block;
+  padding: ${(props) => props.theme.space[100]};
+  color: currentColor;
+
+  ${(props) => props.icon === "chevron" && import_styled_components5.css`
+      transition: transform
+        ${(props2) => `${props2.theme.duration.medium} ${props2.theme.easing.ease_inout}`};
+
+      ${props.isOpen && import_styled_components5.css`
+        transform: rotateX(180deg);
+      `}
+    `}
+
+  ${import_seeds_react_system_props.COMMON}
+`;
+var IconText = import_styled_components5.default.div`
+  ${import_seeds_react_mixins3.visuallyHidden}
+`;
+var styles_default2 = Container;
+
+// src/ToggleHint/ToggleHint.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ToggleHint = class extends React2.Component {
+  static defaultProps = {
+    isOpen: false,
+    icon: "chevron"
+  };
+  getIcon = () => {
+    if (this.props.icon === "chevron") {
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_seeds_react_icon4.default, { name: "chevron-down-outline", "aria-hidden": true });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_seeds_react_icon4.default,
+      {
+        name: this.props.isOpen ? "minus-outline" : "plus-outline",
+        "aria-hidden": true
+      }
+    );
+  };
+  render() {
+    const {
+      icon,
+      isOpen,
+      openString,
+      closeString,
+      qa,
+      className,
+      color,
+      ...rest
+    } = this.props;
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      styles_default2,
+      {
+        icon,
+        isOpen,
+        className: `ToggleHint ${className}`,
+        "data-qa-togglehint-isopen": isOpen,
+        color,
+        ...qa,
+        ...rest,
+        children: [
+          this.getIcon(),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconText, { children: isOpen ? closeString : openString })
+        ]
+      }
+    );
+  }
+};
+
+// src/index.ts
+__reExport(index_exports, require("@sproutsocial/seeds-react-token"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-token-input"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-tooltip"), module.exports);
+__reExport(index_exports, require("@sproutsocial/seeds-react-visually-hidden"), module.exports);
+var import_seeds_react_banner = require("@sproutsocial/seeds-react-banner");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Alert,
+  Breadcrumb,
+  DescendantProvider,
+  Listbox,
+  ListboxButton,
+  MENU_ITEM_ROLES,
+  MENU_ROLES,
+  Menu,
+  MenuButton,
+  MenuButtonContext,
+  MenuContext,
+  MenuDescendantContext,
+  MenuItemContainer,
+  MenuItemsContainer,
+  PartnerLogoNames,
+  SpotIllustrationNames,
+  ThemeProvider,
+  ToggleHint,
+  canUseDOM,
+  createDescendantContext,
+  createNamedContext,
+  useDescendant,
+  useDescendantKeyDown,
+  useDescendants,
+  useInteractiveColor,
+  useMeasure,
+  useMenuKeyDown,
+  useMultiselect,
+  usePrevious,
+  useSelect,
+  useTextContent,
+  wrapEvent,
+  ...require("@sproutsocial/seeds-react-system-props"),
+  ...require("@sproutsocial/seeds-react-theme"),
+  ...require("@sproutsocial/seeds-react-mixins"),
+  ...require("@sproutsocial/seeds-react-avatar"),
+  ...require("@sproutsocial/seeds-react-badge"),
+  ...require("@sproutsocial/seeds-react-banner"),
+  ...require("@sproutsocial/seeds-react-box"),
+  ...require("@sproutsocial/seeds-react-button"),
+  ...require("@sproutsocial/seeds-react-card"),
+  ...require("@sproutsocial/seeds-react-character-counter"),
+  ...require("@sproutsocial/seeds-react-chart-legend"),
+  ...require("@sproutsocial/seeds-react-checkbox"),
+  ...require("@sproutsocial/seeds-react-collapsible"),
+  ...require("@sproutsocial/seeds-react-datepicker"),
+  ...require("@sproutsocial/seeds-react-drawer"),
+  ...require("@sproutsocial/seeds-react-duration"),
+  ...require("@sproutsocial/seeds-react-empty-state"),
+  ...require("@sproutsocial/seeds-react-fieldset"),
+  ...require("@sproutsocial/seeds-react-form-field"),
+  ...require("@sproutsocial/seeds-react-icon"),
+  ...require("@sproutsocial/seeds-react-image"),
+  ...require("@sproutsocial/seeds-react-indicator"),
+  ...require("@sproutsocial/seeds-react-input"),
+  ...require("@sproutsocial/seeds-react-keyboard-key"),
+  ...require("@sproutsocial/seeds-react-label"),
+  ...require("@sproutsocial/seeds-react-link"),
+  ...require("@sproutsocial/seeds-react-loader"),
+  ...require("@sproutsocial/seeds-react-loader-button"),
+  ...require("@sproutsocial/seeds-react-modal"),
+  ...require("@sproutsocial/seeds-react-message"),
+  ...require("@sproutsocial/seeds-react-numeral"),
+  ...require("@sproutsocial/seeds-react-partner-logo"),
+  ...require("@sproutsocial/seeds-react-popout"),
+  ...require("@sproutsocial/seeds-react-portal"),
+  ...require("@sproutsocial/seeds-react-radio"),
+  ...require("@sproutsocial/seeds-react-segmented-control"),
+  ...require("@sproutsocial/seeds-react-select"),
+  ...require("@sproutsocial/seeds-react-skeleton"),
+  ...require("@sproutsocial/seeds-react-spot-illustration"),
+  ...require("@sproutsocial/seeds-react-stack"),
+  ...require("@sproutsocial/seeds-react-switch"),
+  ...require("@sproutsocial/seeds-react-table"),
+  ...require("@sproutsocial/seeds-react-table/TableCell"),
+  ...require("@sproutsocial/seeds-react-table/TableHeaderCell"),
+  ...require("@sproutsocial/seeds-react-table/TableRowAccordion"),
+  ...require("@sproutsocial/seeds-react-tabs"),
+  ...require("@sproutsocial/seeds-react-text"),
+  ...require("@sproutsocial/seeds-react-textarea"),
+  ...require("@sproutsocial/seeds-react-toast"),
+  ...require("@sproutsocial/seeds-react-token"),
+  ...require("@sproutsocial/seeds-react-token-input"),
+  ...require("@sproutsocial/seeds-react-tooltip"),
+  ...require("@sproutsocial/seeds-react-visually-hidden")
+});
+//# sourceMappingURL=index.js.map