@homebound/beam 3.32.0 → 3.33.1

package/dist/index.cjs

@@ -7766,7 +7766,7 @@ var import_react70 = require("react");
 
 // src/inputs/Autocomplete.tsx
 var import_react53 = require("react");
-var import_react_aria28 = require("react-aria");
+var import_react_aria29 = require("react-aria");
 var import_react_stately7 = require("react-stately");
 
 // src/components/internal/DatePicker/DatePicker.tsx
@@ -8136,7 +8136,7 @@ function DateRangePicker(props) {
 // src/components/internal/Menu.tsx
 var import_change_case3 = require("change-case");
 var import_react33 = require("react");
-var import_react_aria9 = require("react-aria");
+var import_react_aria10 = require("react-aria");
 var import_react_stately2 = require("react-stately");
 
 // src/components/internal/MenuSection.tsx
@@ -8180,8 +8180,8 @@ function MenuSectionImpl(props) {
 }
 
 // src/inputs/internal/MenuSearchField.tsx
-var import_textfield = require("@react-aria/textfield");
 var import_react32 = require("react");
+var import_react_aria9 = require("react-aria");
 
 // src/inputs/TextFieldBase.tsx
 var import_react31 = require("react");
@@ -9942,7 +9942,7 @@ var import_jsx_runtime33 = require("react/jsx-runtime");
 function MenuSearchField(props) {
   const tid = useTestIds(props);
   const inputRef = (0, import_react32.useRef)(null);
-  const { labelProps, inputProps } = (0, import_textfield.useTextField)({ ...props }, inputRef);
+  const { labelProps, inputProps } = (0, import_react_aria9.useTextField)({ ...props }, inputRef);
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     TextFieldBase,
     {
@@ -9979,7 +9979,7 @@ function Menu(props) {
   const [search, setSearch] = (0, import_react33.useState)(void 0);
   const {
     contains
-  } = (0, import_react_aria9.useFilter)({
+  } = (0, import_react_aria10.useFilter)({
     sensitivity: "base"
   });
   const filteredTree = (0, import_react33.useMemo)(() => {
@@ -10028,7 +10028,7 @@ function Menu(props) {
   const menuRef = (0, import_react33.useRef)(null);
   const {
     menuProps
-  } = (0, import_react_aria9.useMenu)({
+  } = (0, import_react_aria10.useMenu)({
     ...ariaMenuProps,
     autoFocus: searchable ? false : true
   }, state, menuRef);
@@ -10037,7 +10037,7 @@ function Menu(props) {
     label: "items",
     items
   }), [items]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_aria9.FocusScope, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { ...(0, import_runtime24.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_aria10.FocusScope, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { ...(0, import_runtime24.trussProps)({
     // Using `max-height: inherit` allows us to take advantage of the height set on the overlay container,
     // which updates based on the available space for the overlay within the viewport
     ...{
@@ -10067,7 +10067,7 @@ function Menu(props) {
 
 // src/components/internal/MenuItem.tsx
 var import_react40 = require("react");
-var import_react_aria16 = require("react-aria");
+var import_react_aria17 = require("react-aria");
 var import_react_router_dom3 = require("react-router-dom");
 
 // src/components/Avatar/Avatar.tsx
@@ -10219,7 +10219,7 @@ function nameToInitials(name) {
 
 // src/components/Avatar/AvatarButton.tsx
 var import_react35 = require("react");
-var import_react_aria10 = require("react-aria");
+var import_react_aria11 = require("react-aria");
 var import_runtime26 = require("@homebound/truss/runtime");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function AvatarButton(props) {
@@ -10247,7 +10247,7 @@ function AvatarButton(props) {
   const {
     buttonProps,
     isPressed: isPressedFromEvents
-  } = (0, import_react_aria10.useButton)({
+  } = (0, import_react_aria11.useButton)({
     ...ariaProps,
     onPress: typeof onPress === "string" ? noop : onPress,
     elementType: typeof onPress === "string" ? "a" : "button"
@@ -10255,11 +10255,11 @@ function AvatarButton(props) {
   const {
     focusProps,
     isFocusVisible: isFocusVisibleFromEvents
-  } = (0, import_react_aria10.useFocusRing)(ariaProps);
+  } = (0, import_react_aria11.useFocusRing)(ariaProps);
   const {
     hoverProps,
     isHovered: isHoveredFromEvents
-  } = (0, import_react_aria10.useHover)(ariaProps);
+  } = (0, import_react_aria11.useHover)(ariaProps);
   const isHovered = __storyState?.hovered ?? isHoveredFromEvents;
   const isFocusVisible = __storyState?.focusVisible ?? isFocusVisibleFromEvents;
   const isPressed = __storyState?.pressed ?? isPressedFromEvents;
@@ -10321,16 +10321,16 @@ var pressedOverlayCss = {
 
 // src/components/ButtonModal.tsx
 var import_react39 = require("react");
-var import_react_aria15 = require("react-aria");
+var import_react_aria16 = require("react-aria");
 var import_react_stately3 = require("react-stately");
 
 // src/components/internal/OverlayTrigger.tsx
 var import_react38 = require("react");
-var import_react_aria13 = require("react-aria");
+var import_react_aria14 = require("react-aria");
 
 // src/components/Button.tsx
 var import_react36 = require("react");
-var import_react_aria11 = require("react-aria");
+var import_react_aria12 = require("react-aria");
 var import_runtime27 = require("@homebound/truss/runtime");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function Button(props) {
@@ -10370,7 +10370,7 @@ function Button(props) {
   const {
     buttonProps,
     isPressed
-  } = (0, import_react_aria11.useButton)({
+  } = (0, import_react_aria12.useButton)({
     ...ariaProps,
     onPress: asLink ? noop : (e) => {
       const result = onPress(e);
@@ -10385,11 +10385,11 @@ function Button(props) {
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria11.useFocusRing)(ariaProps);
+  } = (0, import_react_aria12.useFocusRing)(ariaProps);
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria11.useHover)(ariaProps);
+  } = (0, import_react_aria12.useHover)(ariaProps);
   const {
     baseStyles: baseStyles5,
     hoverStyles: hoverStyles4,
@@ -10770,7 +10770,7 @@ var iconStyles = {
 
 // src/components/NavLinks/NavLink.tsx
 var import_react37 = require("react");
-var import_react_aria12 = require("react-aria");
+var import_react_aria13 = require("react-aria");
 var import_runtime28 = require("@homebound/truss/runtime");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function NavLink(props) {
@@ -10799,7 +10799,7 @@ function NavLink(props) {
   const {
     buttonProps,
     isPressed
-  } = (0, import_react_aria12.useButton)({
+  } = (0, import_react_aria13.useButton)({
     ...ariaProps,
     onPress: asLink ? noop : (e) => {
       if (typeof onClick === "function") {
@@ -10813,13 +10813,13 @@ function NavLink(props) {
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria12.useHover)({
+  } = (0, import_react_aria13.useHover)({
     isDisabled
   });
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria12.useFocusRing)(ariaProps);
+  } = (0, import_react_aria13.useFocusRing)(ariaProps);
   const {
     baseStyles: baseStyles5,
     activeStyles: activeStyles3,
@@ -10852,7 +10852,7 @@ function NavLink(props) {
     labelContent,
     icon && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "fs0", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { icon }) })
   ] });
-  return getButtonOrLink(linkContent, onClick, (0, import_react_aria12.mergeProps)(buttonProps, focusProps, hoverProps, linkAttributes, {
+  return getButtonOrLink(linkContent, onClick, (0, import_react_aria13.mergeProps)(buttonProps, focusProps, hoverProps, linkAttributes, {
     className: navLink
   }, otherProps), openInNew);
 }
@@ -10990,7 +10990,7 @@ function OverlayTrigger(props) {
   const popoverRef = (0, import_react38.useRef)(null);
   const {
     overlayProps: positionProps
-  } = (0, import_react_aria13.useOverlayPosition)({
+  } = (0, import_react_aria14.useOverlayPosition)({
     targetRef: buttonRef,
     overlayRef: popoverRef,
     shouldFlip: true,
@@ -11026,7 +11026,7 @@ function labelOr(trigger, fallback) {
 }
 
 // src/components/internal/ContextualModal.tsx
-var import_react_aria14 = require("react-aria");
+var import_react_aria15 = require("react-aria");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function ContextualModal(props) {
   const {
@@ -11035,7 +11035,7 @@ function ContextualModal(props) {
     close
   } = props;
   const tid = useTestIds(props, "popup");
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_aria14.FocusScope, { restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "pt3 pb3 pr3 pl3 df fdc gap3 bgWhite bshModal br4 maxh_inherit oa", ...tid, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_aria15.FocusScope, { restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "pt3 pb3 pr3 pl3 df fdc gap3 bgWhite bshModal br4 maxh_inherit oa", ...tid, children: [
     title && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "fw6 fz_18px lh_28px tac", ...tid.title, children: title }),
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ...tid.content, children: typeof content === "function" ? content(close) : content })
   ] }) });
@@ -11047,7 +11047,7 @@ function ButtonModal(props) {
   const { storybookDefaultOpen, trigger, disabled, content, title } = props;
   const state = (0, import_react_stately3.useMenuTriggerState)({ isOpen: storybookDefaultOpen });
   const buttonRef = (0, import_react39.useRef)(null);
-  const { menuTriggerProps } = (0, import_react_aria15.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
+  const { menuTriggerProps } = (0, import_react_aria16.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
   const tid = useTestIds(
     props,
     isTextButton(trigger) ? labelOr(trigger, "buttonModal") : isNavLinkButton(trigger) ? defaultTestId(trigger.navLabel) : isIconButton(trigger) ? trigger.icon : trigger.name
@@ -11122,11 +11122,11 @@ function MenuItemImpl(props) {
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria16.useHover)({});
+  } = (0, import_react_aria17.useHover)({});
   const tid = useTestIds(props);
   const {
     menuItemProps
-  } = (0, import_react_aria16.useMenuItem)({
+  } = (0, import_react_aria17.useMenuItem)({
     key: item.key,
     isDisabled: Boolean(menuItem?.disabled),
     onAction: () => {
@@ -11259,7 +11259,7 @@ function isImageMenuItem(item) {
 }
 
 // src/components/internal/Popover.tsx
-var import_react_aria17 = require("react-aria");
+var import_react_aria18 = require("react-aria");
 
 // src/components/ContrastScope.tsx
 var import_react41 = require("react");
@@ -11281,7 +11281,7 @@ var import_jsx_runtime45 = require("react/jsx-runtime");
 function Popover(props) {
   const { triggerRef, popoverRef, positionProps, children, onClose, isOpen, ...others } = props;
   const contrastScopeActive = useContrastScope();
-  const { overlayProps } = (0, import_react_aria17.useOverlay)(
+  const { overlayProps } = (0, import_react_aria18.useOverlay)(
     {
       onClose,
       isOpen,
@@ -11296,7 +11296,7 @@ function Popover(props) {
     },
     popoverRef
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_aria17.OverlayContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_aria18.OverlayContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
       ...{ ...overlayProps, ...positionProps },
@@ -11304,7 +11304,7 @@ function Popover(props) {
       "data-theme": contrastScopeActive ? contrastDataTheme : void 0,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_aria17.DismissButton, { onDismiss: () => onClose() })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_aria18.DismissButton, { onDismiss: () => onClose() })
       ]
     }
   ) });
@@ -11312,13 +11312,13 @@ function Popover(props) {
 
 // src/inputs/internal/ComboBoxBase.tsx
 var import_react52 = require("react");
-var import_react_aria27 = require("react-aria");
+var import_react_aria28 = require("react-aria");
 var import_react_stately6 = require("react-stately");
 var import_runtime42 = require("@homebound/truss/runtime");
 
 // src/inputs/internal/ComboBoxInput.tsx
 var import_react51 = require("react");
-var import_react_aria26 = require("react-aria");
+var import_react_aria27 = require("react-aria");
 
 // src/inputs/hooks/useGrowingTextField.tsx
 var import_utils38 = require("@react-aria/utils");
@@ -11382,35 +11382,35 @@ function useGrowingTextField({ inputRef, inputWrapRef, value, disabled, maxLines
 
 // src/inputs/TreeSelectField/TreeSelectField.tsx
 var import_react50 = __toESM(require("react"), 1);
-var import_react_aria25 = require("react-aria");
+var import_react_aria26 = require("react-aria");
 var import_react_stately5 = require("react-stately");
 var import_runtime40 = require("@homebound/truss/runtime");
 
 // src/inputs/internal/ListBox.tsx
 var import_react49 = require("react");
-var import_react_aria24 = require("react-aria");
+var import_react_aria25 = require("react-aria");
 
 // src/inputs/internal/constants.ts
 var persistentItemHeight = 42;
 var sectionSeparatorHeight = 1;
 
 // src/inputs/internal/ListBoxSection.tsx
-var import_react_aria23 = require("react-aria");
+var import_react_aria24 = require("react-aria");
 var import_runtime38 = require("@homebound/truss/runtime");
 
 // src/inputs/internal/Option.tsx
 var import_react45 = require("react");
-var import_react_aria20 = require("react-aria");
+var import_react_aria21 = require("react-aria");
 
 // src/inputs/ChipSelectField.tsx
 var import_change_case4 = require("change-case");
 var import_react44 = require("react");
-var import_react_aria19 = require("react-aria");
+var import_react_aria20 = require("react-aria");
 var import_react_stately4 = require("react-stately");
 
 // src/inputs/ChipTextField.tsx
 var import_react43 = require("react");
-var import_react_aria18 = require("react-aria");
+var import_react_aria19 = require("react-aria");
 var import_runtime31 = require("@homebound/truss/runtime");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function ChipTextField(props) {
@@ -11433,7 +11433,7 @@ function ChipTextField(props) {
   const [isFocused, setIsFocused] = (0, import_react43.useState)(false);
   const {
     focusProps
-  } = (0, import_react_aria18.useFocus)({
+  } = (0, import_react_aria19.useFocus)({
     onFocus: (e) => {
       if (fieldRef.current) {
         const range = document.createRange();
@@ -11593,7 +11593,7 @@ function ChipSelectField(props) {
   const [isClearFocused, setIsClearFocused] = (0, import_react44.useState)(false);
   const {
     focusProps
-  } = (0, import_react_aria19.useFocus)({
+  } = (0, import_react_aria20.useFocus)({
     onFocus: (e) => {
       if (popoverRef.current && popoverRef.current.contains(e.relatedTarget)) {
         return;
@@ -11611,7 +11611,7 @@ function ChipSelectField(props) {
   });
   const {
     focusProps: clearFocusProps
-  } = (0, import_react_aria19.useFocus)({
+  } = (0, import_react_aria20.useFocus)({
     onFocusChange: setIsClearFocused
   });
   const buttonRef = (0, import_react44.useRef)(null);
@@ -11697,16 +11697,16 @@ function ChipSelectField(props) {
     triggerProps,
     valueProps,
     menuProps
-  } = (0, import_react_aria19.useSelect)(selectHookProps, state, buttonRef);
+  } = (0, import_react_aria20.useSelect)(selectHookProps, state, buttonRef);
   const {
     buttonProps
-  } = (0, import_react_aria19.useButton)({
+  } = (0, import_react_aria20.useButton)({
     ...triggerProps,
     isDisabled
   }, buttonRef);
   const {
     overlayProps
-  } = (0, import_react_aria19.useOverlayPosition)({
+  } = (0, import_react_aria20.useOverlayPosition)({
     targetRef: buttonRef,
     overlayRef: popoverRef,
     scrollRef: listBoxRef,
@@ -11749,7 +11749,7 @@ function ChipSelectField(props) {
         } : {}
       }), children: [
         /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label, { label, labelProps, hidden: true, ...tid.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { ...(0, import_react_aria19.mergeProps)(focusProps, buttonProps), ref: buttonRef, ...(0, import_runtime33.trussProps)({
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { ...(0, import_react_aria20.mergeProps)(focusProps, buttonProps), ref: buttonRef, ...(0, import_runtime33.trussProps)({
           ...{
             textAlign: "tal",
             borderRadius: "br16",
@@ -11824,7 +11824,7 @@ function Option(props) {
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria20.useHover)({});
+  } = (0, import_react_aria21.useHover)({});
   const themeStyles = {
     item: {
       color: ["color_var", {
@@ -11853,7 +11853,7 @@ function Option(props) {
     isDisabled,
     isFocused,
     isSelected
-  } = (0, import_react_aria20.useOption)({
+  } = (0, import_react_aria21.useOption)({
     key: item.key,
     shouldSelectOnPressUp: true,
     shouldFocusOnHover: false
@@ -11861,7 +11861,7 @@ function Option(props) {
   return maybeTooltip({
     title: disabledReason,
     placement: "right",
-    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("li", { ...(0, import_react_aria20.mergeProps)(optionProps, hoverProps), "data-label": item.textValue, ref, ...(0, import_runtime34.trussProps)({
+    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("li", { ...(0, import_react_aria21.mergeProps)(optionProps, hoverProps), "data-label": item.textValue, ref, ...(0, import_runtime34.trussProps)({
       ...{
         display: "df",
         alignItems: "aic",
@@ -11941,11 +11941,11 @@ function LoadingDots() {
 
 // src/inputs/TreeSelectField/TreeOption.tsx
 var import_react47 = require("react");
-var import_react_aria22 = require("react-aria");
+var import_react_aria23 = require("react-aria");
 
 // src/inputs/CheckboxBase.tsx
 var import_react46 = require("react");
-var import_react_aria21 = require("react-aria");
+var import_react_aria22 = require("react-aria");
 var import_runtime36 = require("@homebound/truss/runtime");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function CheckboxBase(props) {
@@ -11967,7 +11967,7 @@ function CheckboxBase(props) {
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria21.useFocusRing)(ariaProps);
+  } = (0, import_react_aria22.useFocusRing)(ariaProps);
   const tid = useTestIds(props, defaultTestId(label));
   const maxWidth = fullWidth ? "none" : description !== void 0 ? px(344) : px(320);
   const Tag2 = withLabelElement ? "label" : "div";
@@ -11986,7 +11986,7 @@ function CheckboxBase(props) {
         cursor: "cursorNotAllowed"
       } : {}
     }), "aria-label": label, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_aria21.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("input", { ref, ...(0, import_react_aria21.mergeProps)(inputProps, focusProps), ...tid, "data-indeterminate": isIndeterminate }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_aria22.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("input", { ref, ...(0, import_react_aria22.mergeProps)(inputProps, focusProps), ...tid, "data-indeterminate": isIndeterminate }) }),
       /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StyledCheckbox, { ...props, isFocusVisible, ...tid }),
       !checkboxOnly && // Use a mtPx(-2) to better align the label with the checkbox.
       // Not using align-items: center as the checkbox would align with all content below, where we really want it to stay only aligned with the label
@@ -12077,7 +12077,7 @@ function StyledCheckbox(props) {
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria21.useHover)({
+  } = (0, import_react_aria22.useHover)({
     isDisabled
   });
   const markIcon = isIndeterminate ? dashSmall : isSelected ? checkmarkSmall : "";
@@ -12102,7 +12102,8 @@ function TreeOption(props) {
   const {
     item,
     state,
-    allowCollapsing = true
+    allowCollapsing = true,
+    disabledReason
   } = props;
   const leveledOption = item.value;
   if (!leveledOption) return null;
@@ -12111,7 +12112,7 @@ function TreeOption(props) {
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria22.useHover)({});
+  } = (0, import_react_aria23.useHover)({});
   const tid = useTestIds(props, "treeOption");
   const {
     collapsedKeys,
@@ -12124,7 +12125,7 @@ function TreeOption(props) {
     isDisabled,
     isFocused,
     isSelected
-  } = (0, import_react_aria22.useOption)({
+  } = (0, import_react_aria23.useOption)({
     key: item.key,
     shouldSelectOnPressUp: true,
     shouldFocusOnHover: false
@@ -12159,43 +12160,47 @@ function TreeOption(props) {
       }]
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("li", { ...hoverProps, onClick: (e) => {
-    if (!isGroup) return;
-    e.preventDefault();
-    e.stopPropagation();
-    toggleCollapsed();
-  }, ...(0, import_runtime37.trussProps)({
-    ...{
-      display: "df",
-      alignItems: "aic",
-      justifyContent: "jcsb",
-      gap: "gap1",
-      paddingLeft: ["pl_var", {
-        "--paddingLeft": `${16 + level * 8}px`
-      }],
-      minHeight: "mh_42px",
-      outline: "outline0",
-      cursor: "cursorPointer",
-      fontWeight: "fw4",
-      fontSize: "fz_14px",
-      lineHeight: "lh_20px"
-    },
-    ...listItemStyles.item,
-    ...isHovered && (!isDisabled || isGroup) ? listItemStyles.hover : {},
-    ...isFocused && !isGroup ? listItemStyles.focus : {},
-    ...isDisabled && !isGroup ? listItemStyles.disabled : {}
-  }), children: [
-    allowCollapsing && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "w_18px fs0 df aic", children: canCollapse && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("button", { onClick: (e) => {
+  return maybeTooltip({
+    title: !isGroup ? disabledReason : void 0,
+    placement: "right",
+    children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("li", { ...hoverProps, onClick: (e) => {
+      if (!isGroup) return;
       e.preventDefault();
       e.stopPropagation();
       toggleCollapsed();
-      return false;
-    }, className: "br4 h_16px w_16px bgTransparent h_bgGray300", ...tid[`collapseToggle_${item.key}`], children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { icon: collapsedKeys.includes(item.key) ? "triangleRight" : "triangleDown", inc: 2 }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "df aic gap1 h100 fg1 pt1 pb1 pr2", ref, ...optionProps, "data-label": item.textValue, children: [
-      !isGroup && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StyledCheckbox, { isDisabled, isSelected, isIndeterminate, ...tid[item.key.toString()] }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "pl1", children: item.rendered })
+    }, ...(0, import_runtime37.trussProps)({
+      ...{
+        display: "df",
+        alignItems: "aic",
+        justifyContent: "jcsb",
+        gap: "gap1",
+        paddingLeft: ["pl_var", {
+          "--paddingLeft": `${16 + level * 8}px`
+        }],
+        minHeight: "mh_42px",
+        outline: "outline0",
+        cursor: "cursorPointer",
+        fontWeight: "fw4",
+        fontSize: "fz_14px",
+        lineHeight: "lh_20px"
+      },
+      ...listItemStyles.item,
+      ...isHovered && (!isDisabled || isGroup) ? listItemStyles.hover : {},
+      ...isFocused && !isGroup ? listItemStyles.focus : {},
+      ...isDisabled && !isGroup ? listItemStyles.disabled : {}
+    }), children: [
+      allowCollapsing && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "w_18px fs0 df aic", children: canCollapse && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("button", { onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        toggleCollapsed();
+        return false;
+      }, className: "br4 h_16px w_16px bgTransparent h_bgGray300", ...tid[`collapseToggle_${item.key}`], children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { icon: collapsedKeys.includes(item.key) ? "triangleRight" : "triangleDown", inc: 2 }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "df aic gap1 h100 fg1 pt1 pb1 pr2", ref, ...optionProps, "data-label": item.textValue, children: [
+        !isGroup && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StyledCheckbox, { isDisabled, isSelected, isIndeterminate, ...tid[item.key.toString()] }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "pl1", children: item.rendered })
+      ] })
     ] })
-  ] });
+  });
 }
 function hasSelectedChildren(childOption, state, getOptionValue) {
   if (childOption.children && childOption.children.length > 0) {
@@ -12293,7 +12298,8 @@ function VirtualizedOptions(props) {
               {
                 item,
                 state,
-                allowCollapsing
+                allowCollapsing,
+                disabledReason: disabledOptionsWithReasons[item.key]
               },
               item.key
             );
@@ -12335,10 +12341,10 @@ function ListBoxSection(props) {
   const {
     itemProps,
     groupProps
-  } = (0, import_react_aria23.useListBoxSection)(section);
+  } = (0, import_react_aria24.useListBoxSection)(section);
   const {
     separatorProps
-  } = (0, import_react_aria23.useSeparator)({
+  } = (0, import_react_aria24.useSeparator)({
     elementType: "li"
   });
   const isPersistentSection = section.key !== state.collection.getFirstKey();
@@ -12396,7 +12402,7 @@ function ListBox(props) {
   } = props;
   const {
     listBoxProps
-  } = (0, import_react_aria24.useListBox)({
+  } = (0, import_react_aria25.useListBox)({
     disallowEmptySelection: true,
     ...props
   }, state, listBoxRef);
@@ -12553,7 +12559,7 @@ function TreeSelectFieldBase(props) {
   const initialOptions = Array.isArray(options) ? options : options.current;
   const {
     contains
-  } = (0, import_react_aria25.useFilter)({
+  } = (0, import_react_aria26.useFilter)({
     sensitivity: "base"
   });
   const {
@@ -12819,7 +12825,7 @@ function TreeSelectFieldBase(props) {
     inputProps,
     listBoxProps,
     labelProps
-  } = (0, import_react_aria25.useComboBox)({
+  } = (0, import_react_aria26.useComboBox)({
     ...comboBoxProps,
     inputRef,
     buttonRef: triggerRef,
@@ -12828,13 +12834,13 @@ function TreeSelectFieldBase(props) {
   }, state);
   const {
     buttonProps
-  } = (0, import_react_aria25.useButton)({
+  } = (0, import_react_aria26.useButton)({
     ...triggerProps,
     isDisabled: isDisabled || isReadOnly
   }, triggerRef);
   const {
     overlayProps: positionProps
-  } = (0, import_react_aria25.useOverlayPosition)({
+  } = (0, import_react_aria26.useOverlayPosition)({
     targetRef: inputWrapRef,
     overlayRef: popoverRef,
     scrollRef: listBoxRef,
@@ -12874,7 +12880,7 @@ function TreeSelectFieldBase(props) {
         onClose: () => state.toggle(),
         isOpen: state.isOpen,
         minWidth: 320,
-        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ListBox, { ...listBoxProps, positionProps, state, listBoxRef, selectedOptions: fieldState.selectedChipOptions, getOptionLabel, getOptionValue: (o) => valueToKey(getOptionValue(o)), horizontalLayout: labelStyle === "left", loading: fieldState.optionsLoading, allowCollapsing: fieldState.allowCollapsing, isTree: true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ListBox, { ...listBoxProps, positionProps, state, listBoxRef, selectedOptions: fieldState.selectedChipOptions, getOptionLabel, getOptionValue: (o) => valueToKey(getOptionValue(o)), horizontalLayout: labelStyle === "left", loading: fieldState.optionsLoading, allowCollapsing: fieldState.allowCollapsing, disabledOptionsWithReasons, isTree: true })
       }
     )
   ] });
@@ -12995,7 +13001,7 @@ function ComboBoxInput(props) {
       }]
     } : {}
   }), "data-testid": "toggleListBox", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon: state.isOpen ? "chevronUp" : "chevronDown" }) }), inputProps: {
-    ...(0, import_react_aria26.mergeProps)(inputProps, {
+    ...(0, import_react_aria27.mergeProps)(inputProps, {
       "aria-invalid": Boolean(errorMsg),
       onInput: () => state.open()
     }),
@@ -13142,7 +13148,7 @@ function ComboBoxBase(props) {
   const selectedOptions = (0, import_react52.useMemo)(() => options.filter((o) => values.includes(getOptionValue(o))), [options, values, getOptionValue]);
   const {
     contains
-  } = (0, import_react_aria27.useFilter)({
+  } = (0, import_react_aria28.useFilter)({
     sensitivity: "base"
   });
   const isDisabled = !!disabled;
@@ -13282,7 +13288,7 @@ function ComboBoxBase(props) {
     inputProps,
     listBoxProps,
     labelProps
-  } = (0, import_react_aria27.useComboBox)({
+  } = (0, import_react_aria28.useComboBox)({
     ...comboBoxProps,
     inputRef,
     buttonRef: triggerRef,
@@ -13291,13 +13297,13 @@ function ComboBoxBase(props) {
   }, state);
   const {
     buttonProps
-  } = (0, import_react_aria27.useButton)({
+  } = (0, import_react_aria28.useButton)({
     ...triggerProps,
     isDisabled: isDisabled || isReadOnly
   }, triggerRef);
   const {
     overlayProps: positionProps
-  } = (0, import_react_aria27.useOverlayPosition)({
+  } = (0, import_react_aria28.useOverlayPosition)({
     targetRef: inputWrapRef,
     overlayRef: popoverRef,
     scrollRef: listBoxRef,
@@ -13455,7 +13461,7 @@ function Autocomplete(props) {
   const inputRef = (0, import_react53.useRef)(null);
   const listBoxRef = (0, import_react53.useRef)(null);
   const popoverRef = (0, import_react53.useRef)(null);
-  const { inputProps, listBoxProps, labelProps } = (0, import_react_aria28.useComboBox)(
+  const { inputProps, listBoxProps, labelProps } = (0, import_react_aria29.useComboBox)(
     {
       ...comboBoxProps,
       inputRef,
@@ -13466,7 +13472,7 @@ function Autocomplete(props) {
     },
     state
   );
-  const { overlayProps: positionProps } = (0, import_react_aria28.useOverlayPosition)({
+  const { overlayProps: positionProps } = (0, import_react_aria29.useOverlayPosition)({
     targetRef: inputWrapRef,
     overlayRef: popoverRef,
     scrollRef: listBoxRef,
@@ -13522,7 +13528,7 @@ function Autocomplete(props) {
 
 // src/inputs/Checkbox.tsx
 var import_react54 = require("react");
-var import_react_aria29 = require("react-aria");
+var import_react_aria30 = require("react-aria");
 var import_react_stately8 = require("react-stately");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function Checkbox(props) {
@@ -13533,7 +13539,7 @@ function Checkbox(props) {
   const checkboxProps = { ...ariaProps, "aria-label": label };
   const ref = (0, import_react54.useRef)(null);
   const toggleState = (0, import_react_stately8.useToggleState)(ariaProps);
-  const { inputProps } = (0, import_react_aria29.useCheckbox)(checkboxProps, toggleState, ref);
+  const { inputProps } = (0, import_react_aria30.useCheckbox)(checkboxProps, toggleState, ref);
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     CheckboxBase,
     {
@@ -13551,7 +13557,7 @@ function Checkbox(props) {
 
 // src/inputs/CheckboxGroup.tsx
 var import_react55 = require("react");
-var import_react_aria30 = require("react-aria");
+var import_react_aria31 = require("react-aria");
 var import_react_stately9 = require("react-stately");
 var import_runtime43 = require("@homebound/truss/runtime");
 var import_jsx_runtime62 = require("react/jsx-runtime");
@@ -13578,7 +13584,7 @@ function CheckboxGroup(props) {
   const {
     groupProps,
     labelProps
-  } = (0, import_react_aria30.useCheckboxGroup)(props, state);
+  } = (0, import_react_aria31.useCheckboxGroup)(props, state);
   const tid = useTestIds(props);
   const labelSuffix = useLabelSuffix(required, false);
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { ...groupProps, ...(0, import_runtime43.trussProps)({
@@ -13628,7 +13634,7 @@ function CheckboxGroupItem(props) {
   const ref = (0, import_react55.useRef)(null);
   const {
     inputProps
-  } = (0, import_react_aria30.useCheckboxGroupItem)(checkboxProps, groupState, ref);
+  } = (0, import_react_aria31.useCheckboxGroupItem)(checkboxProps, groupState, ref);
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CheckboxBase, { ariaProps, description, isDisabled, isIndeterminate, isSelected, inputProps, label, ...otherProps });
 }
 
@@ -13744,7 +13750,7 @@ function DateFieldMock(props) {
 
 // src/inputs/DateFields/DateFieldBase.tsx
 var import_react57 = require("react");
-var import_react_aria31 = require("react-aria");
+var import_react_aria32 = require("react-aria");
 var import_react_stately10 = require("react-stately");
 var import_runtime44 = require("@homebound/truss/runtime");
 var import_jsx_runtime64 = require("react/jsx-runtime");
@@ -13798,7 +13804,7 @@ function DateFieldBase(props) {
   const {
     labelProps,
     inputProps
-  } = (0, import_react_aria31.useTextField)({
+  } = (0, import_react_aria32.useTextField)({
     ...textFieldProps,
     // Setting `inputMode` to none. This disables the virtual keyboard from being triggered on touch devices
     inputMode: "none",
@@ -13835,19 +13841,19 @@ function DateFieldBase(props) {
   const {
     triggerProps,
     overlayProps
-  } = (0, import_react_aria31.useOverlayTrigger)({
+  } = (0, import_react_aria32.useOverlayTrigger)({
     type: "dialog"
   }, state, buttonRef);
   const {
     buttonProps
-  } = (0, import_react_aria31.useButton)({
+  } = (0, import_react_aria32.useButton)({
     ...triggerProps,
     isDisabled: isDisabled || isReadOnly,
     onPress: state.open
   }, buttonRef);
   const {
     overlayProps: positionProps
-  } = (0, import_react_aria31.useOverlayPosition)({
+  } = (0, import_react_aria32.useOverlayPosition)({
     targetRef: inputWrapRef,
     overlayRef,
     shouldFlip: true,
@@ -13939,7 +13945,7 @@ function DateFieldBase(props) {
         ...others
       }
     ),
-    state.isOpen && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Popover, { triggerRef: inputWrapRef, popoverRef: overlayRef, positionProps, onClose: state.close, isOpen: state.isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_aria31.FocusScope, { autoFocus: true, contain: true, restoreFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DatePickerOverlay, { overlayProps, children: isRangeMode ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DateRangePicker, { range: wipValue, disabledDays, onSelect: (dr) => {
+    state.isOpen && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Popover, { triggerRef: inputWrapRef, popoverRef: overlayRef, positionProps, onClose: state.close, isOpen: state.isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react_aria32.FocusScope, { autoFocus: true, contain: true, restoreFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DatePickerOverlay, { overlayProps, children: isRangeMode ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DateRangePicker, { range: wipValue, disabledDays, onSelect: (dr) => {
       setInputValue(formatDateRange(dr, dateFormats.short) ?? "");
       onChange(dr);
     }, useYearPicker: isRangeFilterField || useYearPicker, ...tid.datePicker }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DatePicker, { value: wipValue, disabledDays, onSelect: (d) => {
@@ -13981,7 +13987,7 @@ function DateRangeField(props) {
 
 // src/inputs/IconCard.tsx
 var import_react58 = require("react");
-var import_react_aria32 = require("react-aria");
+var import_react_aria33 = require("react-aria");
 var import_react_stately11 = require("react-stately");
 var import_runtime45 = require("@homebound/truss/runtime");
 var import_jsx_runtime68 = require("react/jsx-runtime");
@@ -14008,13 +14014,13 @@ function IconCard(props) {
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria32.useHover)({
+  } = (0, import_react_aria33.useHover)({
     isDisabled
   });
   const toggleState = (0, import_react_stately11.useToggleState)(ariaProps);
   const {
     inputProps
-  } = (0, import_react_aria32.useCheckbox)(checkboxProps, toggleState, ref);
+  } = (0, import_react_aria33.useCheckbox)(checkboxProps, toggleState, ref);
   const styles = (0, import_react58.useMemo)(() => ({
     ...baseStyles3,
     ...isHovered && iconCardStylesHover,
@@ -14026,7 +14032,7 @@ function IconCard(props) {
     title: resolveTooltip(isDisabled, tooltip),
     placement: "top",
     children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("button", { ...(0, import_runtime45.trussProps)(styles), ...hoverProps, onClick: toggleState.toggle, disabled: isDisabled, ...tid, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_aria32.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("input", { ref, ...inputProps, ...tid.value }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_aria33.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("input", { ref, ...inputProps, ...tid.value }) }),
       /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { icon, inc: 4, color: isDisabled ? "rgba(221, 220, 220, 1)" /* Gray300 */ : "rgba(36, 36, 36, 1)" /* Gray900 */ }),
       /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { ...(0, import_runtime45.trussProps)({
         fontWeight: "fw4",
@@ -14141,7 +14147,7 @@ function MultiSelectField(props) {
 // src/inputs/NumberField.tsx
 var import_number = require("@internationalized/number");
 var import_react60 = require("react");
-var import_react_aria33 = require("react-aria");
+var import_react_aria34 = require("react-aria");
 var import_react_stately12 = require("react-stately");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function NumberField(props) {
@@ -14193,7 +14199,7 @@ function NumberField(props) {
   }), [truncate, numIntegerDigits, useGrouping, signDisplay, numFractionDigits]);
   const {
     locale
-  } = (0, import_react_aria33.useLocale)();
+  } = (0, import_react_aria34.useLocale)();
   const formatOptions = (0, import_react60.useMemo)(() => {
     if (numberFormatOptions !== void 0) {
       return numberFormatOptions;
@@ -14284,7 +14290,7 @@ function NumberField(props) {
     labelProps,
     inputProps,
     groupProps
-  } = (0, import_react_aria33.useNumberField)(useProps, state, inputRef);
+  } = (0, import_react_aria34.useNumberField)(useProps, state, inputRef);
   if (readOnly && !inputRef.current) {
     inputRef.current = document.createElement("input");
   }
@@ -14299,7 +14305,7 @@ function NumberField(props) {
       labelProps,
       label,
       required,
-      inputProps: (0, import_react_aria33.mergeProps)(inputProps, {
+      inputProps: (0, import_react_aria34.mergeProps)(inputProps, {
         size: sizeToContent ? String(inputProps.value ?? "").length || 1 : void 0
       }),
       onChange: (rawInputValue) => {
@@ -14332,7 +14338,7 @@ function formatValue(value, factor, numFractionDigits, numIntegerDigits, positiv
 
 // src/inputs/RadioGroupField.tsx
 var import_react61 = require("react");
-var import_react_aria34 = require("react-aria");
+var import_react_aria35 = require("react-aria");
 var import_react_stately13 = require("react-stately");
 var import_runtime47 = require("@homebound/truss/runtime");
 var import_jsx_runtime72 = require("react/jsx-runtime");
@@ -14364,7 +14370,7 @@ function RadioGroupField(props) {
   const {
     labelProps,
     radioGroupProps
-  } = (0, import_react_aria34.useRadioGroup)({
+  } = (0, import_react_aria35.useRadioGroup)({
     label,
     isDisabled: disabled,
     isRequired: required
@@ -14425,7 +14431,7 @@ function Radio(props) {
   const {
     inputProps,
     isDisabled
-  } = (0, import_react_aria34.useRadio)({
+  } = (0, import_react_aria35.useRadio)({
     value,
     "aria-labelledby": labelId,
     isDisabled: isOptionDisabled
@@ -14434,11 +14440,11 @@ function Radio(props) {
   const {
     focusProps,
     isFocusVisible
-  } = (0, import_react_aria34.useFocusRing)();
+  } = (0, import_react_aria35.useFocusRing)();
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria34.useHover)({
+  } = (0, import_react_aria35.useHover)({
     isDisabled: disabled
   });
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("label", { ...(0, import_runtime47.trussProps)({
@@ -14804,7 +14810,7 @@ function SelectField(props) {
 
 // src/inputs/Switch.tsx
 var import_react65 = require("react");
-var import_react_aria35 = require("react-aria");
+var import_react_aria36 = require("react-aria");
 var import_runtime49 = require("@homebound/truss/runtime");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var __maybeInc8 = (inc) => {
@@ -14839,18 +14845,18 @@ function Switch(props) {
   const ref = (0, import_react65.useRef)(null);
   const {
     inputProps
-  } = (0, import_react_aria35.useSwitch)({
+  } = (0, import_react_aria36.useSwitch)({
     ...ariaProps,
     "aria-label": label
   }, state, ref);
   const {
     isFocusVisible: isFocusVisibleFromEvents,
     focusProps
-  } = (0, import_react_aria35.useFocusRing)(otherProps);
+  } = (0, import_react_aria36.useFocusRing)(otherProps);
   const {
     hoverProps,
     isHovered: isHoveredFromEvents
-  } = (0, import_react_aria35.useHover)(ariaProps);
+  } = (0, import_react_aria36.useHover)(ariaProps);
   const isFocusVisible = __storyState?.focusVisible ?? isFocusVisibleFromEvents;
   const isHovered = __storyState?.hovered ?? isHoveredFromEvents;
   const tooltip = resolveTooltip(disabled, props.tooltip);
@@ -14942,7 +14948,7 @@ function Switch(props) {
         lineHeight: "lineHeight_1"
       } : {}
     } }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_aria35.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("input", { ref, ...inputProps, ...focusProps, ...tid }) })
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_aria36.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("input", { ref, ...inputProps, ...focusProps, ...tid }) })
   ] });
 }
 var toggleHeight = (isCompact) => isCompact ? 16 : 24;
@@ -14989,7 +14995,7 @@ function switchCircleSelectedStyles(isCompact) {
 
 // src/inputs/TextAreaField.tsx
 var import_react66 = require("react");
-var import_react_aria36 = require("react-aria");
+var import_react_aria37 = require("react-aria");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function TextAreaField(props) {
   const {
@@ -15009,7 +15015,7 @@ function TextAreaField(props) {
   const inputRef = (0, import_react66.useRef)(null);
   const inputWrapRef = (0, import_react66.useRef)(null);
   useGrowingTextField({ inputRef, inputWrapRef, value, maxLines });
-  const { labelProps, inputProps } = (0, import_react_aria36.useTextField)(
+  const { labelProps, inputProps } = (0, import_react_aria37.useTextField)(
     {
       ...textFieldProps,
       inputElementType: "textarea",
@@ -15032,7 +15038,7 @@ function TextAreaField(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     TextFieldBase,
     {
-      ...(0, import_react_aria36.mergeProps)(otherProps, { onBlur, onFocus }),
+      ...(0, import_react_aria37.mergeProps)(otherProps, { onBlur, onFocus }),
       multiline: true,
       labelProps,
       inputProps,
@@ -15046,7 +15052,7 @@ function TextAreaField(props) {
 
 // src/inputs/TextField.tsx
 var import_react67 = require("react");
-var import_react_aria37 = require("react-aria");
+var import_react_aria38 = require("react-aria");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function TextField(props) {
   const {
@@ -15074,7 +15080,7 @@ function TextField(props) {
     value
   };
   const inputRef = (0, import_react67.useRef)(null);
-  const { labelProps, inputProps } = (0, import_react_aria37.useTextField)(
+  const { labelProps, inputProps } = (0, import_react_aria38.useTextField)(
     {
       ...textFieldProps,
       onKeyDown: (e) => {
@@ -15096,7 +15102,7 @@ function TextField(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     TextFieldBase,
     {
-      ...(0, import_react_aria37.mergeProps)(textFieldProps, { onBlur, onFocus }),
+      ...(0, import_react_aria38.mergeProps)(textFieldProps, { onBlur, onFocus }),
       errorMsg,
       required,
       labelProps,
@@ -15110,7 +15116,7 @@ function TextField(props) {
 
 // src/inputs/ToggleButton.tsx
 var import_react68 = require("react");
-var import_react_aria38 = require("react-aria");
+var import_react_aria39 = require("react-aria");
 var import_react_stately14 = require("react-stately");
 var import_runtime50 = require("@homebound/truss/runtime");
 var import_jsx_runtime79 = require("react/jsx-runtime");
@@ -15149,24 +15155,24 @@ function ToggleButton(props) {
   const {
     isPressed: isPressedFromEvents,
     pressProps
-  } = (0, import_react_aria38.usePress)({
+  } = (0, import_react_aria39.usePress)({
     ref: labelRef,
     isDisabled
   });
   const {
     inputProps
-  } = (0, import_react_aria38.useSwitch)(ariaProps, state, ref);
+  } = (0, import_react_aria39.useSwitch)(ariaProps, state, ref);
   const {
     isFocusVisible: isFocusVisibleFromEvents,
     focusProps
-  } = (0, import_react_aria38.useFocusRing)({
+  } = (0, import_react_aria39.useFocusRing)({
     ...otherProps,
     within: true
   });
   const {
     hoverProps,
     isHovered: isHoveredFromEvents
-  } = (0, import_react_aria38.useHover)({
+  } = (0, import_react_aria39.useHover)({
     isDisabled
   });
   const isHovered = __storyState?.hovered ?? isHoveredFromEvents;
@@ -15215,7 +15221,7 @@ function ToggleButton(props) {
     children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("label", { ...labelAttrs, children: [
       icon && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon, { icon }),
       label,
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_aria38.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("input", { ref, ...inputProps, ...tid.value }) })
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_aria39.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("input", { ref, ...inputProps, ...tid.value }) })
     ] })
   });
 }
@@ -15231,7 +15237,7 @@ var togglePressStyles = {
 
 // src/inputs/ToggleChipGroup.tsx
 var import_react69 = require("react");
-var import_react_aria39 = require("react-aria");
+var import_react_aria40 = require("react-aria");
 var import_react_stately15 = require("react-stately");
 var import_runtime51 = require("@homebound/truss/runtime");
 var import_jsx_runtime80 = require("react/jsx-runtime");
@@ -15262,7 +15268,7 @@ function ToggleChipGroup(props) {
   const {
     groupProps,
     labelProps
-  } = (0, import_react_aria39.useCheckboxGroup)(props, state);
+  } = (0, import_react_aria40.useCheckboxGroup)(props, state);
   const tid = useTestIds(props, "toggleChip");
   const labelSuffix = useLabelSuffix(required, false);
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { ...groupProps, ...(0, import_runtime51.trussProps)({
@@ -15306,7 +15312,7 @@ function ToggleChip2(props) {
   const ref = (0, import_react69.useRef)(null);
   const {
     inputProps
-  } = (0, import_react_aria39.useCheckboxGroupItem)({
+  } = (0, import_react_aria40.useCheckboxGroupItem)({
     value,
     "aria-label": label,
     isReadOnly,
@@ -15315,7 +15321,7 @@ function ToggleChip2(props) {
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria39.useFocusRing)();
+  } = (0, import_react_aria40.useFocusRing)();
   const tooltip = resolveTooltip(disabled);
   const chipStateCss = isSelected ? {
     color: ["color_var", {
@@ -15363,7 +15369,7 @@ function ToggleChip2(props) {
         boxShadow: "bshFocus"
       } : {}
     }), "data-selected": isSelected, "data-disabled": isDisabled, "aria-disabled": isDisabled, ...others, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_aria39.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("input", { ...inputProps, ...focusProps }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_aria40.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("input", { ...inputProps, ...focusProps }) }),
       startAdornment,
       label
     ] })
@@ -17220,7 +17226,7 @@ function ToggleChips(props) {
 // src/components/Accordion.tsx
 var import_utils74 = require("@react-aria/utils");
 var import_react82 = require("react");
-var import_react_aria40 = require("react-aria");
+var import_react_aria41 = require("react-aria");
 var import_runtime58 = require("@homebound/truss/runtime");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var __maybeInc12 = (inc) => {
@@ -17249,7 +17255,7 @@ function Accordion(props) {
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria40.useFocusRing)();
+  } = (0, import_react_aria41.useFocusRing)();
   const [contentEl, setContentEl] = (0, import_react82.useState)(null);
   const contentRef = (0, import_react82.useMemo)(() => ({
     current: contentEl
@@ -17554,12 +17560,12 @@ var variantStyles3 = {
 
 // src/components/BeamContext.tsx
 var import_react113 = require("react");
-var import_react_aria46 = require("react-aria");
+var import_react_aria47 = require("react-aria");
 
 // src/components/Modal/Modal.tsx
 var import_utils78 = require("@react-aria/utils");
 var import_react87 = require("react");
-var import_react_aria41 = require("react-aria");
+var import_react_aria42 = require("react-aria");
 var import_react_dom3 = require("react-dom");
 
 // src/components/Modal/useModal.tsx
@@ -17647,7 +17653,7 @@ function Modal(props) {
   const {
     overlayProps,
     underlayProps
-  } = (0, import_react_aria41.useOverlay)({
+  } = (0, import_react_aria42.useOverlay)({
     ...props,
     isOpen: true,
     onClose: closeModal,
@@ -17658,11 +17664,11 @@ function Modal(props) {
   }, ref);
   const {
     modalProps
-  } = (0, import_react_aria41.useModal)();
+  } = (0, import_react_aria42.useModal)();
   const {
     dialogProps,
     titleProps
-  } = (0, import_react_aria41.useDialog)({
+  } = (0, import_react_aria42.useDialog)({
     role: "dialog"
   }, ref);
   const [[width2, height], setSize] = (0, import_react87.useState)(getSize(size));
@@ -17670,7 +17676,7 @@ function Modal(props) {
   const modalFooterRef = (0, import_react87.useRef)(null);
   const modalHeaderRef = (0, import_react87.useRef)(null);
   const testId = useTestIds({}, testIdPrefix);
-  (0, import_react_aria41.usePreventScroll)();
+  (0, import_react_aria42.usePreventScroll)();
   const {
     sm
   } = useBreakpoint();
@@ -17704,7 +17710,7 @@ function Modal(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [modalBodyRef, modalFooterRef, modalHeaderRef]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_aria41.OverlayContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(AutoSaveStatusProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { ...(0, import_runtime60.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_aria42.OverlayContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(AutoSaveStatusProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { ...(0, import_runtime60.trussProps)({
     position: "fixed",
     top: "tp_0",
     bottom: "bot_0",
@@ -17717,7 +17723,7 @@ function Modal(props) {
     zIndex: ["z_var", {
       "--zIndex": (0, import_runtime60.maybeCssVar)(zIndices.modalUnderlay)
     }]
-  }), ...underlayProps, ...testId.underlay, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_aria41.FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { ...(0, import_runtime60.trussProps)({
+  }), ...underlayProps, ...testId.underlay, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_aria42.FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { ...(0, import_runtime60.trussProps)({
     borderRadius: "br24",
     backgroundColor: "bgWhite",
     boxShadow: "bshModal",
@@ -18102,7 +18108,7 @@ function SuperDrawer() {
 
 // src/components/Layout/FormPageLayout.tsx
 var import_react99 = __toESM(require("react"), 1);
-var import_react_aria43 = require("react-aria");
+var import_react_aria44 = require("react-aria");
 
 // src/forms/BoundCheckboxField.tsx
 var import_mobx_react2 = require("mobx-react");
@@ -18357,7 +18363,7 @@ var import_mobx_react8 = require("mobx-react");
 
 // src/inputs/IconCardGroup.tsx
 var import_react91 = require("react");
-var import_react_aria42 = require("react-aria");
+var import_react_aria43 = require("react-aria");
 var import_runtime64 = require("@homebound/truss/runtime");
 var import_jsx_runtime105 = require("react/jsx-runtime");
 function IconCardGroup(props) {
@@ -18398,8 +18404,8 @@ function IconCardGroup(props) {
   const {
     labelProps,
     fieldProps: fieldPropsAria
-  } = (0, import_react_aria42.useField)(props);
-  const groupProps = (0, import_react_aria42.mergeProps)(tid, {
+  } = (0, import_react_aria43.useField)(props);
+  const groupProps = (0, import_react_aria43.mergeProps)(tid, {
     role: "group",
     "aria-disabled": isDisabled || void 0,
     ...fieldPropsAria
@@ -19790,13 +19796,13 @@ function SectionNavLink(props) {
   const {
     buttonProps,
     isPressed
-  } = (0, import_react_aria43.useButton)({
+  } = (0, import_react_aria44.useButton)({
     onPress: handleNavClick
   }, buttonRef);
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria43.useFocusRing)();
+  } = (0, import_react_aria44.useFocusRing)();
   const {
     hoverProps,
     isHovered
@@ -19938,7 +19944,7 @@ var import_react109 = __toESM(require("react"), 1);
 
 // src/components/ButtonMenu.tsx
 var import_react101 = require("react");
-var import_react_aria44 = require("react-aria");
+var import_react_aria45 = require("react-aria");
 var import_react_stately16 = require("react-stately");
 var import_jsx_runtime131 = require("react/jsx-runtime");
 function ButtonMenu(props) {
@@ -19950,7 +19956,7 @@ function ButtonMenu(props) {
   }
   const state = (0, import_react_stately16.useMenuTriggerState)({ isOpen: defaultOpen });
   const buttonRef = (0, import_react101.useRef)(null);
-  const { menuTriggerProps, menuProps } = (0, import_react_aria44.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
+  const { menuTriggerProps, menuProps } = (0, import_react_aria45.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
@@ -20769,7 +20775,7 @@ var _FilterDropdownMenu = (0, import_react105.memo)(FilterDropdownMenu);
 
 // src/components/Table/components/EditColumnsButton.tsx
 var import_react106 = require("react");
-var import_react_aria45 = require("react-aria");
+var import_react_aria46 = require("react-aria");
 var import_react_stately17 = require("react-stately");
 var import_runtime78 = require("@homebound/truss/runtime");
 var import_jsx_runtime146 = require("react/jsx-runtime");
@@ -20786,7 +20792,7 @@ function EditColumnsButton(props) {
   const buttonRef = (0, import_react106.useRef)(null);
   const {
     menuTriggerProps
-  } = (0, import_react_aria45.useMenuTrigger)({
+  } = (0, import_react_aria46.useMenuTrigger)({
     isDisabled: !!disabled
   }, state, buttonRef);
   const tid = useTestIds(props, "kanban");
@@ -21555,7 +21561,7 @@ function BeamProvider({ children, documentTitleConfig, ...presentationProps }) {
     };
   }, [modalBodyDiv, modalFooterDiv, modalHeaderDiv, sdHeaderDiv]);
   const beamTree = /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(PresentationProvider, { ...presentationProps, children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(RightPaneProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(AutoSaveStatusProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(SnackbarProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(ToastProvider, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(import_react_aria46.OverlayProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(import_react_aria47.OverlayProvider, { children: [
       children,
       modalRef.current && /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Modal, { ...modalRef.current })
     ] }),
@@ -21582,7 +21588,7 @@ function useBeamContext() {
 
 // src/components/ButtonDatePicker.tsx
 var import_react114 = require("react");
-var import_react_aria47 = require("react-aria");
+var import_react_aria48 = require("react-aria");
 var import_react_stately18 = require("react-stately");
 var import_jsx_runtime159 = require("react/jsx-runtime");
 function ButtonDatePicker(props) {
@@ -21592,7 +21598,7 @@ function ButtonDatePicker(props) {
   const {
     menuTriggerProps,
     menuProps: { autoFocus: _af, ...menuProps }
-  } = (0, import_react_aria47.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
+  } = (0, import_react_aria48.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
@@ -21612,7 +21618,7 @@ function ButtonDatePicker(props) {
 
 // src/components/ButtonGroup.tsx
 var import_react115 = require("react");
-var import_react_aria48 = require("react-aria");
+var import_react_aria49 = require("react-aria");
 var import_runtime84 = require("@homebound/truss/runtime");
 var import_jsx_runtime160 = (
   // Disable the button if the ButtonGroup is disabled or if the current button is disabled.
@@ -21663,15 +21669,15 @@ function GroupButton(props) {
   const {
     buttonProps,
     isPressed
-  } = (0, import_react_aria48.useButton)(ariaProps, ref);
+  } = (0, import_react_aria49.useButton)(ariaProps, ref);
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria48.useFocusRing)();
+  } = (0, import_react_aria49.useFocusRing)();
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria48.useHover)(ariaProps);
+  } = (0, import_react_aria49.useHover)(ariaProps);
   const tid = useTestIds(props);
   return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", { ...(0, import_runtime84.trussProps)(getButtonStyles2(isFirst, isLast)), children: maybeTooltip({
     title: resolveTooltip(disabled, tooltip),
@@ -21778,7 +21784,7 @@ var iconStyles2 = {
 
 // src/components/Card.tsx
 var import_react117 = require("react");
-var import_react_aria49 = require("react-aria");
+var import_react_aria50 = require("react-aria");
 
 // src/components/Tag.tsx
 var import_utils129 = require("@react-aria/utils");
@@ -21876,7 +21882,7 @@ function Card(props) {
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria49.useHover)({
+  } = (0, import_react_aria50.useHover)({
     isDisabled
   });
   const isList = type === "list";
@@ -22214,7 +22220,7 @@ var gridItemIdKey = "dndgrid-itemid";
 var gridCloneKey = "dndgrid-clone";
 
 // src/components/DnDGrid/DnDGridItemHandle.tsx
-var import_react_aria50 = require("react-aria");
+var import_react_aria51 = require("react-aria");
 var import_runtime89 = require("@homebound/truss/runtime");
 var import_jsx_runtime165 = require("react/jsx-runtime");
 function DnDGridItemHandle(props) {
@@ -22227,11 +22233,11 @@ function DnDGridItemHandle(props) {
   const {
     focusProps,
     isFocusVisible
-  } = (0, import_react_aria50.useFocusRing)();
+  } = (0, import_react_aria51.useFocusRing)();
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria50.useHover)({});
+  } = (0, import_react_aria51.useHover)({});
   const tid = useTestIds(props, "dragHandle");
   const iconButtonNormal = {
     height: "h_28px",
@@ -22264,7 +22270,7 @@ function DnDGridItemHandle(props) {
     ...isHovered && {
       backgroundColor: "bgGray200"
     }
-  }), ...(0, import_react_aria50.mergeProps)(dragHandleProps, focusProps, hoverProps), ...tid, children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(Icon, { icon, inc: compact ? 2 : void 0, color }) });
+  }), ...(0, import_react_aria51.mergeProps)(dragHandleProps, focusProps, hoverProps), ...tid, children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(Icon, { icon, inc: compact ? 2 : void 0, color }) });
 }
 
 // src/components/DnDGrid/useDnDGridItem.tsx
@@ -22504,7 +22510,7 @@ function ResponsiveGrid(props) {
 }
 
 // src/components/Grid/ResponsiveGridItem.tsx
-var import_react_aria51 = require("react-aria");
+var import_react_aria52 = require("react-aria");
 var import_runtime92 = require("@homebound/truss/runtime");
 var import_jsx_runtime168 = require("react/jsx-runtime");
 function ResponsiveGridItem(props) {
@@ -22518,7 +22524,7 @@ function ResponsiveGridItem(props) {
   } = useResponsiveGridItem({
     colSpan
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { ...(0, import_react_aria51.mergeProps)(gridItemProps, (0, import_runtime92.trussProps)(gridItemStyles)), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { ...(0, import_react_aria52.mergeProps)(gridItemProps, (0, import_runtime92.trussProps)(gridItemStyles)), children });
 }
 
 // src/components/Grid/useResponsiveGrid.ts
@@ -22746,7 +22752,7 @@ var import_react129 = require("react");
 
 // src/components/AppNav/AppNavGroupTrigger.tsx
 var import_react127 = require("react");
-var import_react_aria52 = require("react-aria");
+var import_react_aria53 = require("react-aria");
 var import_runtime96 = require("@homebound/truss/runtime");
 var import_jsx_runtime172 = require("react/jsx-runtime");
 function AppNavGroupTrigger(props) {
@@ -22761,25 +22767,25 @@ function AppNavGroupTrigger(props) {
   const {
     buttonProps,
     isPressed
-  } = (0, import_react_aria52.useButton)({
+  } = (0, import_react_aria53.useButton)({
     onPress: onClick,
     elementType: "button"
   }, ref);
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria52.useHover)({});
+  } = (0, import_react_aria53.useHover)({});
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria52.useFocusRing)();
+  } = (0, import_react_aria53.useFocusRing)();
   const {
     baseStyles: baseStyles5,
     focusRingStyles: focusRingStyles2,
     hoverStyles: hoverStyles4,
     pressedStyles: pressedStyles2
   } = (0, import_react127.useMemo)(() => getNavLinkStyles("side"), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("button", { type: "button", ...(0, import_react_aria52.mergeProps)(buttonProps, focusProps, hoverProps, tid.trigger, {
+  return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("button", { type: "button", ...(0, import_react_aria53.mergeProps)(buttonProps, focusProps, hoverProps, tid.trigger, {
     ref,
     "aria-expanded": expanded,
     "aria-controls": navGroupId,
@@ -23120,7 +23126,7 @@ function AppNavItems(props) {
 // src/components/Navbar/NavbarMobileMenu.tsx
 var import_framer_motion5 = require("framer-motion");
 var import_react131 = require("react");
-var import_react_aria53 = require("react-aria");
+var import_react_aria54 = require("react-aria");
 var import_react_dom6 = require("react-dom");
 var import_react_router_dom6 = require("react-router-dom");
 
@@ -23148,7 +23154,7 @@ function NavbarMobileMenu(props) {
     pathname,
     search
   } = (0, import_react_router_dom6.useLocation)();
-  (0, import_react_aria53.usePreventScroll)({
+  (0, import_react_aria54.usePreventScroll)({
     isDisabled: !isOpen
   });
   (0, import_react131.useEffect)(() => {
@@ -23189,7 +23195,7 @@ function NavbarMobileDrawer({
       ease: "linear",
       duration: 0.2
     }, onClick: onClose, ...tid.mobileMenuScrim }, "navbarMobileMenuScrim"),
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_react_aria53.FocusScope, { autoFocus: true, contain: true, restoreFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_framer_motion5.motion.aside, { role: "dialog", "aria-modal": "true", "aria-label": "Navigation", ...(0, import_runtime99.mergeProps)(void 0, overlayTopStyle, {
+    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_react_aria54.FocusScope, { autoFocus: true, contain: true, restoreFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_framer_motion5.motion.aside, { role: "dialog", "aria-modal": "true", "aria-label": "Navigation", ...(0, import_runtime99.mergeProps)(void 0, overlayTopStyle, {
       position: "fixed",
       bottom: "bottom0",
       left: "left0",
@@ -23314,7 +23320,7 @@ function NavbarUserMenu({
 // src/components/Tabs.tsx
 var import_change_case9 = require("change-case");
 var import_react132 = require("react");
-var import_react_aria54 = require("react-aria");
+var import_react_aria55 = require("react-aria");
 var import_react_router = require("react-router");
 var import_react_router_dom7 = require("react-router-dom");
 var import_runtime101 = require("@homebound/truss/runtime");
@@ -23372,7 +23378,7 @@ function Tabs(props) {
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria54.useFocusRing)();
+  } = (0, import_react_aria55.useFocusRing)();
   const tid = useTestIds(others, "tabs");
   const [active, setActive] = (0, import_react132.useState)(selected);
   const ref = (0, import_react132.useRef)(null);
@@ -23436,7 +23442,7 @@ function TabImpl(props) {
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria54.useHover)({
+  } = (0, import_react_aria55.useHover)({
     isDisabled
   });
   const {
@@ -23465,7 +23471,7 @@ function TabImpl(props) {
       ...isFocusVisible && active && focusRingStyles2
     })
   };
-  const interactiveProps = (0, import_react_aria54.mergeProps)(focusProps, hoverProps, {
+  const interactiveProps = (0, import_react_aria55.mergeProps)(focusProps, hoverProps, {
     onKeyUp,
     onBlur,
     ...isRouteTab(tab) ? {} : {
@@ -23480,7 +23486,7 @@ function TabImpl(props) {
     title: resolveTooltip(disabled),
     placement: "top",
     children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { ...tabProps, children: tabLabel })
-  }) : isRouteTab(tab) ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_react_router_dom7.Link, { ...(0, import_react_aria54.mergeProps)(tabProps, interactiveProps, {
+  }) : isRouteTab(tab) ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_react_router_dom7.Link, { ...(0, import_react_aria55.mergeProps)(tabProps, interactiveProps, {
     className: "navLink"
   }), to: tab.href, children: tabLabel }) : /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("button", { ...{
     ...tabProps,
@@ -23997,7 +24003,7 @@ var snackbarId = 1;
 
 // src/components/Stepper.tsx
 var import_react136 = require("react");
-var import_react_aria55 = require("react-aria");
+var import_react_aria56 = require("react-aria");
 var import_runtime105 = require("@homebound/truss/runtime");
 var import_jsx_runtime186 = require("react/jsx-runtime");
 var import_react137 = require("react");
@@ -24078,15 +24084,15 @@ function StepButton(props) {
   const {
     buttonProps,
     isPressed
-  } = (0, import_react_aria55.useButton)(ariaProps, ref);
+  } = (0, import_react_aria56.useButton)(ariaProps, ref);
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria55.useFocusRing)();
+  } = (0, import_react_aria56.useFocusRing)();
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria55.useHover)(ariaProps);
+  } = (0, import_react_aria56.useHover)(ariaProps);
   const focusRingStyles2 = state === "error" ? {
     boxShadow: "bshDanger"
   } : {