@homebound/beam 2.409.0 → 2.410.0

package/dist/index.cjs

@@ -14071,8 +14071,8 @@ var variantStyles2 = {
 };
 
 // src/components/BeamContext.tsx
-var import_react99 = require("react");
-var import_react_aria45 = require("react-aria");
+var import_react100 = require("react");
+var import_react_aria46 = require("react-aria");
 
 // src/components/Modal/Modal.tsx
 var import_utils71 = require("@react-aria/utils");
@@ -15977,19 +15977,68 @@ function FullBleed({ children, omitPadding = false }) {
 }
 
 // src/components/Layout/GridTableLayout/GridTableLayout.tsx
-var import_react96 = __toESM(require("react"), 1);
+var import_react97 = __toESM(require("react"), 1);
 
-// src/components/Filters/FilterDropdownMenu.tsx
-var import_react93 = require("react");
+// src/components/ButtonMenu.tsx
+var import_react90 = require("react");
 var import_react_aria44 = require("react-aria");
+var import_react_stately17 = require("react-stately");
+var import_jsx_runtime125 = require("@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 = (0, import_react_stately17.useMenuTriggerState)({ isOpen: defaultOpen });
+  const buttonRef = (0, import_react90.useRef)(null);
+  const { menuTriggerProps, menuProps } = (0, import_react_aria44.useMenuTrigger)({ 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__ */ (0, import_jsx_runtime125.jsx)(
+    OverlayTrigger,
+    {
+      ...props,
+      menuTriggerProps,
+      state,
+      buttonRef,
+      ...tid,
+      contrast,
+      children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        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
+var import_react94 = require("react");
+var import_react_aria45 = require("react-aria");
 
 // src/components/CountBadge.tsx
-var import_jsx_runtime125 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime126 = require("@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__ */ (0, import_jsx_runtime125.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     "span",
     {
       ...tid,
@@ -16022,7 +16071,7 @@ var BaseFilter = class {
 };
 
 // src/components/Filters/DateFilter.tsx
-var import_jsx_runtime126 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime127 = require("@emotion/react/jsx-runtime");
 function dateFilter(props) {
   return (key) => new DateFilter(key, props);
 }
@@ -16030,10 +16079,10 @@ var anyOption = {};
 var DateFilter = class extends BaseFilter {
   render(value, setValue, tid, inModal, vertical) {
     const { label, operations, getOperationValue, getOperationLabel } = this.props;
-    return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-      vertical && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Label, { label }),
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(CompoundField, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+      vertical && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Label, { label }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(CompoundField, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           SelectField,
           {
             compact: true,
@@ -16056,7 +16105,7 @@ var DateFilter = class extends BaseFilter {
             ...tid[`${defaultTestId(this.label)}_dateOperation`]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           DateField,
           {
             compact: true,
@@ -16074,16 +16123,16 @@ var DateFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/DateRangeFilter.tsx
-var import_jsx_runtime127 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
 function dateRangeFilter(props) {
   return (key) => new DateRangeFilter(key, props);
 }
 var DateRangeFilter = class extends BaseFilter {
   render(value, setValue, tid, inModal, vertical) {
     const { label, placeholderText, disabledDays, testFieldLabel, defaultValue } = this.props;
-    return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
-      vertical && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Label, { label }),
-      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
+      vertical && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Label, { label }),
+      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
         DateRangeField,
         {
           compact: true,
@@ -16102,7 +16151,7 @@ var DateRangeFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/MultiFilter.tsx
-var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
 function multiFilter(props) {
   return (key) => new MultiFilter(key, props);
 }
@@ -16112,7 +16161,7 @@ var MultiFilter = class extends BaseFilter {
       const { disabledOptions } = this.props;
       const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
       const disabledKeys = Object.keys(disabledOptionsWithReasons);
-      return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         ToggleChipGroup,
         {
           label: this.label,
@@ -16136,7 +16185,7 @@ var MultiFilter = class extends BaseFilter {
       );
     }
     const { defaultValue, nothingSelectedText, ...props } = this.props;
-    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       MultiSelectField,
       {
         ...props,
@@ -16156,7 +16205,7 @@ var MultiFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/NumberRangeFilter.tsx
-var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime130 = require("@emotion/react/jsx-runtime");
 function numberRangeFilter(props) {
   return (key) => new NumberRangeFilter(key, props);
 }
@@ -16165,10 +16214,10 @@ var NumberRangeFilter = class extends BaseFilter {
     const { label, numberFieldType, numberFormatOptions } = this.props;
     const min = value?.min ?? void 0;
     const max = value?.max ?? void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
-      vertical && /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { ...tid, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Label, { label }),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { css: Css.pb1.$, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
+      vertical && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { ...tid, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Label, { label }),
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { css: Css.pb1.$, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
           NumberField,
           {
             labelStyle: "inline",
@@ -16184,7 +16233,7 @@ var NumberRangeFilter = class extends BaseFilter {
             ...tid[`${defaultTestId(label)}_min_vertical`]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
           NumberField,
           {
             labelStyle: "inline",
@@ -16201,8 +16250,8 @@ var NumberRangeFilter = class extends BaseFilter {
           }
         )
       ] }),
-      !vertical && /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(CompoundField, { ...tid, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+      !vertical && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(CompoundField, { ...tid, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
           NumberField,
           {
             compact: true,
@@ -16220,7 +16269,7 @@ var NumberRangeFilter = class extends BaseFilter {
             ...tid[`${defaultTestId(label)}_min`]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
           NumberField,
           {
             compact: true,
@@ -16244,7 +16293,7 @@ var NumberRangeFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/SingleFilter.tsx
-var import_jsx_runtime130 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime131 = require("@emotion/react/jsx-runtime");
 function singleFilter(props) {
   return (key) => new SingleFilter(key, props);
 }
@@ -16261,7 +16310,7 @@ var SingleFilter = class extends BaseFilter {
       ...props
     } = this.props;
     const options = Array.isArray(maybeOptions) ? [allOption, ...maybeOptions] : { ...maybeOptions, current: maybeOptions.current };
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       SelectField,
       {
         ...props,
@@ -16282,14 +16331,14 @@ var SingleFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/TreeFilter.tsx
-var import_jsx_runtime131 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime132 = require("@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__ */ (0, import_jsx_runtime131.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       TreeSelectField,
       {
         ...props,
@@ -16310,14 +16359,14 @@ var TreeFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/BooleanFilter.tsx
-var import_jsx_runtime132 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime133 = require("@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__ */ (0, import_jsx_runtime132.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       SelectField,
       {
         ...props,
@@ -16345,7 +16394,7 @@ var defaultBooleanOptions = [
 ];
 
 // src/components/Filters/CheckboxFilter.tsx
-var import_jsx_runtime133 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime134 = require("@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
@@ -16356,7 +16405,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__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       Checkbox,
       {
         ...props,
@@ -16375,44 +16424,44 @@ var CheckboxFilter = class extends BaseFilter {
 };
 
 // src/components/Filters/FilterModal.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 
 // src/components/Modal/OpenModal.tsx
-var import_react90 = require("react");
-var import_jsx_runtime134 = require("@emotion/react/jsx-runtime");
+var import_react91 = require("react");
+var import_jsx_runtime135 = require("@emotion/react/jsx-runtime");
 function OpenModal(props) {
   const { openModal } = useModal();
   const { size, children, keepOpen } = props;
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (!keepOpen) {
       openModal({ size, content: children });
     }
   }, [keepOpen, openModal, size, children]);
   if (keepOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Modal, { size, content: children });
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Modal, { size, content: children });
   } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { children: "dummy content" });
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { children: "dummy content" });
   }
 }
 
 // src/components/Filters/FilterModal.tsx
-var import_jsx_runtime135 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime136 = require("@emotion/react/jsx-runtime");
 function FilterModal(props) {
   const { filter, filters, onApply } = props;
   const testId = useTestIds(props, filterTestIdPrefix);
   const { closeModal } = useModal();
-  const [modalFilter, setModalFilter] = (0, import_react91.useState)(filter);
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ModalHeader, { children: "More Filters" }),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { css: Css.df.fdc.$, children: safeEntries(filters).map(([key, f]) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ModalFilterItem, { label: f.hideLabelInModal ? void 0 : f.label, children: f.render(
+  const [modalFilter, setModalFilter] = (0, import_react92.useState)(filter);
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_jsx_runtime136.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(ModalHeader, { children: "More Filters" }),
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { css: Css.df.fdc.$, children: safeEntries(filters).map(([key, f]) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(ModalFilterItem, { label: f.hideLabelInModal ? void 0 : f.label, children: f.render(
       modalFilter[key],
       (value) => setModalFilter(updateFilter(modalFilter, key, value)),
       testId,
       true,
       false
     ) }, key)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(ModalFooter, { xss: Css.jcsb.$, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(ModalFooter, { xss: Css.jcsb.$, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
         Button,
         {
           label: "Clear",
@@ -16425,9 +16474,9 @@ function FilterModal(props) {
           ...testId.modalClear
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { css: Css.df.gap1.$, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: closeModal, ...testId.modalClose }),
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { css: Css.df.gap1.$, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: closeModal, ...testId.modalClose }),
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
           Button,
           {
             label: "Apply",
@@ -16443,20 +16492,20 @@ function FilterModal(props) {
   ] });
 }
 function ModalFilterItem({ label, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { css: Css.mb4.if(!label).bt.bcGray200.$, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("h2", { css: Css.md.mb2.$, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { css: Css.if(!label).pt3.$, children })
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { css: Css.mb4.if(!label).bt.bcGray200.$, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("h2", { css: Css.md.mb2.$, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { css: Css.if(!label).pt3.$, children })
   ] });
 }
 
 // src/components/Filters/Filters.tsx
-var import_react92 = require("react");
-var import_jsx_runtime136 = require("@emotion/react/jsx-runtime");
+var import_react93 = require("react");
+var import_jsx_runtime137 = require("@emotion/react/jsx-runtime");
 function Filters(props) {
   const { filter, onChange, filterDefs, groupBy, vertical = false, numberOfInlineFilters = groupBy ? 3 : 4 } = props;
   const testId = useTestIds(props, filterTestIdPrefix);
   const { openModal } = useModal();
-  const [pageFilters, modalFilters] = (0, import_react92.useMemo)(() => {
+  const [pageFilters, modalFilters] = (0, import_react93.useMemo)(() => {
     const impls = safeEntries(filterDefs).map(([key, fn]) => [key, fn(key)]);
     if (!vertical && impls.length > numberOfInlineFilters) {
       return [
@@ -16467,7 +16516,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__ */ (0, import_jsx_runtime136.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+  const maybeGroupByField = groupBy ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
     SelectField,
     {
       label: "Group by",
@@ -16481,7 +16530,7 @@ function Filters(props) {
       onSelect: (g) => g && groupBy.setValue(g)
     }
   ) }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
     "div",
     {
       css: {
@@ -16490,29 +16539,29 @@ function Filters(props) {
       ...testId,
       children: [
         maybeGroupByField,
-        safeEntries(pageFilters).map(([key, f]) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, vertical) }, key)),
-        Object.keys(modalFilters).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+        safeEntries(pageFilters).map(([key, f]) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, vertical) }, key)),
+        Object.keys(modalFilters).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
           Button,
           {
             label: "More Filters",
-            endAdornment: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(CountBadge, { count: numModalFilters, hideIfZero: true }),
+            endAdornment: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(CountBadge, { count: numModalFilters, hideIfZero: true }),
             variant: "secondary",
             onClick: () => openModal({
               // Spreading `props` to pass along `data-testid`
-              content: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(FilterModal, { ...props, filter, onApply: onChange, filters: modalFilters })
+              content: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(FilterModal, { ...props, filter, onApply: onChange, filters: modalFilters })
             }),
             ...testId.moreFiltersBtn
           }
         ),
-        Object.keys(filter).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn }) })
+        Object.keys(filter).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn }) })
       ]
     }
   );
 }
-var _Filters = (0, import_react92.memo)(Filters);
+var _Filters = (0, import_react93.memo)(Filters);
 
 // src/components/Filters/ToggleFilter.tsx
-var import_jsx_runtime137 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime138 = require("@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
@@ -16523,7 +16572,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__ */ (0, import_jsx_runtime137.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
       Switch,
       {
         ...props,
@@ -16553,14 +16602,14 @@ function updateFilter(currentFilter, key, value) {
 var filterTestIdPrefix = "filter";
 
 // src/components/Filters/FilterDropdownMenu.tsx
-var import_jsx_runtime138 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime139 = require("@emotion/react/jsx-runtime");
 function FilterDropdownMenu(props) {
   const { filter, onChange, filterDefs, groupBy } = props;
   const testId = useTestIds(props, filterTestIdPrefix);
-  const [isOpen, setIsOpen] = (0, import_react93.useState)(false);
-  const buttonRef = (0, import_react93.useRef)(null);
-  const filterContentRef = (0, import_react93.useRef)(null);
-  const { overlayProps } = (0, import_react_aria44.useOverlay)(
+  const [isOpen, setIsOpen] = (0, import_react94.useState)(false);
+  const buttonRef = (0, import_react94.useRef)(null);
+  const filterContentRef = (0, import_react94.useRef)(null);
+  const { overlayProps } = (0, import_react_aria45.useOverlay)(
     {
       isOpen,
       onClose: () => setIsOpen(false),
@@ -16572,32 +16621,32 @@ function FilterDropdownMenu(props) {
     },
     filterContentRef
   );
-  const activeFilterCount = (0, import_react93.useMemo)(() => getActiveFilterCount(filter), [filter]);
-  const filterImpls = (0, import_react93.useMemo)(() => buildFilterImpls(filterDefs), [filterDefs]);
+  const activeFilterCount = (0, import_react94.useMemo)(() => getActiveFilterCount(filter), [filter]);
+  const filterImpls = (0, import_react94.useMemo)(() => buildFilterImpls(filterDefs), [filterDefs]);
   const renderFilters = () => {
     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__ */ (0, import_jsx_runtime138.jsx)("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, false) }, key));
+    return [...nonCheckbox, ...checkbox].map(([key, f]) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, false) }, key));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(import_jsx_runtime138.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { ref: buttonRef, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_jsx_runtime139.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { ref: buttonRef, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
       Button,
       {
         label: "Filter",
         icon: "filter",
         size: "md",
-        endAdornment: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { css: Css.df.aic.gap1.$, children: [
-          activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(CountBadge, { count: activeFilterCount }),
-          /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Icon, { icon: isOpen ? "chevronUp" : "chevronDown" })
+        endAdornment: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { css: Css.df.aic.gap1.$, children: [
+          activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(CountBadge, { count: activeFilterCount }),
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { icon: isOpen ? "chevronUp" : "chevronDown" })
         ] }),
         variant: "secondaryBlack",
         onClick: () => setIsOpen(!isOpen),
         ...testId.button
       }
     ) }),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { ref: filterContentRef, ...overlayProps, css: Css.df.aic.fww.gap1.order(1).$, children: [
-      groupBy && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { ref: filterContentRef, ...overlayProps, css: Css.df.aic.fww.gap1.order(1).$, children: [
+      groupBy && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
         SelectField,
         {
           label: "Group by",
@@ -16612,9 +16661,9 @@ function FilterDropdownMenu(props) {
         }
       ),
       renderFilters(),
-      activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn })
+      activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn })
     ] }),
-    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
       FilterChips,
       {
         filter,
@@ -16640,7 +16689,7 @@ function FilterChips({
       return value.map((item) => {
         const chipKey = `${String(key)}_${item}`;
         const newArray = value.filter((v) => v !== item);
-        return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
           ToggleChip,
           {
             text: titleCase(String(item)),
@@ -16651,7 +16700,7 @@ function FilterChips({
         );
       });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
       ToggleChip,
       {
         text: titleCase(String(value)),
@@ -16662,9 +16711,9 @@ function FilterChips({
     );
   });
   if (chips.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { css: Css.df.gap1.fww.aic.order(1).$, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { css: Css.df.gap1.fww.aic.order(1).$, children: [
     chips,
-    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: onClear, ...testId.clearBtn })
+    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: onClear, ...testId.clearBtn })
   ] });
 }
 function buildFilterImpls(filterDefs) {
@@ -16676,14 +16725,14 @@ function titleCase(str) {
 function getActiveFilterCount(filter) {
   return safeKeys(filter).filter((key) => filter[key] !== void 0).length;
 }
-var _FilterDropdownMenu = (0, import_react93.memo)(FilterDropdownMenu);
+var _FilterDropdownMenu = (0, import_react94.memo)(FilterDropdownMenu);
 
 // src/components/Table/TableActions.tsx
-var import_jsx_runtime139 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime140 = require("@emotion/react/jsx-runtime");
 function TableActions(props) {
   const { xss, children, right } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { css: { ...Css.df.gap1.aic.jcsb.aifs.pb2.$, ...xss }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { css: Css.df.gap1.aic.fww.$, children }),
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { css: { ...Css.df.gap1.aic.jcsb.aifs.pb2.$, ...xss }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { css: Css.df.gap1.aic.fww.$, children }),
     right
   ] });
 }
@@ -16693,21 +16742,21 @@ var import_use_debounce6 = require("use-debounce");
 var import_use_query_params3 = require("use-query-params");
 
 // src/components/Layout/ScrollableContent.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 var import_react_dom4 = require("react-dom");
-var import_jsx_runtime140 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime141 = require("@emotion/react/jsx-runtime");
 function ScrollableContent(props) {
   const { children, virtualized = false, omitBottomPadding, bgColor } = props;
   const { scrollableEl, setPortalTick, pl, pr } = useScrollableParent();
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     setPortalTick((prev) => prev + 1);
     return () => setPortalTick((prev) => prev + 1);
   }, [setPortalTick]);
   if (!scrollableEl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_jsx_runtime140.Fragment, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_jsx_runtime141.Fragment, { children });
   }
   return (0, import_react_dom4.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       "div",
       {
         css: {
@@ -16723,10 +16772,10 @@ function ScrollableContent(props) {
 }
 
 // src/components/Layout/GridTableLayout/QueryTable.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 
 // src/components/LoadingSkeleton.tsx
-var import_jsx_runtime141 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime142 = require("@emotion/react/jsx-runtime");
 function LoadingSkeleton({
   rows = 1,
   columns = 1,
@@ -16739,7 +16788,7 @@ function LoadingSkeleton({
   const rowHeight = sizeToPixels2[size];
   const rowCells = (rowNumber) => {
     const flexGrowForCell = randomizeWidths ? getRandomizedFlexBasisByRowIndex(rowNumber) : 1;
-    return cellArray.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+    return cellArray.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
       "div",
       {
         css: Css.br4.add("animation", "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite").add("flexGrow", flexGrowForCell).bgGray300.if(contrast).bgGray700.$
@@ -16747,7 +16796,7 @@ function LoadingSkeleton({
       `row-${rowNumber}-cell-${i}`
     ));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { "aria-label": "Loading", children: rowArray.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { css: Css.df.gap1.mb1.hPx(rowHeight).$, children: rowCells(i) }, `row-${i}`)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { "aria-label": "Loading", children: rowArray.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("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];
@@ -16761,27 +16810,27 @@ var sizeToPixels2 = {
 };
 
 // src/components/Layout/GridTableLayout/QueryTable.tsx
-var import_jsx_runtime142 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime143 = require("@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;
-  const rows = (0, import_react95.useMemo)(() => createRows(data), [createRows, data]);
+  const rows = (0, import_react96.useMemo)(() => createRows(data), [createRows, data]);
   const hasNextPage = data && getPageInfo && getPageInfo(data).hasNextPage;
   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__ */ (0, import_jsx_runtime142.jsx)("div", { children: keepHeaderWhenLoading ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(GridTable, { ...{ columns, ...others }, rows: headers, fallbackMessage }) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(LoadingTable, { columns: columns.length }) }) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(GridTable, { ...{ rows, columns, fallbackMessage, infoMessage, ...others } });
+  return query.loading ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { children: keepHeaderWhenLoading ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(GridTable, { ...{ columns, ...others }, rows: headers, fallbackMessage }) : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(LoadingTable, { columns: columns.length }) }) : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(GridTable, { ...{ rows, columns, fallbackMessage, infoMessage, ...others } });
 }
 function LoadingTable(props) {
   const { columns } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(LoadingSkeleton, { rows: 1, columns: 1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(LoadingSkeleton, { rows: 5, columns: columns ?? 5 })
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(LoadingSkeleton, { rows: 1, columns: 1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(LoadingSkeleton, { rows: 5, columns: columns ?? 5 })
   ] });
 }
 
 // src/components/Layout/GridTableLayout/GridTableLayout.tsx
-var import_jsx_runtime143 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime144 = require("@emotion/react/jsx-runtime");
 function isGridTableProps(props) {
   return "rows" in props;
 }
@@ -16794,16 +16843,17 @@ function GridTableLayoutComponent(props) {
     primaryAction,
     secondaryAction,
     tertiaryAction,
+    actionMenu,
     hideEditColumns = false
   } = props;
   const tid = useTestIds(props);
   const columns = tableProps.columns;
-  const hasHideableColumns = (0, import_react96.useMemo)(() => {
+  const hasHideableColumns = (0, import_react97.useMemo)(() => {
     if (hideEditColumns) return false;
     validateColumns(columns);
     return columns.some((c) => c.canHide);
   }, [columns, hideEditColumns]);
-  const api = (0, import_react96.useMemo)(
+  const api = (0, import_react97.useMemo)(
     () => tableProps.api ?? new GridTableApiImpl(),
     [tableProps.api]
   );
@@ -16811,27 +16861,28 @@ function GridTableLayoutComponent(props) {
   const showTableActions = layoutState?.filterDefs || layoutState?.search || hasHideableColumns;
   const isVirtualized = tableProps.as === "virtual";
   const visibleColumnIds = useComputed(() => api.getVisibleColumnIds(), [api]);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     if (layoutState?.setVisibleColumnIds) {
       layoutState.setVisibleColumnIds(visibleColumnIds);
     }
   }, [visibleColumnIds, layoutState]);
   const visibleColumnsStorageKey = layoutState?.persistedColumnsStorageKey;
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_jsx_runtime144.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
       Header2,
       {
         pageTitle,
         breadcrumb,
         primaryAction,
         secondaryAction,
-        tertiaryAction
+        tertiaryAction,
+        actionMenu
       }
     ),
-    showTableActions && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+    showTableActions && /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
       TableActions,
       {
-        right: hasHideableColumns && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+        right: hasHideableColumns && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
           EditColumnsButton,
           {
             columns,
@@ -16842,8 +16893,8 @@ function GridTableLayoutComponent(props) {
           }
         ),
         children: [
-          layoutState?.search && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(SearchBox, { onSearch: layoutState.setSearchString }),
-          layoutState?.filterDefs && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+          layoutState?.search && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(SearchBox, { onSearch: layoutState.setSearchString }),
+          layoutState?.filterDefs && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
             _FilterDropdownMenu,
             {
               filterDefs: layoutState.filterDefs,
@@ -16855,7 +16906,7 @@ function GridTableLayoutComponent(props) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ScrollableContent, { virtualized: isVirtualized, children: isGridTableProps(tableProps) ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ScrollableContent, { virtualized: isVirtualized, children: isGridTableProps(tableProps) ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
       GridTable,
       {
         ...tableProps,
@@ -16865,7 +16916,7 @@ function GridTableLayoutComponent(props) {
         stickyHeader: true,
         visibleColumnsStorageKey
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
       QueryTable,
       {
         ...tableProps,
@@ -16878,7 +16929,7 @@ function GridTableLayoutComponent(props) {
     ) })
   ] });
 }
-var GridTableLayout = import_react96.default.memo(GridTableLayoutComponent);
+var GridTableLayout = import_react97.default.memo(GridTableLayoutComponent);
 function validateColumns(columns) {
   for (const col of columns) {
     if (!col.id || !col.name) {
@@ -16895,7 +16946,7 @@ function useGridTableLayoutState({
   const filterFallback = { filterDefs: {}, storageKey: "unset-filter" };
   const { filter, setFilter } = usePersistedFilter(persistedFilter ?? filterFallback);
   const groupBy = useGroupBy(maybeGroupBy ?? { none: "none" });
-  const [searchString, setSearchString] = (0, import_react96.useState)("");
+  const [searchString, setSearchString] = (0, import_react97.useState)("");
   const columnsFallback = "unset-columns";
   const [visibleColumnIds, setVisibleColumnIds] = useSessionStorage(
     persistedColumns?.storageKey ?? columnsFallback,
@@ -16915,29 +16966,30 @@ 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__ */ (0, import_jsx_runtime143.jsx)(FullBleed, { children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("header", { css: { ...Css.p3.mb3.mhPx(50).bgWhite.df.jcsb.aic.$ }, ...tids.header, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { children: [
-      breadcrumb && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(PageHeaderBreadcrumbs, { breadcrumb }),
-      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("h1", { css: Css.xl2.mt1.$, ...tids.pageTitle, children: pageTitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(FullBleed, { children: /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("header", { css: { ...Css.p3.mb3.mhPx(50).bgWhite.df.jcsb.aic.$ }, ...tids.header, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { children: [
+      breadcrumb && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(PageHeaderBreadcrumbs, { breadcrumb }),
+      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("h1", { css: Css.xl2.mt1.$, ...tids.pageTitle, children: pageTitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { css: Css.df.fwr.jcfe.gap1.$, children: [
-      tertiaryAction && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Button, { ...tertiaryAction, variant: "tertiary" }),
-      secondaryAction && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Button, { ...secondaryAction, variant: "secondary" }),
-      primaryAction && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Button, { ...primaryAction })
+    /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { css: Css.df.fwr.jcfe.gap1.aic.$, children: [
+      tertiaryAction && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Button, { ...tertiaryAction, variant: "tertiary" }),
+      secondaryAction && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Button, { ...secondaryAction, variant: "secondary" }),
+      primaryAction && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Button, { ...primaryAction }),
+      actionMenu && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ButtonMenu, { ...actionMenu, trigger: { icon: "verticalDots" } })
     ] })
   ] }) });
 }
 function SearchBox({ onSearch }) {
   const [{ search: initialValue }, setQueryParams] = (0, import_use_query_params3.useQueryParams)({ search: import_use_query_params3.StringParam });
-  const [value, setValue] = (0, import_react96.useState)(initialValue || "");
+  const [value, setValue] = (0, import_react97.useState)(initialValue || "");
   const [debouncedSearch] = (0, import_use_debounce6.useDebounce)(value, 300);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     onSearch(debouncedSearch);
     setQueryParams({ search: debouncedSearch || void 0 }, "replaceIn");
   }, [debouncedSearch, onSearch, setQueryParams]);
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { css: Css.wPx(244).$, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { css: Css.wPx(244).$, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
     TextField,
     {
       label: "Search",
@@ -16946,26 +16998,26 @@ function SearchBox({ onSearch }) {
       onChange: (v) => setValue(v ?? ""),
       placeholder: "Search",
       clearable: true,
-      startAdornment: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon, { icon: "search", color: "rgba(100, 100, 100, 1)" /* Gray700 */ })
+      startAdornment: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Icon, { icon: "search", color: "rgba(100, 100, 100, 1)" /* Gray700 */ })
     }
   ) });
 }
 
 // src/components/Layout/PreventBrowserScroll.tsx
-var import_jsx_runtime144 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime145 = require("@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__ */ (0, import_jsx_runtime144.jsx)("div", { css: Css.oh.vh100.mh("-webkit-fill-available").maxh("-webkit-fill-available").$, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { css: Css.h100.df.fdc.mh0.oa.$, children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { css: Css.oh.vh100.mh("-webkit-fill-available").maxh("-webkit-fill-available").$, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { css: Css.h100.df.fdc.mh0.oa.$, children }) })
   );
 }
 
 // src/components/Layout/RightPaneLayout/RightPaneContext.tsx
-var import_react97 = __toESM(require("react"), 1);
-var import_jsx_runtime145 = require("@emotion/react/jsx-runtime");
-var RightPaneContext = import_react97.default.createContext({
+var import_react98 = __toESM(require("react"), 1);
+var import_jsx_runtime146 = require("@emotion/react/jsx-runtime");
+var RightPaneContext = import_react98.default.createContext({
   openInPane: () => {
   },
   closePane: () => {
@@ -16976,37 +17028,37 @@ var RightPaneContext = import_react97.default.createContext({
   rightPaneContent: null
 });
 function RightPaneProvider({ children }) {
-  const [rightPaneContent, setRightPaneContent] = (0, import_react97.useState)(void 0);
-  const [isRightPaneOpen, setIsRightPaneOpen] = (0, import_react97.useState)(false);
-  const openInPane = (0, import_react97.useCallback)(
+  const [rightPaneContent, setRightPaneContent] = (0, import_react98.useState)(void 0);
+  const [isRightPaneOpen, setIsRightPaneOpen] = (0, import_react98.useState)(false);
+  const openInPane = (0, import_react98.useCallback)(
     (opts) => {
       setRightPaneContent(opts?.content);
       setIsRightPaneOpen(true);
     },
     [setRightPaneContent]
   );
-  const closePane = (0, import_react97.useCallback)(() => setIsRightPaneOpen(false), []);
-  const clearPane = (0, import_react97.useCallback)(() => setRightPaneContent(void 0), [setRightPaneContent]);
-  const context = (0, import_react97.useMemo)(
+  const closePane = (0, import_react98.useCallback)(() => setIsRightPaneOpen(false), []);
+  const clearPane = (0, import_react98.useCallback)(() => setRightPaneContent(void 0), [setRightPaneContent]);
+  const context = (0, import_react98.useMemo)(
     () => ({ openInPane, closePane, clearPane, rightPaneContent, isRightPaneOpen }),
     [openInPane, closePane, rightPaneContent, clearPane, isRightPaneOpen]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(RightPaneContext.Provider, { value: context, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(RightPaneContext.Provider, { value: context, children });
 }
 function useRightPaneContext() {
-  return (0, import_react97.useContext)(RightPaneContext);
+  return (0, import_react98.useContext)(RightPaneContext);
 }
 
 // src/components/Layout/RightPaneLayout/RightPaneLayout.tsx
 var import_framer_motion3 = require("framer-motion");
-var import_react98 = require("react");
-var import_jsx_runtime146 = require("@emotion/react/jsx-runtime");
+var import_react99 = require("react");
+var import_jsx_runtime147 = require("@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();
-  (0, import_react98.useEffect)(() => closePane, [closePane]);
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { css: Css.h100.df.oxh.$, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+  (0, import_react99.useEffect)(() => closePane, [closePane]);
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { css: Css.h100.df.oxh.$, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_jsx_runtime147.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
       "div",
       {
         css: {
@@ -17017,15 +17069,15 @@ function RightPaneLayout(props) {
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { css: Css.relative.if(!!defaultPaneContent).wPx(paneWidth).$, children: [
-      defaultPaneContent && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { css: Css.relative.if(!!defaultPaneContent).wPx(paneWidth).$, children: [
+      defaultPaneContent && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
         "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__ */ (0, import_jsx_runtime146.jsx)(import_framer_motion3.AnimatePresence, { children: isRightPaneOpen && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_framer_motion3.AnimatePresence, { children: isRightPaneOpen && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
         import_framer_motion3.motion.div,
         {
           layout: "position",
@@ -17054,8 +17106,8 @@ function useRightPane() {
 }
 
 // src/components/BeamContext.tsx
-var import_jsx_runtime147 = require("@emotion/react/jsx-runtime");
-var BeamContext = (0, import_react99.createContext)({
+var import_jsx_runtime148 = require("@emotion/react/jsx-runtime");
+var BeamContext = (0, import_react100.createContext)({
   modalState: new EmptyRef(),
   modalCanCloseChecks: new EmptyRef(),
   modalHeaderDiv: void 0,
@@ -17067,21 +17119,21 @@ var BeamContext = (0, import_react99.createContext)({
   sdHeaderDiv: void 0
 });
 function BeamProvider({ children, ...presentationProps }) {
-  const [, tick] = (0, import_react99.useReducer)((prev) => prev + 1, 0);
-  const modalRef = (0, import_react99.useRef)();
-  const modalHeaderDiv = (0, import_react99.useMemo)(() => document.createElement("div"), []);
-  const modalBodyDiv = (0, import_react99.useMemo)(() => {
+  const [, tick] = (0, import_react100.useReducer)((prev) => prev + 1, 0);
+  const modalRef = (0, import_react100.useRef)();
+  const modalHeaderDiv = (0, import_react100.useMemo)(() => document.createElement("div"), []);
+  const modalBodyDiv = (0, import_react100.useMemo)(() => {
     const el = document.createElement("div");
     el.style.height = "100%";
     return el;
   }, []);
-  const modalCanCloseChecksRef = (0, import_react99.useRef)([]);
-  const modalFooterDiv = (0, import_react99.useMemo)(() => document.createElement("div"), []);
-  const drawerContentStackRef = (0, import_react99.useRef)([]);
-  const drawerCanCloseChecks = (0, import_react99.useRef)([]);
-  const drawerCanCloseDetailsChecks = (0, import_react99.useRef)([]);
-  const sdHeaderDiv = (0, import_react99.useMemo)(() => document.createElement("div"), []);
-  const context = (0, import_react99.useMemo)(() => {
+  const modalCanCloseChecksRef = (0, import_react100.useRef)([]);
+  const modalFooterDiv = (0, import_react100.useMemo)(() => document.createElement("div"), []);
+  const drawerContentStackRef = (0, import_react100.useRef)([]);
+  const drawerCanCloseChecks = (0, import_react100.useRef)([]);
+  const drawerCanCloseDetailsChecks = (0, import_react100.useRef)([]);
+  const sdHeaderDiv = (0, import_react100.useMemo)(() => document.createElement("div"), []);
+  const context = (0, import_react100.useMemo)(() => {
     return {
       // These two keys need to trigger re-renders on change
       modalState: new PretendRefThatTicks(modalRef, tick),
@@ -17096,12 +17148,12 @@ function BeamProvider({ children, ...presentationProps }) {
       sdHeaderDiv
     };
   }, [modalBodyDiv, modalFooterDiv, modalHeaderDiv, sdHeaderDiv]);
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(BeamContext.Provider, { value: { ...context }, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(PresentationProvider, { ...presentationProps, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(RightPaneProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(AutoSaveStatusProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SnackbarProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(ToastProvider, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_react_aria45.OverlayProvider, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(BeamContext.Provider, { value: { ...context }, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(PresentationProvider, { ...presentationProps, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(RightPaneProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(AutoSaveStatusProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(SnackbarProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(ToastProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_react_aria46.OverlayProvider, { children: [
       children,
-      modalRef.current && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Modal, { ...modalRef.current })
+      modalRef.current && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Modal, { ...modalRef.current })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SuperDrawer, {})
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(SuperDrawer, {})
   ] }) }) }) }) }) });
 }
 var PretendRefThatTicks = class {
@@ -17118,24 +17170,24 @@ var PretendRefThatTicks = class {
   }
 };
 function useBeamContext() {
-  return (0, import_react99.useContext)(BeamContext);
+  return (0, import_react100.useContext)(BeamContext);
 }
 
 // src/components/ButtonDatePicker.tsx
-var import_react100 = require("react");
-var import_react_aria46 = require("react-aria");
-var import_react_stately17 = require("react-stately");
-var import_jsx_runtime148 = require("@emotion/react/jsx-runtime");
+var import_react101 = require("react");
+var import_react_aria47 = require("react-aria");
+var import_react_stately18 = require("react-stately");
+var import_jsx_runtime149 = require("@emotion/react/jsx-runtime");
 function ButtonDatePicker(props) {
   const { defaultOpen, disabled, trigger, onSelect, ...datePickerProps } = props;
-  const state = (0, import_react_stately17.useMenuTriggerState)({ isOpen: defaultOpen });
-  const buttonRef = (0, import_react100.useRef)(null);
-  const { menuTriggerProps, menuProps } = (0, import_react_aria46.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
+  const state = (0, import_react_stately18.useMenuTriggerState)({ isOpen: defaultOpen });
+  const buttonRef = (0, import_react101.useRef)(null);
+  const { menuTriggerProps, menuProps } = (0, import_react_aria47.useMenuTrigger)({ 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__ */ (0, import_jsx_runtime148.jsx)(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(DatePickerOverlay, { overlayProps: menuProps, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(DatePickerOverlay, { overlayProps: menuProps, children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
     DatePicker,
     {
       ...datePickerProps,
@@ -17149,9 +17201,9 @@ function ButtonDatePicker(props) {
 }
 
 // src/components/ButtonGroup.tsx
-var import_react101 = require("react");
-var import_react_aria47 = require("react-aria");
-var import_jsx_runtime149 = (
+var import_react102 = require("react");
+var import_react_aria48 = require("react-aria");
+var import_jsx_runtime150 = (
   // Disable the button if the ButtonGroup is disabled or if the current button is disabled.
   require("@emotion/react/jsx-runtime")
 );
@@ -17160,21 +17212,21 @@ function ButtonGroup(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__ */ (0, import_jsx_runtime149.jsx)("div", { ...tid, css: Css.df.lh(0).add({ ...sizeStyles2[size] }).$, children: buttons.map(({ disabled: buttonDisabled, ...buttonProps }, i) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(GroupButton, { ...buttonProps, disabled: disabled || buttonDisabled, size, ...tid }, i)) })
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { ...tid, css: Css.df.lh(0).add({ ...sizeStyles2[size] }).$, children: buttons.map(({ disabled: buttonDisabled, ...buttonProps }, i) => /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(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 = (0, import_react101.useRef)(null);
-  const { buttonProps, isPressed } = (0, import_react_aria47.useButton)(ariaProps, ref);
-  const { isFocusVisible, focusProps } = (0, import_react_aria47.useFocusRing)();
-  const { hoverProps, isHovered } = (0, import_react_aria47.useHover)(ariaProps);
+  const ref = (0, import_react102.useRef)(null);
+  const { buttonProps, isPressed } = (0, import_react_aria48.useButton)(ariaProps, ref);
+  const { isFocusVisible, focusProps } = (0, import_react_aria48.useFocusRing)();
+  const { hoverProps, isHovered } = (0, import_react_aria48.useHover)(ariaProps);
   const tid = useTestIds(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { css: getButtonStyles2(), children: maybeTooltip({
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { css: getButtonStyles2(), children: maybeTooltip({
     title: resolveTooltip(disabled, tooltip),
     placement: "top",
-    children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
       "button",
       {
         ref,
@@ -17191,7 +17243,7 @@ function GroupButton(props) {
         },
         ...tid[defaultTestId(typeof text === "string" && text || icon || "button")],
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon, { xss: Css.if(!!text).mrPx(4).$, icon, color: disabled ? void 0 : iconColor, inc: iconInc }),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Icon, { xss: Css.if(!!text).mrPx(4).$, icon, color: disabled ? void 0 : iconColor, inc: iconInc }),
           text
         ]
       }
@@ -17224,55 +17276,6 @@ var iconStyles2 = {
   md: Css.px1.$
 };
 
-// src/components/ButtonMenu.tsx
-var import_react102 = require("react");
-var import_react_aria48 = require("react-aria");
-var import_react_stately18 = require("react-stately");
-var import_jsx_runtime150 = require("@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 = (0, import_react_stately18.useMenuTriggerState)({ isOpen: defaultOpen });
-  const buttonRef = (0, import_react102.useRef)(null);
-  const { menuTriggerProps, menuProps } = (0, import_react_aria48.useMenuTrigger)({ 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__ */ (0, import_jsx_runtime150.jsx)(
-    OverlayTrigger,
-    {
-      ...props,
-      menuTriggerProps,
-      state,
-      buttonRef,
-      ...tid,
-      contrast,
-      children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
-        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
 var import_react104 = require("react");
 var import_react_aria49 = require("react-aria");