@homebound/beam 2.409.0 → 2.410.0

package/dist/index.js

@@ -13706,7 +13706,7 @@ var variantStyles2 = {
 };
 
 // src/components/BeamContext.tsx
-import { createContext as createContext6, useContext as useContext15, useMemo as useMemo37, useReducer, useRef as useRef44 } from "react";
+import { createContext as createContext6, useContext as useContext15, useMemo as useMemo37, useReducer, useRef as useRef45 } from "react";
 import { OverlayProvider } from "react-aria";
 
 // src/components/Modal/Modal.tsx
@@ -15621,17 +15621,66 @@ function FullBleed({ children, omitPadding = false }) {
 // src/components/Layout/GridTableLayout/GridTableLayout.tsx
 import React15, { useEffect as useEffect25, useMemo as useMemo35, useState as useState37 } from "react";
 
+// src/components/ButtonMenu.tsx
+import { useRef as useRef43 } from "react";
+import { useMenuTrigger as useMenuTrigger3 } from "react-aria";
+import { useMenuTriggerState as useMenuTriggerState3 } from "react-stately";
+import { jsx as jsx125 } from "@emotion/react/jsx-runtime";
+function ButtonMenu(props) {
+  const { defaultOpen, disabled, items, persistentItems, trigger, searchable, contrast = false } = props;
+  let selectedItem, onChange;
+  if (isSelectionButtonMenuProps(props)) {
+    selectedItem = props.selectedItem;
+    onChange = props.onChange;
+  }
+  const state = useMenuTriggerState3({ isOpen: defaultOpen });
+  const buttonRef = useRef43(null);
+  const { menuTriggerProps, menuProps } = useMenuTrigger3({ isDisabled: !!disabled }, state, buttonRef);
+  const tid = useTestIds(
+    props,
+    isTextButton(trigger) ? labelOr(trigger, "buttonMenu") : isNavLinkButton(trigger) ? defaultTestId(trigger.navLabel) : isIconButton(trigger) ? trigger.icon : trigger.name
+  );
+  return /* @__PURE__ */ jsx125(
+    OverlayTrigger,
+    {
+      ...props,
+      menuTriggerProps,
+      state,
+      buttonRef,
+      ...tid,
+      contrast,
+      children: /* @__PURE__ */ jsx125(
+        Menu,
+        {
+          ariaMenuProps: menuProps,
+          onClose: () => state.close(),
+          items,
+          persistentItems,
+          searchable,
+          contrast,
+          selectedItem,
+          onChange,
+          ...tid
+        }
+      )
+    }
+  );
+}
+function isSelectionButtonMenuProps(props) {
+  return typeof props === "object" && "selectedItem" in props && "onChange" in props;
+}
+
 // src/components/Filters/FilterDropdownMenu.tsx
-import { memo as memo2, useMemo as useMemo33, useRef as useRef43, useState as useState36 } from "react";
+import { memo as memo2, useMemo as useMemo33, useRef as useRef44, useState as useState36 } from "react";
 import { useOverlay as useOverlay3 } from "react-aria";
 
 // src/components/CountBadge.tsx
-import { jsx as jsx125 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx126 } from "@emotion/react/jsx-runtime";
 function CountBadge(props) {
   const { count, bgColor = "rgba(29, 78, 216, 1)" /* Blue700 */, color = "rgba(255,255,255,1)" /* White */, hideIfZero = false, ...otherProps } = props;
   const tid = useTestIds(otherProps, "countBadge");
   if (hideIfZero && count === 0) return null;
-  return /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx126(
     "span",
     {
       ...tid,
@@ -15664,7 +15713,7 @@ var BaseFilter = class {
 };
 
 // src/components/Filters/DateFilter.tsx
-import { Fragment as Fragment25, jsx as jsx126, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx127, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
 function dateFilter(props) {
   return (key) => new DateFilter(key, props);
 }
@@ -15673,9 +15722,9 @@ var DateFilter = class extends BaseFilter {
   render(value, setValue, tid, inModal, vertical) {
     const { label, operations, getOperationValue, getOperationLabel } = this.props;
     return /* @__PURE__ */ jsxs61(Fragment25, { children: [
-      vertical && /* @__PURE__ */ jsx126(Label, { label }),
+      vertical && /* @__PURE__ */ jsx127(Label, { label }),
       /* @__PURE__ */ jsxs61(CompoundField, { children: [
-        /* @__PURE__ */ jsx126(
+        /* @__PURE__ */ jsx127(
           SelectField,
           {
             compact: true,
@@ -15698,7 +15747,7 @@ var DateFilter = class extends BaseFilter {
             ...tid[`${defaultTestId(this.label)}_dateOperation`]
           }
         ),
-        /* @__PURE__ */ jsx126(
+        /* @__PURE__ */ jsx127(
           DateField,
           {
             compact: true,
@@ -15716,7 +15765,7 @@ var DateFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/DateRangeFilter.tsx
-import { Fragment as Fragment26, jsx as jsx127, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx128, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
 function dateRangeFilter(props) {
   return (key) => new DateRangeFilter(key, props);
 }
@@ -15724,8 +15773,8 @@ var DateRangeFilter = class extends BaseFilter {
   render(value, setValue, tid, inModal, vertical) {
     const { label, placeholderText, disabledDays, testFieldLabel, defaultValue } = this.props;
     return /* @__PURE__ */ jsxs62(Fragment26, { children: [
-      vertical && /* @__PURE__ */ jsx127(Label, { label }),
-      /* @__PURE__ */ jsx127(
+      vertical && /* @__PURE__ */ jsx128(Label, { label }),
+      /* @__PURE__ */ jsx128(
         DateRangeField,
         {
           compact: true,
@@ -15744,7 +15793,7 @@ var DateRangeFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/MultiFilter.tsx
-import { jsx as jsx128 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx129 } from "@emotion/react/jsx-runtime";
 function multiFilter(props) {
   return (key) => new MultiFilter(key, props);
 }
@@ -15754,7 +15803,7 @@ var MultiFilter = class extends BaseFilter {
       const { disabledOptions } = this.props;
       const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
       const disabledKeys = Object.keys(disabledOptionsWithReasons);
-      return /* @__PURE__ */ jsx128(
+      return /* @__PURE__ */ jsx129(
         ToggleChipGroup,
         {
           label: this.label,
@@ -15778,7 +15827,7 @@ var MultiFilter = class extends BaseFilter {
       );
     }
     const { defaultValue, nothingSelectedText, ...props } = this.props;
-    return /* @__PURE__ */ jsx128(
+    return /* @__PURE__ */ jsx129(
       MultiSelectField,
       {
         ...props,
@@ -15798,7 +15847,7 @@ var MultiFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/NumberRangeFilter.tsx
-import { Fragment as Fragment27, jsx as jsx129, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx130, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
 function numberRangeFilter(props) {
   return (key) => new NumberRangeFilter(key, props);
 }
@@ -15809,8 +15858,8 @@ var NumberRangeFilter = class extends BaseFilter {
     const max = value?.max ?? void 0;
     return /* @__PURE__ */ jsxs63(Fragment27, { children: [
       vertical && /* @__PURE__ */ jsxs63("div", { ...tid, children: [
-        /* @__PURE__ */ jsx129(Label, { label }),
-        /* @__PURE__ */ jsx129("div", { css: Css.pb1.$, children: /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130(Label, { label }),
+        /* @__PURE__ */ jsx130("div", { css: Css.pb1.$, children: /* @__PURE__ */ jsx130(
           NumberField,
           {
             labelStyle: "inline",
@@ -15826,7 +15875,7 @@ var NumberRangeFilter = class extends BaseFilter {
             ...tid[`${defaultTestId(label)}_min_vertical`]
           }
         ) }),
-        /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130(
           NumberField,
           {
             labelStyle: "inline",
@@ -15844,7 +15893,7 @@ var NumberRangeFilter = class extends BaseFilter {
         )
       ] }),
       !vertical && /* @__PURE__ */ jsxs63(CompoundField, { ...tid, children: [
-        /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130(
           NumberField,
           {
             compact: true,
@@ -15862,7 +15911,7 @@ var NumberRangeFilter = class extends BaseFilter {
             ...tid[`${defaultTestId(label)}_min`]
           }
         ),
-        /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130(
           NumberField,
           {
             compact: true,
@@ -15886,7 +15935,7 @@ var NumberRangeFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/SingleFilter.tsx
-import { jsx as jsx130 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx131 } from "@emotion/react/jsx-runtime";
 function singleFilter(props) {
   return (key) => new SingleFilter(key, props);
 }
@@ -15903,7 +15952,7 @@ var SingleFilter = class extends BaseFilter {
       ...props
     } = this.props;
     const options = Array.isArray(maybeOptions) ? [allOption, ...maybeOptions] : { ...maybeOptions, current: maybeOptions.current };
-    return /* @__PURE__ */ jsx130(
+    return /* @__PURE__ */ jsx131(
       SelectField,
       {
         ...props,
@@ -15924,14 +15973,14 @@ var SingleFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/TreeFilter.tsx
-import { jsx as jsx131 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx132 } from "@emotion/react/jsx-runtime";
 function treeFilter(props) {
   return (key) => new TreeFilter(key, props);
 }
 var TreeFilter = class extends BaseFilter {
   render(value, setValue, tid, inModal, vertical) {
     const { defaultValue, nothingSelectedText, filterBy = "root", ...props } = this.props;
-    return /* @__PURE__ */ jsx131(
+    return /* @__PURE__ */ jsx132(
       TreeSelectField,
       {
         ...props,
@@ -15952,14 +16001,14 @@ var TreeFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/BooleanFilter.tsx
-import { jsx as jsx132 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx133 } from "@emotion/react/jsx-runtime";
 function booleanFilter(props) {
   return (key) => new BooleanFilter(key, props);
 }
 var BooleanFilter = class extends BaseFilter {
   render(value, setValue, tid, inModal, vertical) {
     const { options = defaultBooleanOptions, label, defaultValue, ...props } = this.props;
-    return /* @__PURE__ */ jsx132(
+    return /* @__PURE__ */ jsx133(
       SelectField,
       {
         ...props,
@@ -15987,7 +16036,7 @@ var defaultBooleanOptions = [
 ];
 
 // src/components/Filters/CheckboxFilter.tsx
-import { jsx as jsx133 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx134 } from "@emotion/react/jsx-runtime";
 function checkboxFilter(props) {
   return (key) => new CheckboxFilter(key, {
     // If the user has set the offValue, that should be the default b/c we're only a two-state
@@ -15998,7 +16047,7 @@ function checkboxFilter(props) {
 var CheckboxFilter = class extends BaseFilter {
   render(value, setValue, tid, inModal, vertical) {
     const { defaultValue, onValue = true, offValue = void 0, ...props } = this.props;
-    return /* @__PURE__ */ jsx133(
+    return /* @__PURE__ */ jsx134(
       Checkbox,
       {
         ...props,
@@ -16021,7 +16070,7 @@ import { useState as useState35 } from "react";
 
 // src/components/Modal/OpenModal.tsx
 import { useEffect as useEffect23 } from "react";
-import { jsx as jsx134 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx135 } from "@emotion/react/jsx-runtime";
 function OpenModal(props) {
   const { openModal } = useModal();
   const { size, children, keepOpen } = props;
@@ -16031,22 +16080,22 @@ function OpenModal(props) {
     }
   }, [keepOpen, openModal, size, children]);
   if (keepOpen) {
-    return /* @__PURE__ */ jsx134(Modal, { size, content: children });
+    return /* @__PURE__ */ jsx135(Modal, { size, content: children });
   } else {
-    return /* @__PURE__ */ jsx134("div", { children: "dummy content" });
+    return /* @__PURE__ */ jsx135("div", { children: "dummy content" });
   }
 }
 
 // src/components/Filters/FilterModal.tsx
-import { Fragment as Fragment28, jsx as jsx135, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx136, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
 function FilterModal(props) {
   const { filter, filters, onApply } = props;
   const testId = useTestIds(props, filterTestIdPrefix);
   const { closeModal } = useModal();
   const [modalFilter, setModalFilter] = useState35(filter);
   return /* @__PURE__ */ jsxs64(Fragment28, { children: [
-    /* @__PURE__ */ jsx135(ModalHeader, { children: "More Filters" }),
-    /* @__PURE__ */ jsx135(ModalBody, { children: /* @__PURE__ */ jsx135("div", { css: Css.df.fdc.$, children: safeEntries(filters).map(([key, f]) => /* @__PURE__ */ jsx135(ModalFilterItem, { label: f.hideLabelInModal ? void 0 : f.label, children: f.render(
+    /* @__PURE__ */ jsx136(ModalHeader, { children: "More Filters" }),
+    /* @__PURE__ */ jsx136(ModalBody, { children: /* @__PURE__ */ jsx136("div", { css: Css.df.fdc.$, children: safeEntries(filters).map(([key, f]) => /* @__PURE__ */ jsx136(ModalFilterItem, { label: f.hideLabelInModal ? void 0 : f.label, children: f.render(
       modalFilter[key],
       (value) => setModalFilter(updateFilter(modalFilter, key, value)),
       testId,
@@ -16054,7 +16103,7 @@ function FilterModal(props) {
       false
     ) }, key)) }) }),
     /* @__PURE__ */ jsxs64(ModalFooter, { xss: Css.jcsb.$, children: [
-      /* @__PURE__ */ jsx135(
+      /* @__PURE__ */ jsx136(
         Button,
         {
           label: "Clear",
@@ -16068,8 +16117,8 @@ function FilterModal(props) {
         }
       ),
       /* @__PURE__ */ jsxs64("div", { css: Css.df.gap1.$, children: [
-        /* @__PURE__ */ jsx135(Button, { label: "Cancel", variant: "quaternary", onClick: closeModal, ...testId.modalClose }),
-        /* @__PURE__ */ jsx135(
+        /* @__PURE__ */ jsx136(Button, { label: "Cancel", variant: "quaternary", onClick: closeModal, ...testId.modalClose }),
+        /* @__PURE__ */ jsx136(
           Button,
           {
             label: "Apply",
@@ -16086,14 +16135,14 @@ function FilterModal(props) {
 }
 function ModalFilterItem({ label, children }) {
   return /* @__PURE__ */ jsxs64("div", { css: Css.mb4.if(!label).bt.bcGray200.$, children: [
-    label && /* @__PURE__ */ jsx135("h2", { css: Css.md.mb2.$, children: label }),
-    /* @__PURE__ */ jsx135("div", { css: Css.if(!label).pt3.$, children })
+    label && /* @__PURE__ */ jsx136("h2", { css: Css.md.mb2.$, children: label }),
+    /* @__PURE__ */ jsx136("div", { css: Css.if(!label).pt3.$, children })
   ] });
 }
 
 // src/components/Filters/Filters.tsx
 import { memo, useMemo as useMemo32 } from "react";
-import { jsx as jsx136, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
 function Filters(props) {
   const { filter, onChange, filterDefs, groupBy, vertical = false, numberOfInlineFilters = groupBy ? 3 : 4 } = props;
   const testId = useTestIds(props, filterTestIdPrefix);
@@ -16109,7 +16158,7 @@ function Filters(props) {
     return [Object.fromEntries(impls), {}];
   }, [numberOfInlineFilters, vertical, filterDefs]);
   const numModalFilters = safeKeys(modalFilters).filter((fk) => filter[fk] !== void 0).length;
-  const maybeGroupByField = groupBy ? /* @__PURE__ */ jsx136("div", { children: /* @__PURE__ */ jsx136(
+  const maybeGroupByField = groupBy ? /* @__PURE__ */ jsx137("div", { children: /* @__PURE__ */ jsx137(
     SelectField,
     {
       label: "Group by",
@@ -16132,21 +16181,21 @@ function Filters(props) {
       ...testId,
       children: [
         maybeGroupByField,
-        safeEntries(pageFilters).map(([key, f]) => /* @__PURE__ */ jsx136("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, vertical) }, key)),
-        Object.keys(modalFilters).length > 0 && /* @__PURE__ */ jsx136(
+        safeEntries(pageFilters).map(([key, f]) => /* @__PURE__ */ jsx137("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, vertical) }, key)),
+        Object.keys(modalFilters).length > 0 && /* @__PURE__ */ jsx137(
           Button,
           {
             label: "More Filters",
-            endAdornment: /* @__PURE__ */ jsx136(CountBadge, { count: numModalFilters, hideIfZero: true }),
+            endAdornment: /* @__PURE__ */ jsx137(CountBadge, { count: numModalFilters, hideIfZero: true }),
             variant: "secondary",
             onClick: () => openModal({
               // Spreading `props` to pass along `data-testid`
-              content: /* @__PURE__ */ jsx136(FilterModal, { ...props, filter, onApply: onChange, filters: modalFilters })
+              content: /* @__PURE__ */ jsx137(FilterModal, { ...props, filter, onApply: onChange, filters: modalFilters })
             }),
             ...testId.moreFiltersBtn
           }
         ),
-        Object.keys(filter).length > 0 && /* @__PURE__ */ jsx136("div", { children: /* @__PURE__ */ jsx136(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn }) })
+        Object.keys(filter).length > 0 && /* @__PURE__ */ jsx137("div", { children: /* @__PURE__ */ jsx137(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn }) })
       ]
     }
   );
@@ -16154,7 +16203,7 @@ function Filters(props) {
 var _Filters = memo(Filters);
 
 // src/components/Filters/ToggleFilter.tsx
-import { jsx as jsx137 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx138 } from "@emotion/react/jsx-runtime";
 function toggleFilter(props) {
   return (key) => new ToggleFilter(key, {
     // If the user has set the offValue, that should be the default b/c we're only a two-state
@@ -16165,7 +16214,7 @@ function toggleFilter(props) {
 var ToggleFilter = class extends BaseFilter {
   render(value, setValue, tid, inModal, vertical) {
     const { defaultValue, onValue = true, offValue = void 0, ...props } = this.props;
-    return /* @__PURE__ */ jsx137(
+    return /* @__PURE__ */ jsx138(
       Switch,
       {
         ...props,
@@ -16195,13 +16244,13 @@ function updateFilter(currentFilter, key, value) {
 var filterTestIdPrefix = "filter";
 
 // src/components/Filters/FilterDropdownMenu.tsx
-import { Fragment as Fragment29, jsx as jsx138, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx139, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
 function FilterDropdownMenu(props) {
   const { filter, onChange, filterDefs, groupBy } = props;
   const testId = useTestIds(props, filterTestIdPrefix);
   const [isOpen, setIsOpen] = useState36(false);
-  const buttonRef = useRef43(null);
-  const filterContentRef = useRef43(null);
+  const buttonRef = useRef44(null);
+  const filterContentRef = useRef44(null);
   const { overlayProps } = useOverlay3(
     {
       isOpen,
@@ -16220,18 +16269,18 @@ function FilterDropdownMenu(props) {
     const entries = safeEntries(filterImpls);
     const nonCheckbox = entries.filter(([_, f]) => !f.hideLabelInModal);
     const checkbox = entries.filter(([_, f]) => f.hideLabelInModal);
-    return [...nonCheckbox, ...checkbox].map(([key, f]) => /* @__PURE__ */ jsx138("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, false) }, key));
+    return [...nonCheckbox, ...checkbox].map(([key, f]) => /* @__PURE__ */ jsx139("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, false) }, key));
   };
   return /* @__PURE__ */ jsxs66(Fragment29, { children: [
-    /* @__PURE__ */ jsx138("div", { ref: buttonRef, children: /* @__PURE__ */ jsx138(
+    /* @__PURE__ */ jsx139("div", { ref: buttonRef, children: /* @__PURE__ */ jsx139(
       Button,
       {
         label: "Filter",
         icon: "filter",
         size: "md",
         endAdornment: /* @__PURE__ */ jsxs66("div", { css: Css.df.aic.gap1.$, children: [
-          activeFilterCount > 0 && /* @__PURE__ */ jsx138(CountBadge, { count: activeFilterCount }),
-          /* @__PURE__ */ jsx138(Icon, { icon: isOpen ? "chevronUp" : "chevronDown" })
+          activeFilterCount > 0 && /* @__PURE__ */ jsx139(CountBadge, { count: activeFilterCount }),
+          /* @__PURE__ */ jsx139(Icon, { icon: isOpen ? "chevronUp" : "chevronDown" })
         ] }),
         variant: "secondaryBlack",
         onClick: () => setIsOpen(!isOpen),
@@ -16239,7 +16288,7 @@ function FilterDropdownMenu(props) {
       }
     ) }),
     isOpen && /* @__PURE__ */ jsxs66("div", { ref: filterContentRef, ...overlayProps, css: Css.df.aic.fww.gap1.order(1).$, children: [
-      groupBy && /* @__PURE__ */ jsx138(
+      groupBy && /* @__PURE__ */ jsx139(
         SelectField,
         {
           label: "Group by",
@@ -16254,9 +16303,9 @@ function FilterDropdownMenu(props) {
         }
       ),
       renderFilters(),
-      activeFilterCount > 0 && /* @__PURE__ */ jsx138(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn })
+      activeFilterCount > 0 && /* @__PURE__ */ jsx139(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn })
     ] }),
-    !isOpen && /* @__PURE__ */ jsx138(
+    !isOpen && /* @__PURE__ */ jsx139(
       FilterChips,
       {
         filter,
@@ -16282,7 +16331,7 @@ function FilterChips({
       return value.map((item) => {
         const chipKey = `${String(key)}_${item}`;
         const newArray = value.filter((v) => v !== item);
-        return /* @__PURE__ */ jsx138(
+        return /* @__PURE__ */ jsx139(
           ToggleChip,
           {
             text: titleCase(String(item)),
@@ -16293,7 +16342,7 @@ function FilterChips({
         );
       });
     }
-    return /* @__PURE__ */ jsx138(
+    return /* @__PURE__ */ jsx139(
       ToggleChip,
       {
         text: titleCase(String(value)),
@@ -16306,7 +16355,7 @@ function FilterChips({
   if (chips.length === 0) return null;
   return /* @__PURE__ */ jsxs66("div", { css: Css.df.gap1.fww.aic.order(1).$, children: [
     chips,
-    /* @__PURE__ */ jsx138(Button, { label: "Clear", variant: "tertiary", onClick: onClear, ...testId.clearBtn })
+    /* @__PURE__ */ jsx139(Button, { label: "Clear", variant: "tertiary", onClick: onClear, ...testId.clearBtn })
   ] });
 }
 function buildFilterImpls(filterDefs) {
@@ -16321,11 +16370,11 @@ function getActiveFilterCount(filter) {
 var _FilterDropdownMenu = memo2(FilterDropdownMenu);
 
 // src/components/Table/TableActions.tsx
-import { jsx as jsx139, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx140, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
 function TableActions(props) {
   const { xss, children, right } = props;
   return /* @__PURE__ */ jsxs67("div", { css: { ...Css.df.gap1.aic.jcsb.aifs.pb2.$, ...xss }, children: [
-    /* @__PURE__ */ jsx139("div", { css: Css.df.gap1.aic.fww.$, children }),
+    /* @__PURE__ */ jsx140("div", { css: Css.df.gap1.aic.fww.$, children }),
     right
   ] });
 }
@@ -16337,7 +16386,7 @@ import { StringParam as StringParam2, useQueryParams as useQueryParams3 } from "
 // src/components/Layout/ScrollableContent.tsx
 import { useEffect as useEffect24 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
-import { Fragment as Fragment30, jsx as jsx140 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx141 } from "@emotion/react/jsx-runtime";
 function ScrollableContent(props) {
   const { children, virtualized = false, omitBottomPadding, bgColor } = props;
   const { scrollableEl, setPortalTick, pl, pr } = useScrollableParent();
@@ -16346,10 +16395,10 @@ function ScrollableContent(props) {
     return () => setPortalTick((prev) => prev + 1);
   }, [setPortalTick]);
   if (!scrollableEl) {
-    return /* @__PURE__ */ jsx140(Fragment30, { children });
+    return /* @__PURE__ */ jsx141(Fragment30, { children });
   }
   return createPortal4(
-    /* @__PURE__ */ jsx140(
+    /* @__PURE__ */ jsx141(
       "div",
       {
         css: {
@@ -16368,7 +16417,7 @@ function ScrollableContent(props) {
 import { useMemo as useMemo34 } from "react";
 
 // src/components/LoadingSkeleton.tsx
-import { jsx as jsx141 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx142 } from "@emotion/react/jsx-runtime";
 function LoadingSkeleton({
   rows = 1,
   columns = 1,
@@ -16381,7 +16430,7 @@ function LoadingSkeleton({
   const rowHeight = sizeToPixels2[size];
   const rowCells = (rowNumber) => {
     const flexGrowForCell = randomizeWidths ? getRandomizedFlexBasisByRowIndex(rowNumber) : 1;
-    return cellArray.map((_, i) => /* @__PURE__ */ jsx141(
+    return cellArray.map((_, i) => /* @__PURE__ */ jsx142(
       "div",
       {
         css: Css.br4.add("animation", "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite").add("flexGrow", flexGrowForCell).bgGray300.if(contrast).bgGray700.$
@@ -16389,7 +16438,7 @@ function LoadingSkeleton({
       `row-${rowNumber}-cell-${i}`
     ));
   };
-  return /* @__PURE__ */ jsx141("div", { "aria-label": "Loading", children: rowArray.map((_, i) => /* @__PURE__ */ jsx141("div", { css: Css.df.gap1.mb1.hPx(rowHeight).$, children: rowCells(i) }, `row-${i}`)) });
+  return /* @__PURE__ */ jsx142("div", { "aria-label": "Loading", children: rowArray.map((_, i) => /* @__PURE__ */ jsx142("div", { css: Css.df.gap1.mb1.hPx(rowHeight).$, children: rowCells(i) }, `row-${i}`)) });
 }
 function getRandomizedFlexBasisByRowIndex(rowIndex) {
   const randomizedFlexBasisValues = [0.65, 0.8, 0.75, 0.9, 0.8, 0.85, 0.8, 0.95];
@@ -16403,7 +16452,7 @@ var sizeToPixels2 = {
 };
 
 // src/components/Layout/GridTableLayout/QueryTable.tsx
-import { Fragment as Fragment31, jsx as jsx142, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx143, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
 function QueryTable(props) {
   const { emptyFallback, query, createRows, getPageInfo, columns, keepHeaderWhenLoading, ...others } = props;
   const data = query.loading || query.error ? void 0 : query.data;
@@ -16412,18 +16461,18 @@ function QueryTable(props) {
   const infoMessage = hasNextPage ? "Too many rows" : void 0;
   const fallbackMessage = query.loading ? "Loading\u2026" : query.error ? `Error: ${query.error.message}` : emptyFallback;
   const headers = rows.filter((row) => row.kind === "header");
-  return query.loading ? /* @__PURE__ */ jsx142("div", { children: keepHeaderWhenLoading ? /* @__PURE__ */ jsx142(GridTable, { ...{ columns, ...others }, rows: headers, fallbackMessage }) : /* @__PURE__ */ jsx142(LoadingTable, { columns: columns.length }) }) : /* @__PURE__ */ jsx142(GridTable, { ...{ rows, columns, fallbackMessage, infoMessage, ...others } });
+  return query.loading ? /* @__PURE__ */ jsx143("div", { children: keepHeaderWhenLoading ? /* @__PURE__ */ jsx143(GridTable, { ...{ columns, ...others }, rows: headers, fallbackMessage }) : /* @__PURE__ */ jsx143(LoadingTable, { columns: columns.length }) }) : /* @__PURE__ */ jsx143(GridTable, { ...{ rows, columns, fallbackMessage, infoMessage, ...others } });
 }
 function LoadingTable(props) {
   const { columns } = props;
   return /* @__PURE__ */ jsxs68(Fragment31, { children: [
-    /* @__PURE__ */ jsx142(LoadingSkeleton, { rows: 1, columns: 1 }),
-    /* @__PURE__ */ jsx142(LoadingSkeleton, { rows: 5, columns: columns ?? 5 })
+    /* @__PURE__ */ jsx143(LoadingSkeleton, { rows: 1, columns: 1 }),
+    /* @__PURE__ */ jsx143(LoadingSkeleton, { rows: 5, columns: columns ?? 5 })
   ] });
 }
 
 // src/components/Layout/GridTableLayout/GridTableLayout.tsx
-import { Fragment as Fragment32, jsx as jsx143, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx144, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
 function isGridTableProps(props) {
   return "rows" in props;
 }
@@ -16436,6 +16485,7 @@ function GridTableLayoutComponent(props) {
     primaryAction,
     secondaryAction,
     tertiaryAction,
+    actionMenu,
     hideEditColumns = false
   } = props;
   const tid = useTestIds(props);
@@ -16460,20 +16510,21 @@ function GridTableLayoutComponent(props) {
   }, [visibleColumnIds, layoutState]);
   const visibleColumnsStorageKey = layoutState?.persistedColumnsStorageKey;
   return /* @__PURE__ */ jsxs69(Fragment32, { children: [
-    /* @__PURE__ */ jsx143(
+    /* @__PURE__ */ jsx144(
       Header2,
       {
         pageTitle,
         breadcrumb,
         primaryAction,
         secondaryAction,
-        tertiaryAction
+        tertiaryAction,
+        actionMenu
       }
     ),
     showTableActions && /* @__PURE__ */ jsxs69(
       TableActions,
       {
-        right: hasHideableColumns && /* @__PURE__ */ jsx143(
+        right: hasHideableColumns && /* @__PURE__ */ jsx144(
           EditColumnsButton,
           {
             columns,
@@ -16484,8 +16535,8 @@ function GridTableLayoutComponent(props) {
           }
         ),
         children: [
-          layoutState?.search && /* @__PURE__ */ jsx143(SearchBox, { onSearch: layoutState.setSearchString }),
-          layoutState?.filterDefs && /* @__PURE__ */ jsx143(
+          layoutState?.search && /* @__PURE__ */ jsx144(SearchBox, { onSearch: layoutState.setSearchString }),
+          layoutState?.filterDefs && /* @__PURE__ */ jsx144(
             _FilterDropdownMenu,
             {
               filterDefs: layoutState.filterDefs,
@@ -16497,7 +16548,7 @@ function GridTableLayoutComponent(props) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx143(ScrollableContent, { virtualized: isVirtualized, children: isGridTableProps(tableProps) ? /* @__PURE__ */ jsx143(
+    /* @__PURE__ */ jsx144(ScrollableContent, { virtualized: isVirtualized, children: isGridTableProps(tableProps) ? /* @__PURE__ */ jsx144(
       GridTable,
       {
         ...tableProps,
@@ -16507,7 +16558,7 @@ function GridTableLayoutComponent(props) {
         stickyHeader: true,
         visibleColumnsStorageKey
       }
-    ) : /* @__PURE__ */ jsx143(
+    ) : /* @__PURE__ */ jsx144(
       QueryTable,
       {
         ...tableProps,
@@ -16557,17 +16608,18 @@ function useGridTableLayoutState({
   };
 }
 function Header2(props) {
-  const { pageTitle, breadcrumb, primaryAction, secondaryAction, tertiaryAction } = props;
+  const { pageTitle, breadcrumb, primaryAction, secondaryAction, tertiaryAction, actionMenu } = props;
   const tids = useTestIds(props);
-  return /* @__PURE__ */ jsx143(FullBleed, { children: /* @__PURE__ */ jsxs69("header", { css: { ...Css.p3.mb3.mhPx(50).bgWhite.df.jcsb.aic.$ }, ...tids.header, children: [
+  return /* @__PURE__ */ jsx144(FullBleed, { children: /* @__PURE__ */ jsxs69("header", { css: { ...Css.p3.mb3.mhPx(50).bgWhite.df.jcsb.aic.$ }, ...tids.header, children: [
     /* @__PURE__ */ jsxs69("div", { children: [
-      breadcrumb && /* @__PURE__ */ jsx143(PageHeaderBreadcrumbs, { breadcrumb }),
-      /* @__PURE__ */ jsx143("h1", { css: Css.xl2.mt1.$, ...tids.pageTitle, children: pageTitle })
+      breadcrumb && /* @__PURE__ */ jsx144(PageHeaderBreadcrumbs, { breadcrumb }),
+      /* @__PURE__ */ jsx144("h1", { css: Css.xl2.mt1.$, ...tids.pageTitle, children: pageTitle })
     ] }),
-    /* @__PURE__ */ jsxs69("div", { css: Css.df.fwr.jcfe.gap1.$, children: [
-      tertiaryAction && /* @__PURE__ */ jsx143(Button, { ...tertiaryAction, variant: "tertiary" }),
-      secondaryAction && /* @__PURE__ */ jsx143(Button, { ...secondaryAction, variant: "secondary" }),
-      primaryAction && /* @__PURE__ */ jsx143(Button, { ...primaryAction })
+    /* @__PURE__ */ jsxs69("div", { css: Css.df.fwr.jcfe.gap1.aic.$, children: [
+      tertiaryAction && /* @__PURE__ */ jsx144(Button, { ...tertiaryAction, variant: "tertiary" }),
+      secondaryAction && /* @__PURE__ */ jsx144(Button, { ...secondaryAction, variant: "secondary" }),
+      primaryAction && /* @__PURE__ */ jsx144(Button, { ...primaryAction }),
+      actionMenu && /* @__PURE__ */ jsx144(ButtonMenu, { ...actionMenu, trigger: { icon: "verticalDots" } })
     ] })
   ] }) });
 }
@@ -16579,7 +16631,7 @@ function SearchBox({ onSearch }) {
     onSearch(debouncedSearch);
     setQueryParams({ search: debouncedSearch || void 0 }, "replaceIn");
   }, [debouncedSearch, onSearch, setQueryParams]);
-  return /* @__PURE__ */ jsx143("div", { css: Css.wPx(244).$, children: /* @__PURE__ */ jsx143(
+  return /* @__PURE__ */ jsx144("div", { css: Css.wPx(244).$, children: /* @__PURE__ */ jsx144(
     TextField,
     {
       label: "Search",
@@ -16588,25 +16640,25 @@ function SearchBox({ onSearch }) {
       onChange: (v) => setValue(v ?? ""),
       placeholder: "Search",
       clearable: true,
-      startAdornment: /* @__PURE__ */ jsx143(Icon, { icon: "search", color: "rgba(100, 100, 100, 1)" /* Gray700 */ })
+      startAdornment: /* @__PURE__ */ jsx144(Icon, { icon: "search", color: "rgba(100, 100, 100, 1)" /* Gray700 */ })
     }
   ) });
 }
 
 // src/components/Layout/PreventBrowserScroll.tsx
-import { jsx as jsx144 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx145 } from "@emotion/react/jsx-runtime";
 function PreventBrowserScroll({ children }) {
   return (
     // Take over the full viewport and hide any overflown content.
     // Using `-webkit-fill-available`, otherwise `height: 100vh` includes the app bars in mobile Safari. See https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/
     // Setting the multiple "(min|max-)height" properties is necessary, as Truss will turn this into an object and there can only be one `height` property.
-    /* @__PURE__ */ jsx144("div", { css: Css.oh.vh100.mh("-webkit-fill-available").maxh("-webkit-fill-available").$, children: /* @__PURE__ */ jsx144("div", { css: Css.h100.df.fdc.mh0.oa.$, children }) })
+    /* @__PURE__ */ jsx145("div", { css: Css.oh.vh100.mh("-webkit-fill-available").maxh("-webkit-fill-available").$, children: /* @__PURE__ */ jsx145("div", { css: Css.h100.df.fdc.mh0.oa.$, children }) })
   );
 }
 
 // src/components/Layout/RightPaneLayout/RightPaneContext.tsx
 import React16, { useCallback as useCallback19, useContext as useContext14, useMemo as useMemo36, useState as useState38 } from "react";
-import { jsx as jsx145 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx146 } from "@emotion/react/jsx-runtime";
 var RightPaneContext = React16.createContext({
   openInPane: () => {
   },
@@ -16633,7 +16685,7 @@ function RightPaneProvider({ children }) {
     () => ({ openInPane, closePane, clearPane, rightPaneContent, isRightPaneOpen }),
     [openInPane, closePane, rightPaneContent, clearPane, isRightPaneOpen]
   );
-  return /* @__PURE__ */ jsx145(RightPaneContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsx146(RightPaneContext.Provider, { value: context, children });
 }
 function useRightPaneContext() {
   return useContext14(RightPaneContext);
@@ -16642,13 +16694,13 @@ function useRightPaneContext() {
 // src/components/Layout/RightPaneLayout/RightPaneLayout.tsx
 import { AnimatePresence as AnimatePresence3, motion as motion3 } from "framer-motion";
 import { useEffect as useEffect26 } from "react";
-import { Fragment as Fragment33, jsx as jsx146, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx147, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
 function RightPaneLayout(props) {
   const { children, paneBgColor = "rgba(255,255,255,1)" /* White */, paneWidth = 450, defaultPaneContent } = props;
   const { isRightPaneOpen, rightPaneContent, clearPane, closePane } = useRightPaneContext();
   useEffect26(() => closePane, [closePane]);
-  return /* @__PURE__ */ jsx146("div", { css: Css.h100.df.oxh.$, children: /* @__PURE__ */ jsxs70(Fragment33, { children: [
-    /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx147("div", { css: Css.h100.df.oxh.$, children: /* @__PURE__ */ jsxs70(Fragment33, { children: [
+    /* @__PURE__ */ jsx147(
       "div",
       {
         css: {
@@ -16660,14 +16712,14 @@ function RightPaneLayout(props) {
       }
     ),
     /* @__PURE__ */ jsxs70("div", { css: Css.relative.if(!!defaultPaneContent).wPx(paneWidth).$, children: [
-      defaultPaneContent && /* @__PURE__ */ jsx146(
+      defaultPaneContent && /* @__PURE__ */ jsx147(
         "div",
         {
           css: Css.h100.wPx(paneWidth).left(0).absolute.add("transition", "all .3s ease-in-out").if(isRightPaneOpen).add("opacity", 0).left(100).$,
           children: defaultPaneContent
         }
       ),
-      /* @__PURE__ */ jsx146(AnimatePresence3, { children: isRightPaneOpen && /* @__PURE__ */ jsx146(
+      /* @__PURE__ */ jsx147(AnimatePresence3, { children: isRightPaneOpen && /* @__PURE__ */ jsx147(
         motion3.div,
         {
           layout: "position",
@@ -16696,7 +16748,7 @@ function useRightPane() {
 }
 
 // src/components/BeamContext.tsx
-import { jsx as jsx147, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx148, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
 var BeamContext = createContext6({
   modalState: new EmptyRef(),
   modalCanCloseChecks: new EmptyRef(),
@@ -16710,18 +16762,18 @@ var BeamContext = createContext6({
 });
 function BeamProvider({ children, ...presentationProps }) {
   const [, tick] = useReducer((prev) => prev + 1, 0);
-  const modalRef = useRef44();
+  const modalRef = useRef45();
   const modalHeaderDiv = useMemo37(() => document.createElement("div"), []);
   const modalBodyDiv = useMemo37(() => {
     const el = document.createElement("div");
     el.style.height = "100%";
     return el;
   }, []);
-  const modalCanCloseChecksRef = useRef44([]);
+  const modalCanCloseChecksRef = useRef45([]);
   const modalFooterDiv = useMemo37(() => document.createElement("div"), []);
-  const drawerContentStackRef = useRef44([]);
-  const drawerCanCloseChecks = useRef44([]);
-  const drawerCanCloseDetailsChecks = useRef44([]);
+  const drawerContentStackRef = useRef45([]);
+  const drawerCanCloseChecks = useRef45([]);
+  const drawerCanCloseDetailsChecks = useRef45([]);
   const sdHeaderDiv = useMemo37(() => document.createElement("div"), []);
   const context = useMemo37(() => {
     return {
@@ -16738,12 +16790,12 @@ function BeamProvider({ children, ...presentationProps }) {
       sdHeaderDiv
     };
   }, [modalBodyDiv, modalFooterDiv, modalHeaderDiv, sdHeaderDiv]);
-  return /* @__PURE__ */ jsx147(BeamContext.Provider, { value: { ...context }, children: /* @__PURE__ */ jsx147(PresentationProvider, { ...presentationProps, children: /* @__PURE__ */ jsx147(RightPaneProvider, { children: /* @__PURE__ */ jsx147(AutoSaveStatusProvider, { children: /* @__PURE__ */ jsx147(SnackbarProvider, { children: /* @__PURE__ */ jsxs71(ToastProvider, { children: [
+  return /* @__PURE__ */ jsx148(BeamContext.Provider, { value: { ...context }, children: /* @__PURE__ */ jsx148(PresentationProvider, { ...presentationProps, children: /* @__PURE__ */ jsx148(RightPaneProvider, { children: /* @__PURE__ */ jsx148(AutoSaveStatusProvider, { children: /* @__PURE__ */ jsx148(SnackbarProvider, { children: /* @__PURE__ */ jsxs71(ToastProvider, { children: [
     /* @__PURE__ */ jsxs71(OverlayProvider, { children: [
       children,
-      modalRef.current && /* @__PURE__ */ jsx147(Modal, { ...modalRef.current })
+      modalRef.current && /* @__PURE__ */ jsx148(Modal, { ...modalRef.current })
     ] }),
-    /* @__PURE__ */ jsx147(SuperDrawer, {})
+    /* @__PURE__ */ jsx148(SuperDrawer, {})
   ] }) }) }) }) }) });
 }
 var PretendRefThatTicks = class {
@@ -16764,20 +16816,20 @@ function useBeamContext() {
 }
 
 // src/components/ButtonDatePicker.tsx
-import { useRef as useRef45 } from "react";
-import { useMenuTrigger as useMenuTrigger3 } from "react-aria";
-import { useMenuTriggerState as useMenuTriggerState3 } from "react-stately";
-import { jsx as jsx148 } from "@emotion/react/jsx-runtime";
+import { useRef as useRef46 } from "react";
+import { useMenuTrigger as useMenuTrigger4 } from "react-aria";
+import { useMenuTriggerState as useMenuTriggerState4 } from "react-stately";
+import { jsx as jsx149 } from "@emotion/react/jsx-runtime";
 function ButtonDatePicker(props) {
   const { defaultOpen, disabled, trigger, onSelect, ...datePickerProps } = props;
-  const state = useMenuTriggerState3({ isOpen: defaultOpen });
-  const buttonRef = useRef45(null);
-  const { menuTriggerProps, menuProps } = useMenuTrigger3({ isDisabled: !!disabled }, state, buttonRef);
+  const state = useMenuTriggerState4({ isOpen: defaultOpen });
+  const buttonRef = useRef46(null);
+  const { menuTriggerProps, menuProps } = useMenuTrigger4({ isDisabled: !!disabled }, state, buttonRef);
   const tid = useTestIds(
     props,
     isTextButton(trigger) ? defaultTestId(labelOr(trigger, "buttonDatePicker")) : isNavLinkButton(trigger) ? defaultTestId(trigger.navLabel) : isIconButton(trigger) ? trigger.icon : trigger.name
   );
-  return /* @__PURE__ */ jsx148(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */ jsx148(DatePickerOverlay, { overlayProps: menuProps, children: /* @__PURE__ */ jsx148(
+  return /* @__PURE__ */ jsx149(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */ jsx149(DatePickerOverlay, { overlayProps: menuProps, children: /* @__PURE__ */ jsx149(
     DatePicker,
     {
       ...datePickerProps,
@@ -16791,29 +16843,29 @@ function ButtonDatePicker(props) {
 }
 
 // src/components/ButtonGroup.tsx
-import { useRef as useRef46 } from "react";
+import { useRef as useRef47 } from "react";
 import { useButton as useButton10, useFocusRing as useFocusRing12, useHover as useHover15 } from "react-aria";
-import { jsx as jsx149, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx150, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
 function ButtonGroup(props) {
   const { buttons, disabled = false, size = "sm" } = props;
   const tid = useTestIds(props, "buttonGroup");
   return (
     // Adding `line-height: 0` prevent inheriting line-heights that might throw off sizing within the button group.
-    /* @__PURE__ */ jsx149("div", { ...tid, css: Css.df.lh(0).add({ ...sizeStyles2[size] }).$, children: buttons.map(({ disabled: buttonDisabled, ...buttonProps }, i) => (
+    /* @__PURE__ */ jsx150("div", { ...tid, css: Css.df.lh(0).add({ ...sizeStyles2[size] }).$, children: buttons.map(({ disabled: buttonDisabled, ...buttonProps }, i) => (
       // Disable the button if the ButtonGroup is disabled or if the current button is disabled.
-      /* @__PURE__ */ jsx149(GroupButton, { ...buttonProps, disabled: disabled || buttonDisabled, size, ...tid }, i)
+      /* @__PURE__ */ jsx150(GroupButton, { ...buttonProps, disabled: disabled || buttonDisabled, size, ...tid }, i)
     )) })
   );
 }
 function GroupButton(props) {
   const { icon, iconInc, iconColor, text, active, onClick: onPress, disabled, size, tooltip, ...otherProps } = props;
   const ariaProps = { onPress, isDisabled: !!disabled, ...otherProps };
-  const ref = useRef46(null);
+  const ref = useRef47(null);
   const { buttonProps, isPressed } = useButton10(ariaProps, ref);
   const { isFocusVisible, focusProps } = useFocusRing12();
   const { hoverProps, isHovered } = useHover15(ariaProps);
   const tid = useTestIds(props);
-  return /* @__PURE__ */ jsx149("span", { css: getButtonStyles2(), children: maybeTooltip({
+  return /* @__PURE__ */ jsx150("span", { css: getButtonStyles2(), children: maybeTooltip({
     title: resolveTooltip(disabled, tooltip),
     placement: "top",
     children: /* @__PURE__ */ jsxs72(
@@ -16833,7 +16885,7 @@ function GroupButton(props) {
         },
         ...tid[defaultTestId(typeof text === "string" && text || icon || "button")],
         children: [
-          icon && /* @__PURE__ */ jsx149(Icon, { xss: Css.if(!!text).mrPx(4).$, icon, color: disabled ? void 0 : iconColor, inc: iconInc }),
+          icon && /* @__PURE__ */ jsx150(Icon, { xss: Css.if(!!text).mrPx(4).$, icon, color: disabled ? void 0 : iconColor, inc: iconInc }),
           text
         ]
       }
@@ -16866,55 +16918,6 @@ var iconStyles2 = {
   md: Css.px1.$
 };
 
-// src/components/ButtonMenu.tsx
-import { useRef as useRef47 } from "react";
-import { useMenuTrigger as useMenuTrigger4 } from "react-aria";
-import { useMenuTriggerState as useMenuTriggerState4 } from "react-stately";
-import { jsx as jsx150 } from "@emotion/react/jsx-runtime";
-function ButtonMenu(props) {
-  const { defaultOpen, disabled, items, persistentItems, trigger, searchable, contrast = false } = props;
-  let selectedItem, onChange;
-  if (isSelectionButtonMenuProps(props)) {
-    selectedItem = props.selectedItem;
-    onChange = props.onChange;
-  }
-  const state = useMenuTriggerState4({ isOpen: defaultOpen });
-  const buttonRef = useRef47(null);
-  const { menuTriggerProps, menuProps } = useMenuTrigger4({ isDisabled: !!disabled }, state, buttonRef);
-  const tid = useTestIds(
-    props,
-    isTextButton(trigger) ? labelOr(trigger, "buttonMenu") : isNavLinkButton(trigger) ? defaultTestId(trigger.navLabel) : isIconButton(trigger) ? trigger.icon : trigger.name
-  );
-  return /* @__PURE__ */ jsx150(
-    OverlayTrigger,
-    {
-      ...props,
-      menuTriggerProps,
-      state,
-      buttonRef,
-      ...tid,
-      contrast,
-      children: /* @__PURE__ */ jsx150(
-        Menu,
-        {
-          ariaMenuProps: menuProps,
-          onClose: () => state.close(),
-          items,
-          persistentItems,
-          searchable,
-          contrast,
-          selectedItem,
-          onChange,
-          ...tid
-        }
-      )
-    }
-  );
-}
-function isSelectionButtonMenuProps(props) {
-  return typeof props === "object" && "selectedItem" in props && "onChange" in props;
-}
-
 // src/components/Card.tsx
 import { useMemo as useMemo38 } from "react";
 import { useHover as useHover16 } from "react-aria";