@homebound/beam 3.48.0 → 3.50.0

package/dist/index.cjs

@@ -119,6 +119,7 @@ __export(index_exports, {
   Icon: () => Icon,
   IconButton: () => IconButton,
   Icons: () => Icons,
+  JumpLink: () => JumpLink,
   KEPT_GROUP: () => KEPT_GROUP,
   Loader: () => Loader,
   LoadingSkeleton: () => LoadingSkeleton,
@@ -23361,26 +23362,126 @@ function HomeboundLogo(props) {
   }), children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("path", { d: "M158.1,97.6H0.2L0,39.7L76.8,0l68,38.7l-3.1,5.3l-65-37L6.2,43.4l0.2,48h151.7V97.6z" }) });
 }
 
-// src/components/MaxLines.tsx
-var import_utils149 = require("@react-aria/utils");
+// src/components/JumpLink.tsx
 var import_react131 = require("react");
+var import_react_aria59 = require("react-aria");
 var import_runtime103 = require("@homebound/truss/runtime");
 var import_jsx_runtime180 = require("react/jsx-runtime");
+function JumpLink(props) {
+  const {
+    label,
+    active,
+    href,
+    disabled,
+    __storyState,
+    ...otherProps
+  } = props;
+  const ref = (0, import_react131.useRef)(null);
+  const {
+    linkProps
+  } = (0, import_react_aria59.useLink)({
+    isDisabled: disabled,
+    onClick: handleClick,
+    href
+  }, ref);
+  const {
+    isFocusVisible: isFocusVisibleFromEvents,
+    focusProps
+  } = (0, import_react_aria59.useFocusRing)();
+  const {
+    hoverProps,
+    isHovered: isHoveredFromEvents
+  } = (0, import_react_aria59.useHover)({
+    isDisabled: disabled
+  });
+  const isHovered = __storyState?.hovered ?? isHoveredFromEvents;
+  const isFocusVisible = __storyState?.focusVisible ?? isFocusVisibleFromEvents;
+  const tid = useTestIds(otherProps, "jumpLink");
+  function handleClick(e) {
+    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0) return;
+    e.preventDefault();
+    const target = document.getElementById(href.replace(/^#/, ""));
+    if (target) {
+      window.scrollTo({
+        top: target.getBoundingClientRect().top + window.scrollY,
+        behavior: "smooth"
+      });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("a", { ref, ...(0, import_react_aria59.mergeProps)(linkProps, focusProps, hoverProps), ...tid, ...(0, import_runtime103.trussProps)({
+    ...jumpLinkStyles.baseStyles,
+    ...active && jumpLinkStyles.activeStyles,
+    ...isHovered && !disabled && jumpLinkStyles.hoverStyles,
+    ...isFocusVisible && jumpLinkStyles.focusStyles,
+    ...disabled && jumpLinkStyles.disabledStyles,
+    ...disabled && active && jumpLinkStyles.disabledActiveStyles
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_2", children: label }) });
+}
+var jumpLinkStyles = {
+  baseStyles: {
+    width: "w100",
+    fontWeight: "fw4",
+    fontSize: "fz_16px",
+    lineHeight: "lh_24px",
+    paddingLeft: "pl3",
+    paddingRight: "pr3",
+    paddingTop: "pt1",
+    paddingBottom: "pb1",
+    color: ["color_var", {
+      "--color": "var(--b-text-link-default)"
+    }],
+    borderLeftStyle: "bls_solid",
+    borderLeftWidth: "borderLeftWidth_3px",
+    borderColor: "bcTransparent"
+  },
+  activeStyles: {
+    fontWeight: "fw6",
+    fontSize: "fz_16px",
+    lineHeight: "lh_24px",
+    borderColor: "bcBlue600"
+  },
+  hoverStyles: {
+    backgroundColor: ["bgColor_var", {
+      "--backgroundColor": "var(--b-neutral-fill-hover-subtle)"
+    }],
+    color: ["color_var", {
+      "--color": "var(--b-text-link-hover)"
+    }]
+  },
+  focusStyles: {
+    boxShadow: "bshFocus"
+  },
+  disabledStyles: {
+    color: ["color_var", {
+      "--color": "var(--b-text-link-disabled)"
+    }],
+    cursor: "cursorNotAllowed"
+  },
+  disabledActiveStyles: {
+    borderColor: "bcBlue200"
+  }
+};
+
+// src/components/MaxLines.tsx
+var import_utils149 = require("@react-aria/utils");
+var import_react132 = require("react");
+var import_runtime104 = require("@homebound/truss/runtime");
+var import_jsx_runtime181 = require("react/jsx-runtime");
 function MaxLines({
   maxLines,
   children
 }) {
-  const elRef = (0, import_react131.useRef)(null);
-  const [hasMore, setHasMore] = (0, import_react131.useState)(false);
-  const [expanded, setExpanded] = (0, import_react131.useState)(false);
+  const elRef = (0, import_react132.useRef)(null);
+  const [hasMore, setHasMore] = (0, import_react132.useState)(false);
+  const [expanded, setExpanded] = (0, import_react132.useState)(false);
   (0, import_utils149.useLayoutEffect)(() => {
     if (!elRef.current) return;
     setHasMore(elRef.current.scrollHeight > elRef.current.clientHeight);
   }, []);
-  (0, import_react131.useEffect)(() => {
+  (0, import_react132.useEffect)(() => {
     setExpanded(false);
   }, [children]);
-  const onResize = (0, import_react131.useCallback)(() => {
+  const onResize = (0, import_react132.useCallback)(() => {
     if (!elRef.current) return;
     !expanded && setHasMore(elRef.current.scrollHeight > elRef.current.clientHeight);
   }, [expanded]);
@@ -23388,11 +23489,11 @@ function MaxLines({
     ref: elRef,
     onResize
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { ref: elRef, ...(0, import_runtime103.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { ref: elRef, ...(0, import_runtime104.trussProps)({
       ...!expanded ? {
         WebkitLineClamp: ["lineClamp_var", {
-          "--WebkitLineClamp": (0, import_runtime103.maybeCssVar)(maxLines)
+          "--WebkitLineClamp": (0, import_runtime104.maybeCssVar)(maxLines)
         }],
         overflow: "oh",
         display: "d_negwebkit_box",
@@ -23400,7 +23501,7 @@ function MaxLines({
         textOverflow: "to_ellipsis"
       } : {}
     }), children }),
-    hasMore && /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("button", { className: "db fw4 fz_14px lh_20px", onClick: () => setExpanded((prev) => !prev), children: expanded ? "Show Less" : "Show More" })
+    hasMore && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("button", { className: "db fw4 fz_14px lh_20px", onClick: () => setExpanded((prev) => !prev), children: expanded ? "Show Less" : "Show More" })
   ] });
 }
 
@@ -23410,13 +23511,13 @@ var import_change_case8 = require("change-case");
 // src/components/AppNav/AppNavGroup.tsx
 var import_utils151 = require("@react-aria/utils");
 var import_change_case7 = require("change-case");
-var import_react134 = require("react");
+var import_react135 = require("react");
 
 // src/components/AppNav/AppNavGroupTrigger.tsx
-var import_react132 = require("react");
-var import_react_aria59 = require("react-aria");
-var import_runtime104 = require("@homebound/truss/runtime");
-var import_jsx_runtime181 = require("react/jsx-runtime");
+var import_react133 = require("react");
+var import_react_aria60 = require("react-aria");
+var import_runtime105 = require("@homebound/truss/runtime");
+var import_jsx_runtime182 = require("react/jsx-runtime");
 function AppNavGroupTrigger(props) {
   const {
     label,
@@ -23426,33 +23527,33 @@ function AppNavGroupTrigger(props) {
     active = false
   } = props;
   const tid = useTestIds(props, "trigger");
-  const ref = (0, import_react132.useRef)(null);
+  const ref = (0, import_react133.useRef)(null);
   const {
     buttonProps,
     isPressed
-  } = (0, import_react_aria59.useButton)({
+  } = (0, import_react_aria60.useButton)({
     onPress: onClick,
     elementType: "button"
   }, ref);
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria59.useHover)({});
+  } = (0, import_react_aria60.useHover)({});
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria59.useFocusRing)();
+  } = (0, import_react_aria60.useFocusRing)();
   const {
     baseStyles: baseStyles4,
     focusRingStyles: focusRingStyles2,
     hoverStyles: hoverStyles4,
     pressedStyles: pressedStyles2
-  } = (0, import_react132.useMemo)(() => getNavLinkStyles("side"), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("button", { type: "button", ...(0, import_react_aria59.mergeProps)(buttonProps, focusProps, hoverProps, tid.trigger, {
+  } = (0, import_react133.useMemo)(() => getNavLinkStyles("side"), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("button", { type: "button", ...(0, import_react_aria60.mergeProps)(buttonProps, focusProps, hoverProps, tid.trigger, {
     ref,
     "aria-expanded": expanded,
     "aria-controls": navGroupId,
-    ...(0, import_runtime104.mergeProps)(navLink, void 0, {
+    ...(0, import_runtime105.mergeProps)(navLink, void 0, {
       ...baseStyles4,
       ...isFocusVisible && focusRingStyles2,
       ...isHovered && hoverStyles4,
@@ -23466,7 +23567,7 @@ function AppNavGroupTrigger(props) {
     })
   }), children: [
     label,
-    /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { ...(0, import_runtime104.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { ...(0, import_runtime105.trussProps)({
       ...{
         display: "df",
         alignItems: "aic",
@@ -23476,7 +23577,7 @@ function AppNavGroupTrigger(props) {
       ...props.expanded ? {
         transform: "transform_rotate_180deg"
       } : {}
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Icon, { icon: "chevronDown" }) })
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Icon, { icon: "chevronDown" }) })
   ] });
 }
 
@@ -23585,7 +23686,7 @@ function entryHasIcons(item) {
 }
 
 // src/components/AppNav/useAppNavGroupExpanded.ts
-var import_react133 = require("react");
+var import_react134 = require("react");
 var APP_NAV_EXPANDED_LINK_GROUPS_STORAGE_KEY = "beam.appNav.expandedLinkGroups";
 function loadStored() {
   try {
@@ -23604,13 +23705,13 @@ function persistLabel(label, expanded) {
 }
 function useAppNavGroupExpanded(linkGroup) {
   const { label } = linkGroup;
-  const [userExpanded, setUserExpanded] = (0, import_react133.useState)(() => {
+  const [userExpanded, setUserExpanded] = (0, import_react134.useState)(() => {
     const stored = loadStored();
     return label in stored ? stored[label] : null;
   });
   const hasActiveLink = appNavLinkGroupLinks(linkGroup).some((l) => l.active);
   const expanded = userExpanded !== null ? userExpanded : hasActiveLink ? true : linkGroup.defaultExpanded ?? false;
-  const onToggle = (0, import_react133.useCallback)(() => {
+  const onToggle = (0, import_react134.useCallback)(() => {
     const next = !expanded;
     setUserExpanded(next);
     persistLabel(label, next);
@@ -23619,8 +23720,8 @@ function useAppNavGroupExpanded(linkGroup) {
 }
 
 // src/components/AppNav/AppNavGroup.tsx
-var import_runtime105 = require("@homebound/truss/runtime");
-var import_jsx_runtime182 = require("react/jsx-runtime");
+var import_runtime106 = require("@homebound/truss/runtime");
+var import_jsx_runtime183 = require("react/jsx-runtime");
 var __maybeInc19 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -23631,9 +23732,9 @@ function AppNavGroupView(props) {
   } = props;
   const tid = useTestIds(props, "linkGroup");
   if (panelCollapsed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(import_jsx_runtime182.Fragment, { children: appNavLinkGroupLinks(linkGroup).map((link) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(NavLink, { variant: "side", ...link, iconOnly: !!link.icon, ...tid[`link_${(0, import_change_case7.camelCase)(link.label)}`] }, link.label)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(import_jsx_runtime183.Fragment, { children: appNavLinkGroupLinks(linkGroup).map((link) => /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(NavLink, { variant: "side", ...link, iconOnly: !!link.icon, ...tid[`link_${(0, import_change_case7.camelCase)(link.label)}`] }, link.label)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(AppNavGroupDisclosure, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(AppNavGroupDisclosure, { ...props });
 }
 function AppNavGroupDisclosure(props) {
   const {
@@ -23645,15 +23746,15 @@ function AppNavGroupDisclosure(props) {
   } = useAppNavGroupExpanded(linkGroup);
   const tid = useTestIds(props, "linkGroup");
   const navGroupId = `nav-group-${(0, import_change_case7.kebabCase)(linkGroup.label)}`;
-  const [contentEl, setContentEl] = (0, import_react134.useState)(null);
-  const contentRef = (0, import_react134.useMemo)(() => ({
+  const [contentEl, setContentEl] = (0, import_react135.useState)(null);
+  const contentRef = (0, import_react135.useMemo)(() => ({
     current: contentEl
   }), [contentEl]);
-  const [contentHeight, setContentHeight] = (0, import_react134.useState)(expanded ? "auto" : "0");
-  (0, import_react134.useEffect)(() => {
+  const [contentHeight, setContentHeight] = (0, import_react135.useState)(expanded ? "auto" : "0");
+  (0, import_react135.useEffect)(() => {
     setContentHeight(expanded && contentEl ? `${contentEl.scrollHeight}px` : "0");
   }, [expanded, contentEl]);
-  const onResize = (0, import_react134.useCallback)(() => {
+  const onResize = (0, import_react135.useCallback)(() => {
     if (contentEl && expanded) {
       setContentHeight(`${contentEl.scrollHeight}px`);
     }
@@ -23662,27 +23763,27 @@ function AppNavGroupDisclosure(props) {
     ref: contentRef,
     onResize
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "df fdc", ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(AppNavGroupTrigger, { label: linkGroup.label, navGroupId, expanded, active: linkGroupHasActiveLink(linkGroup), onClick: onToggle, ...tid }),
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { id: navGroupId, role: "region", "aria-hidden": !expanded, ...(0, import_runtime105.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: "df fdc", ...tid, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(AppNavGroupTrigger, { label: linkGroup.label, navGroupId, expanded, active: linkGroupHasActiveLink(linkGroup), onClick: onToggle, ...tid }),
+    /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { id: navGroupId, role: "region", "aria-hidden": !expanded, ...(0, import_runtime106.trussProps)({
       overflow: "oh",
       transition: "transitionHeight",
       height: ["h_var", {
-        "--height": (0, import_runtime105.maybeCssVar)(__maybeInc19(contentHeight))
+        "--height": (0, import_runtime106.maybeCssVar)(__maybeInc19(contentHeight))
       }]
     }), ...tid.panel, ...!expanded ? {
       inert: "true"
-    } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { ref: setContentEl, className: "df fdc", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(AppNavItems, { items: linkGroup.items, panelCollapsed: false, nested: true, ...tid }) }) })
+    } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { ref: setContentEl, className: "df fdc", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(AppNavItems, { items: linkGroup.items, panelCollapsed: false, nested: true, ...tid }) }) })
   ] });
 }
 
 // src/components/AppNav/AppNavGroupMenu.tsx
-var import_jsx_runtime183 = require("react/jsx-runtime");
+var import_jsx_runtime184 = require("react/jsx-runtime");
 function AppNavGroupMenu({
   linkGroup,
   ...tid
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     ButtonMenu,
     {
       trigger: {
@@ -23698,8 +23799,8 @@ function AppNavGroupMenu({
 }
 
 // src/components/AppNav/AppNavSectionView.tsx
-var import_runtime106 = require("@homebound/truss/runtime");
-var import_jsx_runtime184 = require("react/jsx-runtime");
+var import_runtime107 = require("@homebound/truss/runtime");
+var import_jsx_runtime185 = require("react/jsx-runtime");
 function AppNavSectionView(props) {
   const {
     section,
@@ -23725,7 +23826,7 @@ function AppNavSectionView(props) {
       "--borderColor": "var(--b-surface-separator)"
     }]
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { ...(0, import_runtime106.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { ...(0, import_runtime107.trussProps)({
     ...{
       display: "df",
       flexDirection: "fdc",
@@ -23733,7 +23834,7 @@ function AppNavSectionView(props) {
     },
     ...showDivider ? dividerStyles : {}
   }), ...tid, children: [
-    section.label && !panelCollapsed && variant !== "global" && /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("div", { ...(0, import_runtime106.trussProps)({
+    section.label && !panelCollapsed && variant !== "global" && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { ...(0, import_runtime107.trussProps)({
       fontWeight: "fw6",
       fontSize: "fz_10px",
       lineHeight: "lh_14px",
@@ -23746,18 +23847,18 @@ function AppNavSectionView(props) {
       paddingBottom: "pb1",
       textTransform: "ttu"
     }), ...tid.label, children: section.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(AppNavItems, { ...scopeProps, items: section.items, variant, panelCollapsed, nested })
+    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(AppNavItems, { ...scopeProps, items: section.items, variant, panelCollapsed, nested })
   ] });
 }
 
 // src/components/AppNav/AppNavItems.tsx
-var import_jsx_runtime185 = require("react/jsx-runtime");
+var import_jsx_runtime186 = require("react/jsx-runtime");
 function AppNavItems(props) {
   const { items, variant = "side", panelCollapsed = false, nested = false } = props;
   const tid = useTestIds(props, "appNav");
-  return /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(import_jsx_runtime185.Fragment, { children: items.map((item, idx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(import_jsx_runtime186.Fragment, { children: items.map((item, idx) => {
     if (isAppNavLink(item)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
         NavLink,
         {
           variant,
@@ -23770,7 +23871,7 @@ function AppNavItems(props) {
       );
     }
     if (isAppNavGroup(item)) {
-      return variant === "global" ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(AppNavGroupMenu, { linkGroup: item, ...tid.linkGroup }, appNavItemKey(item)) : /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+      return variant === "global" ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(AppNavGroupMenu, { linkGroup: item, ...tid.linkGroup }, appNavItemKey(item)) : /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
         AppNavGroupView,
         {
           linkGroup: item,
@@ -23781,7 +23882,7 @@ function AppNavItems(props) {
       );
     }
     if (isAppNavSection(item)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
         AppNavSectionView,
         {
           section: item,
@@ -23800,47 +23901,47 @@ function AppNavItems(props) {
 
 // src/components/Navbar/NavbarMobileMenu.tsx
 var import_framer_motion5 = require("framer-motion");
-var import_react136 = require("react");
-var import_react_aria60 = require("react-aria");
+var import_react137 = require("react");
+var import_react_aria61 = require("react-aria");
 var import_react_dom6 = require("react-dom");
 var import_react_router_dom7 = require("react-router-dom");
 
 // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayoutHeightContext.tsx
-var import_react135 = require("react");
-var import_jsx_runtime186 = require("react/jsx-runtime");
-var EnvironmentBannerLayoutHeightContext = (0, import_react135.createContext)(0);
+var import_react136 = require("react");
+var import_jsx_runtime187 = require("react/jsx-runtime");
+var EnvironmentBannerLayoutHeightContext = (0, import_react136.createContext)(0);
 function EnvironmentBannerLayoutHeightProvider({ value, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(EnvironmentBannerLayoutHeightContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(EnvironmentBannerLayoutHeightContext.Provider, { value, children });
 }
 function useEnvironmentBannerLayoutHeight() {
-  return (0, import_react135.useContext)(EnvironmentBannerLayoutHeightContext);
+  return (0, import_react136.useContext)(EnvironmentBannerLayoutHeightContext);
 }
 
 // src/components/Navbar/NavbarMobileMenu.tsx
-var import_runtime107 = require("@homebound/truss/runtime");
-var import_jsx_runtime187 = require("react/jsx-runtime");
+var import_runtime108 = require("@homebound/truss/runtime");
+var import_jsx_runtime188 = require("react/jsx-runtime");
 function NavbarMobileMenu(props) {
   const {
     items
   } = props;
   const tid = useTestIds(props, "navbar");
-  const [isOpen, setIsOpen] = (0, import_react136.useState)(false);
+  const [isOpen, setIsOpen] = (0, import_react137.useState)(false);
   const {
     pathname,
     search
   } = (0, import_react_router_dom7.useLocation)();
-  (0, import_react_aria60.usePreventScroll)({
+  (0, import_react_aria61.usePreventScroll)({
     isDisabled: !isOpen
   });
-  (0, import_react136.useEffect)(() => {
+  (0, import_react137.useEffect)(() => {
     setIsOpen(false);
   }, [pathname, search]);
   const close = () => setIsOpen(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(import_jsx_runtime187.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(IconButton, { icon: isOpen ? "menuClose" : "menu", color: "--b-on-surface-muted" /* OnSurfaceMuted */, label: isOpen ? "Close navigation" : "Open navigation", onClick: () => setIsOpen((open) => !open), ...tid.mobileMenu }),
+  return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(import_jsx_runtime188.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(IconButton, { icon: isOpen ? "menuClose" : "menu", color: "--b-on-surface-muted" /* OnSurfaceMuted */, label: isOpen ? "Close navigation" : "Open navigation", onClick: () => setIsOpen((open) => !open), ...tid.mobileMenu }),
     (0, import_react_dom6.createPortal)(
       /* AnimatePresence keeps the drawer mounted through its slide/fade-out before unmounting.*/
-      /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_framer_motion5.AnimatePresence, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(NavbarMobileDrawer, { items, onClose: close, tid }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_framer_motion5.AnimatePresence, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(NavbarMobileDrawer, { items, onClose: close, tid }) }),
       document.body
     )
   ] });
@@ -23854,14 +23955,14 @@ function NavbarMobileDrawer({
   const overlayTopStyle = {
     top: bannerHeightPx
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(import_jsx_runtime187.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_framer_motion5.motion.div, { ...(0, import_runtime107.mergeProps)(void 0, overlayTopStyle, {
+  return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(import_jsx_runtime188.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_framer_motion5.motion.div, { ...(0, import_runtime108.mergeProps)(void 0, overlayTopStyle, {
       position: "fixed",
       right: "right0",
       bottom: "bottom0",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime107.maybeCssVar)(zIndices.navbarMobileMenuScrim)
+        "--zIndex": (0, import_runtime108.maybeCssVar)(zIndices.navbarMobileMenuScrim)
       }],
       backgroundColor: "backgroundColor_rgba_36_36_36_0_2"
     }), initial: {
@@ -23874,7 +23975,7 @@ function NavbarMobileDrawer({
       ease: "linear",
       duration: 0.2
     }, onClick: onClose, ...tid.mobileMenuScrim }, "navbarMobileMenuScrim"),
-    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_react_aria60.FocusScope, { autoFocus: true, contain: true, restoreFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(import_framer_motion5.motion.aside, { role: "dialog", "aria-modal": "true", "aria-label": "Navigation", ...(0, import_runtime107.mergeProps)(void 0, overlayTopStyle, {
+    /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_react_aria61.FocusScope, { autoFocus: true, contain: true, restoreFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(import_framer_motion5.motion.aside, { role: "dialog", "aria-modal": "true", "aria-label": "Navigation", ...(0, import_runtime108.mergeProps)(void 0, overlayTopStyle, {
       position: "fixed",
       bottom: "bottom0",
       left: "left0",
@@ -23884,7 +23985,7 @@ function NavbarMobileDrawer({
       width: "w_260px",
       overflow: "oh",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime107.maybeCssVar)(zIndices.navbarMobileMenu)
+        "--zIndex": (0, import_runtime108.maybeCssVar)(zIndices.navbarMobileMenu)
       }],
       backgroundColor: ["bgColor_var", {
         "--backgroundColor": "var(--b-surface)"
@@ -23899,7 +24000,7 @@ function NavbarMobileDrawer({
       ease: "linear",
       duration: 0.2
     }, onClick: (e) => e.stopPropagation(), ...tid.mobileMenuDrawer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { ...(0, import_runtime107.trussProps)({
+      /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { ...(0, import_runtime108.trussProps)({
         display: "df",
         alignItems: "aic",
         justifyContent: "jcfe",
@@ -23913,8 +24014,8 @@ function NavbarMobileDrawer({
         borderColor: ["bc_var", {
           "--borderColor": "var(--b-surface-separator)"
         }]
-      }), children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(IconButton, { icon: "x", color: "--b-on-surface-muted" /* OnSurfaceMuted */, label: "Close navigation", onClick: onClose, ...tid.mobileMenuClose }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+      }), children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(IconButton, { icon: "x", color: "--b-on-surface-muted" /* OnSurfaceMuted */, label: "Close navigation", onClick: onClose, ...tid.mobileMenuClose }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
         "nav",
         {
           className: "fg1 oya pl3 pr3 pb3 pt2 df fdc gap_4px",
@@ -23924,7 +24025,7 @@ function NavbarMobileDrawer({
             }
           },
           ...tid.mobileMenuPanel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(AppNavItems, { items, panelCollapsed: false, ...tid })
+          children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(AppNavItems, { items, panelCollapsed: false, ...tid })
         }
       )
     ] }, "navbarMobileMenuDrawer") })
@@ -23932,8 +24033,8 @@ function NavbarMobileDrawer({
 }
 
 // src/components/Navbar/Navbar.tsx
-var import_runtime108 = require("@homebound/truss/runtime");
-var import_jsx_runtime188 = require("react/jsx-runtime");
+var import_runtime109 = require("@homebound/truss/runtime");
+var import_jsx_runtime189 = require("react/jsx-runtime");
 function Navbar(props) {
   const {
     brand,
@@ -23952,7 +24053,7 @@ function Navbar(props) {
     overflows
   } = useContentOverflow(!sm);
   const showMobile = sm || overflows;
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(ContrastScope, { children: /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("nav", { ...(0, import_runtime108.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(ContrastScope, { children: /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("nav", { ...(0, import_runtime109.trussProps)({
     backgroundColor: ["bgColor_var", {
       "--backgroundColor": "var(--b-surface-raised)"
     }],
@@ -23971,10 +24072,10 @@ function Navbar(props) {
       paddingRight: "pr5"
     } : {}
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { className: "df aic gap3 fg1 mw0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { className: "df aic fs0 gap2", children: [
-        showMobile && /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(NavbarMobileMenu, { items, ...tid }),
-        /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { ...(0, import_runtime108.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: "df aic gap3 fg1 mw0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: "df aic fs0 gap2", children: [
+        showMobile && /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(NavbarMobileMenu, { items, ...tid }),
+        /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { ...(0, import_runtime109.trussProps)({
           flexShrink: "fs0",
           ...hideBrandOnMobile && showMobile ? {
             display: "dn"
@@ -23983,7 +24084,7 @@ function Navbar(props) {
       ] }),
       !sm && // Stays mounted while overflowing (hidden) so the items remain measurable and the bar
       // can expand again as space frees up.
-      /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { ref: containerRef, ...(0, import_runtime108.trussProps)({
+      /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { ref: containerRef, ...(0, import_runtime109.trussProps)({
         display: "df",
         alignItems: "aic",
         flexGrow: "fg1",
@@ -23992,11 +24093,11 @@ function Navbar(props) {
         ...overflows ? {
           visibility: "visibility_hidden"
         } : {}
-      }), ...tid.items, children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { ref: contentRef, className: "df aic gap2 width_max_content", children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(AppNavItems, { variant: "global", items, ...tid }) }) })
+      }), ...tid.items, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { ref: contentRef, className: "df aic gap2 width_max_content", children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(AppNavItems, { variant: "global", items, ...tid }) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { className: "df aic gap1", children: [
-      rightSlot && /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { className: "df aic gap1", ...tid.rightSlot, children: rightSlot }),
-      user && /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(NavbarUserMenu, { user, ...tid.userMenu })
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: "df aic gap1", children: [
+      rightSlot && /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: "df aic gap1", ...tid.rightSlot, children: rightSlot }),
+      user && /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(NavbarUserMenu, { user, ...tid.userMenu })
     ] })
   ] }) });
 }
@@ -24004,7 +24105,7 @@ function NavbarUserMenu({
   user,
   ...tid
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { className: "df aic fs0 ml1", children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(ButtonMenu, { items: user.menuItems, persistentItems: user.persistentItems, trigger: {
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: "df aic fs0 ml1", children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(ButtonMenu, { items: user.menuItems, persistentItems: user.persistentItems, trigger: {
     src: user.picture,
     name: user.name,
     size: "sm",
@@ -24014,19 +24115,19 @@ function NavbarUserMenu({
 
 // src/components/Tabs.tsx
 var import_change_case9 = require("change-case");
-var import_react137 = require("react");
-var import_react_aria61 = require("react-aria");
+var import_react138 = require("react");
+var import_react_aria62 = require("react-aria");
 var import_react_router = require("react-router");
 var import_react_router_dom8 = require("react-router-dom");
-var import_runtime109 = require("@homebound/truss/runtime");
-var import_jsx_runtime189 = require("react/jsx-runtime");
+var import_runtime110 = require("@homebound/truss/runtime");
+var import_jsx_runtime190 = require("react/jsx-runtime");
 function TabsWithContent(props) {
   const styles = hideTabs(props) ? {} : {
     paddingTop: "pt3"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(import_jsx_runtime189.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(Tabs, { ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(TabContent, { ...props, contentXss: {
+  return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(import_jsx_runtime190.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(Tabs, { ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(TabContent, { ...props, contentXss: {
       ...styles,
       ...props.contentXss
     } })
@@ -24051,7 +24152,7 @@ function TabContent(props) {
   return (
     // Using FullBleed to allow the tab's bgColor to extend to the edges of the <ScrollableContent /> element.
     // Omit the padding from `FullBleed` if the caller passes in the `paddingLeft/Right` styles.
-    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...(0, import_runtime109.trussProps)(contentXss), children: selectedTab.render() }) })
+    /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...(0, import_runtime110.trussProps)(contentXss), children: selectedTab.render() }) })
   );
 }
 function Tabs(props) {
@@ -24073,11 +24174,11 @@ function Tabs(props) {
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria61.useFocusRing)();
+  } = (0, import_react_aria62.useFocusRing)();
   const tid = useTestIds(others, "tabs");
-  const [active, setActive] = (0, import_react137.useState)(selected);
-  const ref = (0, import_react137.useRef)(null);
-  (0, import_react137.useEffect)(() => setActive(selected), [selected]);
+  const [active, setActive] = (0, import_react138.useState)(selected);
+  const ref = (0, import_react138.useRef)(null);
+  (0, import_react138.useEffect)(() => setActive(selected), [selected]);
   function onKeyUp(e) {
     if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
       const nextTabValue = getNextTabValue(active, e.key, tabs);
@@ -24093,7 +24194,7 @@ function Tabs(props) {
       setActive(selected);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { ...(0, import_runtime109.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { ...(0, import_runtime110.trussProps)({
     ...{
       display: "df",
       alignItems: "aic",
@@ -24109,11 +24210,11 @@ function Tabs(props) {
       }
     } : {}
   }), children: [
-    !hideTabs(props) && /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { ref, className: "dif gap1 asfe", "aria-label": ariaLabel, role: "tablist", ...tid, children: tabs.map((tab) => {
+    !hideTabs(props) && /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { ref, className: "dif gap1 asfe", "aria-label": ariaLabel, role: "tablist", ...tid, children: tabs.map((tab) => {
       const uniqueValue = uniqueTabValue(tab);
-      return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(TabImpl, { active: active === uniqueValue, focusProps, isFocusVisible, onClick, onKeyUp, onBlur, tab, ...tid[defaultTestId(uniqueValue)] }, uniqueValue);
+      return /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(TabImpl, { active: active === uniqueValue, focusProps, isFocusVisible, onClick, onKeyUp, onBlur, tab, ...tid[defaultTestId(uniqueValue)] }, uniqueValue);
     }) }),
-    right && /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: "mla df aic gap1 pb1", children: right })
+    right && /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { className: "mla df aic gap1 pb1", children: right })
   ] });
 }
 function TabImpl(props) {
@@ -24137,7 +24238,7 @@ function TabImpl(props) {
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria61.useHover)({
+  } = (0, import_react_aria62.useHover)({
     isDisabled
   });
   const {
@@ -24147,7 +24248,7 @@ function TabImpl(props) {
     hoverStyles: hoverStyles4,
     disabledStyles: disabledStyles3,
     activeHoverStyles
-  } = (0, import_react137.useMemo)(() => getTabStyles(), []);
+  } = (0, import_react138.useMemo)(() => getTabStyles(), []);
   const uniqueValue = uniqueTabValue(tab);
   const tabProps = {
     "aria-controls": `${uniqueValue}-tabPanel`,
@@ -24157,7 +24258,7 @@ function TabImpl(props) {
     role: "tab",
     tabIndex: active ? 0 : -1,
     ...others,
-    ...(0, import_runtime109.trussProps)({
+    ...(0, import_runtime110.trussProps)({
       ...baseStyles4,
       ...active && activeStyles3,
       ...isDisabled && disabledStyles3,
@@ -24166,24 +24267,24 @@ function TabImpl(props) {
       ...isFocusVisible && active && focusRingStyles2
     })
   };
-  const interactiveProps = (0, import_react_aria61.mergeProps)(focusProps, hoverProps, {
+  const interactiveProps = (0, import_react_aria62.mergeProps)(focusProps, hoverProps, {
     onKeyUp,
     onBlur,
     ...isRouteTab(tab) ? {} : {
       onClick: () => onClick(tab.value)
     }
   });
-  const tabLabel = /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(import_jsx_runtime189.Fragment, { children: [
+  const tabLabel = /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(import_jsx_runtime190.Fragment, { children: [
     label,
-    (icon || endAdornment) && /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { className: "ml1", children: icon ? /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(Icon, { icon }) : endAdornment })
+    (icon || endAdornment) && /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { className: "ml1", children: icon ? /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(Icon, { icon }) : endAdornment })
   ] });
   return isDisabled ? maybeTooltip({
     title: resolveTooltip(disabled),
     placement: "top",
-    children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { ...tabProps, children: tabLabel })
-  }) : isRouteTab(tab) ? /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(import_react_router_dom8.Link, { ...(0, import_react_aria61.mergeProps)(tabProps, interactiveProps, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { ...tabProps, children: tabLabel })
+  }) : isRouteTab(tab) ? /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(import_react_router_dom8.Link, { ...(0, import_react_aria62.mergeProps)(tabProps, interactiveProps, {
     className: "navLink"
-  }), to: tab.href, children: tabLabel }) : /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("button", { ...{
+  }), to: tab.href, children: tabLabel }) : /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("button", { ...{
     ...tabProps,
     ...interactiveProps
   }, children: tabLabel });
@@ -24194,7 +24295,7 @@ function getTabStyles() {
   const borderBottomStyles = {
     borderBottomStyle: "bbs_solid",
     borderBottomWidth: ["borderBottomWidth_var", {
-      "--borderBottomWidth": (0, import_runtime109.maybeCssVar)(`${borderBottomWidthPx}px`)
+      "--borderBottomWidth": (0, import_runtime110.maybeCssVar)(`${borderBottomWidthPx}px`)
     }],
     paddingBottom: ["pb_var", {
       "--paddingBottom": `${verticalPaddingPx - borderBottomWidthPx}px`
@@ -24278,8 +24379,8 @@ function hideTabs(props) {
 }
 
 // src/components/PageHeader.tsx
-var import_runtime110 = require("@homebound/truss/runtime");
-var import_jsx_runtime190 = require("react/jsx-runtime");
+var import_runtime111 = require("@homebound/truss/runtime");
+var import_jsx_runtime191 = require("react/jsx-runtime");
 function PageHeader2(props) {
   const {
     title,
@@ -24291,7 +24392,7 @@ function PageHeader2(props) {
   } = props;
   const tid = useTestIds(otherProps, "pageHeader");
   useDocumentTitle(title, documentTitleSuffix);
-  return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("header", { ...tid, ...(0, import_runtime110.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("header", { ...tid, ...(0, import_runtime111.trussProps)({
     display: "df",
     flexDirection: "fdc",
     paddingTop: "pt3",
@@ -24307,7 +24408,7 @@ function PageHeader2(props) {
       "--backgroundColor": "var(--b-surface)"
     }]
   }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { ...(0, import_runtime110.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { ...(0, import_runtime111.trussProps)({
       ...{
         display: "df",
         justifyContent: "jcsb",
@@ -24320,18 +24421,18 @@ function PageHeader2(props) {
         } : {}
       }
     }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: "mw0", children: [
-        breadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(Breadcrumbs, { ...breadcrumbs }),
-        /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("h1", { ...tid.title, className: "fw6 fz_20px lh_28px", children: title })
+      /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "mw0", children: [
+        breadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Breadcrumbs, { ...breadcrumbs }),
+        /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("h1", { ...tid.title, className: "fw6 fz_20px lh_28px", children: title })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { className: "fs0", children: rightSlot })
+      /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: "fs0", children: rightSlot })
     ] }),
-    tabs && /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(Tabs, { ...tabs })
+    tabs && /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Tabs, { ...tabs })
   ] });
 }
 
 // src/components/Pagination.tsx
-var import_jsx_runtime191 = require("react/jsx-runtime");
+var import_jsx_runtime192 = require("react/jsx-runtime");
 var defaultPage = {
   offset: 0,
   limit: 100
@@ -24363,25 +24464,25 @@ function Pagination(props) {
     }
   }
   const tid = useTestIds(props, "pagination");
-  return /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "df bcGray200 bts_solid btw_1px fw4 fz_12px lh_16px gray500 pl2 pr2 pt2", ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: "df mta mba mr2", ...tid.pageSizeLabel, children: "Page size:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: "w_78px", children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(SelectField, { compact: true, label: "Page Size", labelStyle: "hidden", options: pageOptions, value: pageSize, onSelect: (val) => set({
+  return /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "df bcGray200 bts_solid btw_1px fw4 fz_12px lh_16px gray500 pl2 pr2 pt2", ...tid, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("div", { className: "df mta mba mr2", ...tid.pageSizeLabel, children: "Page size:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("div", { className: "w_78px", children: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(SelectField, { compact: true, label: "Page Size", labelStyle: "hidden", options: pageOptions, value: pageSize, onSelect: (val) => set({
       pageNumber: 1,
       pageSize: val
     }), autoSort: false, ...tid.pageSize }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "mla mta mba df", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "df mta mba mr2", ...tid.pageInfoLabel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "mla mta mba df", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "df mta mba mr2", ...tid.pageInfoLabel, children: [
         first,
         " ",
         showLast ? `- ${last}` : "",
         " of ",
         totalCount
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(IconButton, { icon: "chevronLeft", color: hasPrevPage ? "rgba(29, 78, 216, 1)" /* Blue700 */ : "rgba(236, 235, 235, 1)" /* Gray200 */, onClick: () => set({
+      /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(IconButton, { icon: "chevronLeft", color: hasPrevPage ? "rgba(29, 78, 216, 1)" /* Blue700 */ : "rgba(236, 235, 235, 1)" /* Gray200 */, onClick: () => set({
         pageNumber: pageNumber - 1,
         pageSize
       }), disabled: !hasPrevPage, ...tid.previousIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(IconButton, { icon: "chevronRight", color: hasNextPage ? "rgba(29, 78, 216, 1)" /* Blue700 */ : "rgba(236, 235, 235, 1)" /* Gray200 */, onClick: () => set({
+      /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(IconButton, { icon: "chevronRight", color: hasNextPage ? "rgba(29, 78, 216, 1)" /* Blue700 */ : "rgba(236, 235, 235, 1)" /* Gray200 */, onClick: () => set({
         pageNumber: pageNumber + 1,
         pageSize
       }), disabled: !hasNextPage, ...tid.nextIcon })
@@ -24404,9 +24505,9 @@ function toPageNumberSize(page) {
 
 // src/components/ScrollShadows.tsx
 var import_utils160 = require("@react-aria/utils");
-var import_react138 = require("react");
-var import_runtime111 = require("@homebound/truss/runtime");
-var import_jsx_runtime192 = require("react/jsx-runtime");
+var import_react139 = require("react");
+var import_runtime112 = require("@homebound/truss/runtime");
+var import_jsx_runtime193 = require("react/jsx-runtime");
 function ScrollShadows(props) {
   const {
     children,
@@ -24422,15 +24523,15 @@ function ScrollShadows(props) {
   if (!bgColor.includes("rgba")) {
     throw new Error("ScrollShadows: bgColor prop must be in the format 'rgba(255, 255, 255, 1)'");
   }
-  const [showStartShadow, setShowStartShadow] = (0, import_react138.useState)(false);
-  const [showEndShadow, setShowEndShadow] = (0, import_react138.useState)(false);
-  const scrollRef = (0, import_react138.useRef)(null);
-  const [startShadowStyles, endShadowStyles] = (0, import_react138.useMemo)(() => {
+  const [showStartShadow, setShowStartShadow] = (0, import_react139.useState)(false);
+  const [showEndShadow, setShowEndShadow] = (0, import_react139.useState)(false);
+  const scrollRef = (0, import_react139.useRef)(null);
+  const [startShadowStyles, endShadowStyles] = (0, import_react139.useMemo)(() => {
     const transparentBgColor = bgColor.replace(/,1\)$/, ",0)");
     const commonStyles = {
       position: "absolute",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime111.maybeCssVar)(zIndices.scrollShadow)
+        "--zIndex": (0, import_runtime112.maybeCssVar)(zIndices.scrollShadow)
       }],
       pointerEvents: "pointerEvents_none"
     };
@@ -24463,7 +24564,7 @@ function ScrollShadows(props) {
       ...startShadowStyles2,
       ...{
         background: ["background_var", {
-          "--background": (0, import_runtime111.maybeCssVar)(startGradient)
+          "--background": (0, import_runtime112.maybeCssVar)(startGradient)
         }]
       }
     }, {
@@ -24471,12 +24572,12 @@ function ScrollShadows(props) {
       ...endShadowStyles2,
       ...{
         background: ["background_var", {
-          "--background": (0, import_runtime111.maybeCssVar)(endGradient)
+          "--background": (0, import_runtime112.maybeCssVar)(endGradient)
         }]
       }
     }];
   }, [horizontal, bgColor]);
-  const updateScrollProps = (0, import_react138.useCallback)((el) => {
+  const updateScrollProps = (0, import_react139.useCallback)((el) => {
     const {
       scrollTop,
       scrollHeight,
@@ -24491,15 +24592,15 @@ function ScrollShadows(props) {
     setShowStartShadow(start > 0);
     setShowEndShadow(start + boxSize < end);
   }, [horizontal]);
-  const onResize = (0, import_react138.useCallback)(() => scrollRef.current && updateScrollProps(scrollRef.current), [updateScrollProps]);
+  const onResize = (0, import_react139.useCallback)(() => scrollRef.current && updateScrollProps(scrollRef.current), [updateScrollProps]);
   (0, import_utils160.useResizeObserver)({
     ref: scrollRef,
     onResize
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { ...(0, import_runtime111.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)("div", { ...(0, import_runtime112.trussProps)({
     display: "df",
     flexDirection: ["fd_var", {
-      "--flexDirection": (0, import_runtime111.maybeCssVar)(!horizontal ? "column" : "row")
+      "--flexDirection": (0, import_runtime112.maybeCssVar)(!horizontal ? "column" : "row")
     }],
     position: "relative",
     overflow: "oh",
@@ -24512,23 +24613,23 @@ function ScrollShadows(props) {
       width: width2
     }
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("div", { ...(0, import_runtime111.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("div", { ...(0, import_runtime112.trussProps)({
       ...startShadowStyles,
       ...{
         opacity: ["o_var", {
-          "--opacity": (0, import_runtime111.maybeCssVar)(showStartShadow ? 1 : 0)
+          "--opacity": (0, import_runtime112.maybeCssVar)(showStartShadow ? 1 : 0)
         }]
       }
     }), "data-chromatic": "ignore" }),
-    /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("div", { ...(0, import_runtime111.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("div", { ...(0, import_runtime112.trussProps)({
       ...endShadowStyles,
       ...{
         opacity: ["o_var", {
-          "--opacity": (0, import_runtime111.maybeCssVar)(showEndShadow ? 1 : 0)
+          "--opacity": (0, import_runtime112.maybeCssVar)(showEndShadow ? 1 : 0)
         }]
       }
     }), "data-chromatic": "ignore" }),
-    /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("div", { ...(0, import_runtime111.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("div", { ...(0, import_runtime112.trussProps)({
       ...xss,
       ...{
         overflow: "oa",
@@ -24540,8 +24641,8 @@ function ScrollShadows(props) {
 }
 
 // src/layouts/SideNavLayout/SideNavLayoutContext.tsx
-var import_react139 = require("react");
-var import_jsx_runtime193 = require("react/jsx-runtime");
+var import_react140 = require("react");
+var import_jsx_runtime194 = require("react/jsx-runtime");
 var SIDE_NAV_LAYOUT_STATE_STORAGE_KEY = "beam.sideNavLayout.navState";
 function loadStoredNavState() {
   try {
@@ -24563,20 +24664,20 @@ function resolveInitialNavState(defaultNavState) {
   }
   return loadStoredNavState() ?? defaultNavState ?? "expanded";
 }
-var SideNavLayoutContext = (0, import_react139.createContext)(void 0);
+var SideNavLayoutContext = (0, import_react140.createContext)(void 0);
 function SideNavLayoutProvider(props) {
-  const [navState, setNavStateInternal] = (0, import_react139.useState)(
+  const [navState, setNavStateInternal] = (0, import_react140.useState)(
     () => resolveInitialNavState(props.defaultNavState)
   );
   const bp = useBreakpoint();
-  const prevMdAndUp = (0, import_react139.useRef)(bp.mdAndUp);
-  (0, import_react139.useEffect)(() => {
+  const prevMdAndUp = (0, import_react140.useRef)(bp.mdAndUp);
+  (0, import_react140.useEffect)(() => {
     if (prevMdAndUp.current && !bp.mdAndUp) {
       setNavStateInternal((prev) => prev === "expanded" ? "collapse" : prev);
     }
     prevMdAndUp.current = bp.mdAndUp;
   }, [bp.mdAndUp]);
-  const setNavState = (0, import_react139.useCallback)((value2) => {
+  const setNavState = (0, import_react140.useCallback)((value2) => {
     setNavStateInternal((prev) => {
       const next = typeof value2 === "function" ? value2(prev) : value2;
       if (next === "expanded" || next === "collapse") {
@@ -24588,20 +24689,20 @@ function SideNavLayoutProvider(props) {
       return next;
     });
   }, []);
-  const value = (0, import_react139.useMemo)(() => ({ navState, setNavState }), [navState, setNavState]);
-  return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(SideNavLayoutContext.Provider, { value, children: props.children });
+  const value = (0, import_react140.useMemo)(() => ({ navState, setNavState }), [navState, setNavState]);
+  return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(SideNavLayoutContext.Provider, { value, children: props.children });
 }
 function useSideNavLayoutContext() {
-  return (0, import_react139.useContext)(SideNavLayoutContext) ?? { navState: "expanded", setNavState: () => {
+  return (0, import_react140.useContext)(SideNavLayoutContext) ?? { navState: "expanded", setNavState: () => {
   } };
 }
 function useHasSideNavLayoutProvider() {
-  return (0, import_react139.useContext)(SideNavLayoutContext) !== void 0;
+  return (0, import_react140.useContext)(SideNavLayoutContext) !== void 0;
 }
 
 // src/components/SideNav/SideNav.tsx
-var import_runtime112 = require("@homebound/truss/runtime");
-var import_jsx_runtime194 = require("react/jsx-runtime");
+var import_runtime113 = require("@homebound/truss/runtime");
+var import_jsx_runtime195 = require("react/jsx-runtime");
 function SideNav(props) {
   const {
     top,
@@ -24614,8 +24715,8 @@ function SideNav(props) {
   const tid = useTestIds(props, "sideNav");
   const panelCollapsed = navState === "collapse";
   const hideOnCollapse = panelCollapsed && !allItemsHaveIcons(items);
-  return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("nav", { className: "df fdc h100 fs0", ...tid, children: [
-    top !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { ...(0, import_runtime112.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("nav", { className: "df fdc h100 fs0", ...tid, children: [
+    top !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { ...(0, import_runtime113.trussProps)({
       flexShrink: "fs0",
       paddingLeft: "pl2",
       paddingRight: "pr2",
@@ -24626,7 +24727,7 @@ function SideNav(props) {
         paddingBottom: "pb4"
       } : {}
     }), ...tid.top, children: top }),
-    /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { ...(0, import_runtime112.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { ...(0, import_runtime113.trussProps)({
       flexGrow: "fg1",
       overflowY: "oya",
       display: "df",
@@ -24638,8 +24739,8 @@ function SideNav(props) {
       ...top === void 0 ? {
         paddingTop: "pt5"
       } : {}
-    }), ...tid.items, children: !hideOnCollapse && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(AppNavItems, { items, panelCollapsed }) }),
-    footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { ...(0, import_runtime112.trussProps)({
+    }), ...tid.items, children: !hideOnCollapse && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(AppNavItems, { items, panelCollapsed }) }),
+    footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { ...(0, import_runtime113.trussProps)({
       flexShrink: "fs0",
       paddingLeft: "pl2",
       paddingRight: "pr2",
@@ -24655,10 +24756,10 @@ function SideNav(props) {
 }
 
 // src/components/Snackbar/useSnackbar.tsx
-var import_react140 = require("react");
+var import_react141 = require("react");
 function useSnackbar() {
   const { setNotices, setOffset } = useSnackbarContext();
-  const onClose = (0, import_react140.useCallback)(
+  const onClose = (0, import_react141.useCallback)(
     (noticeId) => {
       setNotices((prev) => {
         let returnValue = prev;
@@ -24675,7 +24776,7 @@ function useSnackbar() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const triggerNotice = (0, import_react140.useCallback)(
+  const triggerNotice = (0, import_react141.useCallback)(
     (props) => {
       const noticeId = props.id ?? `beamSnackbar:${snackbarId++}`;
       let maybeTimeout;
@@ -24704,8 +24805,8 @@ function useSnackbar() {
     },
     [onClose, setNotices]
   );
-  const closeNotice = (0, import_react140.useCallback)((id) => onClose(id), [onClose]);
-  const useSnackbarOffset = ({ bottom }) => (0, import_react140.useEffect)(() => {
+  const closeNotice = (0, import_react141.useCallback)((id) => onClose(id), [onClose]);
+  const useSnackbarOffset = ({ bottom }) => (0, import_react141.useEffect)(() => {
     setOffset({ bottom });
     return () => setOffset({});
   }, [bottom]);
@@ -24714,11 +24815,11 @@ function useSnackbar() {
 var snackbarId = 1;
 
 // src/components/Stepper.tsx
-var import_react141 = require("react");
-var import_react_aria62 = require("react-aria");
-var import_runtime113 = require("@homebound/truss/runtime");
-var import_jsx_runtime195 = require("react/jsx-runtime");
 var import_react142 = require("react");
+var import_react_aria63 = require("react-aria");
+var import_runtime114 = require("@homebound/truss/runtime");
+var import_jsx_runtime196 = require("react/jsx-runtime");
+var import_react143 = require("react");
 var __maybeInc20 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -24736,8 +24837,8 @@ function Stepper(props) {
   const maxStepWidth = 200;
   const minStepWidth = 100;
   const gap = 8;
-  return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("nav", { "aria-label": "steps", className: "df fdc w100", ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("ol", { ...(0, import_runtime113.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)("nav", { "aria-label": "steps", className: "df fdc w100", ...tid, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("ol", { ...(0, import_runtime114.trussProps)({
       padding: "p_0",
       margin: "m_0",
       listStyle: "lis_none",
@@ -24747,7 +24848,7 @@ function Stepper(props) {
       }]
     }), children: steps.map((step) => {
       const isCurrent = currentStep === step.value;
-      return /* @__PURE__ */ (0, import_react142.createElement)("li", { ...(0, import_runtime113.trussProps)({
+      return /* @__PURE__ */ (0, import_react143.createElement)("li", { ...(0, import_runtime114.trussProps)({
         display: "df",
         flexGrow: "fg1",
         flexDirection: "fdc",
@@ -24757,9 +24858,9 @@ function Stepper(props) {
         minWidth: ["mw_var", {
           "--minWidth": `${minStepWidth}px`
         }]
-      }), key: step.label, "aria-current": isCurrent, ...tid.step }, /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(StepButton, { ...step, onClick: () => onChange(step.value), isCurrent, ...tid.stepButton }));
+      }), key: step.label, "aria-current": isCurrent, ...tid.step }, /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(StepButton, { ...step, onClick: () => onChange(step.value), isCurrent, ...tid.stepButton }));
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { ...(0, import_runtime113.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("div", { ...(0, import_runtime114.trussProps)({
       marginTop: "mt1",
       backgroundColor: "bgGray300",
       height: "h_4px",
@@ -24770,12 +24871,12 @@ function Stepper(props) {
         "--minWidth": `${steps.length * minStepWidth + (steps.length - 1) * gap}px`
       }],
       width: "w100"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { ...(0, import_runtime113.trussProps)({
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("div", { ...(0, import_runtime114.trussProps)({
       backgroundColor: "bgBlue600",
       transition: "transition_width_200ms",
       height: "h100",
       width: ["w_var", {
-        "--width": (0, import_runtime113.maybeCssVar)(__maybeInc20(`${(lastCompletedStep + 1) / steps.length * 100}%`))
+        "--width": (0, import_runtime114.maybeCssVar)(__maybeInc20(`${(lastCompletedStep + 1) / steps.length * 100}%`))
       }]
     }) }) })
   ] });
@@ -24792,26 +24893,26 @@ function StepButton(props) {
     onPress: onClick,
     isDisabled: disabled
   };
-  const ref = (0, import_react141.useRef)(null);
+  const ref = (0, import_react142.useRef)(null);
   const {
     buttonProps,
     isPressed
-  } = (0, import_react_aria62.useButton)(ariaProps, ref);
+  } = (0, import_react_aria63.useButton)(ariaProps, ref);
   const {
     isFocusVisible,
     focusProps
-  } = (0, import_react_aria62.useFocusRing)();
+  } = (0, import_react_aria63.useFocusRing)();
   const {
     hoverProps,
     isHovered
-  } = (0, import_react_aria62.useHover)(ariaProps);
+  } = (0, import_react_aria63.useHover)(ariaProps);
   const focusRingStyles2 = state === "error" ? {
     boxShadow: "bshDanger"
   } : {
     boxShadow: "bshFocus"
   };
   const tid = useTestIds(props, "stepButton");
-  return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("button", { ref, ...buttonProps, ...focusProps, ...hoverProps, ...(0, import_runtime113.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)("button", { ref, ...buttonProps, ...focusProps, ...hoverProps, ...(0, import_runtime114.trussProps)({
     ...{
       fontWeight: "fw6",
       fontSize: "fz_14px",
@@ -24863,7 +24964,7 @@ function StepButton(props) {
     } : {},
     ...isFocusVisible ? focusRingStyles2 : {}
   }), ...tid[defaultTestId(label)], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("span", { className: "fs0 mr_4px", children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(StepIcon, { state, isHovered, isPressed, isCurrent }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("span", { className: "fs0 mr_4px", children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(StepIcon, { state, isHovered, isPressed, isCurrent }) }),
     label
   ] });
 }
@@ -24874,12 +24975,12 @@ function StepIcon({
   isCurrent = false
 }) {
   if (state === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(Icon, { icon: "errorCircle" });
+    return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(Icon, { icon: "errorCircle" });
   }
   if (state === "complete") {
-    return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(Icon, { icon: "check" });
+    return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(Icon, { icon: "check" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { className: "w_24px h_24px df aic jcc", children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { ...(0, import_runtime113.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("div", { className: "w_24px h_24px df aic jcc", children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("div", { ...(0, import_runtime114.trussProps)({
     width: "w_10px",
     height: "h_10px",
     borderStyle: "bss",
@@ -24894,8 +24995,8 @@ function StepIcon({
 
 // src/components/SuperDrawer/components/SuperDrawerHeader.tsx
 var import_react_dom7 = require("react-dom");
-var import_runtime114 = require("@homebound/truss/runtime");
-var import_jsx_runtime196 = require("react/jsx-runtime");
+var import_runtime115 = require("@homebound/truss/runtime");
+var import_jsx_runtime197 = require("react/jsx-runtime");
 function SuperDrawerHeader(props) {
   const {
     hideControls
@@ -24912,20 +25013,20 @@ function SuperDrawerHeader(props) {
   const currentContent = contentStack.current[contentStack.current.length - 1]?.opts;
   const isDetail = currentContent !== firstContent;
   const tid = useTestIds({}, "superDrawerHeader");
-  return (0, import_react_dom7.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime196.jsxs)("div", { className: "df aic jcsb gap3", ...tid, children: [
-    isStructuredProps(props) ? /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)("div", { className: "df jcsb aic gap2 fg1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)("div", { className: "fg1 df aic gap2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("h1", { className: "fw6 fz_30px lh_36px", children: props.title }),
+  return (0, import_react_dom7.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime197.jsxs)("div", { className: "df aic jcsb gap3", ...tid, children: [
+    isStructuredProps(props) ? /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)("div", { className: "df jcsb aic gap2 fg1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)("div", { className: "fg1 df aic gap2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime197.jsx)("h1", { className: "fw6 fz_30px lh_36px", children: props.title }),
         props.left
       ] }),
-      props.right && /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("div", { className: "fs0", children: props.right })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("div", { className: "fg1", children: props.children }),
-    !hideControls && /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("div", { ...(0, import_runtime114.trussProps)({
+      props.right && /* @__PURE__ */ (0, import_jsx_runtime197.jsx)("div", { className: "fs0", children: props.right })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime197.jsx)("div", { className: "fg1", children: props.children }),
+    !hideControls && /* @__PURE__ */ (0, import_jsx_runtime197.jsx)("div", { ...(0, import_runtime115.trussProps)({
       flexShrink: "fs0",
       ...isDetail ? {
         visibility: "vh"
       } : {}
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(ButtonGroup, { buttons: [{
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(ButtonGroup, { buttons: [{
       icon: "chevronLeft",
       onClick: () => onPrevClick && onPrevClick(),
       disabled: !onPrevClick
@@ -24941,18 +25042,18 @@ function isStructuredProps(props) {
 }
 
 // src/components/SuperDrawer/ConfirmCloseModal.tsx
-var import_jsx_runtime197 = require("react/jsx-runtime");
+var import_jsx_runtime198 = require("react/jsx-runtime");
 function ConfirmCloseModal(props) {
   const { onClose, discardText = "Discard Changes", continueText = "Continue Editing" } = props;
   const { modalState } = useBeamContext();
   function closeModal() {
     modalState.current = void 0;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)(import_jsx_runtime197.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(ModalHeader, { children: "Are you sure you want to cancel?" }),
-    /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)("p", { children: "Any changes you've made so far will be lost." }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)(ModalFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(import_jsx_runtime198.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(ModalHeader, { children: "Are you sure you want to cancel?" }),
+    /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("p", { children: "Any changes you've made so far will be lost." }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(ModalFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
         Button,
         {
           variant: "quaternary",
@@ -24963,7 +25064,7 @@ function ConfirmCloseModal(props) {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(Button, { label: continueText, onClick: closeModal })
+      /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(Button, { label: continueText, onClick: closeModal })
     ] })
   ] });
 }
@@ -24972,8 +25073,8 @@ function ConfirmCloseModal(props) {
 var import_framer_motion6 = require("framer-motion");
 
 // src/components/SuperDrawer/useSuperDrawer.tsx
-var import_react143 = require("react");
-var import_jsx_runtime198 = require("react/jsx-runtime");
+var import_react144 = require("react");
+var import_jsx_runtime199 = require("react/jsx-runtime");
 function useSuperDrawer() {
   const {
     drawerContentStack: contentStack,
@@ -24985,7 +25086,7 @@ function useSuperDrawer() {
   function canCloseDrawerDetails(i, doChange) {
     for (const canCloseDrawerDetail of canCloseDetailsChecks.current[i] ?? []) {
       if (!canClose(canCloseDrawerDetail)) {
-        openModal({ content: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawerDetail }) });
+        openModal({ content: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawerDetail }) });
         return false;
       }
     }
@@ -25005,14 +25106,14 @@ function useSuperDrawer() {
     for (const canCloseDrawer of canCloseChecks.current) {
       if (!canClose(canCloseDrawer)) {
         openModal({
-          content: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawer })
+          content: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawer })
         });
         return;
       }
     }
     doChange();
   }
-  const closeActions = (0, import_react143.useMemo)(
+  const closeActions = (0, import_react144.useMemo)(
     () => {
       return {
         /** Attempts to close the drawer. If any checks fail, a confirmation modal will appear */
@@ -25047,7 +25148,7 @@ function useSuperDrawer() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [canCloseChecks, canCloseDetailsChecks, contentStack, modalState, openModal]
   );
-  const actions = (0, import_react143.useMemo)(
+  const actions = (0, import_react144.useMemo)(
     () => {
       return {
         // TODO: Maybe we should rename to openDrawer as a breaking change (to match openDrawerDetail)
@@ -25100,8 +25201,8 @@ function canClose(canCloseCheck) {
 }
 
 // src/components/SuperDrawer/SuperDrawerContent.tsx
-var import_runtime115 = require("@homebound/truss/runtime");
-var import_jsx_runtime199 = require("react/jsx-runtime");
+var import_runtime116 = require("@homebound/truss/runtime");
+var import_jsx_runtime200 = require("react/jsx-runtime");
 var SuperDrawerContent = ({
   children,
   actions
@@ -25121,17 +25222,17 @@ var SuperDrawerContent = ({
   } = firstContent ?? {};
   function wrapWithMotionAndMaybeBack(children2) {
     if (kind === "open") {
-      return /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(import_framer_motion6.motion.div, { className: "pt3 pb3 pr3 pl3 fg1 oa", children: children2 }, "content");
+      return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_framer_motion6.motion.div, { className: "pt3 pb3 pr3 pl3 fg1 oa", children: children2 }, "content");
     } else if (kind === "detail") {
-      return /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(import_framer_motion6.motion.div, { className: "pl3 pr3 pt2 pb3 fg1", animate: {
+      return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(import_framer_motion6.motion.div, { className: "pl3 pr3 pt2 pb3 fg1", animate: {
         overflow: "auto"
       }, transition: {
         overflow: {
           delay: 0.3
         }
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Button, { label: "Back", icon: "chevronLeft", variant: "tertiary", onClick: closeDrawerDetail }),
-        /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(import_framer_motion6.motion.div, { initial: {
+        /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Button, { label: "Back", icon: "chevronLeft", variant: "tertiary", onClick: closeDrawerDetail }),
+        /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_framer_motion6.motion.div, { initial: {
           x: width2,
           opacity: 0
         }, animate: {
@@ -25149,7 +25250,7 @@ var SuperDrawerContent = ({
         }, className: "pt2", children: children2 })
       ] }, "content");
     } else {
-      return /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(import_framer_motion6.motion.div, { ...(0, import_runtime115.mergeProps)(void 0, {
+      return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_framer_motion6.motion.div, { ...(0, import_runtime116.mergeProps)(void 0, {
         overflow: "auto"
       }, {
         paddingTop: "pt3",
@@ -25160,9 +25261,9 @@ var SuperDrawerContent = ({
       }) }, "content");
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(import_jsx_runtime199.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(import_jsx_runtime200.Fragment, { children: [
     wrapWithMotionAndMaybeBack(children),
-    actions && /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("footer", { className: "bts_solid btw_1px bcGray200 pt3 pb3 pr3 pl3 df aic jcfe", children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("div", { className: "df gap1", children: actions.map((buttonProps, i) => /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(Button, { ...buttonProps }, i)) }) })
+    actions && /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("footer", { className: "bts_solid btw_1px bcGray200 pt3 pb3 pr3 pl3 df aic jcfe", children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("div", { className: "df gap1", children: actions.map((buttonProps, i) => /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Button, { ...buttonProps }, i)) }) })
   ] });
 };
 
@@ -25205,7 +25306,7 @@ function visit(rows, fn) {
 }
 
 // src/components/TagGroup.tsx
-var import_jsx_runtime200 = require("react/jsx-runtime");
+var import_jsx_runtime201 = require("react/jsx-runtime");
 function TagGroup(props) {
   const {
     tags,
@@ -25213,30 +25314,30 @@ function TagGroup(props) {
     ...otherProps
   } = props;
   const tid = useTestIds(otherProps, "tagGroup");
-  return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)("div", { ...tid, className: "df aic fww gap1", children: [
-    tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Tag, { ...tag, variant: "secondary" }, tag.text)),
-    onEdit && /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("span", { className: "ml1 fw4 fz_14px lh_20px", children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Button, { label: "Edit", variant: "text", onClick: onEdit, ...tid.edit }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)("div", { ...tid, className: "df aic fww gap1", children: [
+    tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(Tag, { ...tag, variant: "secondary" }, tag.text)),
+    onEdit && /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("span", { className: "ml1 fw4 fz_14px lh_20px", children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(Button, { label: "Edit", variant: "text", onClick: onEdit, ...tid.edit }) })
   ] });
 }
 
 // src/components/Toast/useToast.tsx
-var import_react144 = require("react");
+var import_react145 = require("react");
 function useToast() {
   const { setNotice, clear } = useToastContext();
-  const showToast = (0, import_react144.useCallback)((props) => setNotice(props), [setNotice]);
+  const showToast = (0, import_react145.useCallback)((props) => setNotice(props), [setNotice]);
   return { showToast, clear };
 }
 
 // src/layouts/SideNavLayout/SideNavLayout.tsx
-var import_runtime116 = require("@homebound/truss/runtime");
-var import_jsx_runtime201 = require("react/jsx-runtime");
+var import_runtime117 = require("@homebound/truss/runtime");
+var import_jsx_runtime202 = require("react/jsx-runtime");
 var __maybeInc21 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function SideNavLayout(props) {
   const hasProvider = useHasSideNavLayoutProvider();
-  if (hasProvider) return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(SideNavLayoutContent, { ...props });
-  return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(SideNavLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(SideNavLayoutContent, { ...props }) });
+  if (hasProvider) return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(SideNavLayoutContent, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(SideNavLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(SideNavLayoutContent, { ...props }) });
 }
 function SideNavLayoutContent(props) {
   const {
@@ -25258,7 +25359,7 @@ function SideNavLayoutContent(props) {
   const railOffsetPx = !showRail ? 0 : !bp.mdAndUp || collapsed ? railCollapsedWidthPx : railWidthPx;
   const navTop = bannerAndNavbarChromeTop();
   const railViewportHeight = `calc(var(${beamLayoutViewportHeightVar}, 100vh) - var(${beamEnvironmentBannerLayoutHeightVar}, 0px) - var(${beamNavbarLayoutHeightVar}, 0px))`;
-  const rail = showRail && /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)("div", { ...(0, import_runtime116.trussProps)({
+  const rail = showRail && /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { ...(0, import_runtime117.trussProps)({
     ...{
       display: "df",
       flexDirection: "fdc",
@@ -25282,14 +25383,14 @@ function SideNavLayoutContent(props) {
       position: "sticky",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime116.maybeCssVar)(zIndices.sideNav)
+        "--zIndex": (0, import_runtime117.maybeCssVar)(zIndices.sideNav)
       }],
       top: ["top_var", {
-        "--top": (0, import_runtime116.maybeCssVar)(__maybeInc21(navTop))
+        "--top": (0, import_runtime117.maybeCssVar)(__maybeInc21(navTop))
       }],
       alignSelf: "asfs",
       height: ["h_var", {
-        "--height": (0, import_runtime116.maybeCssVar)(__maybeInc21(railViewportHeight))
+        "--height": (0, import_runtime117.maybeCssVar)(__maybeInc21(railViewportHeight))
       }],
       width: ["w_var", {
         "--width": `${collapsed ? railCollapsedWidthPx : railWidthPx}px`
@@ -25299,11 +25400,11 @@ function SideNavLayoutContent(props) {
         position: "fixed",
         left: "left0",
         top: ["top_var", {
-          "--top": (0, import_runtime116.maybeCssVar)(__maybeInc21(navTop))
+          "--top": (0, import_runtime117.maybeCssVar)(__maybeInc21(navTop))
         }],
         bottom: "bottom0",
         zIndex: ["z_var", {
-          "--zIndex": (0, import_runtime116.maybeCssVar)(zIndices.sideNav)
+          "--zIndex": (0, import_runtime117.maybeCssVar)(zIndices.sideNav)
         }]
       },
       ...collapsed ? {
@@ -25315,18 +25416,18 @@ function SideNavLayoutContent(props) {
       }
     }
   }), ...tid.sideNav, children: [
-    showCollapseToggle && /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { className: "absolute right2 top2 z2", children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(SideNav, { ...sideNav }) })
+    showCollapseToggle && /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { className: "absolute right2 top2 z2", children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(SideNav, { ...sideNav }) })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)("div", { ...(0, import_runtime116.mergeProps)(void 0, {
+  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { ...(0, import_runtime117.mergeProps)(void 0, {
     [beamSideNavLayoutWidthVar]: `${railOffsetPx}px`
   }, {
     display: "df",
     flexDirection: "fdr",
     width: "w100"
   }), ...tid, children: [
-    contrastRail ? /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(ContrastScope, { children: rail }) : rail,
-    /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { ...(0, import_runtime116.trussProps)({
+    contrastRail ? /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(ContrastScope, { children: rail }) : rail,
+    /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { ...(0, import_runtime117.trussProps)({
       display: "df",
       flexDirection: "fdc",
       flexGrow: "fg1",
@@ -25342,8 +25443,8 @@ function SideNavLayoutContent(props) {
 }
 
 // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
-var import_runtime117 = require("@homebound/truss/runtime");
-var import_jsx_runtime202 = require("react/jsx-runtime");
+var import_runtime118 = require("@homebound/truss/runtime");
+var import_jsx_runtime203 = require("react/jsx-runtime");
 var __maybeInc22 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -25359,38 +25460,38 @@ function EnvironmentBannerLayout(props) {
     [beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
   };
   const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
-  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { ...(0, import_runtime117.mergeProps)(void 0, style, {
+  return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("div", { ...(0, import_runtime118.mergeProps)(void 0, style, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    showBanner && environmentBanner && /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { ...(0, import_runtime117.mergeProps)(void 0, {
+    showBanner && environmentBanner && /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("div", { ...(0, import_runtime118.mergeProps)(void 0, {
       height: environmentBannerSizePx
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { ...(0, import_runtime117.trussProps)({
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("div", { ...(0, import_runtime118.trussProps)({
       position: "fixed",
       top: "top0",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime117.maybeCssVar)(zIndices.environmentBanner)
+        "--zIndex": (0, import_runtime118.maybeCssVar)(zIndices.environmentBanner)
       }],
       width: ["w_var", {
-        "--width": (0, import_runtime117.maybeCssVar)(__maybeInc22(innerWidth))
+        "--width": (0, import_runtime118.maybeCssVar)(__maybeInc22(innerWidth))
       }]
-    }), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
+    }), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
     children
   ] }) }) });
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
-var import_react148 = require("react");
-var import_runtime118 = require("@homebound/truss/runtime");
+var import_react149 = require("react");
+var import_runtime119 = require("@homebound/truss/runtime");
 
 // src/layouts/useAutoHideOnScroll.ts
-var import_react145 = require("react");
+var import_react146 = require("react");
 var THRESHOLD = 80;
 function getInitialAutoHideState() {
   if (typeof window === "undefined" || window.scrollY <= 0) {
@@ -25400,15 +25501,15 @@ function getInitialAutoHideState() {
 }
 function useAutoHideOnScroll(spacerRef, enabled, getTopOffset) {
   const initial = getInitialAutoHideState();
-  const [state, setState] = (0, import_react145.useState)(initial.state);
-  const stateRef = (0, import_react145.useRef)(initial.state);
-  const [atTop, setAtTop] = (0, import_react145.useState)(initial.atTop);
-  const atTopRef = (0, import_react145.useRef)(initial.atTop);
-  const getTopOffsetRef = (0, import_react145.useRef)(getTopOffset);
+  const [state, setState] = (0, import_react146.useState)(initial.state);
+  const stateRef = (0, import_react146.useRef)(initial.state);
+  const [atTop, setAtTop] = (0, import_react146.useState)(initial.atTop);
+  const atTopRef = (0, import_react146.useRef)(initial.atTop);
+  const getTopOffsetRef = (0, import_react146.useRef)(getTopOffset);
   getTopOffsetRef.current = getTopOffset;
-  const lastScrollY = (0, import_react145.useRef)(Number.POSITIVE_INFINITY);
-  const lastScrollHeight = (0, import_react145.useRef)(0);
-  (0, import_react145.useLayoutEffect)(() => {
+  const lastScrollY = (0, import_react146.useRef)(Number.POSITIVE_INFINITY);
+  const lastScrollHeight = (0, import_react146.useRef)(0);
+  (0, import_react146.useLayoutEffect)(() => {
     if (!enabled) {
       stateRef.current = "static";
       atTopRef.current = true;
@@ -25481,34 +25582,34 @@ function useAutoHideOnScroll(spacerRef, enabled, getTopOffset) {
 
 // src/layouts/useMeasuredHeight.ts
 var import_utils169 = require("@react-aria/utils");
-var import_react146 = require("react");
+var import_react147 = require("react");
 function useMeasuredHeight(ref, enabled) {
-  const [height, setHeight] = (0, import_react146.useState)(0);
-  const syncElementHeight = (0, import_react146.useCallback)(() => {
+  const [height, setHeight] = (0, import_react147.useState)(0);
+  const syncElementHeight = (0, import_react147.useCallback)(() => {
     const el = ref.current;
     const next = el ? Math.round(el.getBoundingClientRect().height) : 0;
     setHeight((prev) => prev === next ? prev : next);
   }, [ref]);
   (0, import_utils169.useResizeObserver)({ ref, onResize: syncElementHeight });
-  (0, import_react146.useLayoutEffect)(() => {
+  (0, import_react147.useLayoutEffect)(() => {
     syncElementHeight();
   }, [enabled, syncElementHeight]);
   return height;
 }
 
 // src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
-var import_react147 = require("react");
-var import_jsx_runtime203 = require("react/jsx-runtime");
-var NavbarLayoutHeightContext = (0, import_react147.createContext)(0);
+var import_react148 = require("react");
+var import_jsx_runtime204 = require("react/jsx-runtime");
+var NavbarLayoutHeightContext = (0, import_react148.createContext)(0);
 function NavbarLayoutHeightProvider({ value, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(NavbarLayoutHeightContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(NavbarLayoutHeightContext.Provider, { value, children });
 }
 function useNavbarLayoutHeight() {
-  return (0, import_react147.useContext)(NavbarLayoutHeightContext);
+  return (0, import_react148.useContext)(NavbarLayoutHeightContext);
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
-var import_jsx_runtime204 = require("react/jsx-runtime");
+var import_jsx_runtime205 = require("react/jsx-runtime");
 var __maybeInc23 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -25518,8 +25619,8 @@ function NavbarLayout(props) {
     children
   } = props;
   const tid = useTestIds(props, "navbarLayout");
-  const navMetricsRef = (0, import_react148.useRef)(null);
-  const spacerRef = (0, import_react148.useRef)(null);
+  const navMetricsRef = (0, import_react149.useRef)(null);
+  const spacerRef = (0, import_react149.useRef)(null);
   const navHeight = useMeasuredHeight(navMetricsRef, true);
   const {
     state: autoHideState,
@@ -25537,10 +25638,10 @@ function NavbarLayout(props) {
       position: "sticky",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime118.maybeCssVar)(zIndices.navbar)
+        "--zIndex": (0, import_runtime119.maybeCssVar)(zIndices.navbar)
       }],
       width: ["w_var", {
-        "--width": (0, import_runtime118.maybeCssVar)(__maybeInc23(innerWidth))
+        "--width": (0, import_runtime119.maybeCssVar)(__maybeInc23(innerWidth))
       }]
     }
   ) : (
@@ -25549,10 +25650,10 @@ function NavbarLayout(props) {
       position: "fixed",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime118.maybeCssVar)(zIndices.navbar)
+        "--zIndex": (0, import_runtime119.maybeCssVar)(zIndices.navbar)
       }],
       width: ["w_var", {
-        "--width": (0, import_runtime118.maybeCssVar)(__maybeInc23(innerWidth))
+        "--width": (0, import_runtime119.maybeCssVar)(__maybeInc23(innerWidth))
       }],
       transition: "transitionTop"
     }
@@ -25561,25 +25662,25 @@ function NavbarLayout(props) {
   const innerStyle = autoHideState !== "static" ? {
     top: autoHideState === "revealed" ? bannerTop : `calc(${bannerTop} - ${navHeight}px)`
   } : void 0;
-  const navbarEl = (0, import_react148.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Navbar, { ...navbar }), [navbar]);
-  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("div", { ...(0, import_runtime118.mergeProps)(void 0, cssVars, {
+  const navbarEl = (0, import_react149.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(Navbar, { ...navbar }), [navbar]);
+  return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { ...(0, import_runtime119.mergeProps)(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { ref: spacerRef, ...(0, import_runtime118.mergeProps)(void 0, {
+    /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { ref: spacerRef, ...(0, import_runtime119.mergeProps)(void 0, {
       height: navHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { ref: navMetricsRef, ...(0, import_runtime118.mergeProps)(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { ref: navMetricsRef, ...(0, import_runtime119.mergeProps)(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
   ] }) }) });
 }
 
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
-var import_react149 = require("react");
+var import_react150 = require("react");
 
 // src/layouts/useBannerAndNavbarHeight.ts
 function useBannerAndNavbarHeight() {
@@ -25587,8 +25688,8 @@ function useBannerAndNavbarHeight() {
 }
 
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
-var import_runtime119 = require("@homebound/truss/runtime");
-var import_jsx_runtime205 = require("react/jsx-runtime");
+var import_runtime120 = require("@homebound/truss/runtime");
+var import_jsx_runtime206 = require("react/jsx-runtime");
 var __maybeInc24 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -25599,11 +25700,11 @@ function PageHeaderLayout(props) {
   } = props;
   const tid = useTestIds(props, "pageHeaderLayout");
   const bannerAndNavbarHeight = useBannerAndNavbarHeight();
-  const bannerAndNavbarHeightRef = (0, import_react149.useRef)(bannerAndNavbarHeight);
+  const bannerAndNavbarHeightRef = (0, import_react150.useRef)(bannerAndNavbarHeight);
   bannerAndNavbarHeightRef.current = bannerAndNavbarHeight;
-  const getBannerAndNavbarHeight = (0, import_react149.useCallback)(() => bannerAndNavbarHeightRef.current, []);
-  const headerMetricsRef = (0, import_react149.useRef)(null);
-  const spacerRef = (0, import_react149.useRef)(null);
+  const getBannerAndNavbarHeight = (0, import_react150.useCallback)(() => bannerAndNavbarHeightRef.current, []);
+  const headerMetricsRef = (0, import_react150.useRef)(null);
+  const spacerRef = (0, import_react150.useRef)(null);
   const headerHeight = useMeasuredHeight(headerMetricsRef, true);
   const {
     state: autoHideState,
@@ -25619,43 +25720,43 @@ function PageHeaderLayout(props) {
   const innerCss = autoHideState === "static" ? {
     position: "sticky",
     left: ["left_var", {
-      "--left": (0, import_runtime119.maybeCssVar)(__maybeInc24(headerLeft))
+      "--left": (0, import_runtime120.maybeCssVar)(__maybeInc24(headerLeft))
     }],
     width: ["w_var", {
-      "--width": (0, import_runtime119.maybeCssVar)(__maybeInc24(headerWidth))
+      "--width": (0, import_runtime120.maybeCssVar)(__maybeInc24(headerWidth))
     }],
     zIndex: ["z_var", {
-      "--zIndex": (0, import_runtime119.maybeCssVar)(zIndices.pageStickyHeader)
+      "--zIndex": (0, import_runtime120.maybeCssVar)(zIndices.pageStickyHeader)
     }]
   } : {
     position: "fixed",
     left: ["left_var", {
-      "--left": (0, import_runtime119.maybeCssVar)(__maybeInc24(headerLeft))
+      "--left": (0, import_runtime120.maybeCssVar)(__maybeInc24(headerLeft))
     }],
     width: ["w_var", {
-      "--width": (0, import_runtime119.maybeCssVar)(__maybeInc24(headerWidth))
+      "--width": (0, import_runtime120.maybeCssVar)(__maybeInc24(headerWidth))
     }],
     zIndex: ["z_var", {
-      "--zIndex": (0, import_runtime119.maybeCssVar)(zIndices.pageStickyHeader)
+      "--zIndex": (0, import_runtime120.maybeCssVar)(zIndices.pageStickyHeader)
     }],
     transition: "transitionTop"
   };
   const innerStyle = autoHideState !== "static" ? {
     top: autoHideState === "revealed" ? outerTop : `calc(${outerTop} - ${headerHeight}px)`
   } : void 0;
-  const pageHeaderEl = (0, import_react149.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(PageHeader2, { ...pageHeader }), [pageHeader]);
-  return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { ...(0, import_runtime119.mergeProps)(void 0, cssVars, {
+  const pageHeaderEl = (0, import_react150.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(PageHeader2, { ...pageHeader }), [pageHeader]);
+  return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { ...(0, import_runtime120.mergeProps)(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "w100"
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { ref: spacerRef, ...(0, import_runtime119.mergeProps)(void 0, {
+    /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { ref: spacerRef, ...(0, import_runtime120.mergeProps)(void 0, {
       height: headerHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime119.mergeProps)(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime120.mergeProps)(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
   ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -25749,6 +25850,7 @@ function PageHeaderLayout(props) {
   Icon,
   IconButton,
   Icons,
+  JumpLink,
   KEPT_GROUP,
   Loader,
   LoadingSkeleton,