@homebound/beam 3.75.2 → 3.76.0

package/dist/index.js

@@ -24034,36 +24034,11 @@ function ContentHeader(props) {
   ] });
 }
 
-// src/components/HomeboundLogo.tsx
-import { trussProps as trussProps102, maybeCssVar as maybeCssVar48 } from "@homebound/truss/runtime";
-import { jsx as jsx188 } from "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__ */ jsx188("svg", { viewBox: "0 0 158.1 97.6", xmlns: "http://www.w3.org/2000/svg", ...trussProps102({
-    fill: ["fill_var", {
-      "--fill": maybeCssVar48(fill)
-    }],
-    width: ["w_var", {
-      "--width": maybeCssVar48(__maybeInc21(width2))
-    }],
-    height: ["h_var", {
-      "--height": maybeCssVar48(__maybeInc21(height))
-    }]
-  }), children: /* @__PURE__ */ jsx188("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
 import { useRef as useRef57 } from "react";
 import { mergeProps as mergeProps29, useFocusRing as useFocusRing15, useHover as useHover19, useLink } from "react-aria";
-import { trussProps as trussProps103 } from "@homebound/truss/runtime";
-import { jsx as jsx189 } from "react/jsx-runtime";
+import { trussProps as trussProps102 } from "@homebound/truss/runtime";
+import { jsx as jsx188 } from "react/jsx-runtime";
 function JumpLink(props) {
   const {
     label,
@@ -24105,14 +24080,14 @@ function JumpLink(props) {
       });
     }
   }
