@homebound/beam 3.75.1 → 3.76.0

package/dist/index.cjs

@@ -43,7 +43,9 @@ __export(index_exports, {
   AvatarGroup: () => AvatarGroup,
   Banner: () => Banner,
   BaseFilter: () => BaseFilter,
+  BeamLogo: () => BeamLogo,
   BeamProvider: () => BeamProvider,
+  BlueprintAiLogo: () => BlueprintAiLogo,
   BoundCheckboxField: () => BoundCheckboxField,
   BoundCheckboxGroupField: () => BoundCheckboxGroupField,
   BoundChipSelectField: () => BoundChipSelectField,
@@ -24516,36 +24518,11 @@ function ContentHeader(props) {
   ] });
 }
 
-// src/components/HomeboundLogo.tsx
-var import_runtime114 = require("@homebound/truss/runtime");
-var import_jsx_runtime188 = require("react/jsx-runtime");
-var __maybeInc21 = (inc) => {
-  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
-};
-function HomeboundLogo(props) {
-  const {
-    fill = "currentColor",
-    width: width2 = "auto",
-    height = "auto"
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("svg", { viewBox: "0 0 158.1 97.6", xmlns: "http://www.w3.org/2000/svg", ...(0, import_runtime114.trussProps)({
-    fill: ["fill_var", {
-      "--fill": (0, import_runtime114.maybeCssVar)(fill)
-    }],
-    width: ["w_var", {
-      "--width": (0, import_runtime114.maybeCssVar)(__maybeInc21(width2))
-    }],
-    height: ["h_var", {
-      "--height": (0, import_runtime114.maybeCssVar)(__maybeInc21(height))
-    }]
-  }), children: /* @__PURE__ */ (0, import_jsx_runtime188.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/JumpLink.tsx
 var import_react136 = require("react");
 var import_react_aria60 = require("react-aria");
-var import_runtime115 = require("@homebound/truss/runtime");
-var import_jsx_runtime189 = require("react/jsx-runtime");
+var import_runtime114 = require("@homebound/truss/runtime");
+var import_jsx_runtime188 = require("react/jsx-runtime");
 function JumpLink(props) {
   const {
     label,
@@ -24587,14 +24564,14 @@ function JumpLink(props) {
       });
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("a", { ref, ...(0, import_react_aria60.mergeProps)(linkProps, focusProps, hoverProps), ...tid, ...(0, import_runtime115.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("a", { ref, ...(0, import_react_aria60.mergeProps)(linkProps, focusProps, hoverProps), ...tid, ...(0, import_runtime114.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_runtime189.jsx)("span", { className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_2", children: label }) });
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("span", { className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_2", children: label }) });
 }
 var jumpLinkStyles = {
   baseStyles: {
@@ -24641,11 +24618,112 @@ var jumpLinkStyles = {
   }
 };
 
-// src/components/MaxLines.tsx
+// src/components/Logos/BeamLogo.tsx
+var import_runtime115 = require("@homebound/truss/runtime");
+var import_jsx_runtime189 = require("react/jsx-runtime");
+var __maybeInc21 = (inc) => {
+  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
+};
+function BeamLogo(props) {
+  const {
+    fill = "currentColor",
+    width: width2 = "auto",
+    height = "auto"
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("svg", { viewBox: "0 0 500 500", xmlns: "http://www.w3.org/2000/svg", ...(0, import_runtime115.trussProps)({
+    fill: ["fill_var", {
+      "--fill": (0, import_runtime115.maybeCssVar)(fill)
+    }],
+    width: ["w_var", {
+      "--width": (0, import_runtime115.maybeCssVar)(__maybeInc21(width2))
+    }],
+    height: ["h_var", {
+      "--height": (0, import_runtime115.maybeCssVar)(__maybeInc21(height))
+    }]
+  }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("rect", { x: "10", y: "90", width: "32", height: "320" }),
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("rect", { x: "122", y: "172", width: "32", height: "158" }),
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("rect", { x: "346", y: "172", width: "32", height: "158" }),
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("rect", { x: "458", y: "90", width: "32", height: "320" }),
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("rect", { x: "10", y: "90", width: "480", height: "32" }),
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("rect", { x: "10", y: "378", width: "480", height: "32" }),
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("rect", { x: "10", y: "172", width: "480", height: "32" }),
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("rect", { x: "10", y: "298", width: "480", height: "32" })
+  ] });
+}
+
+// src/components/Logos/BlueprintAiLogo.tsx
 var import_utils156 = require("@react-aria/utils");
-var import_react137 = require("react");
 var import_runtime116 = require("@homebound/truss/runtime");
 var import_jsx_runtime190 = require("react/jsx-runtime");
+var __maybeInc22 = (inc) => {
+  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
+};
+function BlueprintAiLogo(props) {
+  const {
+    width: width2 = "auto",
+    height = "auto"
+  } = props;
+  const gradientId = (0, import_utils156.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("svg", { viewBox: "0 0 207 40", xmlns: "http://www.w3.org/2000/svg", ...(0, import_runtime116.trussProps)({
+    width: ["w_var", {
+      "--width": (0, import_runtime116.maybeCssVar)(__maybeInc22(width2))
+    }],
+    height: ["h_var", {
+      "--height": (0, import_runtime116.maybeCssVar)(__maybeInc22(height))
+    }]
+  }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("g", { transform: "translate(0.32171630859375, 3)", fill: `url(#${gradientId})`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M17.2834 12.4731L25.9591 3.79741C26.4761 3.2804 27.3148 3.28029 27.8319 3.79741L27.9224 3.89763C28.3464 4.41754 28.3169 5.18521 27.8319 5.67026L18.7856 14.7166H30.6756C31.4069 14.7166 32 15.3096 32 16.0409C31.9998 16.7719 31.407 17.3653 30.6756 17.3653H19.3545L27.5075 25.5183L27.5991 25.6196C27.9937 26.1046 27.9936 26.8039 27.5991 27.2888L27.5075 27.3901C26.9904 27.9072 26.1518 27.9072 25.6347 27.3901L17.2834 19.0388V30.6756C17.2834 31.4069 16.6904 32 15.9591 32C15.2281 31.9998 14.6347 31.407 14.6347 30.6756V18.8664L6.15733 27.3437C5.67242 27.8287 4.90483 27.8588 4.3847 27.4343L4.28448 27.3437C3.76784 26.8267 3.76779 25.989 4.28448 25.472L12.3912 17.3653H1.32435C0.638773 17.3653 0.0745504 16.8441 0.00646552 16.1767L0 16.0409C0 15.3096 0.593052 14.7166 1.32435 14.7166H12.9601L3.96013 5.71659C3.44299 5.19946 3.44322 4.3608 3.96013 3.84375L4.06034 3.75323C4.58047 3.32871 5.34806 3.35884 5.83297 3.84375L14.6347 12.6455V1.32435C14.6347 0.592974 15.2281 0.000199548 15.9591 0C16.6904 3.28853e-08 17.2834 0.593052 17.2834 1.32435V12.4731Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M202.994 28.2798V3.31983H206.322V28.2798H202.994Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M174.792 28.2798L185.928 3.31983H190.024L201.16 28.2798H197.48L194.664 21.9118H181.32L178.472 28.2798H174.792ZM182.696 18.7438H193.288L187.976 6.80783L182.696 18.7438Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M165.349 28.2478C160.581 28.6958 158.053 28.5038 158.149 23.7998V14.5198H154.597V11.6398H158.149V7.15983H161.413V11.6398H166.181V14.5198H161.413V22.5838C161.413 25.3358 161.541 25.6878 165.349 25.3998V28.2478Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M138.102 28.2798V11.6398H141.366V14.4878C142.55 12.4718 144.47 11.1278 147.222 11.1278C151.254 11.1278 153.334 13.5918 153.334 18.3598V28.2798H150.038V18.4558C150.038 15.6718 148.694 13.9118 146.262 13.9118C143.318 13.9118 141.366 16.5038 141.366 20.0558V28.2798H138.102Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M133.364 9.11183C132.052 9.11183 131.028 8.11983 131.028 6.80783C131.028 5.52783 132.052 4.50383 133.364 4.50383C134.676 4.50383 135.668 5.52783 135.668 6.80783C135.668 8.11983 134.612 9.11183 133.364 9.11183ZM131.764 28.2798V11.6398H134.996V28.2798H131.764Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M120.958 28.2798V11.6398H124.062V14.8078C125.15 12.5678 127.422 11.4478 130.718 11.4478V14.4878C126.782 14.4878 124.062 15.8958 124.062 18.9038V28.2798H120.958Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M102.558 34.6798V11.6398H105.822V14.2318C106.974 12.2798 108.894 11.0958 111.326 11.1278C115.678 11.1278 118.75 14.8078 118.75 20.0238C118.75 25.1438 115.678 28.7918 111.326 28.7918C108.894 28.7918 106.974 27.6078 105.822 25.6878V34.6798H102.558ZM110.622 26.0078C113.502 26.0078 115.518 23.5118 115.518 19.9918C115.518 16.4398 113.502 13.9118 110.622 13.9118C107.742 13.9118 105.694 16.4398 105.694 19.9918C105.694 23.5118 107.742 26.0078 110.622 26.0078Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M92.5547 28.7918C87.5947 28.7918 84.3307 25.1118 84.3307 19.9278C84.3307 14.7758 87.5947 11.1278 92.5547 11.1278C96.6187 11.1278 100.043 14.1678 100.043 19.7038V20.9838H87.6907C87.9147 24.0238 89.4827 26.1038 92.5547 26.1038C94.7947 26.1038 96.2987 24.7918 96.6187 23.4478H99.8507C99.3387 26.3918 96.4907 28.7918 92.5547 28.7918ZM87.6907 18.5518H96.7787C96.6507 15.8318 94.9227 13.9118 92.4587 13.9118C89.6107 13.9118 88.1067 15.7678 87.6907 18.5518Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M81.796 11.6398V28.2798H78.564V25.4318C77.38 27.4478 75.428 28.7918 72.676 28.7918C68.644 28.7918 66.596 26.3278 66.596 21.5598V11.6398H69.86V21.4638C69.86 24.2478 71.236 26.0078 73.636 26.0078C76.58 26.0078 78.564 23.4158 78.564 19.8638V11.6398H81.796Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M60.452 28.2798V2.99983H63.716V28.2798H60.452Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("path", { d: "M53.104 15.2238C56.048 15.8638 57.68 18.2638 57.68 21.4318C57.68 25.4638 54.384 28.2798 49.68 28.2798H38V3.31983H48.848C53.68 3.31983 56.624 5.62383 56.624 9.65583C56.624 12.4078 55.248 14.4558 53.104 15.2238ZM41.328 6.48783V14.0398H47.952C51.312 14.0398 53.168 12.7278 53.168 10.1358C53.168 7.60783 51.28 6.48783 47.792 6.48783H41.328ZM48.72 25.1118C52.24 25.1118 54.16 23.5438 54.16 20.7598C54.16 18.2638 52.272 16.9838 48.848 16.9838H41.328V25.1118H48.72Z" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("linearGradient", { id: gradientId, x1: "47.4999", y1: "35", x2: "51.8397", y2: "-28.0595", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("stop", { offset: "0.135528", stopColor: "rgba(91, 33, 182, 1)" /* Purple800 */ }),
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("stop", { offset: "0.705975", stopColor: "rgba(37, 99, 235, 1)" /* Blue600 */ })
+    ] }) })
+  ] });
+}
+
+// src/components/Logos/HomeboundLogo.tsx
+var import_runtime117 = require("@homebound/truss/runtime");
+var import_jsx_runtime191 = require("react/jsx-runtime");
+var __maybeInc23 = (inc) => {
+  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
+};
+function HomeboundLogo(props) {
+  const {
+    fill = "currentColor",
+    width: width2 = "auto",
+    height = "auto"
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("svg", { viewBox: "0 0 158.1 97.6", xmlns: "http://www.w3.org/2000/svg", ...(0, import_runtime117.trussProps)({
+    fill: ["fill_var", {
+      "--fill": (0, import_runtime117.maybeCssVar)(fill)
+    }],
+    width: ["w_var", {
+      "--width": (0, import_runtime117.maybeCssVar)(__maybeInc23(width2))
+    }],
+    height: ["h_var", {
+      "--height": (0, import_runtime117.maybeCssVar)(__maybeInc23(height))
+    }]
+  }), children: /* @__PURE__ */ (0, import_jsx_runtime191.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_utils157 = require("@react-aria/utils");
+var import_react137 = require("react");
+var import_runtime118 = require("@homebound/truss/runtime");
+var import_jsx_runtime192 = require("react/jsx-runtime");
 function MaxLines({
   maxLines,
   children
@@ -24653,7 +24731,7 @@ function MaxLines({
   const elRef = (0, import_react137.useRef)(null);
   const [hasMore, setHasMore] = (0, import_react137.useState)(false);
   const [expanded, setExpanded] = (0, import_react137.useState)(false);
-  (0, import_utils156.useLayoutEffect)(() => {
+  (0, import_utils157.useLayoutEffect)(() => {
     if (!elRef.current) return;
     setHasMore(elRef.current.scrollHeight > elRef.current.clientHeight);
   }, []);
@@ -24664,15 +24742,15 @@ function MaxLines({
     if (!elRef.current) return;
     !expanded && setHasMore(elRef.current.scrollHeight > elRef.current.clientHeight);
   }, [expanded]);
-  (0, import_utils156.useResizeObserver)({
+  (0, import_utils157.useResizeObserver)({
     ref: elRef,
     onResize
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { ref: elRef, ...(0, import_runtime116.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("div", { ref: elRef, ...(0, import_runtime118.trussProps)({
       ...!expanded ? {
         WebkitLineClamp: ["lineClamp_var", {
-          "--WebkitLineClamp": (0, import_runtime116.maybeCssVar)(maxLines)
+          "--WebkitLineClamp": (0, import_runtime118.maybeCssVar)(maxLines)
         }],
         overflow: "oh",
         display: "d_negwebkit_box",
@@ -24680,7 +24758,7 @@ function MaxLines({
         textOverflow: "to_ellipsis"
       } : {}
     }), children }),
-    hasMore && /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("button", { className: "db fw4 fz_14px lh_20px", onClick: () => setExpanded((prev) => !prev), children: expanded ? "Show Less" : "Show More" })
+    hasMore && /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("button", { className: "db fw4 fz_14px lh_20px", onClick: () => setExpanded((prev) => !prev), children: expanded ? "Show Less" : "Show More" })
   ] });
 }
 
@@ -24688,15 +24766,15 @@ function MaxLines({
 var import_change_case8 = require("change-case");
 
 // src/components/AppNav/AppNavGroup.tsx
-var import_utils158 = require("@react-aria/utils");
+var import_utils159 = require("@react-aria/utils");
 var import_change_case7 = require("change-case");
 var import_react140 = require("react");
 
 // src/components/AppNav/AppNavGroupTrigger.tsx
 var import_react138 = require("react");
 var import_react_aria61 = require("react-aria");
-var import_runtime117 = require("@homebound/truss/runtime");
-var import_jsx_runtime191 = require("react/jsx-runtime");
+var import_runtime119 = require("@homebound/truss/runtime");
+var import_jsx_runtime193 = require("react/jsx-runtime");
 function AppNavGroupTrigger(props) {
   const {
     label,
@@ -24728,11 +24806,11 @@ function AppNavGroupTrigger(props) {
     hoverStyles: hoverStyles4,
     pressedStyles: pressedStyles2
   } = (0, import_react138.useMemo)(() => getNavLinkStyles("side"), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("button", { type: "button", ...(0, import_react_aria61.mergeProps)(buttonProps, focusProps, hoverProps, tid.trigger, {
+  return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)("button", { type: "button", ...(0, import_react_aria61.mergeProps)(buttonProps, focusProps, hoverProps, tid.trigger, {
     ref,
     "aria-expanded": expanded,
     "aria-controls": navGroupId,
-    ...(0, import_runtime117.mergeProps)(navLink, void 0, {
+    ...(0, import_runtime119.mergeProps)(navLink, void 0, {
       ...baseStyles4,
       ...isFocusVisible && focusRingStyles2,
       ...isHovered && hoverStyles4,
@@ -24746,7 +24824,7 @@ function AppNavGroupTrigger(props) {
     })
   }), children: [
     label,
-    /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { ...(0, import_runtime117.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("div", { ...(0, import_runtime119.trussProps)({
       ...{
         display: "df",
         alignItems: "aic",
@@ -24756,7 +24834,7 @@ function AppNavGroupTrigger(props) {
       ...props.expanded ? {
         transform: "transform_rotate_180deg"
       } : {}
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Icon, { icon: "chevronDown" }) })
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(Icon, { icon: "chevronDown" }) })
   ] });
 }
 
@@ -24899,9 +24977,9 @@ function useAppNavGroupExpanded(linkGroup) {
 }
 
 // src/components/AppNav/AppNavGroup.tsx
-var import_runtime118 = require("@homebound/truss/runtime");
-var import_jsx_runtime192 = require("react/jsx-runtime");
-var __maybeInc22 = (inc) => {
+var import_runtime120 = require("@homebound/truss/runtime");
+var import_jsx_runtime194 = require("react/jsx-runtime");
+var __maybeInc24 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function AppNavGroupView(props) {
@@ -24911,9 +24989,9 @@ function AppNavGroupView(props) {
   } = props;
   const tid = useTestIds(props, "linkGroup");
   if (panelCollapsed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_jsx_runtime192.Fragment, { children: appNavLinkGroupLinks(linkGroup).map((link) => /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(NavLink, { variant: "side", ...link, iconOnly: !!link.icon, ...tid[`link_${(0, import_change_case7.camelCase)(link.label)}`] }, link.label)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(import_jsx_runtime194.Fragment, { children: appNavLinkGroupLinks(linkGroup).map((link) => /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(NavLink, { variant: "side", ...link, iconOnly: !!link.icon, ...tid[`link_${(0, import_change_case7.camelCase)(link.label)}`] }, link.label)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(AppNavGroupDisclosure, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(AppNavGroupDisclosure, { ...props });
 }
 function AppNavGroupDisclosure(props) {
   const {
@@ -24938,31 +25016,31 @@ function AppNavGroupDisclosure(props) {
       setContentHeight(`${contentEl.scrollHeight}px`);
     }
   }, [expanded, contentEl]);
-  (0, import_utils158.useResizeObserver)({
+  (0, import_utils159.useResizeObserver)({
     ref: contentRef,
     onResize
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "df fdc", ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(AppNavGroupTrigger, { label: linkGroup.label, navGroupId, expanded, active: linkGroupHasActiveLink(linkGroup), onClick: onToggle, ...tid }),
-    /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("div", { id: navGroupId, role: "region", "aria-hidden": !expanded, ...(0, import_runtime118.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("div", { className: "df fdc", ...tid, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(AppNavGroupTrigger, { label: linkGroup.label, navGroupId, expanded, active: linkGroupHasActiveLink(linkGroup), onClick: onToggle, ...tid }),
+    /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { id: navGroupId, role: "region", "aria-hidden": !expanded, ...(0, import_runtime120.trussProps)({
       overflow: "oh",
       transition: "transitionHeight",
       height: ["h_var", {
-        "--height": (0, import_runtime118.maybeCssVar)(__maybeInc22(contentHeight))
+        "--height": (0, import_runtime120.maybeCssVar)(__maybeInc24(contentHeight))
       }]
     }), ...tid.panel, ...!expanded ? {
       inert: "true"
-    } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("div", { ref: setContentEl, className: "df fdc", children: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(AppNavItems, { items: linkGroup.items, panelCollapsed: false, nested: true, ...tid }) }) })
+    } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { ref: setContentEl, className: "df fdc", children: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(AppNavItems, { items: linkGroup.items, panelCollapsed: false, nested: true, ...tid }) }) })
   ] });
 }
 
 // src/components/AppNav/AppNavGroupMenu.tsx
-var import_jsx_runtime193 = require("react/jsx-runtime");
+var import_jsx_runtime195 = require("react/jsx-runtime");
 function AppNavGroupMenu({
   linkGroup,
   ...tid
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
     ButtonMenu,
     {
       trigger: {
@@ -24978,8 +25056,8 @@ function AppNavGroupMenu({
 }
 
 // src/components/AppNav/AppNavSectionView.tsx
-var import_runtime119 = require("@homebound/truss/runtime");
-var import_jsx_runtime194 = require("react/jsx-runtime");
+var import_runtime121 = require("@homebound/truss/runtime");
+var import_jsx_runtime196 = require("react/jsx-runtime");
 function AppNavSectionView(props) {
   const {
     section,
@@ -25005,7 +25083,7 @@ function AppNavSectionView(props) {
       "--borderColor": "var(--b-surface-separator)"
     }]
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("div", { ...(0, import_runtime119.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)("div", { ...(0, import_runtime121.trussProps)({
     ...{
       display: "df",
       flexDirection: "fdc",
@@ -25013,7 +25091,7 @@ function AppNavSectionView(props) {
     },
     ...showDivider ? dividerStyles : {}
   }), ...tid, children: [
-    section.label && !panelCollapsed && variant !== "global" && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { ...(0, import_runtime119.trussProps)({
+    section.label && !panelCollapsed && variant !== "global" && /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("div", { ...(0, import_runtime121.trussProps)({
       fontWeight: "fw6",
       fontSize: "fz_10px",
       lineHeight: "lh_14px",
@@ -25026,18 +25104,18 @@ function AppNavSectionView(props) {
       paddingBottom: "pb1",
       textTransform: "ttu"
     }), ...tid.label, children: section.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(AppNavItems, { ...scopeProps, items: section.items, variant, panelCollapsed, nested })
+    /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(AppNavItems, { ...scopeProps, items: section.items, variant, panelCollapsed, nested })
   ] });
 }
 
 // src/components/AppNav/AppNavItems.tsx
-var import_jsx_runtime195 = require("react/jsx-runtime");
+var import_jsx_runtime197 = 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_runtime195.jsx)(import_jsx_runtime195.Fragment, { children: items.map((item, idx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(import_jsx_runtime197.Fragment, { children: items.map((item, idx) => {
     if (isAppNavLink(item)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
         NavLink,
         {
           variant,
@@ -25050,7 +25128,7 @@ function AppNavItems(props) {
       );
     }
     if (isAppNavGroup(item)) {
-      return variant === "global" ? /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(AppNavGroupMenu, { linkGroup: item, ...tid.linkGroup }, appNavItemKey(item)) : /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+      return variant === "global" ? /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(AppNavGroupMenu, { linkGroup: item, ...tid.linkGroup }, appNavItemKey(item)) : /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
         AppNavGroupView,
         {
           linkGroup: item,
@@ -25061,7 +25139,7 @@ function AppNavItems(props) {
       );
     }
     if (isAppNavSection(item)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
         AppNavSectionView,
         {
           section: item,
@@ -25084,8 +25162,8 @@ var import_react141 = require("react");
 var import_react_aria62 = require("react-aria");
 var import_react_dom7 = require("react-dom");
 var import_react_router_dom7 = require("react-router-dom");
-var import_runtime120 = require("@homebound/truss/runtime");
-var import_jsx_runtime196 = require("react/jsx-runtime");
+var import_runtime122 = require("@homebound/truss/runtime");
+var import_jsx_runtime198 = require("react/jsx-runtime");
 function NavbarMobileMenu(props) {
   const {
     items
@@ -25103,11 +25181,11 @@ function NavbarMobileMenu(props) {
     setIsOpen(false);
   }, [pathname, search]);
   const close = () => setIsOpen(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)(import_jsx_runtime196.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime196.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_runtime198.jsxs)(import_jsx_runtime198.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime198.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_dom7.createPortal)(
       /* AnimatePresence keeps the drawer mounted through its slide/fade-out before unmounting.*/
-      /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_framer_motion6.AnimatePresence, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(NavbarMobileDrawer, { items, onClose: close, tid }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_framer_motion6.AnimatePresence, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(NavbarMobileDrawer, { items, onClose: close, tid }) }),
       document.body
     )
   ] });
@@ -25121,14 +25199,14 @@ function NavbarMobileDrawer({
   const overlayTopStyle = {
     top: bannerHeightPx
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)(import_jsx_runtime196.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_framer_motion6.motion.div, { ...(0, import_runtime120.mergeProps)(void 0, overlayTopStyle, {
+  return /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(import_jsx_runtime198.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_framer_motion6.motion.div, { ...(0, import_runtime122.mergeProps)(void 0, overlayTopStyle, {
       position: "fixed",
       right: "right0",
       bottom: "bottom0",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime120.maybeCssVar)(zIndices.navbarMobileMenuScrim)
+        "--zIndex": (0, import_runtime122.maybeCssVar)(zIndices.navbarMobileMenuScrim)
       }],
       backgroundColor: ["bgColor_var", {
         "--backgroundColor": "var(--b-scrim)"
@@ -25143,7 +25221,7 @@ function NavbarMobileDrawer({
       ease: "linear",
       duration: 0.2
     }, onClick: onClose, ...tid.mobileMenuScrim }, "navbarMobileMenuScrim"),
-    /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_react_aria62.FocusScope, { autoFocus: true, contain: true, restoreFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime196.jsxs)(import_framer_motion6.motion.aside, { role: "dialog", "aria-modal": "true", "aria-label": "Navigation", ...(0, import_runtime120.mergeProps)(void 0, overlayTopStyle, {
+    /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_react_aria62.FocusScope, { autoFocus: true, contain: true, restoreFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(import_framer_motion6.motion.aside, { role: "dialog", "aria-modal": "true", "aria-label": "Navigation", ...(0, import_runtime122.mergeProps)(void 0, overlayTopStyle, {
       position: "fixed",
       bottom: "bottom0",
       left: "left0",
@@ -25153,7 +25231,7 @@ function NavbarMobileDrawer({
       width: "w_260px",
       overflow: "oh",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime120.maybeCssVar)(zIndices.navbarMobileMenu)
+        "--zIndex": (0, import_runtime122.maybeCssVar)(zIndices.navbarMobileMenu)
       }],
       backgroundColor: ["bgColor_var", {
         "--backgroundColor": "var(--b-surface)"
@@ -25168,7 +25246,7 @@ function NavbarMobileDrawer({
       ease: "linear",
       duration: 0.2
     }, onClick: (e) => e.stopPropagation(), ...tid.mobileMenuDrawer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("div", { ...(0, import_runtime120.trussProps)({
+      /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("div", { ...(0, import_runtime122.trussProps)({
         ...{
           display: "df",
           alignItems: "aic",
@@ -25183,11 +25261,11 @@ function NavbarMobileDrawer({
           }]
         },
         ...pageContentPaddingX
-      }), children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(IconButton, { icon: "x", color: "--b-on-surface-muted" /* OnSurfaceMuted */, label: "Close navigation", onClick: onClose, ...tid.mobileMenuClose }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+      }), children: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(IconButton, { icon: "x", color: "--b-on-surface-muted" /* OnSurfaceMuted */, label: "Close navigation", onClick: onClose, ...tid.mobileMenuClose }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
         "nav",
         {
-          ...(0, import_runtime120.trussProps)({
+          ...(0, import_runtime122.trussProps)({
             ...{
               flexGrow: "fg1",
               overflowY: "oya",
@@ -25205,7 +25283,7 @@ function NavbarMobileDrawer({
             }
           },
           ...tid.mobileMenuPanel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(AppNavItems, { items, panelCollapsed: false, ...tid })
+          children: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(AppNavItems, { items, panelCollapsed: false, ...tid })
         }
       )
     ] }, "navbarMobileMenuDrawer") })
@@ -25213,8 +25291,8 @@ function NavbarMobileDrawer({
 }
 
 // src/components/Navbar/Navbar.tsx
-var import_runtime121 = require("@homebound/truss/runtime");
-var import_jsx_runtime197 = require("react/jsx-runtime");
+var import_runtime123 = require("@homebound/truss/runtime");
+var import_jsx_runtime199 = require("react/jsx-runtime");
 function Navbar(props) {
   const {
     brand,
@@ -25233,7 +25311,7 @@ function Navbar(props) {
     overflows
   } = useContentOverflow(!sm);
   const showMobile = sm || overflows;
-  return /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(ContrastScope, { children: /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)("nav", { ...(0, import_runtime121.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(ContrastScope, { children: /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("nav", { ...(0, import_runtime123.trussProps)({
     ...{
       backgroundColor: ["bgColor_var", {
         "--backgroundColor": "var(--b-surface-raised)"
@@ -25249,10 +25327,10 @@ function Navbar(props) {
     },
     ...headerContentPaddingX(showMobile)
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)("div", { className: "df aic gap3 fg1 mw0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)("div", { className: "df aic fs0 gap2", children: [
-        showMobile && /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(NavbarMobileMenu, { items, ...tid }),
-        /* @__PURE__ */ (0, import_jsx_runtime197.jsx)("div", { ...(0, import_runtime121.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { className: "df aic gap3 fg1 mw0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { className: "df aic fs0 gap2", children: [
+        showMobile && /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(NavbarMobileMenu, { items, ...tid }),
+        /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("div", { ...(0, import_runtime123.trussProps)({
           flexShrink: "fs0",
           ...hideBrandOnMobile && showMobile ? {
             display: "dn"
@@ -25261,7 +25339,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_runtime197.jsx)("div", { ref: containerRef, ...(0, import_runtime121.trussProps)({
+      /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("div", { ref: containerRef, ...(0, import_runtime123.trussProps)({
         display: "df",
         alignItems: "aic",
         flexGrow: "fg1",
@@ -25270,11 +25348,11 @@ function Navbar(props) {
         ...overflows ? {
           visibility: "visibility_hidden"
         } : {}
-      }), ...tid.items, children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)("div", { ref: contentRef, className: "df aic gap2 width_max_content", children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(AppNavItems, { variant: "global", items, ...tid }) }) })
+      }), ...tid.items, children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("div", { ref: contentRef, className: "df aic gap2 width_max_content", children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(AppNavItems, { variant: "global", items, ...tid }) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime197.jsxs)("div", { className: "df aic gap1", children: [
-      rightSlot && /* @__PURE__ */ (0, import_jsx_runtime197.jsx)("div", { className: "df aic gap1", ...tid.rightSlot, children: rightSlot }),
-      user && /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(NavbarUserMenu, { user, ...tid.userMenu })
+    /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { className: "df aic gap1", children: [
+      rightSlot && /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("div", { className: "df aic gap1", ...tid.rightSlot, children: rightSlot }),
+      user && /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(NavbarUserMenu, { user, ...tid.userMenu })
     ] })
   ] }) });
 }
@@ -25282,7 +25360,7 @@ function NavbarUserMenu({
   user,
   ...tid
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime197.jsx)("div", { className: "df aic fs0 ml1", children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(ButtonMenu, { items: user.menuItems, persistentItems: user.persistentItems, trigger: {
+  return /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("div", { className: "df aic fs0 ml1", children: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(ButtonMenu, { items: user.menuItems, persistentItems: user.persistentItems, trigger: {
     src: user.picture,
     name: user.name,
     size: "sm",
@@ -25291,8 +25369,8 @@ function NavbarUserMenu({
 }
 
 // src/components/Pagination.tsx
-var import_runtime122 = require("@homebound/truss/runtime");
-var import_jsx_runtime198 = require("react/jsx-runtime");
+var import_runtime124 = require("@homebound/truss/runtime");
+var import_jsx_runtime200 = require("react/jsx-runtime");
 var defaultPage = {
   offset: 0,
   limit: 100
@@ -25324,7 +25402,7 @@ function Pagination(props) {
     }
   }
   const tid = useTestIds(props, "pagination");
-  return /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)("div", { ...(0, import_runtime122.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)("div", { ...(0, import_runtime124.trussProps)({
     display: "df",
     borderColor: ["bc_var", {
       "--borderColor": "var(--b-surface-separator)"
@@ -25341,24 +25419,24 @@ function Pagination(props) {
     paddingRight: "pr2",
     paddingTop: "pt2"
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("div", { className: "df mta mba mr2", ...tid.pageSizeLabel, children: "Page size:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("div", { className: "w_78px", children: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(SelectField, { compact: true, label: "Page Size", labelStyle: "hidden", options: pageOptions, value: pageSize, onSelect: (val) => set({
+    /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("div", { className: "df mta mba mr2", ...tid.pageSizeLabel, children: "Page size:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("div", { className: "w_78px", children: /* @__PURE__ */ (0, import_jsx_runtime200.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_runtime198.jsxs)("div", { className: "mla mta mba df", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)("div", { className: "df mta mba mr2", ...tid.pageInfoLabel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)("div", { className: "mla mta mba df", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)("div", { className: "df mta mba mr2", ...tid.pageInfoLabel, children: [
         first,
         " ",
         showLast ? `- ${last}` : "",
         " of ",
         totalCount
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(IconButton, { icon: "chevronLeft", color: hasPrevPage ? "--b-text-link-default" /* TextLinkDefault */ : "--b-surface-separator" /* SurfaceSeparator */, onClick: () => set({
+      /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(IconButton, { icon: "chevronLeft", color: hasPrevPage ? "--b-text-link-default" /* TextLinkDefault */ : "--b-surface-separator" /* SurfaceSeparator */, onClick: () => set({
         pageNumber: pageNumber - 1,
         pageSize
       }), disabled: !hasPrevPage, ...tid.previousIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(IconButton, { icon: "chevronRight", color: hasNextPage ? "--b-text-link-default" /* TextLinkDefault */ : "--b-surface-separator" /* SurfaceSeparator */, onClick: () => set({
+      /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(IconButton, { icon: "chevronRight", color: hasNextPage ? "--b-text-link-default" /* TextLinkDefault */ : "--b-surface-separator" /* SurfaceSeparator */, onClick: () => set({
         pageNumber: pageNumber + 1,
         pageSize
       }), disabled: !hasNextPage, ...tid.nextIcon })
@@ -25380,10 +25458,10 @@ function toPageNumberSize(page) {
 }
 
 // src/components/ScrollShadows.tsx
-var import_utils165 = require("@react-aria/utils");
+var import_utils166 = require("@react-aria/utils");
 var import_react142 = require("react");
-var import_runtime123 = require("@homebound/truss/runtime");
-var import_jsx_runtime199 = require("react/jsx-runtime");
+var import_runtime125 = require("@homebound/truss/runtime");
+var import_jsx_runtime201 = require("react/jsx-runtime");
 function ScrollShadows(props) {
   const {
     children,
@@ -25407,7 +25485,7 @@ function ScrollShadows(props) {
     const commonStyles = {
       position: "absolute",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime123.maybeCssVar)(zIndices.scrollShadow)
+        "--zIndex": (0, import_runtime125.maybeCssVar)(zIndices.scrollShadow)
       }],
       pointerEvents: "pointerEvents_none"
     };
@@ -25440,7 +25518,7 @@ function ScrollShadows(props) {
       ...startShadowStyles2,
       ...{
         background: ["background_var", {
-          "--background": (0, import_runtime123.maybeCssVar)(startGradient)
+          "--background": (0, import_runtime125.maybeCssVar)(startGradient)
         }]
       }
     }, {
@@ -25448,7 +25526,7 @@ function ScrollShadows(props) {
       ...endShadowStyles2,
       ...{
         background: ["background_var", {
-          "--background": (0, import_runtime123.maybeCssVar)(endGradient)
+          "--background": (0, import_runtime125.maybeCssVar)(endGradient)
         }]
       }
     }];
@@ -25469,14 +25547,14 @@ function ScrollShadows(props) {
     setShowEndShadow(start + boxSize < end);
   }, [horizontal]);
   const onResize = (0, import_react142.useCallback)(() => scrollRef.current && updateScrollProps(scrollRef.current), [updateScrollProps]);
-  (0, import_utils165.useResizeObserver)({
+  (0, import_utils166.useResizeObserver)({
     ref: scrollRef,
     onResize
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)("div", { ...(0, import_runtime123.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)("div", { ...(0, import_runtime125.trussProps)({
     display: "df",
     flexDirection: ["fd_var", {
-      "--flexDirection": (0, import_runtime123.maybeCssVar)(!horizontal ? "column" : "row")
+      "--flexDirection": (0, import_runtime125.maybeCssVar)(!horizontal ? "column" : "row")
     }],
     position: "relative",
     overflow: "oh",
@@ -25489,23 +25567,23 @@ function ScrollShadows(props) {
       width: width2
     }
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("div", { ...(0, import_runtime123.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { ...(0, import_runtime125.trussProps)({
       ...startShadowStyles,
       ...{
         opacity: ["o_var", {
-          "--opacity": (0, import_runtime123.maybeCssVar)(showStartShadow ? 1 : 0)
+          "--opacity": (0, import_runtime125.maybeCssVar)(showStartShadow ? 1 : 0)
         }]
       }
     }), "data-chromatic": "ignore" }),
-    /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("div", { ...(0, import_runtime123.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { ...(0, import_runtime125.trussProps)({
       ...endShadowStyles,
       ...{
         opacity: ["o_var", {
-          "--opacity": (0, import_runtime123.maybeCssVar)(showEndShadow ? 1 : 0)
+          "--opacity": (0, import_runtime125.maybeCssVar)(showEndShadow ? 1 : 0)
         }]
       }
     }), "data-chromatic": "ignore" }),
-    /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("div", { ...(0, import_runtime123.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { ...(0, import_runtime125.trussProps)({
       ...xss,
       ...{
         overflow: "oa",
@@ -25518,7 +25596,7 @@ function ScrollShadows(props) {
 
 // src/layouts/SideNavLayout/SideNavLayoutContext.tsx
 var import_react143 = require("react");
-var import_jsx_runtime200 = require("react/jsx-runtime");
+var import_jsx_runtime202 = require("react/jsx-runtime");
 var SIDE_NAV_LAYOUT_STATE_STORAGE_KEY = "beam.sideNavLayout.navState";
 function loadStoredNavState() {
   try {
@@ -25566,7 +25644,7 @@ function SideNavLayoutProvider(props) {
     });
   }, []);
   const value = (0, import_react143.useMemo)(() => ({ navState, setNavState }), [navState, setNavState]);
-  return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(SideNavLayoutContext.Provider, { value, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(SideNavLayoutContext.Provider, { value, children: props.children });
 }
 function useSideNavLayoutContext() {
   return (0, import_react143.useContext)(SideNavLayoutContext) ?? { navState: "expanded", setNavState: () => {
@@ -25577,8 +25655,8 @@ function useHasSideNavLayoutProvider() {
 }
 
 // src/components/SideNav/SideNav.tsx
-var import_runtime124 = require("@homebound/truss/runtime");
-var import_jsx_runtime201 = require("react/jsx-runtime");
+var import_runtime126 = require("@homebound/truss/runtime");
+var import_jsx_runtime203 = require("react/jsx-runtime");
 function SideNav(props) {
   const {
     top,
@@ -25591,8 +25669,8 @@ function SideNav(props) {
   const tid = useTestIds(props, "sideNav");
   const panelCollapsed = navState === "collapse";
   const hideOnCollapse = panelCollapsed && !allItemsHaveIcons(items);
-  return /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)("nav", { className: "df fdc h100 fs0", ...tid, children: [
-    top !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { ...(0, import_runtime124.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("nav", { className: "df fdc h100 fs0", ...tid, children: [
+    top !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("div", { ...(0, import_runtime126.trussProps)({
       flexShrink: "fs0",
       paddingLeft: "pl2",
       paddingRight: "pr2",
@@ -25603,7 +25681,7 @@ function SideNav(props) {
         paddingBottom: "pb4"
       } : {}
     }), ...tid.top, children: top }),
-    /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { ...(0, import_runtime124.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("div", { ...(0, import_runtime126.trussProps)({
       flexGrow: "fg1",
       overflowY: "oya",
       display: "df",
@@ -25615,8 +25693,8 @@ function SideNav(props) {
       ...top === void 0 ? {
         paddingTop: "pt5"
       } : {}
-    }), ...tid.items, children: !hideOnCollapse && /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(AppNavItems, { items, panelCollapsed }) }),
-    footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { ...(0, import_runtime124.trussProps)({
+    }), ...tid.items, children: !hideOnCollapse && /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(AppNavItems, { items, panelCollapsed }) }),
+    footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("div", { ...(0, import_runtime126.trussProps)({
       flexShrink: "fs0",
       paddingLeft: "pl2",
       paddingRight: "pr2",
@@ -25693,10 +25771,10 @@ var snackbarId = 1;
 // src/components/Stepper.tsx
 var import_react145 = require("react");
 var import_react_aria63 = require("react-aria");
-var import_runtime125 = require("@homebound/truss/runtime");
-var import_jsx_runtime202 = require("react/jsx-runtime");
+var import_runtime127 = require("@homebound/truss/runtime");
+var import_jsx_runtime204 = require("react/jsx-runtime");
 var import_react146 = require("react");
-var __maybeInc23 = (inc) => {
+var __maybeInc25 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function Stepper(props) {
@@ -25713,8 +25791,8 @@ function Stepper(props) {
   const maxStepWidth = 200;
   const minStepWidth = 100;
   const gap = 8;
-  return /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("nav", { "aria-label": "steps", className: "df fdc w100", ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("ol", { ...(0, import_runtime125.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("nav", { "aria-label": "steps", className: "df fdc w100", ...tid, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("ol", { ...(0, import_runtime127.trussProps)({
       padding: "p_0",
       margin: "m_0",
       listStyle: "lis_none",
@@ -25724,7 +25802,7 @@ function Stepper(props) {
       }]
     }), children: steps.map((step) => {
       const isCurrent = currentStep === step.value;
-      return /* @__PURE__ */ (0, import_react146.createElement)("li", { ...(0, import_runtime125.trussProps)({
+      return /* @__PURE__ */ (0, import_react146.createElement)("li", { ...(0, import_runtime127.trussProps)({
         display: "df",
         flexGrow: "fg1",
         flexDirection: "fdc",
@@ -25734,9 +25812,9 @@ function Stepper(props) {
         minWidth: ["mw_var", {
           "--minWidth": `${minStepWidth}px`
         }]
-      }), key: step.label, "aria-current": isCurrent, ...tid.step }, /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(StepButton, { ...step, onClick: () => onChange(step.value), isCurrent, ...tid.stepButton }));
+      }), key: step.label, "aria-current": isCurrent, ...tid.step }, /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(StepButton, { ...step, onClick: () => onChange(step.value), isCurrent, ...tid.stepButton }));
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { ...(0, import_runtime125.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { ...(0, import_runtime127.trussProps)({
       marginTop: "mt1",
       backgroundColor: ["bgColor_var", {
         "--backgroundColor": "var(--b-field-border-default)"
@@ -25749,14 +25827,14 @@ function Stepper(props) {
         "--minWidth": `${steps.length * minStepWidth + (steps.length - 1) * gap}px`
       }],
       width: "w100"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { ...(0, import_runtime125.trussProps)({
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { ...(0, import_runtime127.trussProps)({
       backgroundColor: ["bgColor_var", {
         "--backgroundColor": "var(--b-primary)"
       }],
       transition: "transition_width_200ms",
       height: "h100",
       width: ["w_var", {
-        "--width": (0, import_runtime125.maybeCssVar)(__maybeInc23(`${(lastCompletedStep + 1) / steps.length * 100}%`))
+        "--width": (0, import_runtime127.maybeCssVar)(__maybeInc25(`${(lastCompletedStep + 1) / steps.length * 100}%`))
       }]
     }) }) })
   ] });
@@ -25792,7 +25870,7 @@ function StepButton(props) {
     boxShadow: "bshFocus"
   };
   const tid = useTestIds(props, "stepButton");
-  return /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("button", { ref, ...buttonProps, ...focusProps, ...hoverProps, ...(0, import_runtime125.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime204.jsxs)("button", { ref, ...buttonProps, ...focusProps, ...hoverProps, ...(0, import_runtime127.trussProps)({
     ...{
       fontWeight: "fw6",
       fontSize: "fz_14px",
@@ -25853,7 +25931,7 @@ function StepButton(props) {
     } : {},
     ...isFocusVisible ? focusRingStyles2 : {}
   }), ...tid[defaultTestId(label)], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("span", { className: "fs0 mr_4px", children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(StepIcon, { state, isHovered, isPressed, isCurrent }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("span", { className: "fs0 mr_4px", children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(StepIcon, { state, isHovered, isPressed, isCurrent }) }),
     label
   ] });
 }
@@ -25864,12 +25942,12 @@ function StepIcon({
   isCurrent = false
 }) {
   if (state === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Icon, { icon: "errorCircle" });
+    return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Icon, { icon: "errorCircle" });
   }
   if (state === "complete") {
-    return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(Icon, { icon: "check" });
+    return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(Icon, { icon: "check" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { className: "w_24px h_24px df aic jcc", children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("div", { ...(0, import_runtime125.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { className: "w_24px h_24px df aic jcc", children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { ...(0, import_runtime127.trussProps)({
     width: "w_10px",
     height: "h_10px",
     borderStyle: "bss",
@@ -25885,8 +25963,8 @@ function StepIcon({
 // src/components/StepperTabs/StepperTab.tsx
 var import_react147 = require("react");
 var import_react_aria64 = require("react-aria");
-var import_runtime126 = require("@homebound/truss/runtime");
-var import_jsx_runtime203 = require("react/jsx-runtime");
+var import_runtime128 = require("@homebound/truss/runtime");
+var import_jsx_runtime205 = require("react/jsx-runtime");
 function StepperTab(props) {
   const {
     label,
@@ -25917,7 +25995,7 @@ function StepperTab(props) {
   const isHovered = __storyState?.hovered ?? isHoveredFromEvents;
   const isFocusVisible = __storyState?.focusVisible ?? isFocusVisibleFromEvents;
   const tid = useTestIds(props, "stepperTab");
-  return /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("button", { ref, ...(0, import_react_aria64.mergeProps)(buttonProps, focusProps, hoverProps), "aria-label": label, ...(0, import_runtime126.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("button", { ref, ...(0, import_react_aria64.mergeProps)(buttonProps, focusProps, hoverProps), "aria-label": label, ...(0, import_runtime128.trussProps)({
     ...stepperTabStyles.baseStyles,
     ...getStateStyles(active, completed),
     ...isHovered && !disabled ? stepperTabStyles.hoverStyles : {},
@@ -25925,10 +26003,10 @@ function StepperTab(props) {
     ...disabled ? stepperTabStyles.disabledStyles : {},
     ...isFocusVisible ? stepperTabStyles.focusRingStyles : {}
   }), ...tid[defaultTestId(value)], children: [
-    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(import_jsx_runtime203.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)("span", { className: "dg jic mw0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("span", { className: "fw6 fz_14px lh_20px visibility_hidden gridArea_1_1 oh d_negwebkit_box wbo_vertical to_ellipsis wlc_1 wordBreak_break_all", "aria-hidden": true, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("span", { ...(0, import_runtime126.trussProps)({
+    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(import_jsx_runtime205.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("span", { className: "dg jic mw0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("span", { className: "fw6 fz_14px lh_20px visibility_hidden gridArea_1_1 oh d_negwebkit_box wbo_vertical to_ellipsis wlc_1 wordBreak_break_all", "aria-hidden": true, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("span", { ...(0, import_runtime128.trussProps)({
           gridArea: "gridArea_1_1",
           overflow: "oh",
           display: "d_negwebkit_box",
@@ -25943,7 +26021,7 @@ function StepperTab(props) {
           } : {}
         }), children: label })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("span", { ...(0, import_runtime126.trussProps)({
+      /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("span", { ...(0, import_runtime128.trussProps)({
         flexShrink: "fs0",
         marginLeft: "ml1",
         transition: "transitionAll",
@@ -25953,10 +26031,10 @@ function StepperTab(props) {
           opacity: "o100",
           transform: "transform_scale_1_translateY_0"
         } : {}
-      }), children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(Icon, { icon: "check", inc: 2.5, ...tid.check }) })
+      }), children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(Icon, { icon: "check", inc: 2.5, ...tid.check }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime203.jsx)("span", { "aria-hidden": true, ...(0, import_runtime126.trussProps)(getIndicatorStyles(active, completed, disabled)), ...tid.indicator }),
-    /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_react_aria64.VisuallyHidden, { children: completed ? "Complete" : "Not Complete" })
+    /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("span", { "aria-hidden": true, ...(0, import_runtime128.trussProps)(getIndicatorStyles(active, completed, disabled)), ...tid.indicator }),
+    /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(import_react_aria64.VisuallyHidden, { children: completed ? "Complete" : "Not Complete" })
   ] });
 }
 function getStateStyles(active, completed) {
@@ -26037,8 +26115,8 @@ var stepperTabStyles = {
 };
 
 // src/components/StepperTabs/StepperTabs.tsx
-var import_runtime127 = require("@homebound/truss/runtime");
-var import_jsx_runtime204 = require("react/jsx-runtime");
+var import_runtime129 = require("@homebound/truss/runtime");
+var import_jsx_runtime206 = require("react/jsx-runtime");
 var import_react148 = require("react");
 function StepperTabs(props) {
   const {
@@ -26054,7 +26132,7 @@ function StepperTabs(props) {
   const collapsed = isMobile || !!forceCollapsed;
   const capWidth = steps.length <= 3;
   const currentStepIndex = Math.max(0, steps.findIndex((step) => step.value === currentStep));
-  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("nav", { "aria-label": "steps", className: "w100", ...tid, children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("ol", { ...(0, import_runtime127.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("nav", { "aria-label": "steps", className: "w100", ...tid, children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("ol", { ...(0, import_runtime129.trussProps)({
     padding: "p_0",
     margin: "m_0",
     listStyle: "lis_none",
@@ -26069,7 +26147,7 @@ function StepperTabs(props) {
   }), children: steps.map((step, idx) => {
     const isCurrent = idx === currentStepIndex;
     const isCompleted = idx < currentStepIndex;
-    return /* @__PURE__ */ (0, import_react148.createElement)("li", { ...(0, import_runtime127.trussProps)({
+    return /* @__PURE__ */ (0, import_react148.createElement)("li", { ...(0, import_runtime129.trussProps)({
       display: "df",
       flexGrow: "fg1",
       flexBasis: "fb_0",
@@ -26081,7 +26159,7 @@ function StepperTabs(props) {
           "--maxWidth": `${maxStepWidthPx}px`
         }]
       } : {}
-    }), key: step.value, "aria-current": isCurrent, ...tid.step }, /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(StepperTab, { label: step.label, value: step.value, active: isCurrent, completed: isCompleted, disabled: step.disabled, collapsed, onClick: onChange, ...tid.tab }));
+    }), key: step.value, "aria-current": isCurrent, ...tid.step }, /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(StepperTab, { label: step.label, value: step.value, active: isCurrent, completed: isCompleted, disabled: step.disabled, collapsed, onClick: onChange, ...tid.tab }));
   }) }) });
 }
 var maxStepWidthPx = 280;
@@ -26089,8 +26167,8 @@ var gapPx = 6;
 
 // src/components/SuperDrawer/components/SuperDrawerHeader.tsx
 var import_react_dom8 = require("react-dom");
-var import_runtime128 = require("@homebound/truss/runtime");
-var import_jsx_runtime205 = require("react/jsx-runtime");
+var import_runtime130 = require("@homebound/truss/runtime");
+var import_jsx_runtime207 = require("react/jsx-runtime");
 function SuperDrawerHeader(props) {
   const {
     hideControls
@@ -26107,20 +26185,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_dom8.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { className: "df aic jcsb gap3", ...tid, children: [
-    isStructuredProps(props) ? /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { className: "df jcsb aic gap2 fg1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { className: "fg1 df aic gap2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("h1", { className: "fw6 fz_30px lh_36px", children: props.title }),
+  return (0, import_react_dom8.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: "df aic jcsb gap3", ...tid, children: [
+    isStructuredProps(props) ? /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: "df jcsb aic gap2 fg1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: "fg1 df aic gap2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("h1", { className: "fw6 fz_30px lh_36px", children: props.title }),
         props.left
       ] }),
-      props.right && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { className: "fs0", children: props.right })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { className: "fg1", children: props.children }),
-    !hideControls && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { ...(0, import_runtime128.trussProps)({
+      props.right && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { className: "fs0", children: props.right })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { className: "fg1", children: props.children }),
+    !hideControls && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { ...(0, import_runtime130.trussProps)({
       flexShrink: "fs0",
       ...isDetail ? {
         visibility: "vh"
       } : {}
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(ButtonGroup, { buttons: [{
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(ButtonGroup, { buttons: [{
       icon: "chevronLeft",
       onClick: () => onPrevClick && onPrevClick(),
       disabled: !onPrevClick
@@ -26140,7 +26218,7 @@ var import_framer_motion7 = require("framer-motion");
 
 // src/components/SuperDrawer/useSuperDrawer.tsx
 var import_react149 = require("react");
-var import_jsx_runtime206 = require("react/jsx-runtime");
+var import_jsx_runtime208 = require("react/jsx-runtime");
 function useSuperDrawer() {
   const {
     drawerContentStack: contentStack,
@@ -26152,7 +26230,7 @@ function useSuperDrawer() {
   function canCloseDrawerDetails(i, doChange) {
     for (const canCloseDrawerDetail of canCloseDetailsChecks.current[i] ?? []) {
       if (!canClose(canCloseDrawerDetail)) {
-        openModal({ content: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawerDetail }) });
+        openModal({ content: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawerDetail }) });
         return false;
       }
     }
@@ -26172,7 +26250,7 @@ function useSuperDrawer() {
     for (const canCloseDrawer of canCloseChecks.current) {
       if (!canClose(canCloseDrawer)) {
         openModal({
-          content: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawer })
+          content: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawer })
         });
         return;
       }
@@ -26267,8 +26345,8 @@ function canClose(canCloseCheck) {
 }
 
 // src/components/SuperDrawer/SuperDrawerContent.tsx
-var import_runtime129 = require("@homebound/truss/runtime");
-var import_jsx_runtime207 = require("react/jsx-runtime");
+var import_runtime131 = require("@homebound/truss/runtime");
+var import_jsx_runtime209 = require("react/jsx-runtime");
 var SuperDrawerContent = ({
   children,
   actions
@@ -26288,17 +26366,17 @@ var SuperDrawerContent = ({
   } = firstContent ?? {};
   function wrapWithMotionAndMaybeBack(children2) {
     if (kind === "open") {
-      return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_framer_motion7.motion.div, { className: "pt3 pb3 pr3 pl3 fg1 oa", children: children2 }, "content");
+      return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(import_framer_motion7.motion.div, { className: "pt3 pb3 pr3 pl3 fg1 oa", children: children2 }, "content");
     } else if (kind === "detail") {
-      return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(import_framer_motion7.motion.div, { className: "pl3 pr3 pt2 pb3 fg1", animate: {
+      return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(import_framer_motion7.motion.div, { className: "pl3 pr3 pt2 pb3 fg1", animate: {
         overflow: "auto"
       }, transition: {
         overflow: {
           delay: 0.3
         }
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Button, { label: "Back", icon: "chevronLeft", variant: "tertiary", onClick: closeDrawerDetail }),
-        /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_framer_motion7.motion.div, { initial: {
+        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Button, { label: "Back", icon: "chevronLeft", variant: "tertiary", onClick: closeDrawerDetail }),
+        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(import_framer_motion7.motion.div, { initial: {
           x: width2,
           opacity: 0
         }, animate: {
@@ -26316,7 +26394,7 @@ var SuperDrawerContent = ({
         }, className: "pt2", children: children2 })
       ] }, "content");
     } else {
-      return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(import_framer_motion7.motion.div, { ...(0, import_runtime129.mergeProps)(void 0, {
+      return /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(import_framer_motion7.motion.div, { ...(0, import_runtime131.mergeProps)(void 0, {
         overflow: "auto"
       }, {
         paddingTop: "pt3",
@@ -26327,9 +26405,9 @@ var SuperDrawerContent = ({
       }) }, "content");
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(import_jsx_runtime207.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(import_jsx_runtime209.Fragment, { children: [
     wrapWithMotionAndMaybeBack(children),
-    actions && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("footer", { ...(0, import_runtime129.trussProps)({
+    actions && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("footer", { ...(0, import_runtime131.trussProps)({
       borderTopStyle: "bts_solid",
       borderTopWidth: "btw_1px",
       borderColor: ["bc_var", {
@@ -26342,7 +26420,7 @@ var SuperDrawerContent = ({
       display: "df",
       alignItems: "aic",
       justifyContent: "jcfe"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { className: "df gap1", children: actions.map((buttonProps, i) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Button, { ...buttonProps }, i)) }) })
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("div", { className: "df gap1", children: actions.map((buttonProps, i) => /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Button, { ...buttonProps }, i)) }) })
   ] });
 };
 
@@ -26390,15 +26468,15 @@ var import_react150 = require("react");
 var import_react_aria65 = require("react-aria");
 var import_react_router = require("react-router");
 var import_react_router_dom8 = require("react-router-dom");
-var import_runtime130 = require("@homebound/truss/runtime");
-var import_jsx_runtime208 = require("react/jsx-runtime");
+var import_runtime132 = require("@homebound/truss/runtime");
+var import_jsx_runtime210 = require("react/jsx-runtime");
 function TabsWithContent(props) {
   const styles = hideTabs(props) ? {} : {
     paddingTop: "pt3"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(import_jsx_runtime208.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Tabs, { ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(TabContent, { ...props, contentXss: {
+  return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(import_jsx_runtime210.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Tabs, { ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(TabContent, { ...props, contentXss: {
       ...styles,
       ...props.contentXss
     } })
@@ -26423,7 +26501,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_runtime208.jsx)(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...(0, import_runtime130.trussProps)(contentXss), children: selectedTab.render() }) })
+    /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...(0, import_runtime132.trussProps)(contentXss), children: selectedTab.render() }) })
   );
 }
 function Tabs(props) {
@@ -26465,7 +26543,7 @@ function Tabs(props) {
       setActive(selected);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)("div", { ...(0, import_runtime130.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { ...(0, import_runtime132.trussProps)({
     ...{
       display: "df",
       alignItems: "aic",
@@ -26483,11 +26561,11 @@ function Tabs(props) {
       }
     } : {}
   }), children: [
-    !hideTabs(props) && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("div", { ref, className: "dif gap1 asfe", "aria-label": ariaLabel, role: "tablist", ...tid, children: tabs.map((tab) => {
+    !hideTabs(props) && /* @__PURE__ */ (0, import_jsx_runtime210.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_runtime208.jsx)(TabImpl, { active: active === uniqueValue, focusProps, isFocusVisible, onClick, onKeyUp, onBlur, tab, ...tid[defaultTestId(uniqueValue)] }, uniqueValue);
+      return /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(TabImpl, { active: active === uniqueValue, focusProps, isFocusVisible, onClick, onKeyUp, onBlur, tab, ...tid[defaultTestId(uniqueValue)] }, uniqueValue);
     }) }),
-    right && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("div", { className: "mla df aic gap1 pb1", children: right })
+    right && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { className: "mla df aic gap1 pb1", children: right })
   ] });
 }
 function TabImpl(props) {
@@ -26531,7 +26609,7 @@ function TabImpl(props) {
     role: "tab",
     tabIndex: active ? 0 : -1,
     ...others,
-    ...(0, import_runtime130.trussProps)({
+    ...(0, import_runtime132.trussProps)({
       ...baseStyles4,
       ...active && activeStyles3,
       ...isDisabled && disabledStyles3,
@@ -26547,17 +26625,17 @@ function TabImpl(props) {
       onClick: () => onClick(tab.value)
     }
   });
-  const tabLabel = /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(import_jsx_runtime208.Fragment, { children: [
+  const tabLabel = /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(import_jsx_runtime210.Fragment, { children: [
     label,
-    (icon || endAdornment) && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("span", { className: "ml1", children: icon ? /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(Icon, { icon }) : endAdornment })
+    (icon || endAdornment) && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("span", { className: "ml1", children: icon ? /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Icon, { icon }) : endAdornment })
   ] });
   return isDisabled ? maybeTooltip({
     title: resolveTooltip(disabled),
     placement: "top",
-    children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("div", { ...tabProps, children: tabLabel })
-  }) : isRouteTab(tab) ? /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(import_react_router_dom8.Link, { ...(0, import_react_aria65.mergeProps)(tabProps, interactiveProps, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { ...tabProps, children: tabLabel })
+  }) : isRouteTab(tab) ? /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(import_react_router_dom8.Link, { ...(0, import_react_aria65.mergeProps)(tabProps, interactiveProps, {
     className: "navLink"
-  }), to: tab.href, children: tabLabel }) : /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("button", { ...{
+  }), to: tab.href, children: tabLabel }) : /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("button", { ...{
     ...tabProps,
     ...interactiveProps
   }, children: tabLabel });
@@ -26568,7 +26646,7 @@ function getTabStyles() {
   const borderBottomStyles = {
     borderBottomStyle: "bbs_solid",
     borderBottomWidth: ["borderBottomWidth_var", {
-      "--borderBottomWidth": (0, import_runtime130.maybeCssVar)(`${borderBottomWidthPx}px`)
+      "--borderBottomWidth": (0, import_runtime132.maybeCssVar)(`${borderBottomWidthPx}px`)
     }],
     paddingBottom: ["pb_var", {
       "--paddingBottom": `${verticalPaddingPx - borderBottomWidthPx}px`
@@ -26665,7 +26743,7 @@ function hideTabs(props) {
 }
 
 // src/components/TagGroup.tsx
-var import_jsx_runtime209 = require("react/jsx-runtime");
+var import_jsx_runtime211 = require("react/jsx-runtime");
 function TagGroup(props) {
   const {
     tags,
@@ -26673,9 +26751,9 @@ function TagGroup(props) {
     ...otherProps
   } = props;
   const tid = useTestIds(otherProps, "tagGroup");
-  return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { ...tid, className: "df aic fww gap1", children: [
-    tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Tag, { ...tag, variant: "secondary" }, tag.text)),
-    onEdit && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("span", { className: "ml1 fw4 fz_14px lh_20px", children: /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Button, { label: "Edit", variant: "text", onClick: onEdit, ...tid.edit }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { ...tid, className: "df aic fww gap1", children: [
+    tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Tag, { ...tag, variant: "secondary" }, tag.text)),
+    onEdit && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("span", { className: "ml1 fw4 fz_14px lh_20px", children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Button, { label: "Edit", variant: "text", onClick: onEdit, ...tid.edit }) })
   ] });
 }
 
@@ -26688,15 +26766,15 @@ function useToast() {
 }
 
 // src/layouts/SideNavLayout/SideNavLayout.tsx
-var import_runtime131 = require("@homebound/truss/runtime");
-var import_jsx_runtime210 = require("react/jsx-runtime");
-var __maybeInc24 = (inc) => {
+var import_runtime133 = require("@homebound/truss/runtime");
+var import_jsx_runtime212 = require("react/jsx-runtime");
+var __maybeInc26 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function SideNavLayout(props) {
   const hasProvider = useHasSideNavLayoutProvider();
-  if (hasProvider) return /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(SideNavLayoutContent, { ...props });
-  return /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(SideNavLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(SideNavLayoutContent, { ...props }) });
+  if (hasProvider) return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(SideNavLayoutContent, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(SideNavLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(SideNavLayoutContent, { ...props }) });
 }
 function SideNavLayoutContent(props) {
   const {
@@ -26718,7 +26796,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_runtime210.jsxs)("div", { ...(0, import_runtime131.trussProps)({
+  const rail = showRail && /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { ...(0, import_runtime133.trussProps)({
     ...{
       display: "df",
       flexDirection: "fdc",
@@ -26742,14 +26820,14 @@ function SideNavLayoutContent(props) {
       position: "sticky",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime131.maybeCssVar)(zIndices.sideNav)
+        "--zIndex": (0, import_runtime133.maybeCssVar)(zIndices.sideNav)
       }],
       top: ["top_var", {
-        "--top": (0, import_runtime131.maybeCssVar)(__maybeInc24(navTop))
+        "--top": (0, import_runtime133.maybeCssVar)(__maybeInc26(navTop))
       }],
       alignSelf: "asfs",
       height: ["h_var", {
-        "--height": (0, import_runtime131.maybeCssVar)(__maybeInc24(railViewportHeight))
+        "--height": (0, import_runtime133.maybeCssVar)(__maybeInc26(railViewportHeight))
       }],
       width: ["w_var", {
         "--width": `${collapsed ? railCollapsedWidthPx : railWidthPx}px`
@@ -26759,11 +26837,11 @@ function SideNavLayoutContent(props) {
         position: "fixed",
         left: "left0",
         top: ["top_var", {
-          "--top": (0, import_runtime131.maybeCssVar)(__maybeInc24(navTop))
+          "--top": (0, import_runtime133.maybeCssVar)(__maybeInc26(navTop))
         }],
         bottom: "bottom0",
         zIndex: ["z_var", {
-          "--zIndex": (0, import_runtime131.maybeCssVar)(zIndices.sideNav)
+          "--zIndex": (0, import_runtime133.maybeCssVar)(zIndices.sideNav)
         }]
       },
       ...collapsed ? {
@@ -26775,18 +26853,18 @@ function SideNavLayoutContent(props) {
       }
     }
   }), ...tid.sideNav, children: [
-    showCollapseToggle && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { className: "absolute right2 top2 z2", children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(SideNav, { ...sideNav }) })
+    showCollapseToggle && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { className: "absolute right2 top2 z2", children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(SideNav, { ...sideNav }) })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)("div", { ...(0, import_runtime131.mergeProps)(void 0, {
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { ...(0, import_runtime133.mergeProps)(void 0, {
     [beamSideNavLayoutWidthVar]: `${railOffsetPx}px`
   }, {
     display: "df",
     flexDirection: "fdr",
     width: "w100"
   }), ...tid, children: [
-    contrastRail ? /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(ContrastScope, { children: rail }) : rail,
-    /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { ...(0, import_runtime131.trussProps)({
+    contrastRail ? /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(ContrastScope, { children: rail }) : rail,
+    /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { ...(0, import_runtime133.trussProps)({
       display: "df",
       flexDirection: "fdc",
       flexGrow: "fg1",
@@ -26802,9 +26880,9 @@ function SideNavLayoutContent(props) {
 }
 
 // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
-var import_runtime132 = require("@homebound/truss/runtime");
-var import_jsx_runtime211 = require("react/jsx-runtime");
-var __maybeInc25 = (inc) => {
+var import_runtime134 = require("@homebound/truss/runtime");
+var import_jsx_runtime213 = require("react/jsx-runtime");
+var __maybeInc27 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function EnvironmentBannerLayout(props) {
@@ -26819,35 +26897,35 @@ function EnvironmentBannerLayout(props) {
     [beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
   };
   const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { ...(0, import_runtime132.mergeProps)(void 0, style, {
+  return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsxs)("div", { ...(0, import_runtime134.mergeProps)(void 0, style, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    showBanner && environmentBanner && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { ...(0, import_runtime132.mergeProps)(void 0, {
+    showBanner && environmentBanner && /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("div", { ...(0, import_runtime134.mergeProps)(void 0, {
       height: environmentBannerSizePx
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { ...(0, import_runtime132.trussProps)({
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("div", { ...(0, import_runtime134.trussProps)({
       position: "fixed",
       top: "top0",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime132.maybeCssVar)(zIndices.environmentBanner)
+        "--zIndex": (0, import_runtime134.maybeCssVar)(zIndices.environmentBanner)
       }],
       width: ["w_var", {
-        "--width": (0, import_runtime132.maybeCssVar)(__maybeInc25(innerWidth))
+        "--width": (0, import_runtime134.maybeCssVar)(__maybeInc27(innerWidth))
       }]
-    }), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
+    }), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
     children
   ] }) }) });
 }
 
 // src/layouts/FormSectionLayout/FormSectionLayout.tsx
-var import_runtime133 = require("@homebound/truss/runtime");
-var import_jsx_runtime212 = require("react/jsx-runtime");
+var import_runtime135 = require("@homebound/truss/runtime");
+var import_jsx_runtime214 = require("react/jsx-runtime");
 function FormSectionLayout(props) {
   const {
     title,
@@ -26857,14 +26935,14 @@ function FormSectionLayout(props) {
     sections
   } = props;
   const tid = useTestIds(props, "formSectionLayout");
-  return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { className: "df fdc gap8 w100 pt4 maxw_720px mla mra sm_pl2 sm_pr2", ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { className: "df fdc gap3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { className: "df fdc jcsb gap_12px", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)("div", { className: "df jcsb aic", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
-          actions && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(Button, { ...action }, `${action.label}`)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "df fdc gap8 w100 pt4 maxw_720px mla mra sm_pl2 sm_pr2", ...tid, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "df fdc gap3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "df fdc jcsb gap_12px", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { className: "df jcsb aic", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
+          actions && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Button, { ...action }, `${action.label}`)) })
         ] }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { ...(0, import_runtime133.trussProps)({
+        description && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { ...(0, import_runtime135.trussProps)({
           fontWeight: "fw4",
           fontSize: "fz_14px",
           lineHeight: "lh_20px",
@@ -26875,13 +26953,13 @@ function FormSectionLayout(props) {
       ] }),
       initialFields
     ] }),
-    sections && /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { className: "df fdc gap8", children: sections.map((section, i) => /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(FormSection, { ...section }, defaultTestId(section.title) || i)) })
+    sections && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { className: "df fdc gap8", children: sections.map((section, i) => /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(FormSection, { ...section }, defaultTestId(section.title) || i)) })
   ] });
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
 var import_react155 = require("react");
-var import_runtime134 = require("@homebound/truss/runtime");
+var import_runtime136 = require("@homebound/truss/runtime");
 
 // src/layouts/useAutoHideOnScroll.ts
 var import_react152 = require("react");
@@ -26974,7 +27052,7 @@ function useAutoHideOnScroll(spacerRef, enabled, getTopOffset) {
 }
 
 // src/layouts/useMeasuredHeight.ts
-var import_utils178 = require("@react-aria/utils");
+var import_utils179 = require("@react-aria/utils");
 var import_react153 = require("react");
 function useMeasuredHeight(ref, enabled) {
   const [height, setHeight] = (0, import_react153.useState)(0);
@@ -26983,7 +27061,7 @@ function useMeasuredHeight(ref, enabled) {
     const next = el ? Math.round(el.getBoundingClientRect().height) : 0;
     setHeight((prev) => prev === next ? prev : next);
   }, [ref]);
-  (0, import_utils178.useResizeObserver)({ ref, onResize: syncElementHeight });
+  (0, import_utils179.useResizeObserver)({ ref, onResize: syncElementHeight });
   (0, import_react153.useLayoutEffect)(() => {
     syncElementHeight();
   }, [enabled, syncElementHeight]);
@@ -26992,18 +27070,18 @@ function useMeasuredHeight(ref, enabled) {
 
 // src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
 var import_react154 = require("react");
-var import_jsx_runtime213 = require("react/jsx-runtime");
+var import_jsx_runtime215 = require("react/jsx-runtime");
 var NavbarLayoutHeightContext = (0, import_react154.createContext)(0);
 function NavbarLayoutHeightProvider({ value, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(NavbarLayoutHeightContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(NavbarLayoutHeightContext.Provider, { value, children });
 }
 function useNavbarLayoutHeight() {
   return (0, import_react154.useContext)(NavbarLayoutHeightContext);
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
-var import_jsx_runtime214 = require("react/jsx-runtime");
-var __maybeInc26 = (inc) => {
+var import_jsx_runtime216 = require("react/jsx-runtime");
+var __maybeInc28 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function NavbarLayout(props) {
@@ -27031,10 +27109,10 @@ function NavbarLayout(props) {
       position: "sticky",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime134.maybeCssVar)(zIndices.navbar)
+        "--zIndex": (0, import_runtime136.maybeCssVar)(zIndices.navbar)
       }],
       width: ["w_var", {
-        "--width": (0, import_runtime134.maybeCssVar)(__maybeInc26(innerWidth))
+        "--width": (0, import_runtime136.maybeCssVar)(__maybeInc28(innerWidth))
       }]
     }
   ) : (
@@ -27043,10 +27121,10 @@ function NavbarLayout(props) {
       position: "fixed",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": (0, import_runtime134.maybeCssVar)(zIndices.navbar)
+        "--zIndex": (0, import_runtime136.maybeCssVar)(zIndices.navbar)
       }],
       width: ["w_var", {
-        "--width": (0, import_runtime134.maybeCssVar)(__maybeInc26(innerWidth))
+        "--width": (0, import_runtime136.maybeCssVar)(__maybeInc28(innerWidth))
       }],
       transition: "transitionTop"
     }
@@ -27055,20 +27133,20 @@ function NavbarLayout(props) {
   const innerStyle = autoHideState !== "static" ? {
     top: autoHideState === "revealed" ? bannerTop : `calc(${bannerTop} - ${navHeight}px)`
   } : void 0;
-  const navbarEl = (0, import_react155.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Navbar, { ...navbar }), [navbar]);
-  return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)("div", { ...(0, import_runtime134.mergeProps)(void 0, cssVars, {
+  const navbarEl = (0, import_react155.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Navbar, { ...navbar }), [navbar]);
+  return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { ...(0, import_runtime136.mergeProps)(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { ref: spacerRef, ...(0, import_runtime134.mergeProps)(void 0, {
+    /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("div", { ref: spacerRef, ...(0, import_runtime136.mergeProps)(void 0, {
       height: navHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { ref: navMetricsRef, ...(0, import_runtime134.mergeProps)(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("div", { ref: navMetricsRef, ...(0, import_runtime136.mergeProps)(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
   ] }) }) });
 }
 
@@ -27076,8 +27154,8 @@ function NavbarLayout(props) {
 var import_react156 = require("react");
 
 // src/components/Headers/BaseHeader.tsx
-var import_runtime135 = require("@homebound/truss/runtime");
-var import_jsx_runtime215 = require("react/jsx-runtime");
+var import_runtime137 = require("@homebound/truss/runtime");
+var import_jsx_runtime217 = require("react/jsx-runtime");
 function BaseHeader(props) {
   const {
     title,
@@ -27089,7 +27167,7 @@ function BaseHeader(props) {
   } = props;
   const tid = useTestIds(otherProps, "header");
   useDocumentTitle(title, documentTitleSuffix);
-  return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("header", { ...tid, ...(0, import_runtime135.trussProps)({
+  return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("header", { ...tid, ...(0, import_runtime137.trussProps)({
     display: "df",
     flexDirection: "fdc",
     paddingTop: "pt3",
@@ -27103,7 +27181,7 @@ function BaseHeader(props) {
       "--backgroundColor": "var(--b-surface)"
     }]
   }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { ...(0, import_runtime135.trussProps)({
+    /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { ...(0, import_runtime137.trussProps)({
       ...{
         display: "df",
         justifyContent: "jcsb",
@@ -27117,9 +27195,9 @@ function BaseHeader(props) {
         } : {}
       }
     }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: "mw0", children: [
-        breadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Breadcrumbs, { ...breadcrumbs }),
-        /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("h1", { ...tid.title, ...(0, import_runtime135.trussProps)({
+      /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { className: "mw0", children: [
+        breadcrumbs && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Breadcrumbs, { ...breadcrumbs }),
+        /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("h1", { ...tid.title, ...(0, import_runtime137.trussProps)({
           fontWeight: "fw6",
           fontSize: "fz_20px",
           lineHeight: "lh_28px",
@@ -27128,22 +27206,22 @@ function BaseHeader(props) {
           }]
         }), children: title })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime215.jsx)("div", { className: "fs0", children: rightSlot })
+      /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { className: "fs0", children: rightSlot })
     ] }),
     bottomSlot
   ] });
 }
 
 // src/components/Headers/PageHeader.tsx
-var import_runtime136 = require("@homebound/truss/runtime");
-var import_jsx_runtime216 = require("react/jsx-runtime");
+var import_runtime138 = require("@homebound/truss/runtime");
+var import_jsx_runtime218 = require("react/jsx-runtime");
 function PageHeader2(props) {
   const {
     tabs,
     ...otherProps
   } = props;
   const tid = useTestIds(otherProps, "header");
-  return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(BaseHeader, { ...otherProps, bottomSlot: tabs && /* @__PURE__ */ (0, import_jsx_runtime216.jsx)("div", { ...(0, import_runtime136.trussProps)(pageContentPaddingX), children: /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Tabs, { ...tabs, ...tid.tabs }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(BaseHeader, { ...otherProps, bottomSlot: tabs && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)("div", { ...(0, import_runtime138.trussProps)(pageContentPaddingX), children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Tabs, { ...tabs, ...tid.tabs }) }) });
 }
 
 // src/layouts/useBannerAndNavbarHeight.ts
@@ -27152,9 +27230,9 @@ function useBannerAndNavbarHeight() {
 }
 
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
-var import_runtime137 = require("@homebound/truss/runtime");
-var import_jsx_runtime217 = require("react/jsx-runtime");
-var __maybeInc27 = (inc) => {
+var import_runtime139 = require("@homebound/truss/runtime");
+var import_jsx_runtime219 = require("react/jsx-runtime");
+var __maybeInc29 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function PageHeaderLayout(props) {
@@ -27184,118 +27262,67 @@ function PageHeaderLayout(props) {
   const innerCss = autoHideState === "static" ? {
     position: "sticky",
     left: ["left_var", {
-      "--left": (0, import_runtime137.maybeCssVar)(__maybeInc27(headerLeft))
+      "--left": (0, import_runtime139.maybeCssVar)(__maybeInc29(headerLeft))
     }],
     width: ["w_var", {
-      "--width": (0, import_runtime137.maybeCssVar)(__maybeInc27(headerWidth))
+      "--width": (0, import_runtime139.maybeCssVar)(__maybeInc29(headerWidth))
     }],
     zIndex: ["z_var", {
-      "--zIndex": (0, import_runtime137.maybeCssVar)(zIndices.pageStickyHeader)
+      "--zIndex": (0, import_runtime139.maybeCssVar)(zIndices.pageStickyHeader)
     }]
   } : {
     position: "fixed",
     left: ["left_var", {
-      "--left": (0, import_runtime137.maybeCssVar)(__maybeInc27(headerLeft))
+      "--left": (0, import_runtime139.maybeCssVar)(__maybeInc29(headerLeft))
     }],
     width: ["w_var", {
-      "--width": (0, import_runtime137.maybeCssVar)(__maybeInc27(headerWidth))
+      "--width": (0, import_runtime139.maybeCssVar)(__maybeInc29(headerWidth))
     }],
     zIndex: ["z_var", {
-      "--zIndex": (0, import_runtime137.maybeCssVar)(zIndices.pageStickyHeader)
+      "--zIndex": (0, import_runtime139.maybeCssVar)(zIndices.pageStickyHeader)
     }],
     transition: "transitionTop"
   };
   const innerStyle = autoHideState !== "static" ? {
     top: autoHideState === "revealed" ? outerTop : `calc(${outerTop} - ${headerHeight}px)`
   } : void 0;
-  const pageHeaderEl = (0, import_react156.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(PageHeader2, { ...pageHeader }), [pageHeader]);
-  return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { ...(0, import_runtime137.mergeProps)(void 0, cssVars, {
+  const pageHeaderEl = (0, import_react156.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(PageHeader2, { ...pageHeader }), [pageHeader]);
+  return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)("div", { ...(0, import_runtime139.mergeProps)(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "w100"
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ref: spacerRef, ...(0, import_runtime137.mergeProps)(void 0, {
+    /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("div", { ref: spacerRef, ...(0, import_runtime139.mergeProps)(void 0, {
       height: headerHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime137.mergeProps)(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
+    }), children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime139.mergeProps)(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime219.jsx)("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
   ] }) });
 }
 
 // src/layouts/WorkflowLayout/WorkflowLayout.tsx
-var import_react159 = require("react");
+var import_react158 = require("react");
 
 // src/components/Headers/WorkflowHeader.tsx
-var import_jsx_runtime218 = require("react/jsx-runtime");
+var import_jsx_runtime220 = require("react/jsx-runtime");
 function WorkflowHeader(props) {
   const { stepperTabs, ...otherProps } = props;
   const tid = useTestIds(otherProps, "header");
-  return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(BaseHeader, { ...otherProps, bottomSlot: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) });
-}
-
-// src/layouts/useScrollCollapse.ts
-var import_react157 = require("react");
-function useScrollCollapse(enabled, restingOffset) {
-  const [collapsed, setCollapsed] = (0, import_react157.useState)(() => typeof window !== "undefined" && window.scrollY > 0);
-  const collapsedRef = (0, import_react157.useRef)(collapsed);
-  collapsedRef.current = collapsed;
-  const restingOffsetRef = (0, import_react157.useRef)(restingOffset);
-  restingOffsetRef.current = restingOffset;
-  const lastScrollYRef = (0, import_react157.useRef)(Number.POSITIVE_INFINITY);
-  const lastScrollHeightRef = (0, import_react157.useRef)(0);
-  (0, import_react157.useLayoutEffect)(() => {
-    lastScrollHeightRef.current = document.documentElement.scrollHeight;
-  }, [restingOffset]);
-  (0, import_react157.useLayoutEffect)(() => {
-    if (!enabled) return;
-    const commit = (next) => {
-      if (next !== collapsedRef.current) {
-        collapsedRef.current = next;
-        setCollapsed(next);
-      }
-    };
-    const updateCollapsed = () => {
-      const doc = document.documentElement;
-      const currentY = window.scrollY;
-      if (currentY <= 0) {
-        lastScrollYRef.current = 0;
-        lastScrollHeightRef.current = doc.scrollHeight;
-        commit(false);
-        return;
-      }
-      const currentScrollHeight = doc.scrollHeight;
-      const scrollHeightChanged = lastScrollHeightRef.current !== 0 && currentScrollHeight !== lastScrollHeightRef.current;
-      const dy = currentY - lastScrollYRef.current;
-      lastScrollYRef.current = currentY;
-      lastScrollHeightRef.current = currentScrollHeight;
-      if (currentY <= restingOffsetRef.current) return;
-      if (scrollHeightChanged) {
-        commit(true);
-        return;
-      }
-      const atBottom = currentY >= doc.scrollHeight - doc.clientHeight;
-      if (dy > 0) commit(true);
-      else if (dy < 0 && !atBottom) commit(false);
-    };
-    updateCollapsed();
-    window.addEventListener("scroll", updateCollapsed, { passive: true });
-    return () => window.removeEventListener("scroll", updateCollapsed);
-  }, [enabled]);
-  return collapsed;
+  return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(BaseHeader, { ...otherProps, bottomSlot: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) });
 }
 
 // src/layouts/WorkflowLayout/useUnsavedChangesGuard.tsx
-var import_react158 = require("react");
+var import_react157 = require("react");
 var import_react_router_dom9 = require("react-router-dom");
-var import_jsx_runtime219 = require("react/jsx-runtime");
+var import_jsx_runtime221 = require("react/jsx-runtime");
 function useUnsavedChangesGuard(options) {
   const { isDirty, onCancel } = options;
   const { openModal } = useModal();
-  const isDirtyRef = (0, import_react158.useRef)(isDirty);
+  const isDirtyRef = (0, import_react157.useRef)(isDirty);
   isDirtyRef.current = isDirty;
-  (0, import_react158.useEffect)(() => {
+  (0, import_react157.useEffect)(() => {
     const onBeforeUnload = (e) => {
       if (isDirtyRef.current?.()) {
         e.preventDefault();
@@ -27312,7 +27339,7 @@ function useUnsavedChangesGuard(options) {
     }
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(ConfirmCloseModal, { onClose: () => onCancel(e) })
+      content: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(ConfirmCloseModal, { onClose: () => onCancel(e) })
     });
   };
   const navigationBlocker = blocker.state === "blocked" ? { proceed: () => blocker.proceed?.(), cancelNavigation: () => blocker.reset?.() } : void 0;
@@ -27321,10 +27348,10 @@ function useUnsavedChangesGuard(options) {
 function UnsavedChangesNavigationModal(props) {
   const { proceed, cancelNavigation } = props;
   const { openModal, closeModal } = useModal();
-  (0, import_react158.useEffect)(() => {
+  (0, import_react157.useEffect)(() => {
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
+      content: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
     });
     return () => closeModal();
   }, []);
@@ -27332,7 +27359,7 @@ function UnsavedChangesNavigationModal(props) {
 }
 
 // src/layouts/WorkflowLayout/WorkflowActions.tsx
-var import_jsx_runtime220 = require("react/jsx-runtime");
+var import_jsx_runtime222 = require("react/jsx-runtime");
 function WorkflowActions(props) {
   const {
     isFirstStep,
@@ -27346,20 +27373,20 @@ function WorkflowActions(props) {
     onContinue,
     primaryDisabled
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "df aic jcsb sm_w100", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("div", { className: "df aic", children: !isFirstStep && isMobile && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { className: "df aic gap1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
-      onSaveAndExit && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
-      isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Button, { label: completeLabel, variant: "primary", onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Button, { label: "Continue", variant: "primary", onClick: onContinue, disabled: primaryDisabled })
+  return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "df aic jcsb sm_w100", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { className: "df aic", children: !isFirstStep && isMobile && /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className: "df aic gap1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
+      onSaveAndExit && /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
+      isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Button, { label: completeLabel, variant: "primary", onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(Button, { label: "Continue", variant: "primary", onClick: onContinue, disabled: primaryDisabled })
     ] })
   ] });
 }
 
 // src/layouts/WorkflowLayout/WorkflowLayout.tsx
-var import_runtime138 = require("@homebound/truss/runtime");
-var import_jsx_runtime221 = require("react/jsx-runtime");
-var __maybeInc28 = (inc) => {
+var import_runtime140 = require("@homebound/truss/runtime");
+var import_jsx_runtime223 = require("react/jsx-runtime");
+var __maybeInc30 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function WorkflowLayout(props) {
@@ -27377,7 +27404,7 @@ function WorkflowLayout(props) {
     ...step,
     value: defaultTestId(step.label)
   }));
-  const [currentStep, setCurrentStep] = (0, import_react159.useState)(() => getInitialStep(stepTabs, defaultStep));
+  const [currentStep, setCurrentStep] = (0, import_react158.useState)(() => getInitialStep(stepTabs, defaultStep));
   const tid = useTestIds(props, "workflowLayout");
   const {
     sm: isMobile
@@ -27389,11 +27416,8 @@ function WorkflowLayout(props) {
     isDirty,
     onCancel
   });
-  const bannerAndNavbarHeight = useBannerAndNavbarHeight();
-  const headerMetricsRef = (0, import_react159.useRef)(null);
+  const headerMetricsRef = (0, import_react158.useRef)(null);
   const headerHeight = useMeasuredHeight(headerMetricsRef, true);
-  const scrollCollapsed = useScrollCollapse(!isMobile, bannerAndNavbarHeight + headerHeight);
-  const collapsed = isMobile || scrollCollapsed;
   const headerWidth = documentScrollChromeWidth();
   const outerTop = bannerAndNavbarChromeTop();
   const cssVars = headerHeight > 0 ? {
@@ -27403,7 +27427,7 @@ function WorkflowLayout(props) {
   const isFirstStep = currentIndex <= 0;
   const isLastStep = currentIndex === stepTabs.length - 1;
   const activeStep = stepTabs[currentIndex];
-  const buttons = /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(WorkflowActions, { isFirstStep, isLastStep, isMobile, onBack: () => setCurrentStep(stepTabs[currentIndex - 1].value), onCancel: onCancelClick, onSaveAndExit, completeLabel, onComplete, primaryDisabled: !activeStep?.isValid, onContinue: async () => {
+  const buttons = /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(WorkflowActions, { isFirstStep, isLastStep, isMobile, onBack: () => setCurrentStep(stepTabs[currentIndex - 1].value), onCancel: onCancelClick, onSaveAndExit, completeLabel, onComplete, primaryDisabled: !activeStep?.isValid, onContinue: async () => {
     const onContinue = activeStep?.onContinue;
     if (onContinue) {
       const allowed = await onContinue();
@@ -27412,7 +27436,7 @@ function WorkflowLayout(props) {
     setCurrentStep(stepTabs[currentIndex + 1].value);
   } });
   const showFooter = isMobile;
-  (0, import_react159.useLayoutEffect)(() => {
+  (0, import_react158.useLayoutEffect)(() => {
     const root = document.documentElement;
     const previous = root.style.getPropertyValue(beamWorkflowLayoutFooterHeightVar);
     root.style.setProperty(beamWorkflowLayoutFooterHeightVar, showFooter ? `${mobileFooterHeightPx}px` : "0px");
@@ -27424,50 +27448,57 @@ function WorkflowLayout(props) {
       }
     };
   }, [showFooter]);
-  const headerEl = /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(WorkflowHeader, { ...headerProps, rightSlot: isMobile ? void 0 : buttons, stepperTabs: {
-    steps: stepTabs,
-    currentStep,
-    onChange: setCurrentStep,
-    collapsed
-  } });
-  return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)(DocumentScrollLayoutProvider, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { ...(0, import_runtime138.mergeProps)(void 0, cssVars, {
+  const headerEl = /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
+    WorkflowHeader,
+    {
+      ...headerProps,
+      rightSlot: isMobile ? void 0 : buttons,
+      stepperTabs: {
+        steps: stepTabs,
+        currentStep,
+        onChange: setCurrentStep,
+        collapsed: isMobile
+      }
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(DocumentScrollLayoutProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)("div", { ...(0, import_runtime140.mergeProps)(void 0, cssVars, {
       display: "df",
       flexDirection: "fdc",
       width: "w100"
     }), ...tid, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime138.trussProps)({
+      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime140.trussProps)({
         position: "sticky",
         left: "left0",
         width: ["w_var", {
-          "--width": (0, import_runtime138.maybeCssVar)(__maybeInc28(headerWidth))
+          "--width": (0, import_runtime140.maybeCssVar)(__maybeInc30(headerWidth))
         }],
         zIndex: ["z_var", {
-          "--zIndex": (0, import_runtime138.maybeCssVar)(zIndices.pageStickyHeader)
+          "--zIndex": (0, import_runtime140.maybeCssVar)(zIndices.pageStickyHeader)
         }],
         top: ["top_var", {
-          "--top": (0, import_runtime138.maybeCssVar)(__maybeInc28(outerTop))
+          "--top": (0, import_runtime140.maybeCssVar)(__maybeInc30(outerTop))
         }]
       }), ...tid.header, children: headerEl }),
-      /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children: activeStep?.content }),
-      showFooter && /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { ...(0, import_runtime138.trussProps)({
+      /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children: activeStep?.content }),
+      showFooter && /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { ...(0, import_runtime140.trussProps)({
         flexShrink: "fs0",
         width: "w100",
         height: ["h_var", {
           "--height": `${mobileFooterHeightPx}px`
         }]
-      }), children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { ...(0, import_runtime138.trussProps)({
+      }), children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)("div", { ...(0, import_runtime140.trussProps)({
         ...{
           position: "fixed",
           bottom: "bottom0",
           width: ["w_var", {
-            "--width": (0, import_runtime138.maybeCssVar)(__maybeInc28(headerWidth))
+            "--width": (0, import_runtime140.maybeCssVar)(__maybeInc30(headerWidth))
           }],
           height: ["h_var", {
             "--height": `${mobileFooterHeightPx}px`
           }],
           zIndex: ["z_var", {
-            "--zIndex": (0, import_runtime138.maybeCssVar)(zIndices.pageStickyFooter)
+            "--zIndex": (0, import_runtime140.maybeCssVar)(zIndices.pageStickyFooter)
           }],
           display: "df",
           alignItems: "aic",
@@ -27485,7 +27516,7 @@ function WorkflowLayout(props) {
         ...pageContentPaddingX
       }), ...tid.footer, children: buttons }) })
     ] }),
-    navigationBlocker && /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(UnsavedChangesNavigationModal, { ...navigationBlocker })
+    navigationBlocker && /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(UnsavedChangesNavigationModal, { ...navigationBlocker })
   ] });
 }
 var mobileFooterHeightPx = 80;
@@ -27510,7 +27541,9 @@ function getInitialStep(steps, defaultStep) {
   AvatarGroup,
   Banner,
   BaseFilter,
+  BeamLogo,
   BeamProvider,
+  BlueprintAiLogo,
   BoundCheckboxField,
   BoundCheckboxGroupField,
   BoundChipSelectField,