-  return /* @__PURE__ */ jsx189("a", { ref, ...mergeProps29(linkProps, focusProps, hoverProps), ...tid, ...trussProps103({
+  return /* @__PURE__ */ jsx188("a", { ref, ...mergeProps29(linkProps, focusProps, hoverProps), ...tid, ...trussProps102({
     ...jumpLinkStyles.baseStyles,
     ...active && jumpLinkStyles.activeStyles,
     ...isHovered && !disabled && jumpLinkStyles.hoverStyles,
     ...isFocusVisible && jumpLinkStyles.focusStyles,
     ...disabled && jumpLinkStyles.disabledStyles,
     ...disabled && active && jumpLinkStyles.disabledActiveStyles
-  }), children: /* @__PURE__ */ jsx189("span", { className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_2", children: label }) });
+  }), children: /* @__PURE__ */ jsx188("span", { className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_2", children: label }) });
 }
 var jumpLinkStyles = {
   baseStyles: {
@@ -24159,11 +24134,112 @@ var jumpLinkStyles = {
   }
 };
 
+// src/components/Logos/BeamLogo.tsx
+import { trussProps as trussProps103, maybeCssVar as maybeCssVar48 } from "@homebound/truss/runtime";
+import { jsx as jsx189, jsxs as jsxs92 } from "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__ */ jsxs92("svg", { viewBox: "0 0 500 500", xmlns: "http://www.w3.org/2000/svg", ...trussProps103({
+    fill: ["fill_var", {
+      "--fill": maybeCssVar48(fill)
+    }],
+    width: ["w_var", {
+      "--width": maybeCssVar48(__maybeInc21(width2))
+    }],
+    height: ["h_var", {
+      "--height": maybeCssVar48(__maybeInc21(height))
+    }]
+  }), children: [
+    /* @__PURE__ */ jsx189("rect", { x: "10", y: "90", width: "32", height: "320" }),
+    /* @__PURE__ */ jsx189("rect", { x: "122", y: "172", width: "32", height: "158" }),
+    /* @__PURE__ */ jsx189("rect", { x: "346", y: "172", width: "32", height: "158" }),
+    /* @__PURE__ */ jsx189("rect", { x: "458", y: "90", width: "32", height: "320" }),
+    /* @__PURE__ */ jsx189("rect", { x: "10", y: "90", width: "480", height: "32" }),
+    /* @__PURE__ */ jsx189("rect", { x: "10", y: "378", width: "480", height: "32" }),
+    /* @__PURE__ */ jsx189("rect", { x: "10", y: "172", width: "480", height: "32" }),
+    /* @__PURE__ */ jsx189("rect", { x: "10", y: "298", width: "480", height: "32" })
+  ] });
+}
+
+// src/components/Logos/BlueprintAiLogo.tsx
+import { useId as useId3 } from "@react-aria/utils";
+import { trussProps as trussProps104, maybeCssVar as maybeCssVar49 } from "@homebound/truss/runtime";
+import { jsx as jsx190, jsxs as jsxs93 } from "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 = useId3();
+  return /* @__PURE__ */ jsxs93("svg", { viewBox: "0 0 207 40", xmlns: "http://www.w3.org/2000/svg", ...trussProps104({
+    width: ["w_var", {
+      "--width": maybeCssVar49(__maybeInc22(width2))
+    }],
+    height: ["h_var", {
+      "--height": maybeCssVar49(__maybeInc22(height))
+    }]
+  }), children: [
+    /* @__PURE__ */ jsxs93("g", { transform: "translate(0.32171630859375, 3)", fill: `url(#${gradientId})`, children: [
+      /* @__PURE__ */ jsx190("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__ */ jsx190("path", { d: "M202.994 28.2798V3.31983H206.322V28.2798H202.994Z" }),
+      /* @__PURE__ */ jsx190("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__ */ jsx190("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__ */ jsx190("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__ */ jsx190("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__ */ jsx190("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__ */ jsx190("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__ */ jsx190("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__ */ jsx190("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__ */ jsx190("path", { d: "M60.452 28.2798V2.99983H63.716V28.2798H60.452Z" }),
+      /* @__PURE__ */ jsx190("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__ */ jsx190("defs", { children: /* @__PURE__ */ jsxs93("linearGradient", { id: gradientId, x1: "47.4999", y1: "35", x2: "51.8397", y2: "-28.0595", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx190("stop", { offset: "0.135528", stopColor: "rgba(91, 33, 182, 1)" /* Purple800 */ }),
+      /* @__PURE__ */ jsx190("stop", { offset: "0.705975", stopColor: "rgba(37, 99, 235, 1)" /* Blue600 */ })
+    ] }) })
+  ] });
+}
+
+// src/components/Logos/HomeboundLogo.tsx
+import { trussProps as trussProps105, maybeCssVar as maybeCssVar50 } from "@homebound/truss/runtime";
+import { jsx as jsx191 } from "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__ */ jsx191("svg", { viewBox: "0 0 158.1 97.6", xmlns: "http://www.w3.org/2000/svg", ...trussProps105({
+    fill: ["fill_var", {
+      "--fill": maybeCssVar50(fill)
+    }],
+    width: ["w_var", {
+      "--width": maybeCssVar50(__maybeInc23(width2))
+    }],
+    height: ["h_var", {
+      "--height": maybeCssVar50(__maybeInc23(height))
+    }]
+  }), children: /* @__PURE__ */ jsx191("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
 import { useLayoutEffect as useLayoutEffect8, useResizeObserver as useResizeObserver7 } from "@react-aria/utils";
 import { useCallback as useCallback31, useEffect as useEffect33, useRef as useRef58, useState as useState50 } from "react";
-import { trussProps as trussProps104, maybeCssVar as maybeCssVar49 } from "@homebound/truss/runtime";
-import { jsx as jsx190, jsxs as jsxs92 } from "react/jsx-runtime";
+import { trussProps as trussProps106, maybeCssVar as maybeCssVar51 } from "@homebound/truss/runtime";
+import { jsx as jsx192, jsxs as jsxs94 } from "react/jsx-runtime";
 function MaxLines({
   maxLines,
   children
@@ -24186,11 +24262,11 @@ function MaxLines({
     ref: elRef,
     onResize
   });
-  return /* @__PURE__ */ jsxs92("div", { children: [
-    /* @__PURE__ */ jsx190("div", { ref: elRef, ...trussProps104({
+  return /* @__PURE__ */ jsxs94("div", { children: [
+    /* @__PURE__ */ jsx192("div", { ref: elRef, ...trussProps106({
       ...!expanded ? {
         WebkitLineClamp: ["lineClamp_var", {
-          "--WebkitLineClamp": maybeCssVar49(maxLines)
+          "--WebkitLineClamp": maybeCssVar51(maxLines)
         }],
         overflow: "oh",
         display: "d_negwebkit_box",
@@ -24198,7 +24274,7 @@ function MaxLines({
         textOverflow: "to_ellipsis"
       } : {}
     }), children }),
-    hasMore && /* @__PURE__ */ jsx190("button", { className: "db fw4 fz_14px lh_20px", onClick: () => setExpanded((prev) => !prev), children: expanded ? "Show Less" : "Show More" })
+    hasMore && /* @__PURE__ */ jsx192("button", { className: "db fw4 fz_14px lh_20px", onClick: () => setExpanded((prev) => !prev), children: expanded ? "Show Less" : "Show More" })
   ] });
 }
 
@@ -24213,8 +24289,8 @@ import { useCallback as useCallback33, useEffect as useEffect34, useMemo as useM
 // src/components/AppNav/AppNavGroupTrigger.tsx
 import { useMemo as useMemo50, useRef as useRef59 } from "react";
 import { mergeProps as mergeProps30, useButton as useButton11, useFocusRing as useFocusRing16, useHover as useHover20 } from "react-aria";
-import { trussProps as trussProps105, mergeProps as mergeProps_14 } from "@homebound/truss/runtime";
-import { jsx as jsx191, jsxs as jsxs93 } from "react/jsx-runtime";
+import { trussProps as trussProps107, mergeProps as mergeProps_14 } from "@homebound/truss/runtime";
+import { jsx as jsx193, jsxs as jsxs95 } from "react/jsx-runtime";
 function AppNavGroupTrigger(props) {
   const {
     label,
@@ -24246,7 +24322,7 @@ function AppNavGroupTrigger(props) {
     hoverStyles: hoverStyles4,
     pressedStyles: pressedStyles2
   } = useMemo50(() => getNavLinkStyles("side"), []);
-  return /* @__PURE__ */ jsxs93("button", { type: "button", ...mergeProps30(buttonProps, focusProps, hoverProps, tid.trigger, {
+  return /* @__PURE__ */ jsxs95("button", { type: "button", ...mergeProps30(buttonProps, focusProps, hoverProps, tid.trigger, {
     ref,
     "aria-expanded": expanded,
     "aria-controls": navGroupId,
@@ -24264,7 +24340,7 @@ function AppNavGroupTrigger(props) {
     })
   }), children: [
     label,
-    /* @__PURE__ */ jsx191("div", { ...trussProps105({
+    /* @__PURE__ */ jsx193("div", { ...trussProps107({
       ...{
         display: "df",
         alignItems: "aic",
@@ -24274,7 +24350,7 @@ function AppNavGroupTrigger(props) {
       ...props.expanded ? {
         transform: "transform_rotate_180deg"
       } : {}
-    }), children: /* @__PURE__ */ jsx191(Icon, { icon: "chevronDown" }) })
+    }), children: /* @__PURE__ */ jsx193(Icon, { icon: "chevronDown" }) })
   ] });
 }
 
@@ -24417,9 +24493,9 @@ function useAppNavGroupExpanded(linkGroup) {
 }
 
 // src/components/AppNav/AppNavGroup.tsx
-import { trussProps as trussProps106, maybeCssVar as maybeCssVar50 } from "@homebound/truss/runtime";
-import { Fragment as Fragment42, jsx as jsx192, jsxs as jsxs94 } from "react/jsx-runtime";
-var __maybeInc22 = (inc) => {
+import { trussProps as trussProps108, maybeCssVar as maybeCssVar52 } from "@homebound/truss/runtime";
+import { Fragment as Fragment42, jsx as jsx194, jsxs as jsxs96 } from "react/jsx-runtime";
+var __maybeInc24 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function AppNavGroupView(props) {
@@ -24429,9 +24505,9 @@ function AppNavGroupView(props) {
   } = props;
   const tid = useTestIds(props, "linkGroup");
   if (panelCollapsed) {
-    return /* @__PURE__ */ jsx192(Fragment42, { children: appNavLinkGroupLinks(linkGroup).map((link) => /* @__PURE__ */ jsx192(NavLink, { variant: "side", ...link, iconOnly: !!link.icon, ...tid[`link_${camelCase5(link.label)}`] }, link.label)) });
+    return /* @__PURE__ */ jsx194(Fragment42, { children: appNavLinkGroupLinks(linkGroup).map((link) => /* @__PURE__ */ jsx194(NavLink, { variant: "side", ...link, iconOnly: !!link.icon, ...tid[`link_${camelCase5(link.label)}`] }, link.label)) });
   }
-  return /* @__PURE__ */ jsx192(AppNavGroupDisclosure, { ...props });
+  return /* @__PURE__ */ jsx194(AppNavGroupDisclosure, { ...props });
 }
 function AppNavGroupDisclosure(props) {
   const {
@@ -24460,27 +24536,27 @@ function AppNavGroupDisclosure(props) {
     ref: contentRef,
     onResize
   });
-  return /* @__PURE__ */ jsxs94("div", { className: "df fdc", ...tid, children: [
-    /* @__PURE__ */ jsx192(AppNavGroupTrigger, { label: linkGroup.label, navGroupId, expanded, active: linkGroupHasActiveLink(linkGroup), onClick: onToggle, ...tid }),
-    /* @__PURE__ */ jsx192("div", { id: navGroupId, role: "region", "aria-hidden": !expanded, ...trussProps106({
+  return /* @__PURE__ */ jsxs96("div", { className: "df fdc", ...tid, children: [
+    /* @__PURE__ */ jsx194(AppNavGroupTrigger, { label: linkGroup.label, navGroupId, expanded, active: linkGroupHasActiveLink(linkGroup), onClick: onToggle, ...tid }),
+    /* @__PURE__ */ jsx194("div", { id: navGroupId, role: "region", "aria-hidden": !expanded, ...trussProps108({
       overflow: "oh",
       transition: "transitionHeight",
       height: ["h_var", {
-        "--height": maybeCssVar50(__maybeInc22(contentHeight))
+        "--height": maybeCssVar52(__maybeInc24(contentHeight))
       }]
     }), ...tid.panel, ...!expanded ? {
       inert: "true"
-    } : {}, children: /* @__PURE__ */ jsx192("div", { ref: setContentEl, className: "df fdc", children: /* @__PURE__ */ jsx192(AppNavItems, { items: linkGroup.items, panelCollapsed: false, nested: true, ...tid }) }) })
+    } : {}, children: /* @__PURE__ */ jsx194("div", { ref: setContentEl, className: "df fdc", children: /* @__PURE__ */ jsx194(AppNavItems, { items: linkGroup.items, panelCollapsed: false, nested: true, ...tid }) }) })
   ] });
 }
 
 // src/components/AppNav/AppNavGroupMenu.tsx
-import { jsx as jsx193 } from "react/jsx-runtime";
+import { jsx as jsx195 } from "react/jsx-runtime";
 function AppNavGroupMenu({
   linkGroup,
   ...tid
 }) {
-  return /* @__PURE__ */ jsx193(
+  return /* @__PURE__ */ jsx195(
     ButtonMenu,
     {
       trigger: {
@@ -24496,8 +24572,8 @@ function AppNavGroupMenu({
 }
 
 // src/components/AppNav/AppNavSectionView.tsx
-import { trussProps as trussProps107 } from "@homebound/truss/runtime";
-import { jsx as jsx194, jsxs as jsxs95 } from "react/jsx-runtime";
+import { trussProps as trussProps109 } from "@homebound/truss/runtime";
+import { jsx as jsx196, jsxs as jsxs97 } from "react/jsx-runtime";
 function AppNavSectionView(props) {
   const {
     section,
@@ -24523,7 +24599,7 @@ function AppNavSectionView(props) {
       "--borderColor": "var(--b-surface-separator)"
     }]
   };
-  return /* @__PURE__ */ jsxs95("div", { ...trussProps107({
+  return /* @__PURE__ */ jsxs97("div", { ...trussProps109({
     ...{
       display: "df",
       flexDirection: "fdc",
@@ -24531,7 +24607,7 @@ function AppNavSectionView(props) {
     },
     ...showDivider ? dividerStyles : {}
   }), ...tid, children: [
-    section.label && !panelCollapsed && variant !== "global" && /* @__PURE__ */ jsx194("div", { ...trussProps107({
+    section.label && !panelCollapsed && variant !== "global" && /* @__PURE__ */ jsx196("div", { ...trussProps109({
       fontWeight: "fw6",
       fontSize: "fz_10px",
       lineHeight: "lh_14px",
@@ -24544,18 +24620,18 @@ function AppNavSectionView(props) {
       paddingBottom: "pb1",
       textTransform: "ttu"
     }), ...tid.label, children: section.label }),
-    /* @__PURE__ */ jsx194(AppNavItems, { ...scopeProps, items: section.items, variant, panelCollapsed, nested })
+    /* @__PURE__ */ jsx196(AppNavItems, { ...scopeProps, items: section.items, variant, panelCollapsed, nested })
   ] });
 }
 
 // src/components/AppNav/AppNavItems.tsx
-import { Fragment as Fragment43, jsx as jsx195 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx197 } from "react/jsx-runtime";
 function AppNavItems(props) {
   const { items, variant = "side", panelCollapsed = false, nested = false } = props;
   const tid = useTestIds(props, "appNav");
-  return /* @__PURE__ */ jsx195(Fragment43, { children: items.map((item, idx) => {
+  return /* @__PURE__ */ jsx197(Fragment43, { children: items.map((item, idx) => {
     if (isAppNavLink(item)) {
-      return /* @__PURE__ */ jsx195(
+      return /* @__PURE__ */ jsx197(
         NavLink,
         {
           variant,
@@ -24568,7 +24644,7 @@ function AppNavItems(props) {
       );
     }
     if (isAppNavGroup(item)) {
-      return variant === "global" ? /* @__PURE__ */ jsx195(AppNavGroupMenu, { linkGroup: item, ...tid.linkGroup }, appNavItemKey(item)) : /* @__PURE__ */ jsx195(
+      return variant === "global" ? /* @__PURE__ */ jsx197(AppNavGroupMenu, { linkGroup: item, ...tid.linkGroup }, appNavItemKey(item)) : /* @__PURE__ */ jsx197(
         AppNavGroupView,
         {
           linkGroup: item,
@@ -24579,7 +24655,7 @@ function AppNavItems(props) {
       );
     }
     if (isAppNavSection(item)) {
-      return /* @__PURE__ */ jsx195(
+      return /* @__PURE__ */ jsx197(
         AppNavSectionView,
         {
           section: item,
@@ -24602,8 +24678,8 @@ import { useEffect as useEffect35, useState as useState53 } from "react";
 import { FocusScope as FocusScope5, usePreventScroll as usePreventScroll3 } from "react-aria";
 import { createPortal as createPortal7 } from "react-dom";
 import { useLocation } from "react-router-dom";
-import { trussProps as trussProps108, mergeProps as mergeProps31, maybeCssVar as maybeCssVar51 } from "@homebound/truss/runtime";
-import { Fragment as Fragment44, jsx as jsx196, jsxs as jsxs96 } from "react/jsx-runtime";
+import { trussProps as trussProps110, mergeProps as mergeProps31, maybeCssVar as maybeCssVar53 } from "@homebound/truss/runtime";
+import { Fragment as Fragment44, jsx as jsx198, jsxs as jsxs98 } from "react/jsx-runtime";
 function NavbarMobileMenu(props) {
   const {
     items
@@ -24621,11 +24697,11 @@ function NavbarMobileMenu(props) {
     setIsOpen(false);
   }, [pathname, search]);
   const close = () => setIsOpen(false);
-  return /* @__PURE__ */ jsxs96(Fragment44, { children: [
-    /* @__PURE__ */ jsx196(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__ */ jsxs98(Fragment44, { children: [
+    /* @__PURE__ */ jsx198(IconButton, { icon: isOpen ? "menuClose" : "menu", color: "--b-on-surface-muted" /* OnSurfaceMuted */, label: isOpen ? "Close navigation" : "Open navigation", onClick: () => setIsOpen((open) => !open), ...tid.mobileMenu }),
     createPortal7(
       /* AnimatePresence keeps the drawer mounted through its slide/fade-out before unmounting.*/
-      /* @__PURE__ */ jsx196(AnimatePresence6, { children: isOpen && /* @__PURE__ */ jsx196(NavbarMobileDrawer, { items, onClose: close, tid }) }),
+      /* @__PURE__ */ jsx198(AnimatePresence6, { children: isOpen && /* @__PURE__ */ jsx198(NavbarMobileDrawer, { items, onClose: close, tid }) }),
       document.body
     )
   ] });
@@ -24639,14 +24715,14 @@ function NavbarMobileDrawer({
   const overlayTopStyle = {
     top: bannerHeightPx
   };
-  return /* @__PURE__ */ jsxs96(Fragment44, { children: [
-    /* @__PURE__ */ jsx196(motion6.div, { ...mergeProps31(void 0, overlayTopStyle, {
+  return /* @__PURE__ */ jsxs98(Fragment44, { children: [
+    /* @__PURE__ */ jsx198(motion6.div, { ...mergeProps31(void 0, overlayTopStyle, {
       position: "fixed",
       right: "right0",
       bottom: "bottom0",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": maybeCssVar51(zIndices.navbarMobileMenuScrim)
+        "--zIndex": maybeCssVar53(zIndices.navbarMobileMenuScrim)
       }],
       backgroundColor: ["bgColor_var", {
         "--backgroundColor": "var(--b-scrim)"
@@ -24661,7 +24737,7 @@ function NavbarMobileDrawer({
       ease: "linear",
       duration: 0.2
     }, onClick: onClose, ...tid.mobileMenuScrim }, "navbarMobileMenuScrim"),
-    /* @__PURE__ */ jsx196(FocusScope5, { autoFocus: true, contain: true, restoreFocus: true, children: /* @__PURE__ */ jsxs96(motion6.aside, { role: "dialog", "aria-modal": "true", "aria-label": "Navigation", ...mergeProps31(void 0, overlayTopStyle, {
+    /* @__PURE__ */ jsx198(FocusScope5, { autoFocus: true, contain: true, restoreFocus: true, children: /* @__PURE__ */ jsxs98(motion6.aside, { role: "dialog", "aria-modal": "true", "aria-label": "Navigation", ...mergeProps31(void 0, overlayTopStyle, {
       position: "fixed",
       bottom: "bottom0",
       left: "left0",
@@ -24671,7 +24747,7 @@ function NavbarMobileDrawer({
       width: "w_260px",
       overflow: "oh",
       zIndex: ["z_var", {
-        "--zIndex": maybeCssVar51(zIndices.navbarMobileMenu)
+        "--zIndex": maybeCssVar53(zIndices.navbarMobileMenu)
       }],
       backgroundColor: ["bgColor_var", {
         "--backgroundColor": "var(--b-surface)"
@@ -24686,7 +24762,7 @@ function NavbarMobileDrawer({
       ease: "linear",
       duration: 0.2
     }, onClick: (e) => e.stopPropagation(), ...tid.mobileMenuDrawer, children: [
-      /* @__PURE__ */ jsx196("div", { ...trussProps108({
+      /* @__PURE__ */ jsx198("div", { ...trussProps110({
         ...{
           display: "df",
           alignItems: "aic",
@@ -24701,11 +24777,11 @@ function NavbarMobileDrawer({
           }]
         },
         ...pageContentPaddingX
-      }), children: /* @__PURE__ */ jsx196(IconButton, { icon: "x", color: "--b-on-surface-muted" /* OnSurfaceMuted */, label: "Close navigation", onClick: onClose, ...tid.mobileMenuClose }) }),
-      /* @__PURE__ */ jsx196(
+      }), children: /* @__PURE__ */ jsx198(IconButton, { icon: "x", color: "--b-on-surface-muted" /* OnSurfaceMuted */, label: "Close navigation", onClick: onClose, ...tid.mobileMenuClose }) }),
+      /* @__PURE__ */ jsx198(
         "nav",
         {
-          ...trussProps108({
+          ...trussProps110({
             ...{
               flexGrow: "fg1",
               overflowY: "oya",
@@ -24723,7 +24799,7 @@ function NavbarMobileDrawer({
             }
           },
           ...tid.mobileMenuPanel,
-          children: /* @__PURE__ */ jsx196(AppNavItems, { items, panelCollapsed: false, ...tid })
+          children: /* @__PURE__ */ jsx198(AppNavItems, { items, panelCollapsed: false, ...tid })
         }
       )
     ] }, "navbarMobileMenuDrawer") })
@@ -24731,8 +24807,8 @@ function NavbarMobileDrawer({
 }
 
 // src/components/Navbar/Navbar.tsx
-import { trussProps as trussProps109 } from "@homebound/truss/runtime";
-import { jsx as jsx197, jsxs as jsxs97 } from "react/jsx-runtime";
+import { trussProps as trussProps111 } from "@homebound/truss/runtime";
+import { jsx as jsx199, jsxs as jsxs99 } from "react/jsx-runtime";
 function Navbar(props) {
   const {
     brand,
@@ -24751,7 +24827,7 @@ function Navbar(props) {
     overflows
   } = useContentOverflow(!sm);
   const showMobile = sm || overflows;
-  return /* @__PURE__ */ jsx197(ContrastScope, { children: /* @__PURE__ */ jsxs97("nav", { ...trussProps109({
+  return /* @__PURE__ */ jsx199(ContrastScope, { children: /* @__PURE__ */ jsxs99("nav", { ...trussProps111({
     ...{
       backgroundColor: ["bgColor_var", {
         "--backgroundColor": "var(--b-surface-raised)"
@@ -24767,10 +24843,10 @@ function Navbar(props) {
     },
     ...headerContentPaddingX(showMobile)
   }), ...tid, children: [
-    /* @__PURE__ */ jsxs97("div", { className: "df aic gap3 fg1 mw0", children: [
-      /* @__PURE__ */ jsxs97("div", { className: "df aic fs0 gap2", children: [
-        showMobile && /* @__PURE__ */ jsx197(NavbarMobileMenu, { items, ...tid }),
-        /* @__PURE__ */ jsx197("div", { ...trussProps109({
+    /* @__PURE__ */ jsxs99("div", { className: "df aic gap3 fg1 mw0", children: [
+      /* @__PURE__ */ jsxs99("div", { className: "df aic fs0 gap2", children: [
+        showMobile && /* @__PURE__ */ jsx199(NavbarMobileMenu, { items, ...tid }),
+        /* @__PURE__ */ jsx199("div", { ...trussProps111({
           flexShrink: "fs0",
           ...hideBrandOnMobile && showMobile ? {
             display: "dn"
@@ -24779,7 +24855,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__ */ jsx197("div", { ref: containerRef, ...trussProps109({
+      /* @__PURE__ */ jsx199("div", { ref: containerRef, ...trussProps111({
         display: "df",
         alignItems: "aic",
         flexGrow: "fg1",
@@ -24788,11 +24864,11 @@ function Navbar(props) {
         ...overflows ? {
           visibility: "visibility_hidden"
         } : {}
-      }), ...tid.items, children: /* @__PURE__ */ jsx197("div", { ref: contentRef, className: "df aic gap2 width_max_content", children: /* @__PURE__ */ jsx197(AppNavItems, { variant: "global", items, ...tid }) }) })
+      }), ...tid.items, children: /* @__PURE__ */ jsx199("div", { ref: contentRef, className: "df aic gap2 width_max_content", children: /* @__PURE__ */ jsx199(AppNavItems, { variant: "global", items, ...tid }) }) })
     ] }),
-    /* @__PURE__ */ jsxs97("div", { className: "df aic gap1", children: [
-      rightSlot && /* @__PURE__ */ jsx197("div", { className: "df aic gap1", ...tid.rightSlot, children: rightSlot }),
-      user && /* @__PURE__ */ jsx197(NavbarUserMenu, { user, ...tid.userMenu })
+    /* @__PURE__ */ jsxs99("div", { className: "df aic gap1", children: [
+      rightSlot && /* @__PURE__ */ jsx199("div", { className: "df aic gap1", ...tid.rightSlot, children: rightSlot }),
+      user && /* @__PURE__ */ jsx199(NavbarUserMenu, { user, ...tid.userMenu })
     ] })
   ] }) });
 }
@@ -24800,7 +24876,7 @@ function NavbarUserMenu({
   user,
   ...tid
 }) {
-  return /* @__PURE__ */ jsx197("div", { className: "df aic fs0 ml1", children: /* @__PURE__ */ jsx197(ButtonMenu, { items: user.menuItems, persistentItems: user.persistentItems, trigger: {
+  return /* @__PURE__ */ jsx199("div", { className: "df aic fs0 ml1", children: /* @__PURE__ */ jsx199(ButtonMenu, { items: user.menuItems, persistentItems: user.persistentItems, trigger: {
     src: user.picture,
     name: user.name,
     size: "sm",
@@ -24809,8 +24885,8 @@ function NavbarUserMenu({
 }
 
 // src/components/Pagination.tsx
-import { trussProps as trussProps110 } from "@homebound/truss/runtime";
-import { jsx as jsx198, jsxs as jsxs98 } from "react/jsx-runtime";
+import { trussProps as trussProps112 } from "@homebound/truss/runtime";
+import { jsx as jsx200, jsxs as jsxs100 } from "react/jsx-runtime";
 var defaultPage = {
   offset: 0,
   limit: 100
@@ -24842,7 +24918,7 @@ function Pagination(props) {
     }
   }
   const tid = useTestIds(props, "pagination");
-  return /* @__PURE__ */ jsxs98("div", { ...trussProps110({
+  return /* @__PURE__ */ jsxs100("div", { ...trussProps112({
     display: "df",
     borderColor: ["bc_var", {
       "--borderColor": "var(--b-surface-separator)"
@@ -24859,24 +24935,24 @@ function Pagination(props) {
     paddingRight: "pr2",
     paddingTop: "pt2"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx198("div", { className: "df mta mba mr2", ...tid.pageSizeLabel, children: "Page size:" }),
-    /* @__PURE__ */ jsx198("div", { className: "w_78px", children: /* @__PURE__ */ jsx198(SelectField, { compact: true, label: "Page Size", labelStyle: "hidden", options: pageOptions, value: pageSize, onSelect: (val) => set({
+    /* @__PURE__ */ jsx200("div", { className: "df mta mba mr2", ...tid.pageSizeLabel, children: "Page size:" }),
+    /* @__PURE__ */ jsx200("div", { className: "w_78px", children: /* @__PURE__ */ jsx200(SelectField, { compact: true, label: "Page Size", labelStyle: "hidden", options: pageOptions, value: pageSize, onSelect: (val) => set({
       pageNumber: 1,
       pageSize: val
     }), autoSort: false, ...tid.pageSize }) }),
-    /* @__PURE__ */ jsxs98("div", { className: "mla mta mba df", children: [
-      /* @__PURE__ */ jsxs98("div", { className: "df mta mba mr2", ...tid.pageInfoLabel, children: [
+    /* @__PURE__ */ jsxs100("div", { className: "mla mta mba df", children: [
+      /* @__PURE__ */ jsxs100("div", { className: "df mta mba mr2", ...tid.pageInfoLabel, children: [
         first,
         " ",
         showLast ? `- ${last}` : "",
         " of ",
         totalCount
       ] }),
-      /* @__PURE__ */ jsx198(IconButton, { icon: "chevronLeft", color: hasPrevPage ? "--b-text-link-default" /* TextLinkDefault */ : "--b-surface-separator" /* SurfaceSeparator */, onClick: () => set({
+      /* @__PURE__ */ jsx200(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__ */ jsx198(IconButton, { icon: "chevronRight", color: hasNextPage ? "--b-text-link-default" /* TextLinkDefault */ : "--b-surface-separator" /* SurfaceSeparator */, onClick: () => set({
+      /* @__PURE__ */ jsx200(IconButton, { icon: "chevronRight", color: hasNextPage ? "--b-text-link-default" /* TextLinkDefault */ : "--b-surface-separator" /* SurfaceSeparator */, onClick: () => set({
         pageNumber: pageNumber + 1,
         pageSize
       }), disabled: !hasNextPage, ...tid.nextIcon })
@@ -24900,8 +24976,8 @@ function toPageNumberSize(page) {
 // src/components/ScrollShadows.tsx
 import { useResizeObserver as useResizeObserver9 } from "@react-aria/utils";
 import { useCallback as useCallback34, useMemo as useMemo52, useRef as useRef60, useState as useState54 } from "react";
-import { trussProps as trussProps111, maybeCssVar as maybeCssVar52 } from "@homebound/truss/runtime";
-import { jsx as jsx199, jsxs as jsxs99 } from "react/jsx-runtime";
+import { trussProps as trussProps113, maybeCssVar as maybeCssVar54 } from "@homebound/truss/runtime";
+import { jsx as jsx201, jsxs as jsxs101 } from "react/jsx-runtime";
 function ScrollShadows(props) {
   const {
     children,
@@ -24925,7 +25001,7 @@ function ScrollShadows(props) {
     const commonStyles = {
       position: "absolute",
       zIndex: ["z_var", {
-        "--zIndex": maybeCssVar52(zIndices.scrollShadow)
+        "--zIndex": maybeCssVar54(zIndices.scrollShadow)
       }],
       pointerEvents: "pointerEvents_none"
     };
@@ -24958,7 +25034,7 @@ function ScrollShadows(props) {
       ...startShadowStyles2,
       ...{
         background: ["background_var", {
-          "--background": maybeCssVar52(startGradient)
+          "--background": maybeCssVar54(startGradient)
         }]
       }
     }, {
@@ -24966,7 +25042,7 @@ function ScrollShadows(props) {
       ...endShadowStyles2,
       ...{
         background: ["background_var", {
-          "--background": maybeCssVar52(endGradient)
+          "--background": maybeCssVar54(endGradient)
         }]
       }
     }];
@@ -24991,10 +25067,10 @@ function ScrollShadows(props) {
     ref: scrollRef,
     onResize
   });
-  return /* @__PURE__ */ jsxs99("div", { ...trussProps111({
+  return /* @__PURE__ */ jsxs101("div", { ...trussProps113({
     display: "df",
     flexDirection: ["fd_var", {
-      "--flexDirection": maybeCssVar52(!horizontal ? "column" : "row")
+      "--flexDirection": maybeCssVar54(!horizontal ? "column" : "row")
     }],
     position: "relative",
     overflow: "oh",
@@ -25007,23 +25083,23 @@ function ScrollShadows(props) {
       width: width2
     }
   }), ...tid, children: [
-    /* @__PURE__ */ jsx199("div", { ...trussProps111({
+    /* @__PURE__ */ jsx201("div", { ...trussProps113({
       ...startShadowStyles,
       ...{
         opacity: ["o_var", {
-          "--opacity": maybeCssVar52(showStartShadow ? 1 : 0)
+          "--opacity": maybeCssVar54(showStartShadow ? 1 : 0)
         }]
       }
     }), "data-chromatic": "ignore" }),
-    /* @__PURE__ */ jsx199("div", { ...trussProps111({
+    /* @__PURE__ */ jsx201("div", { ...trussProps113({
       ...endShadowStyles,
       ...{
         opacity: ["o_var", {
-          "--opacity": maybeCssVar52(showEndShadow ? 1 : 0)
+          "--opacity": maybeCssVar54(showEndShadow ? 1 : 0)
         }]
       }
     }), "data-chromatic": "ignore" }),
-    /* @__PURE__ */ jsx199("div", { ...trussProps111({
+    /* @__PURE__ */ jsx201("div", { ...trussProps113({
       ...xss,
       ...{
         overflow: "oa",
@@ -25044,7 +25120,7 @@ import {
   useRef as useRef61,
   useState as useState55
 } from "react";
-import { jsx as jsx200 } from "react/jsx-runtime";
+import { jsx as jsx202 } from "react/jsx-runtime";
 var SIDE_NAV_LAYOUT_STATE_STORAGE_KEY = "beam.sideNavLayout.navState";
 function loadStoredNavState() {
   try {
@@ -25092,7 +25168,7 @@ function SideNavLayoutProvider(props) {
     });
   }, []);
   const value = useMemo53(() => ({ navState, setNavState }), [navState, setNavState]);
-  return /* @__PURE__ */ jsx200(SideNavLayoutContext.Provider, { value, children: props.children });
+  return /* @__PURE__ */ jsx202(SideNavLayoutContext.Provider, { value, children: props.children });
 }
 function useSideNavLayoutContext() {
   return useContext26(SideNavLayoutContext) ?? { navState: "expanded", setNavState: () => {
@@ -25103,8 +25179,8 @@ function useHasSideNavLayoutProvider() {
 }
 
 // src/components/SideNav/SideNav.tsx
-import { trussProps as trussProps112 } from "@homebound/truss/runtime";
-import { jsx as jsx201, jsxs as jsxs100 } from "react/jsx-runtime";
+import { trussProps as trussProps114 } from "@homebound/truss/runtime";
+import { jsx as jsx203, jsxs as jsxs102 } from "react/jsx-runtime";
 function SideNav(props) {
   const {
     top,
@@ -25117,8 +25193,8 @@ function SideNav(props) {
   const tid = useTestIds(props, "sideNav");
   const panelCollapsed = navState === "collapse";
   const hideOnCollapse = panelCollapsed && !allItemsHaveIcons(items);
-  return /* @__PURE__ */ jsxs100("nav", { className: "df fdc h100 fs0", ...tid, children: [
-    top !== void 0 && /* @__PURE__ */ jsx201("div", { ...trussProps112({
+  return /* @__PURE__ */ jsxs102("nav", { className: "df fdc h100 fs0", ...tid, children: [
+    top !== void 0 && /* @__PURE__ */ jsx203("div", { ...trussProps114({
       flexShrink: "fs0",
       paddingLeft: "pl2",
       paddingRight: "pr2",
@@ -25129,7 +25205,7 @@ function SideNav(props) {
         paddingBottom: "pb4"
       } : {}
     }), ...tid.top, children: top }),
-    /* @__PURE__ */ jsx201("div", { ...trussProps112({
+    /* @__PURE__ */ jsx203("div", { ...trussProps114({
       flexGrow: "fg1",
       overflowY: "oya",
       display: "df",
@@ -25141,8 +25217,8 @@ function SideNav(props) {
       ...top === void 0 ? {
         paddingTop: "pt5"
       } : {}
-    }), ...tid.items, children: !hideOnCollapse && /* @__PURE__ */ jsx201(AppNavItems, { items, panelCollapsed }) }),
-    footer !== void 0 && /* @__PURE__ */ jsx201("div", { ...trussProps112({
+    }), ...tid.items, children: !hideOnCollapse && /* @__PURE__ */ jsx203(AppNavItems, { items, panelCollapsed }) }),
+    footer !== void 0 && /* @__PURE__ */ jsx203("div", { ...trussProps114({
       flexShrink: "fs0",
       paddingLeft: "pl2",
       paddingRight: "pr2",
@@ -25219,10 +25295,10 @@ var snackbarId = 1;
 // src/components/Stepper.tsx
 import { useRef as useRef62 } from "react";
 import { useButton as useButton12, useFocusRing as useFocusRing17, useHover as useHover21 } from "react-aria";
-import { trussProps as trussProps113, maybeCssVar as maybeCssVar53 } from "@homebound/truss/runtime";
-import { jsx as jsx202, jsxs as jsxs101 } from "react/jsx-runtime";
+import { trussProps as trussProps115, maybeCssVar as maybeCssVar55 } from "@homebound/truss/runtime";
+import { jsx as jsx204, jsxs as jsxs103 } from "react/jsx-runtime";
 import { createElement as createElement6 } from "react";
-var __maybeInc23 = (inc) => {
+var __maybeInc25 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function Stepper(props) {
@@ -25239,8 +25315,8 @@ function Stepper(props) {
   const maxStepWidth = 200;
   const minStepWidth = 100;
   const gap = 8;
-  return /* @__PURE__ */ jsxs101("nav", { "aria-label": "steps", className: "df fdc w100", ...tid, children: [
-    /* @__PURE__ */ jsx202("ol", { ...trussProps113({
+  return /* @__PURE__ */ jsxs103("nav", { "aria-label": "steps", className: "df fdc w100", ...tid, children: [
+    /* @__PURE__ */ jsx204("ol", { ...trussProps115({
       padding: "p_0",
       margin: "m_0",
       listStyle: "lis_none",
@@ -25250,7 +25326,7 @@ function Stepper(props) {
       }]
     }), children: steps.map((step) => {
       const isCurrent = currentStep === step.value;
-      return /* @__PURE__ */ createElement6("li", { ...trussProps113({
+      return /* @__PURE__ */ createElement6("li", { ...trussProps115({
         display: "df",
         flexGrow: "fg1",
         flexDirection: "fdc",
@@ -25260,9 +25336,9 @@ function Stepper(props) {
         minWidth: ["mw_var", {
           "--minWidth": `${minStepWidth}px`
         }]
-      }), key: step.label, "aria-current": isCurrent, ...tid.step }, /* @__PURE__ */ jsx202(StepButton, { ...step, onClick: () => onChange(step.value), isCurrent, ...tid.stepButton }));
+      }), key: step.label, "aria-current": isCurrent, ...tid.step }, /* @__PURE__ */ jsx204(StepButton, { ...step, onClick: () => onChange(step.value), isCurrent, ...tid.stepButton }));
     }) }),
-    /* @__PURE__ */ jsx202("div", { ...trussProps113({
+    /* @__PURE__ */ jsx204("div", { ...trussProps115({
       marginTop: "mt1",
       backgroundColor: ["bgColor_var", {
         "--backgroundColor": "var(--b-field-border-default)"
@@ -25275,14 +25351,14 @@ function Stepper(props) {
         "--minWidth": `${steps.length * minStepWidth + (steps.length - 1) * gap}px`
       }],
       width: "w100"
-    }), children: /* @__PURE__ */ jsx202("div", { ...trussProps113({
+    }), children: /* @__PURE__ */ jsx204("div", { ...trussProps115({
       backgroundColor: ["bgColor_var", {
         "--backgroundColor": "var(--b-primary)"
       }],
       transition: "transition_width_200ms",
       height: "h100",
       width: ["w_var", {
-        "--width": maybeCssVar53(__maybeInc23(`${(lastCompletedStep + 1) / steps.length * 100}%`))
+        "--width": maybeCssVar55(__maybeInc25(`${(lastCompletedStep + 1) / steps.length * 100}%`))
       }]
     }) }) })
   ] });
@@ -25318,7 +25394,7 @@ function StepButton(props) {
     boxShadow: "bshFocus"
   };
   const tid = useTestIds(props, "stepButton");
-  return /* @__PURE__ */ jsxs101("button", { ref, ...buttonProps, ...focusProps, ...hoverProps, ...trussProps113({
+  return /* @__PURE__ */ jsxs103("button", { ref, ...buttonProps, ...focusProps, ...hoverProps, ...trussProps115({
     ...{
       fontWeight: "fw6",
       fontSize: "fz_14px",
@@ -25379,7 +25455,7 @@ function StepButton(props) {
     } : {},
     ...isFocusVisible ? focusRingStyles2 : {}
   }), ...tid[defaultTestId(label)], children: [
-    /* @__PURE__ */ jsx202("span", { className: "fs0 mr_4px", children: /* @__PURE__ */ jsx202(StepIcon, { state, isHovered, isPressed, isCurrent }) }),
+    /* @__PURE__ */ jsx204("span", { className: "fs0 mr_4px", children: /* @__PURE__ */ jsx204(StepIcon, { state, isHovered, isPressed, isCurrent }) }),
     label
   ] });
 }
@@ -25390,12 +25466,12 @@ function StepIcon({
   isCurrent = false
 }) {
   if (state === "error") {
-    return /* @__PURE__ */ jsx202(Icon, { icon: "errorCircle" });
+    return /* @__PURE__ */ jsx204(Icon, { icon: "errorCircle" });
   }
   if (state === "complete") {
-    return /* @__PURE__ */ jsx202(Icon, { icon: "check" });
+    return /* @__PURE__ */ jsx204(Icon, { icon: "check" });
   }
-  return /* @__PURE__ */ jsx202("div", { className: "w_24px h_24px df aic jcc", children: /* @__PURE__ */ jsx202("div", { ...trussProps113({
+  return /* @__PURE__ */ jsx204("div", { className: "w_24px h_24px df aic jcc", children: /* @__PURE__ */ jsx204("div", { ...trussProps115({
     width: "w_10px",
     height: "h_10px",
     borderStyle: "bss",
@@ -25411,8 +25487,8 @@ function StepIcon({
 // src/components/StepperTabs/StepperTab.tsx
 import { useRef as useRef63 } from "react";
 import { mergeProps as mergeProps32, useButton as useButton13, useFocusRing as useFocusRing18, useHover as useHover22, VisuallyHidden as VisuallyHidden10 } from "react-aria";
-import { trussProps as trussProps114 } from "@homebound/truss/runtime";
-import { Fragment as Fragment45, jsx as jsx203, jsxs as jsxs102 } from "react/jsx-runtime";
+import { trussProps as trussProps116 } from "@homebound/truss/runtime";
+import { Fragment as Fragment45, jsx as jsx205, jsxs as jsxs104 } from "react/jsx-runtime";
 function StepperTab(props) {
   const {
     label,
@@ -25443,7 +25519,7 @@ function StepperTab(props) {
   const isHovered = __storyState?.hovered ?? isHoveredFromEvents;
   const isFocusVisible = __storyState?.focusVisible ?? isFocusVisibleFromEvents;
   const tid = useTestIds(props, "stepperTab");
-  return /* @__PURE__ */ jsxs102("button", { ref, ...mergeProps32(buttonProps, focusProps, hoverProps), "aria-label": label, ...trussProps114({
+  return /* @__PURE__ */ jsxs104("button", { ref, ...mergeProps32(buttonProps, focusProps, hoverProps), "aria-label": label, ...trussProps116({
     ...stepperTabStyles.baseStyles,
     ...getStateStyles(active, completed),
     ...isHovered && !disabled ? stepperTabStyles.hoverStyles : {},
@@ -25451,10 +25527,10 @@ function StepperTab(props) {
     ...disabled ? stepperTabStyles.disabledStyles : {},
     ...isFocusVisible ? stepperTabStyles.focusRingStyles : {}
   }), ...tid[defaultTestId(value)], children: [
-    !collapsed && /* @__PURE__ */ jsxs102(Fragment45, { children: [
-      /* @__PURE__ */ jsxs102("span", { className: "dg jic mw0", children: [
-        /* @__PURE__ */ jsx203("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__ */ jsx203("span", { ...trussProps114({
+    !collapsed && /* @__PURE__ */ jsxs104(Fragment45, { children: [
+      /* @__PURE__ */ jsxs104("span", { className: "dg jic mw0", children: [
+        /* @__PURE__ */ jsx205("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__ */ jsx205("span", { ...trussProps116({
           gridArea: "gridArea_1_1",
           overflow: "oh",
           display: "d_negwebkit_box",
@@ -25469,7 +25545,7 @@ function StepperTab(props) {
           } : {}
         }), children: label })
       ] }),
-      /* @__PURE__ */ jsx203("span", { ...trussProps114({
+      /* @__PURE__ */ jsx205("span", { ...trussProps116({
         flexShrink: "fs0",
         marginLeft: "ml1",
         transition: "transitionAll",
@@ -25479,10 +25555,10 @@ function StepperTab(props) {
           opacity: "o100",
           transform: "transform_scale_1_translateY_0"
         } : {}
-      }), children: /* @__PURE__ */ jsx203(Icon, { icon: "check", inc: 2.5, ...tid.check }) })
+      }), children: /* @__PURE__ */ jsx205(Icon, { icon: "check", inc: 2.5, ...tid.check }) })
     ] }),
-    /* @__PURE__ */ jsx203("span", { "aria-hidden": true, ...trussProps114(getIndicatorStyles(active, completed, disabled)), ...tid.indicator }),
-    /* @__PURE__ */ jsx203(VisuallyHidden10, { children: completed ? "Complete" : "Not Complete" })
+    /* @__PURE__ */ jsx205("span", { "aria-hidden": true, ...trussProps116(getIndicatorStyles(active, completed, disabled)), ...tid.indicator }),
+    /* @__PURE__ */ jsx205(VisuallyHidden10, { children: completed ? "Complete" : "Not Complete" })
   ] });
 }
 function getStateStyles(active, completed) {
@@ -25563,8 +25639,8 @@ var stepperTabStyles = {
 };
 
 // src/components/StepperTabs/StepperTabs.tsx
-import { trussProps as trussProps115 } from "@homebound/truss/runtime";
-import { jsx as jsx204 } from "react/jsx-runtime";
+import { trussProps as trussProps117 } from "@homebound/truss/runtime";
+import { jsx as jsx206 } from "react/jsx-runtime";
 import { createElement as createElement7 } from "react";
 function StepperTabs(props) {
   const {
@@ -25580,7 +25656,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__ */ jsx204("nav", { "aria-label": "steps", className: "w100", ...tid, children: /* @__PURE__ */ jsx204("ol", { ...trussProps115({
+  return /* @__PURE__ */ jsx206("nav", { "aria-label": "steps", className: "w100", ...tid, children: /* @__PURE__ */ jsx206("ol", { ...trussProps117({
     padding: "p_0",
     margin: "m_0",
     listStyle: "lis_none",
@@ -25595,7 +25671,7 @@ function StepperTabs(props) {
   }), children: steps.map((step, idx) => {
     const isCurrent = idx === currentStepIndex;
     const isCompleted = idx < currentStepIndex;
-    return /* @__PURE__ */ createElement7("li", { ...trussProps115({
+    return /* @__PURE__ */ createElement7("li", { ...trussProps117({
       display: "df",
       flexGrow: "fg1",
       flexBasis: "fb_0",
@@ -25607,7 +25683,7 @@ function StepperTabs(props) {
           "--maxWidth": `${maxStepWidthPx}px`
         }]
       } : {}
-    }), key: step.value, "aria-current": isCurrent, ...tid.step }, /* @__PURE__ */ jsx204(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__ */ jsx206(StepperTab, { label: step.label, value: step.value, active: isCurrent, completed: isCompleted, disabled: step.disabled, collapsed, onClick: onChange, ...tid.tab }));
   }) }) });
 }
 var maxStepWidthPx = 280;
@@ -25615,8 +25691,8 @@ var gapPx = 6;
 
 // src/components/SuperDrawer/components/SuperDrawerHeader.tsx
 import { createPortal as createPortal8 } from "react-dom";
-import { trussProps as trussProps116 } from "@homebound/truss/runtime";
-import { jsx as jsx205, jsxs as jsxs103 } from "react/jsx-runtime";
+import { trussProps as trussProps118 } from "@homebound/truss/runtime";
+import { jsx as jsx207, jsxs as jsxs105 } from "react/jsx-runtime";
 function SuperDrawerHeader(props) {
   const {
     hideControls
@@ -25633,20 +25709,20 @@ function SuperDrawerHeader(props) {
   const currentContent = contentStack.current[contentStack.current.length - 1]?.opts;
   const isDetail = currentContent !== firstContent;
   const tid = useTestIds({}, "superDrawerHeader");
-  return createPortal8(/* @__PURE__ */ jsxs103("div", { className: "df aic jcsb gap3", ...tid, children: [
-    isStructuredProps(props) ? /* @__PURE__ */ jsxs103("div", { className: "df jcsb aic gap2 fg1", children: [
-      /* @__PURE__ */ jsxs103("div", { className: "fg1 df aic gap2", children: [
-        /* @__PURE__ */ jsx205("h1", { className: "fw6 fz_30px lh_36px", children: props.title }),
+  return createPortal8(/* @__PURE__ */ jsxs105("div", { className: "df aic jcsb gap3", ...tid, children: [
+    isStructuredProps(props) ? /* @__PURE__ */ jsxs105("div", { className: "df jcsb aic gap2 fg1", children: [
+      /* @__PURE__ */ jsxs105("div", { className: "fg1 df aic gap2", children: [
+        /* @__PURE__ */ jsx207("h1", { className: "fw6 fz_30px lh_36px", children: props.title }),
         props.left
       ] }),
-      props.right && /* @__PURE__ */ jsx205("div", { className: "fs0", children: props.right })
-    ] }) : /* @__PURE__ */ jsx205("div", { className: "fg1", children: props.children }),
-    !hideControls && /* @__PURE__ */ jsx205("div", { ...trussProps116({
+      props.right && /* @__PURE__ */ jsx207("div", { className: "fs0", children: props.right })
+    ] }) : /* @__PURE__ */ jsx207("div", { className: "fg1", children: props.children }),
+    !hideControls && /* @__PURE__ */ jsx207("div", { ...trussProps118({
       flexShrink: "fs0",
       ...isDetail ? {
         visibility: "vh"
       } : {}
-    }), children: /* @__PURE__ */ jsx205(ButtonGroup, { buttons: [{
+    }), children: /* @__PURE__ */ jsx207(ButtonGroup, { buttons: [{
       icon: "chevronLeft",
       onClick: () => onPrevClick && onPrevClick(),
       disabled: !onPrevClick
@@ -25666,7 +25742,7 @@ import { motion as motion7 } from "framer-motion";
 
 // src/components/SuperDrawer/useSuperDrawer.tsx
 import { useMemo as useMemo54 } from "react";
-import { jsx as jsx206 } from "react/jsx-runtime";
+import { jsx as jsx208 } from "react/jsx-runtime";
 function useSuperDrawer() {
   const {
     drawerContentStack: contentStack,
@@ -25678,7 +25754,7 @@ function useSuperDrawer() {
   function canCloseDrawerDetails(i, doChange) {
     for (const canCloseDrawerDetail of canCloseDetailsChecks.current[i] ?? []) {
       if (!canClose(canCloseDrawerDetail)) {
-        openModal({ content: /* @__PURE__ */ jsx206(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawerDetail }) });
+        openModal({ content: /* @__PURE__ */ jsx208(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawerDetail }) });
         return false;
       }
     }
@@ -25698,7 +25774,7 @@ function useSuperDrawer() {
     for (const canCloseDrawer of canCloseChecks.current) {
       if (!canClose(canCloseDrawer)) {
         openModal({
-          content: /* @__PURE__ */ jsx206(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawer })
+          content: /* @__PURE__ */ jsx208(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawer })
         });
         return;
       }
@@ -25793,8 +25869,8 @@ function canClose(canCloseCheck) {
 }
 
 // src/components/SuperDrawer/SuperDrawerContent.tsx
-import { trussProps as trussProps117, mergeProps as mergeProps33 } from "@homebound/truss/runtime";
-import { Fragment as Fragment46, jsx as jsx207, jsxs as jsxs104 } from "react/jsx-runtime";
+import { trussProps as trussProps119, mergeProps as mergeProps33 } from "@homebound/truss/runtime";
+import { Fragment as Fragment46, jsx as jsx209, jsxs as jsxs106 } from "react/jsx-runtime";
 var SuperDrawerContent = ({
   children,
   actions
@@ -25814,17 +25890,17 @@ var SuperDrawerContent = ({
   } = firstContent ?? {};
   function wrapWithMotionAndMaybeBack(children2) {
     if (kind === "open") {
-      return /* @__PURE__ */ jsx207(motion7.div, { className: "pt3 pb3 pr3 pl3 fg1 oa", children: children2 }, "content");
+      return /* @__PURE__ */ jsx209(motion7.div, { className: "pt3 pb3 pr3 pl3 fg1 oa", children: children2 }, "content");
     } else if (kind === "detail") {
-      return /* @__PURE__ */ jsxs104(motion7.div, { className: "pl3 pr3 pt2 pb3 fg1", animate: {
+      return /* @__PURE__ */ jsxs106(motion7.div, { className: "pl3 pr3 pt2 pb3 fg1", animate: {
         overflow: "auto"
       }, transition: {
         overflow: {
           delay: 0.3
         }
       }, children: [
-        /* @__PURE__ */ jsx207(Button, { label: "Back", icon: "chevronLeft", variant: "tertiary", onClick: closeDrawerDetail }),
-        /* @__PURE__ */ jsx207(motion7.div, { initial: {
+        /* @__PURE__ */ jsx209(Button, { label: "Back", icon: "chevronLeft", variant: "tertiary", onClick: closeDrawerDetail }),
+        /* @__PURE__ */ jsx209(motion7.div, { initial: {
           x: width2,
           opacity: 0
         }, animate: {
@@ -25842,7 +25918,7 @@ var SuperDrawerContent = ({
         }, className: "pt2", children: children2 })
       ] }, "content");
     } else {
-      return /* @__PURE__ */ jsx207(motion7.div, { ...mergeProps33(void 0, {
+      return /* @__PURE__ */ jsx209(motion7.div, { ...mergeProps33(void 0, {
         overflow: "auto"
       }, {
         paddingTop: "pt3",
@@ -25853,9 +25929,9 @@ var SuperDrawerContent = ({
       }) }, "content");
     }
   }
-  return /* @__PURE__ */ jsxs104(Fragment46, { children: [
+  return /* @__PURE__ */ jsxs106(Fragment46, { children: [
     wrapWithMotionAndMaybeBack(children),
-    actions && /* @__PURE__ */ jsx207("footer", { ...trussProps117({
+    actions && /* @__PURE__ */ jsx209("footer", { ...trussProps119({
       borderTopStyle: "bts_solid",
       borderTopWidth: "btw_1px",
       borderColor: ["bc_var", {
@@ -25868,7 +25944,7 @@ var SuperDrawerContent = ({
       display: "df",
       alignItems: "aic",
       justifyContent: "jcfe"
-    }), children: /* @__PURE__ */ jsx207("div", { className: "df gap1", children: actions.map((buttonProps, i) => /* @__PURE__ */ jsx207(Button, { ...buttonProps }, i)) }) })
+    }), children: /* @__PURE__ */ jsx209("div", { className: "df gap1", children: actions.map((buttonProps, i) => /* @__PURE__ */ jsx209(Button, { ...buttonProps }, i)) }) })
   ] });
 };
 
@@ -25916,15 +25992,15 @@ import { useEffect as useEffect38, useMemo as useMemo55, useRef as useRef64, use
 import { mergeProps as mergeProps34, useFocusRing as useFocusRing19, useHover as useHover23 } from "react-aria";
 import { matchPath } from "react-router";
 import { Link as Link7, useLocation as useLocation2 } from "react-router-dom";
-import { trussProps as trussProps118, maybeCssVar as maybeCssVar54 } from "@homebound/truss/runtime";
-import { Fragment as Fragment47, jsx as jsx208, jsxs as jsxs105 } from "react/jsx-runtime";
+import { trussProps as trussProps120, maybeCssVar as maybeCssVar56 } from "@homebound/truss/runtime";
+import { Fragment as Fragment47, jsx as jsx210, jsxs as jsxs107 } from "react/jsx-runtime";
 function TabsWithContent(props) {
   const styles = hideTabs(props) ? {} : {
     paddingTop: "pt3"
   };
-  return /* @__PURE__ */ jsxs105(Fragment47, { children: [
-    /* @__PURE__ */ jsx208(Tabs, { ...props }),
-    /* @__PURE__ */ jsx208(TabContent, { ...props, contentXss: {
+  return /* @__PURE__ */ jsxs107(Fragment47, { children: [
+    /* @__PURE__ */ jsx210(Tabs, { ...props }),
+    /* @__PURE__ */ jsx210(TabContent, { ...props, contentXss: {
       ...styles,
       ...props.contentXss
     } })
@@ -25949,7 +26025,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__ */ jsx208(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ jsx208("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...trussProps118(contentXss), children: selectedTab.render() }) })
+    /* @__PURE__ */ jsx210(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ jsx210("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...trussProps120(contentXss), children: selectedTab.render() }) })
   );
 }
 function Tabs(props) {
@@ -25991,7 +26067,7 @@ function Tabs(props) {
       setActive(selected);
     }
   }
-  return /* @__PURE__ */ jsxs105("div", { ...trussProps118({
+  return /* @__PURE__ */ jsxs107("div", { ...trussProps120({
     ...{
       display: "df",
       alignItems: "aic",
@@ -26009,11 +26085,11 @@ function Tabs(props) {
       }
     } : {}
   }), children: [
-    !hideTabs(props) && /* @__PURE__ */ jsx208("div", { ref, className: "dif gap1 asfe", "aria-label": ariaLabel, role: "tablist", ...tid, children: tabs.map((tab) => {
+    !hideTabs(props) && /* @__PURE__ */ jsx210("div", { ref, className: "dif gap1 asfe", "aria-label": ariaLabel, role: "tablist", ...tid, children: tabs.map((tab) => {
       const uniqueValue = uniqueTabValue(tab);
-      return /* @__PURE__ */ jsx208(TabImpl, { active: active === uniqueValue, focusProps, isFocusVisible, onClick, onKeyUp, onBlur, tab, ...tid[defaultTestId(uniqueValue)] }, uniqueValue);
+      return /* @__PURE__ */ jsx210(TabImpl, { active: active === uniqueValue, focusProps, isFocusVisible, onClick, onKeyUp, onBlur, tab, ...tid[defaultTestId(uniqueValue)] }, uniqueValue);
     }) }),
-    right && /* @__PURE__ */ jsx208("div", { className: "mla df aic gap1 pb1", children: right })
+    right && /* @__PURE__ */ jsx210("div", { className: "mla df aic gap1 pb1", children: right })
   ] });
 }
 function TabImpl(props) {
@@ -26057,7 +26133,7 @@ function TabImpl(props) {
     role: "tab",
     tabIndex: active ? 0 : -1,
     ...others,
-    ...trussProps118({
+    ...trussProps120({
       ...baseStyles4,
       ...active && activeStyles3,
       ...isDisabled && disabledStyles3,
@@ -26073,17 +26149,17 @@ function TabImpl(props) {
       onClick: () => onClick(tab.value)
     }
   });
-  const tabLabel = /* @__PURE__ */ jsxs105(Fragment47, { children: [
+  const tabLabel = /* @__PURE__ */ jsxs107(Fragment47, { children: [
     label,
-    (icon || endAdornment) && /* @__PURE__ */ jsx208("span", { className: "ml1", children: icon ? /* @__PURE__ */ jsx208(Icon, { icon }) : endAdornment })
+    (icon || endAdornment) && /* @__PURE__ */ jsx210("span", { className: "ml1", children: icon ? /* @__PURE__ */ jsx210(Icon, { icon }) : endAdornment })
   ] });
   return isDisabled ? maybeTooltip({
     title: resolveTooltip(disabled),
     placement: "top",
-    children: /* @__PURE__ */ jsx208("div", { ...tabProps, children: tabLabel })
-  }) : isRouteTab(tab) ? /* @__PURE__ */ jsx208(Link7, { ...mergeProps34(tabProps, interactiveProps, {
+    children: /* @__PURE__ */ jsx210("div", { ...tabProps, children: tabLabel })
+  }) : isRouteTab(tab) ? /* @__PURE__ */ jsx210(Link7, { ...mergeProps34(tabProps, interactiveProps, {
     className: "navLink"
-  }), to: tab.href, children: tabLabel }) : /* @__PURE__ */ jsx208("button", { ...{
+  }), to: tab.href, children: tabLabel }) : /* @__PURE__ */ jsx210("button", { ...{
     ...tabProps,
     ...interactiveProps
   }, children: tabLabel });
@@ -26094,7 +26170,7 @@ function getTabStyles() {
   const borderBottomStyles = {
     borderBottomStyle: "bbs_solid",
     borderBottomWidth: ["borderBottomWidth_var", {
-      "--borderBottomWidth": maybeCssVar54(`${borderBottomWidthPx}px`)
+      "--borderBottomWidth": maybeCssVar56(`${borderBottomWidthPx}px`)
     }],
     paddingBottom: ["pb_var", {
       "--paddingBottom": `${verticalPaddingPx - borderBottomWidthPx}px`
@@ -26191,7 +26267,7 @@ function hideTabs(props) {
 }
 
 // src/components/TagGroup.tsx
-import { jsx as jsx209, jsxs as jsxs106 } from "react/jsx-runtime";
+import { jsx as jsx211, jsxs as jsxs108 } from "react/jsx-runtime";
 function TagGroup(props) {
   const {
     tags,
@@ -26199,9 +26275,9 @@ function TagGroup(props) {
     ...otherProps
   } = props;
   const tid = useTestIds(otherProps, "tagGroup");
-  return /* @__PURE__ */ jsxs106("div", { ...tid, className: "df aic fww gap1", children: [
-    tags.map((tag) => /* @__PURE__ */ jsx209(Tag, { ...tag, variant: "secondary" }, tag.text)),
-    onEdit && /* @__PURE__ */ jsx209("span", { className: "ml1 fw4 fz_14px lh_20px", children: /* @__PURE__ */ jsx209(Button, { label: "Edit", variant: "text", onClick: onEdit, ...tid.edit }) })
+  return /* @__PURE__ */ jsxs108("div", { ...tid, className: "df aic fww gap1", children: [
+    tags.map((tag) => /* @__PURE__ */ jsx211(Tag, { ...tag, variant: "secondary" }, tag.text)),
+    onEdit && /* @__PURE__ */ jsx211("span", { className: "ml1 fw4 fz_14px lh_20px", children: /* @__PURE__ */ jsx211(Button, { label: "Edit", variant: "text", onClick: onEdit, ...tid.edit }) })
   ] });
 }
 
@@ -26214,15 +26290,15 @@ function useToast() {
 }
 
 // src/layouts/SideNavLayout/SideNavLayout.tsx
-import { trussProps as trussProps119, mergeProps as mergeProps35, maybeCssVar as maybeCssVar55 } from "@homebound/truss/runtime";
-import { jsx as jsx210, jsxs as jsxs107 } from "react/jsx-runtime";
-var __maybeInc24 = (inc) => {
+import { trussProps as trussProps121, mergeProps as mergeProps35, maybeCssVar as maybeCssVar57 } from "@homebound/truss/runtime";
+import { jsx as jsx212, jsxs as jsxs109 } from "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__ */ jsx210(SideNavLayoutContent, { ...props });
-  return /* @__PURE__ */ jsx210(SideNavLayoutProvider, { children: /* @__PURE__ */ jsx210(SideNavLayoutContent, { ...props }) });
+  if (hasProvider) return /* @__PURE__ */ jsx212(SideNavLayoutContent, { ...props });
+  return /* @__PURE__ */ jsx212(SideNavLayoutProvider, { children: /* @__PURE__ */ jsx212(SideNavLayoutContent, { ...props }) });
 }
 function SideNavLayoutContent(props) {
   const {
@@ -26244,7 +26320,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__ */ jsxs107("div", { ...trussProps119({
+  const rail = showRail && /* @__PURE__ */ jsxs109("div", { ...trussProps121({
     ...{
       display: "df",
       flexDirection: "fdc",
@@ -26268,14 +26344,14 @@ function SideNavLayoutContent(props) {
       position: "sticky",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": maybeCssVar55(zIndices.sideNav)
+        "--zIndex": maybeCssVar57(zIndices.sideNav)
       }],
       top: ["top_var", {
-        "--top": maybeCssVar55(__maybeInc24(navTop))
+        "--top": maybeCssVar57(__maybeInc26(navTop))
       }],
       alignSelf: "asfs",
       height: ["h_var", {
-        "--height": maybeCssVar55(__maybeInc24(railViewportHeight))
+        "--height": maybeCssVar57(__maybeInc26(railViewportHeight))
       }],
       width: ["w_var", {
         "--width": `${collapsed ? railCollapsedWidthPx : railWidthPx}px`
@@ -26285,11 +26361,11 @@ function SideNavLayoutContent(props) {
         position: "fixed",
         left: "left0",
         top: ["top_var", {
-          "--top": maybeCssVar55(__maybeInc24(navTop))
+          "--top": maybeCssVar57(__maybeInc26(navTop))
         }],
         bottom: "bottom0",
         zIndex: ["z_var", {
-          "--zIndex": maybeCssVar55(zIndices.sideNav)
+          "--zIndex": maybeCssVar57(zIndices.sideNav)
         }]
       },
       ...collapsed ? {
@@ -26301,18 +26377,18 @@ function SideNavLayoutContent(props) {
       }
     }
   }), ...tid.sideNav, children: [
-    showCollapseToggle && /* @__PURE__ */ jsx210("div", { className: "absolute right2 top2 z2", children: /* @__PURE__ */ jsx210(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
-    /* @__PURE__ */ jsx210("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ jsx210(SideNav, { ...sideNav }) })
+    showCollapseToggle && /* @__PURE__ */ jsx212("div", { className: "absolute right2 top2 z2", children: /* @__PURE__ */ jsx212(IconButton, { icon: collapsed ? "menuOpen" : "menuClose", label: collapsed ? "Expand navigation" : "Collapse navigation", onClick: () => setNavState(collapsed ? "expanded" : "collapse"), ...tid.toggle }) }),
+    /* @__PURE__ */ jsx212("div", { className: "fg1 mh0 df fdc", ...tid.sideNavContent, children: /* @__PURE__ */ jsx212(SideNav, { ...sideNav }) })
   ] });
-  return /* @__PURE__ */ jsx210(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs107("div", { ...mergeProps35(void 0, {
+  return /* @__PURE__ */ jsx212(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs109("div", { ...mergeProps35(void 0, {
     [beamSideNavLayoutWidthVar]: `${railOffsetPx}px`
   }, {
     display: "df",
     flexDirection: "fdr",
     width: "w100"
   }), ...tid, children: [
-    contrastRail ? /* @__PURE__ */ jsx210(ContrastScope, { children: rail }) : rail,
-    /* @__PURE__ */ jsx210("div", { ...trussProps119({
+    contrastRail ? /* @__PURE__ */ jsx212(ContrastScope, { children: rail }) : rail,
+    /* @__PURE__ */ jsx212("div", { ...trussProps121({
       display: "df",
       flexDirection: "fdc",
       flexGrow: "fg1",
@@ -26328,9 +26404,9 @@ function SideNavLayoutContent(props) {
 }
 
 // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
-import { trussProps as trussProps120, mergeProps as mergeProps36, maybeCssVar as maybeCssVar56 } from "@homebound/truss/runtime";
-import { jsx as jsx211, jsxs as jsxs108 } from "react/jsx-runtime";
-var __maybeInc25 = (inc) => {
+import { trussProps as trussProps122, mergeProps as mergeProps36, maybeCssVar as maybeCssVar58 } from "@homebound/truss/runtime";
+import { jsx as jsx213, jsxs as jsxs110 } from "react/jsx-runtime";
+var __maybeInc27 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function EnvironmentBannerLayout(props) {
@@ -26345,35 +26421,35 @@ function EnvironmentBannerLayout(props) {
     [beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
   };
   const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
-  return /* @__PURE__ */ jsx211(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx211(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs108("div", { ...mergeProps36(void 0, style, {
+  return /* @__PURE__ */ jsx213(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx213(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs110("div", { ...mergeProps36(void 0, style, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    showBanner && environmentBanner && /* @__PURE__ */ jsx211("div", { ...mergeProps36(void 0, {
+    showBanner && environmentBanner && /* @__PURE__ */ jsx213("div", { ...mergeProps36(void 0, {
       height: environmentBannerSizePx
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx211("div", { ...trussProps120({
+    }), children: /* @__PURE__ */ jsx213("div", { ...trussProps122({
       position: "fixed",
       top: "top0",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": maybeCssVar56(zIndices.environmentBanner)
+        "--zIndex": maybeCssVar58(zIndices.environmentBanner)
       }],
       width: ["w_var", {
-        "--width": maybeCssVar56(__maybeInc25(innerWidth))
+        "--width": maybeCssVar58(__maybeInc27(innerWidth))
       }]
-    }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx211(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
+    }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx213(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
     children
   ] }) }) });
 }
 
 // src/layouts/FormSectionLayout/FormSectionLayout.tsx
-import { trussProps as trussProps121 } from "@homebound/truss/runtime";
-import { jsx as jsx212, jsxs as jsxs109 } from "react/jsx-runtime";
+import { trussProps as trussProps123 } from "@homebound/truss/runtime";
+import { jsx as jsx214, jsxs as jsxs111 } from "react/jsx-runtime";
 function FormSectionLayout(props) {
   const {
     title,
@@ -26383,14 +26459,14 @@ function FormSectionLayout(props) {
     sections
   } = props;
   const tid = useTestIds(props, "formSectionLayout");
-  return /* @__PURE__ */ jsxs109("div", { className: "df fdc gap8 w100 pt4 maxw_720px mla mra sm_pl2 sm_pr2", ...tid, children: [
-    /* @__PURE__ */ jsxs109("div", { className: "df fdc gap3", children: [
-      /* @__PURE__ */ jsxs109("div", { className: "df fdc jcsb gap_12px", children: [
-        /* @__PURE__ */ jsxs109("div", { className: "df jcsb aic", children: [
-          /* @__PURE__ */ jsx212("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
-          actions && /* @__PURE__ */ jsx212("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx212(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx212(Button, { ...action }, `${action.label}`)) })
+  return /* @__PURE__ */ jsxs111("div", { className: "df fdc gap8 w100 pt4 maxw_720px mla mra sm_pl2 sm_pr2", ...tid, children: [
+    /* @__PURE__ */ jsxs111("div", { className: "df fdc gap3", children: [
+      /* @__PURE__ */ jsxs111("div", { className: "df fdc jcsb gap_12px", children: [
+        /* @__PURE__ */ jsxs111("div", { className: "df jcsb aic", children: [
+          /* @__PURE__ */ jsx214("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
+          actions && /* @__PURE__ */ jsx214("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx214(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx214(Button, { ...action }, `${action.label}`)) })
         ] }),
-        description && /* @__PURE__ */ jsx212("div", { ...trussProps121({
+        description && /* @__PURE__ */ jsx214("div", { ...trussProps123({
           fontWeight: "fw4",
           fontSize: "fz_14px",
           lineHeight: "lh_20px",
@@ -26401,13 +26477,13 @@ function FormSectionLayout(props) {
       ] }),
       initialFields
     ] }),
-    sections && /* @__PURE__ */ jsx212("div", { className: "df fdc gap8", children: sections.map((section, i) => /* @__PURE__ */ jsx212(FormSection, { ...section }, defaultTestId(section.title) || i)) })
+    sections && /* @__PURE__ */ jsx214("div", { className: "df fdc gap8", children: sections.map((section, i) => /* @__PURE__ */ jsx214(FormSection, { ...section }, defaultTestId(section.title) || i)) })
   ] });
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
 import { useMemo as useMemo56, useRef as useRef66 } from "react";
-import { mergeProps as mergeProps37, maybeCssVar as maybeCssVar57 } from "@homebound/truss/runtime";
+import { mergeProps as mergeProps37, maybeCssVar as maybeCssVar59 } from "@homebound/truss/runtime";
 
 // src/layouts/useAutoHideOnScroll.ts
 import { useLayoutEffect as useLayoutEffect9, useRef as useRef65, useState as useState57 } from "react";
@@ -26518,18 +26594,18 @@ function useMeasuredHeight(ref, enabled) {
 
 // src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
 import { createContext as createContext15, useContext as useContext27 } from "react";
-import { jsx as jsx213 } from "react/jsx-runtime";
+import { jsx as jsx215 } from "react/jsx-runtime";
 var NavbarLayoutHeightContext = createContext15(0);
 function NavbarLayoutHeightProvider({ value, children }) {
-  return /* @__PURE__ */ jsx213(NavbarLayoutHeightContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx215(NavbarLayoutHeightContext.Provider, { value, children });
 }
 function useNavbarLayoutHeight() {
   return useContext27(NavbarLayoutHeightContext);
 }
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
-import { jsx as jsx214, jsxs as jsxs110 } from "react/jsx-runtime";
-var __maybeInc26 = (inc) => {
+import { jsx as jsx216, jsxs as jsxs112 } from "react/jsx-runtime";
+var __maybeInc28 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function NavbarLayout(props) {
@@ -26557,10 +26633,10 @@ function NavbarLayout(props) {
       position: "sticky",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": maybeCssVar57(zIndices.navbar)
+        "--zIndex": maybeCssVar59(zIndices.navbar)
       }],
       width: ["w_var", {
-        "--width": maybeCssVar57(__maybeInc26(innerWidth))
+        "--width": maybeCssVar59(__maybeInc28(innerWidth))
       }]
     }
   ) : (
@@ -26569,10 +26645,10 @@ function NavbarLayout(props) {
       position: "fixed",
       left: "left0",
       zIndex: ["z_var", {
-        "--zIndex": maybeCssVar57(zIndices.navbar)
+        "--zIndex": maybeCssVar59(zIndices.navbar)
       }],
       width: ["w_var", {
-        "--width": maybeCssVar57(__maybeInc26(innerWidth))
+        "--width": maybeCssVar59(__maybeInc28(innerWidth))
       }],
       transition: "transitionTop"
     }
@@ -26581,20 +26657,20 @@ function NavbarLayout(props) {
   const innerStyle = autoHideState !== "static" ? {
     top: autoHideState === "revealed" ? bannerTop : `calc(${bannerTop} - ${navHeight}px)`
   } : void 0;
-  const navbarEl = useMemo56(() => /* @__PURE__ */ jsx214(Navbar, { ...navbar }), [navbar]);
-  return /* @__PURE__ */ jsx214(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx214(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsxs110("div", { ...mergeProps37(void 0, cssVars, {
+  const navbarEl = useMemo56(() => /* @__PURE__ */ jsx216(Navbar, { ...navbar }), [navbar]);
+  return /* @__PURE__ */ jsx216(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx216(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsxs112("div", { ...mergeProps37(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx214("div", { ref: spacerRef, ...mergeProps37(void 0, {
+    /* @__PURE__ */ jsx216("div", { ref: spacerRef, ...mergeProps37(void 0, {
       height: navHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx214("div", { ref: navMetricsRef, ...mergeProps37(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
-    /* @__PURE__ */ jsx214("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
+    }), children: /* @__PURE__ */ jsx216("div", { ref: navMetricsRef, ...mergeProps37(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
+    /* @__PURE__ */ jsx216("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
   ] }) }) });
 }
 
@@ -26602,8 +26678,8 @@ function NavbarLayout(props) {
 import { useCallback as useCallback39, useMemo as useMemo57, useRef as useRef67 } from "react";
 
 // src/components/Headers/BaseHeader.tsx
-import { trussProps as trussProps122 } from "@homebound/truss/runtime";
-import { jsx as jsx215, jsxs as jsxs111 } from "react/jsx-runtime";
+import { trussProps as trussProps124 } from "@homebound/truss/runtime";
+import { jsx as jsx217, jsxs as jsxs113 } from "react/jsx-runtime";
 function BaseHeader(props) {
   const {
     title,
@@ -26615,7 +26691,7 @@ function BaseHeader(props) {
   } = props;
   const tid = useTestIds(otherProps, "header");
   useDocumentTitle(title, documentTitleSuffix);
-  return /* @__PURE__ */ jsxs111("header", { ...tid, ...trussProps122({
+  return /* @__PURE__ */ jsxs113("header", { ...tid, ...trussProps124({
     display: "df",
     flexDirection: "fdc",
     paddingTop: "pt3",
@@ -26629,7 +26705,7 @@ function BaseHeader(props) {
       "--backgroundColor": "var(--b-surface)"
     }]
   }), children: [
-    /* @__PURE__ */ jsxs111("div", { ...trussProps122({
+    /* @__PURE__ */ jsxs113("div", { ...trussProps124({
       ...{
         display: "df",
         justifyContent: "jcsb",
@@ -26643,9 +26719,9 @@ function BaseHeader(props) {
         } : {}
       }
     }), children: [
-      /* @__PURE__ */ jsxs111("div", { className: "mw0", children: [
-        breadcrumbs && /* @__PURE__ */ jsx215(Breadcrumbs, { ...breadcrumbs }),
-        /* @__PURE__ */ jsx215("h1", { ...tid.title, ...trussProps122({
+      /* @__PURE__ */ jsxs113("div", { className: "mw0", children: [
+        breadcrumbs && /* @__PURE__ */ jsx217(Breadcrumbs, { ...breadcrumbs }),
+        /* @__PURE__ */ jsx217("h1", { ...tid.title, ...trussProps124({
           fontWeight: "fw6",
           fontSize: "fz_20px",
           lineHeight: "lh_28px",
@@ -26654,22 +26730,22 @@ function BaseHeader(props) {
           }]
         }), children: title })
       ] }),
-      /* @__PURE__ */ jsx215("div", { className: "fs0", children: rightSlot })
+      /* @__PURE__ */ jsx217("div", { className: "fs0", children: rightSlot })
     ] }),
     bottomSlot
   ] });
 }
 
 // src/components/Headers/PageHeader.tsx
-import { trussProps as trussProps123 } from "@homebound/truss/runtime";
-import { jsx as jsx216 } from "react/jsx-runtime";
+import { trussProps as trussProps125 } from "@homebound/truss/runtime";
+import { jsx as jsx218 } from "react/jsx-runtime";
 function PageHeader2(props) {
   const {
     tabs,
     ...otherProps
   } = props;
   const tid = useTestIds(otherProps, "header");
-  return /* @__PURE__ */ jsx216(BaseHeader, { ...otherProps, bottomSlot: tabs && /* @__PURE__ */ jsx216("div", { ...trussProps123(pageContentPaddingX), children: /* @__PURE__ */ jsx216(Tabs, { ...tabs, ...tid.tabs }) }) });
+  return /* @__PURE__ */ jsx218(BaseHeader, { ...otherProps, bottomSlot: tabs && /* @__PURE__ */ jsx218("div", { ...trussProps125(pageContentPaddingX), children: /* @__PURE__ */ jsx218(Tabs, { ...tabs, ...tid.tabs }) }) });
 }
 
 // src/layouts/useBannerAndNavbarHeight.ts
@@ -26678,9 +26754,9 @@ function useBannerAndNavbarHeight() {
 }
 
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
-import { mergeProps as mergeProps38, maybeCssVar as maybeCssVar58 } from "@homebound/truss/runtime";
-import { jsx as jsx217, jsxs as jsxs112 } from "react/jsx-runtime";
-var __maybeInc27 = (inc) => {
+import { mergeProps as mergeProps38, maybeCssVar as maybeCssVar60 } from "@homebound/truss/runtime";
+import { jsx as jsx219, jsxs as jsxs114 } from "react/jsx-runtime";
+var __maybeInc29 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function PageHeaderLayout(props) {
@@ -26710,43 +26786,43 @@ function PageHeaderLayout(props) {
   const innerCss = autoHideState === "static" ? {
     position: "sticky",
     left: ["left_var", {
-      "--left": maybeCssVar58(__maybeInc27(headerLeft))
+      "--left": maybeCssVar60(__maybeInc29(headerLeft))
     }],
     width: ["w_var", {
-      "--width": maybeCssVar58(__maybeInc27(headerWidth))
+      "--width": maybeCssVar60(__maybeInc29(headerWidth))
     }],
     zIndex: ["z_var", {
-      "--zIndex": maybeCssVar58(zIndices.pageStickyHeader)
+      "--zIndex": maybeCssVar60(zIndices.pageStickyHeader)
     }]
   } : {
     position: "fixed",
     left: ["left_var", {
-      "--left": maybeCssVar58(__maybeInc27(headerLeft))
+      "--left": maybeCssVar60(__maybeInc29(headerLeft))
     }],
     width: ["w_var", {
-      "--width": maybeCssVar58(__maybeInc27(headerWidth))
+      "--width": maybeCssVar60(__maybeInc29(headerWidth))
     }],
     zIndex: ["z_var", {
-      "--zIndex": maybeCssVar58(zIndices.pageStickyHeader)
+      "--zIndex": maybeCssVar60(zIndices.pageStickyHeader)
     }],
     transition: "transitionTop"
   };
   const innerStyle = autoHideState !== "static" ? {
     top: autoHideState === "revealed" ? outerTop : `calc(${outerTop} - ${headerHeight}px)`
   } : void 0;
-  const pageHeaderEl = useMemo57(() => /* @__PURE__ */ jsx217(PageHeader2, { ...pageHeader }), [pageHeader]);
-  return /* @__PURE__ */ jsx217(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs112("div", { ...mergeProps38(void 0, cssVars, {
+  const pageHeaderEl = useMemo57(() => /* @__PURE__ */ jsx219(PageHeader2, { ...pageHeader }), [pageHeader]);
+  return /* @__PURE__ */ jsx219(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs114("div", { ...mergeProps38(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "w100"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx217("div", { ref: spacerRef, ...mergeProps38(void 0, {
+    /* @__PURE__ */ jsx219("div", { ref: spacerRef, ...mergeProps38(void 0, {
       height: headerHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx217("div", { ref: headerMetricsRef, ...mergeProps38(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
-    /* @__PURE__ */ jsx217("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
+    }), children: /* @__PURE__ */ jsx219("div", { ref: headerMetricsRef, ...mergeProps38(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
+    /* @__PURE__ */ jsx219("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
   ] }) });
 }
 
@@ -26754,17 +26830,17 @@ function PageHeaderLayout(props) {
 import { useLayoutEffect as useLayoutEffect11, useRef as useRef69, useState as useState59 } from "react";
 
 // src/components/Headers/WorkflowHeader.tsx
-import { jsx as jsx218 } from "react/jsx-runtime";
+import { jsx as jsx220 } from "react/jsx-runtime";
 function WorkflowHeader(props) {
   const { stepperTabs, ...otherProps } = props;
   const tid = useTestIds(otherProps, "header");
-  return /* @__PURE__ */ jsx218(BaseHeader, { ...otherProps, bottomSlot: /* @__PURE__ */ jsx218(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) });
+  return /* @__PURE__ */ jsx220(BaseHeader, { ...otherProps, bottomSlot: /* @__PURE__ */ jsx220(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) });
 }
 
 // src/layouts/WorkflowLayout/useUnsavedChangesGuard.tsx
 import { useEffect as useEffect39, useRef as useRef68 } from "react";
 import { useBlocker } from "react-router-dom";
-import { jsx as jsx219 } from "react/jsx-runtime";
+import { jsx as jsx221 } from "react/jsx-runtime";
 function useUnsavedChangesGuard(options) {
   const { isDirty, onCancel } = options;
   const { openModal } = useModal();
@@ -26787,7 +26863,7 @@ function useUnsavedChangesGuard(options) {
     }
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ jsx219(ConfirmCloseModal, { onClose: () => onCancel(e) })
+      content: /* @__PURE__ */ jsx221(ConfirmCloseModal, { onClose: () => onCancel(e) })
     });
   };
   const navigationBlocker = blocker.state === "blocked" ? { proceed: () => blocker.proceed?.(), cancelNavigation: () => blocker.reset?.() } : void 0;
@@ -26799,7 +26875,7 @@ function UnsavedChangesNavigationModal(props) {
   useEffect39(() => {
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ jsx219(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
+      content: /* @__PURE__ */ jsx221(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
     });
     return () => closeModal();
   }, []);
@@ -26807,7 +26883,7 @@ function UnsavedChangesNavigationModal(props) {
 }
 
 // src/layouts/WorkflowLayout/WorkflowActions.tsx
-import { jsx as jsx220, jsxs as jsxs113 } from "react/jsx-runtime";
+import { jsx as jsx222, jsxs as jsxs115 } from "react/jsx-runtime";
 function WorkflowActions(props) {
   const {
     isFirstStep,
@@ -26821,20 +26897,20 @@ function WorkflowActions(props) {
     onContinue,
     primaryDisabled
   } = props;
-  return /* @__PURE__ */ jsxs113("div", { className: "df aic jcsb sm_w100", children: [
-    /* @__PURE__ */ jsx220("div", { className: "df aic", children: !isFirstStep && isMobile && /* @__PURE__ */ jsx220(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
-    /* @__PURE__ */ jsxs113("div", { className: "df aic gap1", children: [
-      /* @__PURE__ */ jsx220(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
-      onSaveAndExit && /* @__PURE__ */ jsx220(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
-      isLastStep ? /* @__PURE__ */ jsx220(Button, { label: completeLabel, variant: "primary", onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx220(Button, { label: "Continue", variant: "primary", onClick: onContinue, disabled: primaryDisabled })
+  return /* @__PURE__ */ jsxs115("div", { className: "df aic jcsb sm_w100", children: [
+    /* @__PURE__ */ jsx222("div", { className: "df aic", children: !isFirstStep && isMobile && /* @__PURE__ */ jsx222(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
+    /* @__PURE__ */ jsxs115("div", { className: "df aic gap1", children: [
+      /* @__PURE__ */ jsx222(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
+      onSaveAndExit && /* @__PURE__ */ jsx222(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
+      isLastStep ? /* @__PURE__ */ jsx222(Button, { label: completeLabel, variant: "primary", onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx222(Button, { label: "Continue", variant: "primary", onClick: onContinue, disabled: primaryDisabled })
     ] })
   ] });
 }
 
 // src/layouts/WorkflowLayout/WorkflowLayout.tsx
-import { trussProps as trussProps124, mergeProps as mergeProps39, maybeCssVar as maybeCssVar59 } from "@homebound/truss/runtime";
-import { jsx as jsx221, jsxs as jsxs114 } from "react/jsx-runtime";
-var __maybeInc28 = (inc) => {
+import { trussProps as trussProps126, mergeProps as mergeProps39, maybeCssVar as maybeCssVar61 } from "@homebound/truss/runtime";
+import { jsx as jsx223, jsxs as jsxs116 } from "react/jsx-runtime";
+var __maybeInc30 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function WorkflowLayout(props) {
@@ -26875,7 +26951,7 @@ function WorkflowLayout(props) {
   const isFirstStep = currentIndex <= 0;
   const isLastStep = currentIndex === stepTabs.length - 1;
   const activeStep = stepTabs[currentIndex];
-  const buttons = /* @__PURE__ */ jsx221(WorkflowActions, { isFirstStep, isLastStep, isMobile, onBack: () => setCurrentStep(stepTabs[currentIndex - 1].value), onCancel: onCancelClick, onSaveAndExit, completeLabel, onComplete, primaryDisabled: !activeStep?.isValid, onContinue: async () => {
+  const buttons = /* @__PURE__ */ jsx223(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();
@@ -26896,7 +26972,7 @@ function WorkflowLayout(props) {
       }
     };
   }, [showFooter]);
-  const headerEl = /* @__PURE__ */ jsx221(
+  const headerEl = /* @__PURE__ */ jsx223(
     WorkflowHeader,
     {
       ...headerProps,
@@ -26909,44 +26985,44 @@ function WorkflowLayout(props) {
       }
     }
   );
-  return /* @__PURE__ */ jsxs114(DocumentScrollLayoutProvider, { children: [
-    /* @__PURE__ */ jsxs114("div", { ...mergeProps39(void 0, cssVars, {
+  return /* @__PURE__ */ jsxs116(DocumentScrollLayoutProvider, { children: [
+    /* @__PURE__ */ jsxs116("div", { ...mergeProps39(void 0, cssVars, {
       display: "df",
       flexDirection: "fdc",
       width: "w100"
     }), ...tid, children: [
-      /* @__PURE__ */ jsx221("div", { ref: headerMetricsRef, ...trussProps124({
+      /* @__PURE__ */ jsx223("div", { ref: headerMetricsRef, ...trussProps126({
         position: "sticky",
         left: "left0",
         width: ["w_var", {
-          "--width": maybeCssVar59(__maybeInc28(headerWidth))
+          "--width": maybeCssVar61(__maybeInc30(headerWidth))
         }],
         zIndex: ["z_var", {
-          "--zIndex": maybeCssVar59(zIndices.pageStickyHeader)
+          "--zIndex": maybeCssVar61(zIndices.pageStickyHeader)
         }],
         top: ["top_var", {
-          "--top": maybeCssVar59(__maybeInc28(outerTop))
+          "--top": maybeCssVar61(__maybeInc30(outerTop))
         }]
       }), ...tid.header, children: headerEl }),
-      /* @__PURE__ */ jsx221("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children: activeStep?.content }),
-      showFooter && /* @__PURE__ */ jsx221("div", { ...trussProps124({
+      /* @__PURE__ */ jsx223("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children: activeStep?.content }),
+      showFooter && /* @__PURE__ */ jsx223("div", { ...trussProps126({
         flexShrink: "fs0",
         width: "w100",
         height: ["h_var", {
           "--height": `${mobileFooterHeightPx}px`
         }]
-      }), children: /* @__PURE__ */ jsx221("div", { ...trussProps124({
+      }), children: /* @__PURE__ */ jsx223("div", { ...trussProps126({
         ...{
           position: "fixed",
           bottom: "bottom0",
           width: ["w_var", {
-            "--width": maybeCssVar59(__maybeInc28(headerWidth))
+            "--width": maybeCssVar61(__maybeInc30(headerWidth))
           }],
           height: ["h_var", {
             "--height": `${mobileFooterHeightPx}px`
           }],
           zIndex: ["z_var", {
-            "--zIndex": maybeCssVar59(zIndices.pageStickyFooter)
+            "--zIndex": maybeCssVar61(zIndices.pageStickyFooter)
           }],
           display: "df",
           alignItems: "aic",
@@ -26964,7 +27040,7 @@ function WorkflowLayout(props) {
         ...pageContentPaddingX
       }), ...tid.footer, children: buttons }) })
     ] }),
-    navigationBlocker && /* @__PURE__ */ jsx221(UnsavedChangesNavigationModal, { ...navigationBlocker })
+    navigationBlocker && /* @__PURE__ */ jsx223(UnsavedChangesNavigationModal, { ...navigationBlocker })
   ] });
 }
 var mobileFooterHeightPx = 80;
@@ -26988,7 +27064,9 @@ export {
   AvatarGroup,
   Banner,
   BaseFilter,
+  BeamLogo,
   BeamProvider,
+  BlueprintAiLogo,
   BoundCheckboxField,
   BoundCheckboxGroupField,
   BoundChipSelectField,