@homebound/beam 4.14.3 → 4.14.5

package/dist/index.js

@@ -7139,6 +7139,10 @@ var pageContentPaddingX = {
     "--mdandup_paddingRight": maybeCssVar11(__maybeInc6(pageContentPaddingXValue))
   }]
 };
+var selfTopSpacedAttr = "data-self-top-spaced";
+var selfTopSpaced = {
+  [selfTopSpacedAttr]: true
+};
 function headerContentPaddingX(compact = false) {
   return compact ? {
     paddingLeft: "pl1",
@@ -9760,12 +9764,27 @@ function isGridStyleDef(style) {
   const defKeys = safeKeys(gridStyleDefKeysRecord);
   return keys.length === 0 || keys.some((k) => defKeys.includes(k));
 }
-function resolveStyles(style) {
-  if (isGridStyleDef(style)) {
-    return getTableStyles(style);
-  }
+function resolveStyles(style, insetHandled = false, inDocumentScrollLayout = false) {
+  const layoutDefaults = getLayoutDefaults(insetHandled, inDocumentScrollLayout);
+  if (isGridStyleDef(style)) return getTableStyles({
+    ...layoutDefaults,
+    ...style
+  });
+  if (style === defaultStyle) return getTableStyles(layoutDefaults);
   return style;
 }
+function getLayoutDefaults(insetHandled, inDocumentScrollLayout) {
+  if (insetHandled) return {
+    allWhite: true,
+    bordered: true,
+    roundedHeader: true
+  };
+  if (inDocumentScrollLayout) return {
+    allWhite: true,
+    roundedHeader: false
+  };
+  return {};
+}
 
 // src/components/Table/utils/maybeApplyFunction.ts
 function maybeApplyFunction(row, maybeFn) {
@@ -9784,15 +9803,26 @@ function useRenderCount() {
   return { getCount };
 }
 
+// src/layouts/ContentInsetContext.tsx
+import { createContext as createContext6, useContext as useContext11 } from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var ContentInsetContext = createContext6(false);
+function ContentInsetProvider({ children }) {
+  return /* @__PURE__ */ jsx26(ContentInsetContext.Provider, { value: true, children });
+}
+function useContentInsetHandled() {
+  return useContext11(ContentInsetContext);
+}
+
 // src/components/Table/components/Row.tsx
 import { observer as observer2 } from "mobx-react";
-import React5, { useCallback as useCallback9, useContext as useContext13, useRef as useRef12 } from "react";
+import React5, { useCallback as useCallback9, useContext as useContext14, useRef as useRef12 } from "react";
 import { mergeProps as mergeProps6 } from "react-aria";
 
 // src/components/Table/components/cell.tsx
 import { Link as Link2 } from "react-router-dom";
 import { mergeProps as mergeProps5 } from "@homebound/truss/runtime";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function fieldCell(cell) {
   if (typeof cell === "object" && cell !== null && "content" in cell) {
     return {
@@ -9807,7 +9837,7 @@ function fieldCell(cell) {
 }
 var defaultRenderFn = (as, colSpan) => (key, css2, content2, row, rowStyle, classNames, onClick, tooltip) => {
   const Cell = as === "table" ? "td" : "div";
-  return /* @__PURE__ */ jsx26(Cell, { ...mergeProps5(classNames, void 0, {
+  return /* @__PURE__ */ jsx27(Cell, { ...mergeProps5(classNames, void 0, {
     ...css2,
     ...{
       cursor: "cur_default"
@@ -9818,7 +9848,7 @@ var defaultRenderFn = (as, colSpan) => (key, css2, content2, row, rowStyle, clas
 };
 var headerRenderFn = (column2, as, colSpan) => (key, css2, content2, row, rowStyle, classNames, onClick, tooltip) => {
   const Cell = as === "table" ? "th" : "div";
-  return /* @__PURE__ */ jsx26(Cell, { ...mergeProps5(classNames, void 0, {
+  return /* @__PURE__ */ jsx27(Cell, { ...mergeProps5(classNames, void 0, {
     ...css2
   }), ...as === "table" && {
     colSpan
@@ -9827,15 +9857,15 @@ var headerRenderFn = (column2, as, colSpan) => (key, css2, content2, row, rowSty
 var rowLinkRenderFn = (as, colSpan) => (key, css2, content2, row, rowStyle, classNames, onClick, tooltip) => {
   const to = rowStyle.rowLink(row);
   if (as === "table") {
-    return /* @__PURE__ */ jsx26("td", { ...mergeProps5(classNames, void 0, {
+    return /* @__PURE__ */ jsx27("td", { ...mergeProps5(classNames, void 0, {
       ...css2
-    }), colSpan, children: /* @__PURE__ */ jsx26(Link2, { to, ...mergeProps5(navLink, void 0, {
+    }), colSpan, children: /* @__PURE__ */ jsx27(Link2, { to, ...mergeProps5(navLink, void 0, {
       textDecoration: "tdn",
       color: "c_unset",
       display: "db"
     }), children: content2 }) }, key);
   }
-  return /* @__PURE__ */ jsx26(Link2, { to, ...mergeProps5(`${navLink} ${classNames}`, void 0, {
+  return /* @__PURE__ */ jsx27(Link2, { to, ...mergeProps5(`${navLink} ${classNames}`, void 0, {
     ...{
       textDecoration: "tdn",
       color: "c_unset"
@@ -9845,7 +9875,7 @@ var rowLinkRenderFn = (as, colSpan) => (key, css2, content2, row, rowStyle, clas
 };
 var rowClickRenderFn = (as, api, colSpan) => (key, css2, content2, row, rowStyle, classNames, onClick, tooltip) => {
   const Cell = as === "table" ? "td" : "div";
-  return /* @__PURE__ */ jsx26(Cell, { ...mergeProps5(classNames, void 0, {
+  return /* @__PURE__ */ jsx27(Cell, { ...mergeProps5(classNames, void 0, {
     ...css2
   }), onClick: (e) => {
     rowStyle.onClick(row, api);
@@ -9856,9 +9886,9 @@ var rowClickRenderFn = (as, api, colSpan) => (key, css2, content2, row, rowStyle
 };
 
 // src/components/Table/components/ColumnResizeHandle.tsx
-import { useCallback as useCallback8, useContext as useContext11, useEffect as useEffect7, useRef as useRef11, useState as useState9 } from "react";
+import { useCallback as useCallback8, useContext as useContext12, useEffect as useEffect7, useRef as useRef11, useState as useState9 } from "react";
 import { trussProps as trussProps16, maybeCssVar as maybeCssVar14 } from "@homebound/truss/runtime";
-import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx28, jsxs as jsxs12 } from "react/jsx-runtime";
 function findScrollableParent(element) {
   if (!element) return null;
   let parent = element.parentElement;
@@ -9885,7 +9915,7 @@ function ColumnResizeHandle({
 }) {
   const {
     tableContainerRef
-  } = useContext11(TableStateContext);
+  } = useContext12(TableStateContext);
   const {
     scrollableEl
   } = useScrollableParent();
@@ -10022,7 +10052,7 @@ function ColumnResizeHandle({
     };
   }, []);
   return /* @__PURE__ */ jsxs12(Fragment7, { children: [
-    /* @__PURE__ */ jsx27("div", { ref: handleRef, onMouseDown: handleMouseDown, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => !isDragging && setIsHovering(false), ...trussProps16({
+    /* @__PURE__ */ jsx28("div", { ref: handleRef, onMouseDown: handleMouseDown, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => !isDragging && setIsHovering(false), ...trussProps16({
       position: "absolute",
       top: "top0",
       bottom: "bot_0",
@@ -10037,7 +10067,7 @@ function ColumnResizeHandle({
         }]
       } : {}
     }), ...tid.handle, "data-column-id": columnId, "data-column-index": columnIndex }),
-    isDragging && guideLineX !== null && /* @__PURE__ */ jsx27("div", { ...trussProps16({
+    isDragging && guideLineX !== null && /* @__PURE__ */ jsx28("div", { ...trussProps16({
       position: "fixed",
       top: ["top_var", {
         "--top": `${guideLineTop}px`
@@ -10062,9 +10092,9 @@ function ColumnResizeHandle({
 }
 
 // src/components/Table/components/KeptGroupRow.tsx
-import { useContext as useContext12 } from "react";
+import { useContext as useContext13 } from "react";
 import { trussProps as trussProps17, maybeCssVar as maybeCssVar15 } from "@homebound/truss/runtime";
-import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
 var __maybeInc8 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -10080,9 +10110,9 @@ function KeptGroupRow(props) {
   const CellTag = as === "table" ? "td" : "div";
   const {
     tableState
-  } = useContext12(TableStateContext);
+  } = useContext13(TableStateContext);
   const numHiddenSelectedRows = useComputed(() => tableState.keptRows.length, [tableState]);
-  return /* @__PURE__ */ jsx28(CellTag, { ...trussProps17({
+  return /* @__PURE__ */ jsx29(CellTag, { ...trussProps17({
     ...style.cellCss,
     ...style.betweenRowsCss,
     ...isLastBodyRow && style.lastRowCellCss,
@@ -10098,9 +10128,9 @@ function KeptGroupRow(props) {
   }), ...as === "table" ? {
     colSpan
   } : {}, children: /* @__PURE__ */ jsxs13("div", { className: "df aic g_12px", children: [
-    /* @__PURE__ */ jsx28("div", { className: "w_38px df jcc", children: /* @__PURE__ */ jsx28(CollapseToggle, { row, compact: true }) }),
+    /* @__PURE__ */ jsx29("div", { className: "w_38px df jcc", children: /* @__PURE__ */ jsx29(CollapseToggle, { row, compact: true }) }),
     /* @__PURE__ */ jsxs13("div", { className: "df aic g_1", children: [
-      /* @__PURE__ */ jsx28(Icon, { icon: "infoCircle", inc: 2 }),
+      /* @__PURE__ */ jsx29(Icon, { icon: "infoCircle", inc: 2 }),
       `${numHiddenSelectedRows} selected ${pluralize(numHiddenSelectedRows, "row")} hidden due to filters`
     ] })
   ] }) });
@@ -10109,7 +10139,7 @@ function KeptGroupRow(props) {
 // src/components/Table/components/Row.tsx
 import { useDebouncedCallback as useDebouncedCallback3 } from "use-debounce";
 import { trussProps as trussProps18, mergeProps as mergeProps_12, maybeCssVar as maybeCssVar_12 } from "@homebound/truss/runtime";
-import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
 var __maybeInc9 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -10201,7 +10231,7 @@ function RowImpl(props) {
   } = props;
   const {
     tableState
-  } = useContext13(TableStateContext);
+  } = useContext14(TableStateContext);
   const {
     api,
     visibleColumns: columns
@@ -10282,12 +10312,12 @@ function RowImpl(props) {
   const ref = useRef12(null);
   const dragOverCallback = useCallback9((row2, evt) => onDragOver?.(row2, evt), [onDragOver]);
   const onDragOverDebounced = useDebouncedCallback3(dragOverCallback, 100);
-  const RowContent = () => /* @__PURE__ */ jsx29(RowTag, { ...mergeProps_12(`${BorderHoverParent}${showRowHoverColor ? ` ${RowHoverClass}` : ""}`, void 0, rowCss), ...others, "data-gridrow": true, ...getCount(row.id), ref, children: isKeptGroupRow ? /* @__PURE__ */ jsx29(KeptGroupRow, { as, style, columnSizes, row, colSpan: columns.length, isLastBodyRow }) : columns.map((column2, columnIndex) => {
+  const RowContent = () => /* @__PURE__ */ jsx30(RowTag, { ...mergeProps_12(`${BorderHoverParent}${showRowHoverColor ? ` ${RowHoverClass}` : ""}`, void 0, rowCss), ...others, "data-gridrow": true, ...getCount(row.id), ref, children: isKeptGroupRow ? /* @__PURE__ */ jsx30(KeptGroupRow, { as, style, columnSizes, row, colSpan: columns.length, isLastBodyRow }) : columns.map((column2, columnIndex) => {
     const maybeExpandedColumn = expandColumnHidden ? columns[columnIndex - 1] : column2;
     const isExpanded = tableState.isExpandedColumn(maybeExpandedColumn.id);
     if (column2.hideOnExpand && isExpanded) {
       expandColumnHidden = true;
-      return /* @__PURE__ */ jsx29(Fragment8, {});
+      return /* @__PURE__ */ jsx30(Fragment8, {});
     }
     const numExpandedColumns = isExpanded ? tableState.numberOfExpandedChildren(maybeExpandedColumn.id) ? (
       // Subtract 1 if the column is hidden on expand, since we're not rendering it.
@@ -10476,14 +10506,14 @@ function RowImpl(props) {
       }), {
         children: /* @__PURE__ */ jsxs14(Fragment8, { children: [
           cellElement.props.children,
-          /* @__PURE__ */ jsx29(ColumnResizeHandle, { columnId: column2.id, columnIndex, currentWidth: currentWidthPx, minWidth: minWidthPx, onResize: (colId, width2) => setResizedWidth?.(colId, width2, columnIndex), calculatePreviewWidth })
+          /* @__PURE__ */ jsx30(ColumnResizeHandle, { columnId: column2.id, columnIndex, currentWidth: currentWidthPx, minWidth: minWidthPx, onResize: (colId, width2) => setResizedWidth?.(colId, width2, columnIndex), calculatePreviewWidth })
         ] })
       }));
       return cellElementWithHandle;
     }
     return cellElement;
   }) });
-  return row.draggable ? /* @__PURE__ */ jsx29(
+  return row.draggable ? /* @__PURE__ */ jsx30(
     "div",
     {
       ...trussProps18(containerCss),
@@ -10495,7 +10525,7 @@ function RowImpl(props) {
       },
       children: RowContent()
     }
-  ) : /* @__PURE__ */ jsx29(Fragment8, { children: RowContent() });
+  ) : /* @__PURE__ */ jsx30(Fragment8, { children: RowContent() });
 }
 var Row = observer2(RowImpl);
 var BorderHoverParent = "beam-bhp";
@@ -10506,7 +10536,7 @@ var rowHoverBgVar = "--beam-row-hover-bg";
 // src/components/Table/components/RowGroup.tsx
 import { Fragment as Fragment9 } from "react";
 import { mergeProps as mergeProps7 } from "@homebound/truss/runtime";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function RowGroup(props) {
   const {
     as,
@@ -10516,11 +10546,11 @@ function RowGroup(props) {
     children
   } = props;
   if (as === "table" && inHead) {
-    return /* @__PURE__ */ jsx30(Fragment9, { children });
+    return /* @__PURE__ */ jsx31(Fragment9, { children });
   }
   const Tag2 = as === "table" ? "tbody" : "div";
   const rowHoverBg = maybeCssVar(style.rowHoverColor !== void 0 && style.rowHoverColor !== "none" ? style.rowHoverColor : "--b-surface-hover" /* SurfaceHover */);
-  return /* @__PURE__ */ jsx30(Tag2, { ...mergeProps7(showRowHover ? `${BorderHoverParent} ${RowHoverClass}` : BorderHoverParent, void 0, {
+  return /* @__PURE__ */ jsx31(Tag2, { ...mergeProps7(showRowHover ? `${BorderHoverParent} ${RowHoverClass}` : BorderHoverParent, void 0, {
     ...as === "table" ? tableRowPrintBreakCss : void 0,
     ...showRowHover && {
       style_rowHoverBgVar_rowHoverBg: {
@@ -10559,7 +10589,7 @@ import { Link as Link3, useNavigate } from "react-router-dom";
 // src/components/Avatar/Avatar.tsx
 import { useState as useState10 } from "react";
 import { trussProps as trussProps19 } from "@homebound/truss/runtime";
-import { jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
 var __typography3 = {
   xs2: {
     fontWeight: "fw4",
@@ -10641,7 +10671,7 @@ function Avatar({
     }],
     overflow: "oh"
   };
-  const img = showFallback ? /* @__PURE__ */ jsx31("div", { ...trussProps19({
+  const img = showFallback ? /* @__PURE__ */ jsx32("div", { ...trussProps19({
     ...styles,
     ...{
       ...__typography3[sizeToFallbackTypeScale[size]] ?? {},
@@ -10655,7 +10685,7 @@ function Avatar({
       alignItems: "aic",
       justifyContent: "jcc"
     }
-  }), ...tid, children: name ? nameToInitials(name) : /* @__PURE__ */ jsx31(Icon, { icon: "userCircle", inc: sizeToIconInc[size] }) }) : /* @__PURE__ */ jsx31("img", { src, alt: name, ...trussProps19({
+  }), ...tid, children: name ? nameToInitials(name) : /* @__PURE__ */ jsx32(Icon, { icon: "userCircle", inc: sizeToIconInc[size] }) }) : /* @__PURE__ */ jsx32("img", { src, alt: name, ...trussProps19({
     ...styles,
     ...{
       objectFit: "obf_cover"
@@ -10670,7 +10700,7 @@ function Avatar({
     } : {}
   }), children: [
     img,
-    /* @__PURE__ */ jsx31("span", { ...trussProps19({
+    /* @__PURE__ */ jsx32("span", { ...trussProps19({
       ...__typography3[sizeToTypeScale[size]] ?? {}
     }), children: name })
   ] }) : maybeTooltip({
@@ -10709,7 +10739,7 @@ function nameToInitials(name) {
 
 // src/components/internal/MenuItem.tsx
 import { trussProps as trussProps20, mergeProps as mergeProps8, maybeCssVar as maybeCssVar16 } from "@homebound/truss/runtime";
-import { Fragment as Fragment10, jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
 function MenuItemImpl(props) {
   const {
     item,
@@ -10764,7 +10794,7 @@ function MenuItemImpl(props) {
   const isDisabled = Boolean(disabled);
   const isSelected = state.selectionManager.selectedKeys.has(label);
   const isFocused = state.selectionManager.focusedKey === item.key;
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "li",
     {
       ...menuItemProps,
@@ -10837,12 +10867,12 @@ function renderMenuItem(menuItem, isSelected, isDisabled, itemTid) {
     display: "df",
     alignItems: "aic"
   }), children: [
-    menuItem.ai ? /* @__PURE__ */ jsx32(AiMenuItem, { label: menuItem.label, isDisabled }) : isIconMenuItem(menuItem) ? /* @__PURE__ */ jsx32(IconMenuItem, { ...menuItem }) : isImageMenuItem(menuItem) ? /* @__PURE__ */ jsx32(ImageMenuItem, { ...menuItem }) : menuItem.label,
-    showDescription && /* @__PURE__ */ jsx32("div", { className: "fw4 fz_10px lh_14px", ...itemTid.description, children: menuItem.description })
+    menuItem.ai ? /* @__PURE__ */ jsx33(AiMenuItem, { label: menuItem.label, isDisabled }) : isIconMenuItem(menuItem) ? /* @__PURE__ */ jsx33(IconMenuItem, { ...menuItem }) : isImageMenuItem(menuItem) ? /* @__PURE__ */ jsx33(ImageMenuItem, { ...menuItem }) : menuItem.label,
+    showDescription && /* @__PURE__ */ jsx33("div", { className: "fw4 fz_10px lh_14px", ...itemTid.description, children: menuItem.description })
   ] });
   return /* @__PURE__ */ jsxs16("div", { className: "df w100 aic jcsb g_2", children: [
     maybeWrapInLink(menuItem.onClick, body, isDisabled),
-    isSelected && /* @__PURE__ */ jsx32(Icon, { icon: "check", color: isDisabled ? "--b-text-disabled" /* TextDisabled */ : "--b-selection-indicator" /* SelectionIndicator */ })
+    isSelected && /* @__PURE__ */ jsx33(Icon, { icon: "check", color: isDisabled ? "--b-text-disabled" /* TextDisabled */ : "--b-selection-indicator" /* SelectionIndicator */ })
   ] });
 }
 function ImageMenuItem(item) {
@@ -10853,7 +10883,7 @@ function ImageMenuItem(item) {
     isAvatar = false
   } = item;
   return /* @__PURE__ */ jsxs16(Fragment10, { children: [
-    /* @__PURE__ */ jsx32("span", { className: "fs0 mr2", children: isAvatar ? /* @__PURE__ */ jsx32(Avatar, { src, name: label, size: size === 24 ? "sm" : "lg" }) : /* @__PURE__ */ jsx32("img", { width: size, src, className: "br4", alt: label }) }),
+    /* @__PURE__ */ jsx33("span", { className: "fs0 mr2", children: isAvatar ? /* @__PURE__ */ jsx33(Avatar, { src, name: label, size: size === 24 ? "sm" : "lg" }) : /* @__PURE__ */ jsx33("img", { width: size, src, className: "br4", alt: label }) }),
     label
   ] });
 }
@@ -10862,8 +10892,8 @@ function AiMenuItem({
   isDisabled
 }) {
   return /* @__PURE__ */ jsxs16(Fragment10, { children: [
-    /* @__PURE__ */ jsx32("span", { className: "df aic jcc fs0 h_24px w_24px mr2", children: /* @__PURE__ */ jsx32(Icon, { icon: "aiStar" }) }),
-    /* @__PURE__ */ jsx32("span", { ...trussProps20({
+    /* @__PURE__ */ jsx33("span", { className: "df aic jcc fs0 h_24px w_24px mr2", children: /* @__PURE__ */ jsx33(Icon, { icon: "aiStar" }) }),
+    /* @__PURE__ */ jsx33("span", { ...trussProps20({
       ...!isDisabled ? {
         color: ["color_var", {
           "--color": maybeCssVar16("rgba(124, 58, 237, 1)" /* Purple600 */)
@@ -10878,13 +10908,13 @@ function IconMenuItem(item) {
     label
   } = item;
   return /* @__PURE__ */ jsxs16(Fragment10, { children: [
-    /* @__PURE__ */ jsx32("span", { className: "fs0 mr2", children: /* @__PURE__ */ jsx32(Icon, { icon }) }),
+    /* @__PURE__ */ jsx33("span", { className: "fs0 mr2", children: /* @__PURE__ */ jsx33(Icon, { icon }) }),
     label
   ] });
 }
 function maybeWrapInLink(onClick, content2, disabled) {
   if (disabled || typeof onClick !== "string") {
-    return /* @__PURE__ */ jsx32(Fragment10, { children: content2 });
+    return /* @__PURE__ */ jsx33(Fragment10, { children: content2 });
   }
   return isAbsoluteUrl(onClick) ? /* @__PURE__ */ jsxs16("a", { href: onClick, target: "_blank", rel: "noopener noreferrer", ...mergeProps8("navLink", void 0, {
     display: "df",
@@ -10893,8 +10923,8 @@ function maybeWrapInLink(onClick, content2, disabled) {
     width: "w100"
   }), children: [
     content2,
-    /* @__PURE__ */ jsx32("span", { className: "fs0 ml2", children: /* @__PURE__ */ jsx32(Icon, { icon: "linkExternal" }) })
-  ] }) : /* @__PURE__ */ jsx32(Link3, { ...mergeProps8("navLink", void 0, {
+    /* @__PURE__ */ jsx33("span", { className: "fs0 ml2", children: /* @__PURE__ */ jsx33(Icon, { icon: "linkExternal" }) })
+  ] }) : /* @__PURE__ */ jsx33(Link3, { ...mergeProps8("navLink", void 0, {
     display: "df",
     alignItems: "aic",
     width: "w100"
@@ -10912,7 +10942,7 @@ function isImageMenuItem(item) {
 
 // src/components/internal/MenuSection.tsx
 import { trussProps as trussProps21 } from "@homebound/truss/runtime";
-import { Fragment as Fragment11, jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
 function MenuSectionImpl(props) {
   const {
     section,
@@ -10931,21 +10961,21 @@ function MenuSectionImpl(props) {
   const isPersistentSection = section.key !== state.collection.getFirstKey();
   const tid = useTestIds(props);
   return /* @__PURE__ */ jsxs17(Fragment11, { children: [
-    isPersistentSection && /* @__PURE__ */ jsx33("li", { ...separatorProps, ...trussProps21({
+    isPersistentSection && /* @__PURE__ */ jsx34("li", { ...separatorProps, ...trussProps21({
       borderTopStyle: "bts_solid",
       borderTopWidth: "btw_1px",
       borderColor: ["bc_var", {
         "--borderColor": "var(--b-surface-separator)"
       }]
     }) }),
-    /* @__PURE__ */ jsx33("li", { ...itemProps, ...trussProps21({
+    /* @__PURE__ */ jsx34("li", { ...itemProps, ...trussProps21({
       color: ["color_var", {
         "--color": "var(--b-on-surface)"
       }],
       ...!isPersistentSection ? {
         overflow: "oa"
       } : {}
-    }), children: /* @__PURE__ */ jsx33("ul", { className: "p_0 m_0 listNone", ...groupProps, ...tid[isPersistentSection ? "persistentItems" : "menuItems"], children: [...section.childNodes].map((item) => /* @__PURE__ */ jsx33(MenuItemImpl, { item, state, onClose, ...tid }, item.key)) }) })
+    }), children: /* @__PURE__ */ jsx34("ul", { className: "p_0 m_0 listNone", ...groupProps, ...tid[isPersistentSection ? "persistentItems" : "menuItems"], children: [...section.childNodes].map((item) => /* @__PURE__ */ jsx34(MenuItemImpl, { item, state, onClose, ...tid }, item.key)) }) })
   ] });
 }
 
@@ -10985,7 +11015,7 @@ import { chain, mergeProps as mergeProps9, useFocusWithin, useHover as useHover5
 import React6 from "react";
 import { VisuallyHidden as VisuallyHidden3 } from "react-aria";
 import { trussProps as trussProps22 } from "@homebound/truss/runtime";
-import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
 function LabelComponent(props) {
   const {
     labelProps,
@@ -11019,9 +11049,9 @@ function LabelComponent(props) {
   }), children: [
     label,
     suffix && ` ${suffix}`,
-    tooltip && /* @__PURE__ */ jsx34("span", { className: "fs0", children: /* @__PURE__ */ jsx34(Icon, { icon: "infoCircle", tooltip, inc: 2, color: "--b-text-label" /* TextLabel */ }) })
+    tooltip && /* @__PURE__ */ jsx35("span", { className: "fs0", children: /* @__PURE__ */ jsx35(Icon, { icon: "infoCircle", tooltip, inc: 2, color: "--b-text-label" /* TextLabel */ }) })
   ] });
-  return hidden ? /* @__PURE__ */ jsx34(VisuallyHidden3, { children: labelEl }) : labelEl;
+  return hidden ? /* @__PURE__ */ jsx35(VisuallyHidden3, { children: labelEl }) : labelEl;
 }
 var Label = React6.memo(LabelComponent);
 function InlineLabel({
@@ -11050,7 +11080,7 @@ function InlineLabel({
 
 // src/components/ProposedValue.tsx
 import { trussProps as trussProps23 } from "@homebound/truss/runtime";
-import { Fragment as Fragment12, jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
 function ProposedValue(props) {
   const {
     original,
@@ -11059,7 +11089,7 @@ function ProposedValue(props) {
   const tid = useTestIds(props, "proposedValue");
   return /* @__PURE__ */ jsxs19("span", { ...tid, children: [
     original && /* @__PURE__ */ jsxs19(Fragment12, { children: [
-      /* @__PURE__ */ jsx35("span", { ...trussProps23({
+      /* @__PURE__ */ jsx36("span", { ...trussProps23({
         textDecoration: "tdlt",
         color: ["color_var", {
           "--color": "var(--b-on-surface)"
@@ -11067,7 +11097,7 @@ function ProposedValue(props) {
       }), ...tid.original, children: original }),
       " "
     ] }),
-    /* @__PURE__ */ jsx35("span", { ...trussProps23({
+    /* @__PURE__ */ jsx36("span", { ...trussProps23({
       fontWeight: "fw6",
       color: ["color_var", {
         "--color": "var(--b-ai-field-fg)"
@@ -11103,7 +11133,7 @@ function getFieldWidth(fullWidth) {
 
 // src/inputs/TextFieldBase.tsx
 import { trussProps as trussProps24, mergeProps as mergeProps_13, maybeCssVar as maybeCssVar17 } from "@homebound/truss/runtime";
-import { Fragment as Fragment13, jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 var __maybeInc10 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -11507,7 +11537,7 @@ function TextFieldBase(props) {
   };
   return /* @__PURE__ */ jsxs20(Fragment13, { children: [
     /* @__PURE__ */ jsxs20("div", { ...trussProps24(fieldStyles.container), ...groupProps, ...focusWithinProps, children: [
-      label && labelStyle !== "inline" && /* @__PURE__ */ jsx36(Label, { labelProps, hidden: labelStyle === "hidden" || compound, label, inline: labelStyle !== "above", suffix: labelSuffix, ...tid.label }),
+      label && labelStyle !== "inline" && /* @__PURE__ */ jsx37(Label, { labelProps, hidden: labelStyle === "hidden" || compound, label, inline: labelStyle !== "above", suffix: labelSuffix, ...tid.label }),
       maybeTooltip({
         title: tooltip,
         placement: "top",
@@ -11527,14 +11557,14 @@ function TextFieldBase(props) {
           },
           ...xss
         }), "data-readonly": "true", "data-ai-mode": showProposal ? "true" : void 0, ...tid, children: [
-          labelStyle === "inline" && label && /* @__PURE__ */ jsx36(InlineLabel, { multiline, labelProps, label, ...tid.label }),
+          labelStyle === "inline" && label && /* @__PURE__ */ jsx37(InlineLabel, { multiline, labelProps, label, ...tid.label }),
           showProposal ? (
             // Read-only renders no input at all, so both halves are drawn as text here. Checked
             // before `multiline` so a read-only TextAreaField still shows the struck-through original.
-            /* @__PURE__ */ jsx36(ProposedValue, { original: showOriginal ? originalValue : void 0, proposed: proposedValue, ...tid.proposedValue })
-          ) : multiline ? inputProps.value?.split("\n\n").map((p, i) => /* @__PURE__ */ jsx36("p", { className: "pt1 pb1", children: p.split("\n").map((sentence, j) => /* @__PURE__ */ jsxs20("span", { children: [
+            /* @__PURE__ */ jsx37(ProposedValue, { original: showOriginal ? originalValue : void 0, proposed: proposedValue, ...tid.proposedValue })
+          ) : multiline ? inputProps.value?.split("\n\n").map((p, i) => /* @__PURE__ */ jsx37("p", { className: "pt1 pb1", children: p.split("\n").map((sentence, j) => /* @__PURE__ */ jsxs20("span", { children: [
             sentence,
-            /* @__PURE__ */ jsx36("br", {})
+            /* @__PURE__ */ jsx37("br", {})
           ] }, j)) }, i)) : inputProps.value
         ] }) : /* @__PURE__ */ jsxs20(
           "div",
@@ -11560,9 +11590,9 @@ function TextFieldBase(props) {
             ref: inputWrapRef,
             onClick: unfocusedPlaceholder ? handleUnfocusedPlaceholderClick : void 0,
             children: [
-              labelStyle === "inline" && label && /* @__PURE__ */ jsx36(InlineLabel, { multiline, labelProps, label, ...tid.label }),
-              startAdornment && /* @__PURE__ */ jsx36("span", { className: "df aic asc fs0 br4 pr1", children: startAdornment }),
-              unfocusedPlaceholder && /* @__PURE__ */ jsx36(
+              labelStyle === "inline" && label && /* @__PURE__ */ jsx37(InlineLabel, { multiline, labelProps, label, ...tid.label }),
+              startAdornment && /* @__PURE__ */ jsx37("span", { className: "df aic asc fs0 br4 pr1", children: startAdornment }),
+              unfocusedPlaceholder && /* @__PURE__ */ jsx37(
                 "div",
                 {
                   tabIndex: -1,
@@ -11599,32 +11629,32 @@ function TextFieldBase(props) {
                   children: unfocusedPlaceholder
                 }
               ),
-              multiline ? /* @__PURE__ */ jsx36("textarea", { ...fieldElementProps, ...errorMessageProps, ref: fieldRef, rows: 1, ...trussProps24(fieldElementCss), ...tid }) : /* @__PURE__ */ jsx36("input", { ...fieldElementProps, ...errorMessageProps, ref: fieldRef, ...trussProps24(fieldElementCss), ...tid }),
-              isFocused && clearable && onChange && inputProps.value && /* @__PURE__ */ jsx36(IconButton, { icon: "xCircle", color: "--b-on-surface-muted" /* OnSurfaceMuted */, onClick: () => {
+              multiline ? /* @__PURE__ */ jsx37("textarea", { ...fieldElementProps, ...errorMessageProps, ref: fieldRef, rows: 1, ...trussProps24(fieldElementCss), ...tid }) : /* @__PURE__ */ jsx37("input", { ...fieldElementProps, ...errorMessageProps, ref: fieldRef, ...trussProps24(fieldElementCss), ...tid }),
+              isFocused && clearable && onChange && inputProps.value && /* @__PURE__ */ jsx37(IconButton, { icon: "xCircle", color: "--b-on-surface-muted" /* OnSurfaceMuted */, onClick: () => {
                 maybeCall(onUserEdit);
                 onChange(void 0);
                 fieldRef.current?.focus();
               } }),
-              errorInTooltip && errorMsg && !hideErrorMessage && /* @__PURE__ */ jsx36("span", { className: "df aic asc pl1 fs0", children: /* @__PURE__ */ jsx36(Icon, { icon: "error", color: "--b-danger" /* Danger */, tooltip: errorMsg }) }),
-              endAdornment && /* @__PURE__ */ jsx36("span", { className: "df aic asc pl1 fs0", children: endAdornment })
+              errorInTooltip && errorMsg && !hideErrorMessage && /* @__PURE__ */ jsx37("span", { className: "df aic asc pl1 fs0", children: /* @__PURE__ */ jsx37(Icon, { icon: "error", color: "--b-danger" /* Danger */, tooltip: errorMsg }) }),
+              endAdornment && /* @__PURE__ */ jsx37("span", { className: "df aic asc pl1 fs0", children: endAdornment })
             ]
           }
         )
       }),
       labelStyle !== "left" && /* @__PURE__ */ jsxs20(Fragment13, { children: [
-        originalBelow && /* @__PURE__ */ jsx36(OriginalValue, { originalValue: originalBelow, ...tid.originalValue }),
+        originalBelow && /* @__PURE__ */ jsx37(OriginalValue, { originalValue: originalBelow, ...tid.originalValue }),
         showErrorAndHelper && /* @__PURE__ */ jsxs20(Fragment13, { children: [
-          errorMsg && !errorInTooltip && /* @__PURE__ */ jsx36(ErrorMessage, { id: errorMessageId, errorMsg, hidden: hideErrorMessage, ...tid.errorMsg }),
-          helperText && /* @__PURE__ */ jsx36(HelperText, { helperText, ...tid.helperText })
+          errorMsg && !errorInTooltip && /* @__PURE__ */ jsx37(ErrorMessage, { id: errorMessageId, errorMsg, hidden: hideErrorMessage, ...tid.errorMsg }),
+          helperText && /* @__PURE__ */ jsx37(HelperText, { helperText, ...tid.helperText })
         ] })
       ] })
     ] }),
     labelStyle === "left" && (originalBelow || alwaysShowHelperText || !compound && !inputProps.disabled && !inputProps.readOnly && (errorMsg && !errorInTooltip || helperText)) && // Reduces the margin between the error/helper text and input field
     /* @__PURE__ */ jsxs20("div", { className: "mt_neg8px ml_50", children: [
-      originalBelow && /* @__PURE__ */ jsx36(OriginalValue, { originalValue: originalBelow, ...tid.originalValue }),
+      originalBelow && /* @__PURE__ */ jsx37(OriginalValue, { originalValue: originalBelow, ...tid.originalValue }),
       showErrorAndHelper && /* @__PURE__ */ jsxs20(Fragment13, { children: [
-        errorMsg && !errorInTooltip && /* @__PURE__ */ jsx36(ErrorMessage, { id: errorMessageId, errorMsg, hidden: hideErrorMessage, ...tid.errorMsg }),
-        helperText && /* @__PURE__ */ jsx36(HelperText, { helperText, ...tid.helperText })
+        errorMsg && !errorInTooltip && /* @__PURE__ */ jsx37(ErrorMessage, { id: errorMessageId, errorMsg, hidden: hideErrorMessage, ...tid.errorMsg }),
+        helperText && /* @__PURE__ */ jsx37(HelperText, { helperText, ...tid.helperText })
       ] })
     ] })
   ] });
@@ -11634,7 +11664,7 @@ function OriginalValue(props) {
     originalValue,
     ...others
   } = props;
-  return /* @__PURE__ */ jsx36("div", { ...trussProps24({
+  return /* @__PURE__ */ jsx37("div", { ...trussProps24({
     color: ["color_var", {
       "--color": "var(--b-text-helper)"
     }],
@@ -11663,20 +11693,20 @@ var textFieldBasePadding = increment(1);
 var textFieldBaseMultilineTopPadding = 11;
 
 // src/inputs/internal/MenuSearchField.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function MenuSearchField(props) {
   const { value, proposedValue } = props;
   const { effectiveValue, proposalProps } = useAiProposal(value, proposedValue);
   const tid = useTestIds(props);
   const inputRef = useRef15(null);
   const { labelProps, inputProps } = useTextField({ ...props, value: effectiveValue }, inputRef);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     TextFieldBase,
     {
       label: "",
       labelProps,
       inputProps,
-      startAdornment: /* @__PURE__ */ jsx37(Icon, { icon: "search" }),
+      startAdornment: /* @__PURE__ */ jsx38(Icon, { icon: "search" }),
       ...proposalProps,
       ...tid.search
     }
@@ -11685,7 +11715,7 @@ function MenuSearchField(props) {
 
 // src/components/internal/Menu.tsx
 import { trussProps as trussProps25 } from "@homebound/truss/runtime";
-import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
 function Menu(props) {
   const {
     ariaMenuProps,
@@ -11742,7 +11772,7 @@ function Menu(props) {
   const menuChildren = useMemo8(() => {
     return filteredTree.items.map(({
       value: s
-    }) => /* @__PURE__ */ jsx38(Section, { title: s.label, items: s.items, children: (item) => /* @__PURE__ */ jsx38(Item, { children: item.label }, item.label.replace(/"/g, "")) }, s.label.replace(/"/g, "")));
+    }) => /* @__PURE__ */ jsx39(Section, { title: s.label, items: s.items, children: (item) => /* @__PURE__ */ jsx39(Item, { children: item.label }, item.label.replace(/"/g, "")) }, s.label.replace(/"/g, "")));
   }, [filteredTree]);
   const state = useTreeState({
     children: menuChildren,
@@ -11766,7 +11796,7 @@ function Menu(props) {
     label: "items",
     items
   }), [items]);
-  return /* @__PURE__ */ jsx38(FocusScope, { children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx39(FocusScope, { children: /* @__PURE__ */ jsxs21(
     "div",
     {
       ...trussProps25({
@@ -11784,7 +11814,7 @@ function Menu(props) {
         overflow: "h_oa"
       }),
       children: [
-        header && /* @__PURE__ */ jsx38("div", { ...trussProps25({
+        header && /* @__PURE__ */ jsx39("div", { ...trussProps25({
           paddingLeft: "pl2",
           paddingRight: "pr2",
           paddingTop: "pt_12px",
@@ -11796,8 +11826,8 @@ function Menu(props) {
           }],
           minWidth: "mw_240px"
         }), ...tid.header, children: header }),
-        searchable && /* @__PURE__ */ jsx38(MenuSearchField, { label: "", value: search, placeholder: "Search...", labelStyle: "inline", onChange: setSearch, ...tid }),
-        /* @__PURE__ */ jsx38("ul", { className: "p_0 m_0 listNone ol_0", ...menuProps, ref: menuRef, ...tid.menu, children: [...state.collection].map((item) => /* @__PURE__ */ jsx38(MenuSectionImpl, { section: item, state, onClose, ...tid }, item.key)) })
+        searchable && /* @__PURE__ */ jsx39(MenuSearchField, { label: "", value: search, placeholder: "Search...", labelStyle: "inline", onChange: setSearch, ...tid }),
+        /* @__PURE__ */ jsx39("ul", { className: "p_0 m_0 listNone ol_0", ...menuProps, ref: menuRef, ...tid.menu, children: [...state.collection].map((item) => /* @__PURE__ */ jsx39(MenuSectionImpl, { section: item, state, onClose, ...tid }, item.key)) })
       ]
     }
   ) });
@@ -11811,7 +11841,7 @@ import { useOverlayPosition } from "react-aria";
 import { useMemo as useMemo9 } from "react";
 import { useButton as useButton2, useFocusRing as useFocusRing3, useHover as useHover6 } from "react-aria";
 import { trussProps as trussProps26, mergeProps as mergeProps10 } from "@homebound/truss/runtime";
-import { Fragment as Fragment14, jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
 function AvatarButton(props) {
   const {
     onClick: onPress,
@@ -11870,8 +11900,8 @@ function AvatarButton(props) {
     ...mergeProps10(typeof onPress === "string" ? navLink : void 0, void 0, styles)
   };
   const content2 = /* @__PURE__ */ jsxs22(Fragment14, { children: [
-    /* @__PURE__ */ jsx39(Avatar, { ...avatarProps, ...tid, preventTooltip: true }),
-    isPressed && /* @__PURE__ */ jsx39("span", { ...trussProps26(pressedOverlayCss) })
+    /* @__PURE__ */ jsx40(Avatar, { ...avatarProps, ...tid, preventTooltip: true }),
+    isPressed && /* @__PURE__ */ jsx40("span", { ...trussProps26(pressedOverlayCss) })
   ] });
   return maybeTooltip({
     title: resolveTooltip(disabled, tooltip ?? (preventTooltip ? void 0 : avatarProps.name)),
@@ -11913,7 +11943,7 @@ var pressedOverlayCss = {
 import { useMemo as useMemo10, useState as useState14 } from "react";
 import { useButton as useButton3, useFocusRing as useFocusRing4, useHover as useHover7 } from "react-aria";
 import { mergeProps as mergeProps11, maybeCssVar as maybeCssVar18 } from "@homebound/truss/runtime";
-import { Fragment as Fragment15, jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
 function Button(props) {
   const {
     onClick: onPress,
@@ -11980,9 +12010,9 @@ function Button(props) {
     focusStyles: focusStyles2
   } = useMemo10(() => getButtonStyles(variant, size, colorScheme), [variant, size, colorScheme]);
   const buttonContent = /* @__PURE__ */ jsxs23(Fragment15, { children: [
-    icon && /* @__PURE__ */ jsx40(Icon, { xss: iconStyles[size], icon }),
+    icon && /* @__PURE__ */ jsx41(Icon, { xss: iconStyles[size], icon }),
     labelInFlight && asyncInProgress ? labelInFlight : label,
-    (endAdornment || asyncInProgress) && /* @__PURE__ */ jsx40("span", { className: "ml1", children: asyncInProgress ? /* @__PURE__ */ jsx40(Loader, { size: "xs" }) : endAdornment })
+    (endAdornment || asyncInProgress) && /* @__PURE__ */ jsx41("span", { className: "ml1", children: asyncInProgress ? /* @__PURE__ */ jsx41(Loader, { size: "xs" }) : endAdornment })
   ] });
   const buttonAttrs = {
     ref,
@@ -12499,7 +12529,7 @@ var iconStyles = {
 // src/components/internal/Popover.tsx
 import "react";
 import { DismissButton, OverlayContainer, useOverlay } from "react-aria";
-import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
 function Popover(props) {
   const { triggerRef, popoverRef, positionProps, children, onClose, isOpen: isOpen2, ...others } = props;
   const contrastScopeActive = useContrastScope();
@@ -12518,7 +12548,7 @@ function Popover(props) {
     },
     popoverRef
   );
-  return /* @__PURE__ */ jsx41(OverlayContainer, { children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx42(OverlayContainer, { children: /* @__PURE__ */ jsxs24(
     "div",
     {
       ...{ ...overlayProps, ...positionProps },
@@ -12526,7 +12556,7 @@ function Popover(props) {
       "data-theme": contrastScopeActive ? contrastDataTheme : void 0,
       children: [
         children,
-        /* @__PURE__ */ jsx41(DismissButton, { onDismiss: () => onClose() })
+        /* @__PURE__ */ jsx42(DismissButton, { onDismiss: () => onClose() })
       ]
     }
   ) });
@@ -12536,7 +12566,7 @@ function Popover(props) {
 import { useMemo as useMemo11 } from "react";
 import { mergeProps as mergeProps12, useButton as useButton4, useFocusRing as useFocusRing5, useHover as useHover8, VisuallyHidden as VisuallyHidden4 } from "react-aria";
 import { trussProps as trussProps27 } from "@homebound/truss/runtime";
-import { Fragment as Fragment16, jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
 function NavLink(props) {
   const {
     disabled: isDisabled,
@@ -12555,7 +12585,7 @@ function NavLink(props) {
   } = props;
   const asLink = typeof onClick === "string";
   const isIconOnly = !!iconOnly && !!icon;
-  const labelContent = isIconOnly ? /* @__PURE__ */ jsx42(VisuallyHidden4, { children: label }) : label;
+  const labelContent = isIconOnly ? /* @__PURE__ */ jsx43(VisuallyHidden4, { children: label }) : label;
   const ariaProps = {
     children: labelContent,
     isDisabled,
@@ -12619,7 +12649,7 @@ function NavLink(props) {
   };
   const linkContent = /* @__PURE__ */ jsxs25(Fragment16, { children: [
     labelContent,
-    icon && /* @__PURE__ */ jsx42("span", { className: "fs0", children: /* @__PURE__ */ jsx42(Icon, { icon }) })
+    icon && /* @__PURE__ */ jsx43("span", { className: "fs0", children: /* @__PURE__ */ jsx43(Icon, { icon }) })
   ] });
   return getButtonOrLink(linkContent, onClick, mergeProps12(buttonProps, focusProps, hoverProps, linkAttributes, {
     className: navLink
@@ -12757,7 +12787,7 @@ var navLinkVariantStyles = {
 };
 
 // src/components/internal/OverlayTrigger.tsx
-import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
 function OverlayTrigger(props) {
   const {
     trigger,
@@ -12805,8 +12835,8 @@ function OverlayTrigger(props) {
   return (
     // Add `line-height: 0` to prevent the Icon button and Avatar buttons from inheriting the line-height, causing them to be taller than they should.
     /* @__PURE__ */ jsxs26("div", { className: "dib lh_0", children: [
-      isTextButton(trigger) ? /* @__PURE__ */ jsx43(Button, { variant: variant ? variant : "secondary", ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, endAdornment: !hideEndAdornment ? /* @__PURE__ */ jsx43(Icon, { icon: state.isOpen ? "chevronUp" : "chevronDown" }) : null, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen, ...tid }) : isNavLinkButton(trigger) ? /* @__PURE__ */ jsx43(NavLink, { active: trigger.active, variant: trigger.variant, icon: trigger.icon, label: trigger.navLabel, disabled: !!disabled, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid }) : isIconButton(trigger) ? /* @__PURE__ */ jsx43(IconButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }) : /* @__PURE__ */ jsx43(AvatarButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }),
-      state.isOpen && /* @__PURE__ */ jsx43(Popover, { triggerRef: buttonRef, popoverRef, positionProps, onClose: () => state.close(), isOpen: state.isOpen, children })
+      isTextButton(trigger) ? /* @__PURE__ */ jsx44(Button, { variant: variant ? variant : "secondary", ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, endAdornment: !hideEndAdornment ? /* @__PURE__ */ jsx44(Icon, { icon: state.isOpen ? "chevronUp" : "chevronDown" }) : null, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen, ...tid }) : isNavLinkButton(trigger) ? /* @__PURE__ */ jsx44(NavLink, { active: trigger.active, variant: trigger.variant, icon: trigger.icon, label: trigger.navLabel, disabled: !!disabled, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid }) : isIconButton(trigger) ? /* @__PURE__ */ jsx44(IconButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }) : /* @__PURE__ */ jsx44(AvatarButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }),
+      state.isOpen && /* @__PURE__ */ jsx44(Popover, { triggerRef: buttonRef, popoverRef, positionProps, onClose: () => state.close(), isOpen: state.isOpen, children })
     ] })
   );
 }
@@ -12824,7 +12854,7 @@ function labelOr(trigger, fallback) {
 }
 
 // src/components/ButtonMenu.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function ButtonMenu(props) {
   const { defaultOpen, disabled, items, persistentItems, trigger, searchable, header } = props;
   let selectedItem, onChange;
@@ -12839,7 +12869,7 @@ function ButtonMenu(props) {
     props,
     isTextButton(trigger) ? labelOr(trigger, "buttonMenu") : isNavLinkButton(trigger) ? defaultTestId(trigger.navLabel) : isIconButton(trigger) ? trigger.icon : trigger.name
   );
-  return /* @__PURE__ */ jsx44(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */ jsx45(
     Menu,
     {
       ariaMenuProps: menuProps,
@@ -12862,7 +12892,7 @@ function isSelectionButtonMenuProps(props) {
 import { useResizeObserver as useResizeObserver3 } from "@react-aria/utils";
 import { useRef as useRef19, useState as useState15 } from "react";
 import { trussProps as trussProps28 } from "@homebound/truss/runtime";
-import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
 function Tag(props) {
   const {
     text,
@@ -12919,13 +12949,13 @@ function Tag(props) {
       } : {},
       ...xss
     }), children: [
-      icon && /* @__PURE__ */ jsx45("span", { className: "fs0", children: /* @__PURE__ */ jsx45(Icon, { icon, inc: isAiStar ? 2.5 : 1.75, xss: isAiStar ? {
+      icon && /* @__PURE__ */ jsx46("span", { className: "fs0", children: /* @__PURE__ */ jsx46(Icon, { icon, inc: isAiStar ? 2.5 : 1.75, xss: isAiStar ? {
         marginTop: "mt_neg3px",
         marginBottom: "mb_neg3px",
         marginRight: "mr_neg3px",
         marginLeft: "ml_neg3px"
       } : {}, color: iconColor }) }),
-      isIconOnly ? /* @__PURE__ */ jsx45("span", { className: "absolute oh cli_inset_50 clp_none bd_0 h_1px m_neg1px w_1px p_0 wsnw o0", children: text }) : /* @__PURE__ */ jsx45("span", { ref, ...trussProps28({
+      isIconOnly ? /* @__PURE__ */ jsx46("span", { className: "absolute oh cli_inset_50 clp_none bd_0 h_1px m_neg1px w_1px p_0 wsnw o0", children: text }) : /* @__PURE__ */ jsx46("span", { ref, ...trussProps28({
         overflow: "oh",
         display: "d_negwebkit_box",
         WebkitBoxOrient: "wbo_vertical",
@@ -13043,7 +13073,7 @@ function getPrimaryStyles(type) {
 
 // src/components/BaseCard.tsx
 import { trussProps as trussProps29, maybeCssVar as maybeCssVar19 } from "@homebound/truss/runtime";
-import { Fragment as Fragment17, jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
 function BaseCard(props) {
   const {
     imgSrc,
@@ -13090,16 +13120,16 @@ function BaseCard(props) {
         }]
       }
     }), ...tid.hero, children: [
-      /* @__PURE__ */ jsx46("img", { ...trussProps29({
+      /* @__PURE__ */ jsx47("img", { ...trussProps29({
         height: "h100",
         width: "w100",
         objectFit: ["objectFit_var", {
           "--objectFit": maybeCssVar19(imageFit)
         }]
       }), src: imgSrc, alt: imgAlt, "aria-hidden": imgAlt === "" || void 0, loading: "lazy", ...tid.image }),
-      tag && /* @__PURE__ */ jsx46("div", { className: "absolute top1 l_1 df", ...tid.tag, children: /* @__PURE__ */ jsx46(Tag, { ...tag }) })
+      tag && /* @__PURE__ */ jsx47("div", { className: "absolute top1 l_1 df", ...tid.tag, children: /* @__PURE__ */ jsx47(Tag, { ...tag }) })
     ] }),
-    /* @__PURE__ */ jsx46("div", { ...trussProps29({
+    /* @__PURE__ */ jsx47("div", { ...trussProps29({
       display: "df",
       flexDirection: "fdc",
       flexGrow: "fg1",
@@ -13156,9 +13186,9 @@ function BaseCard(props) {
       }]
     } : {}
   }), ...tid, children: [
-    onClick ? getButtonOrLink(content2, onClick, actionAttrs) : /* @__PURE__ */ jsx46("div", { ...trussProps29(contentStyles), children: content2 }),
-    action && /* @__PURE__ */ jsx46("div", { className: "absolute top2 r_2", ...tid.heroAction, children: "items" in action ? /* @__PURE__ */ jsx46(ButtonMenu, { ...action }) : /* @__PURE__ */ jsx46(IconButton, { ...action }) }),
-    footer && /* @__PURE__ */ jsx46("div", { ...tid.footer, children: footer })
+    onClick ? getButtonOrLink(content2, onClick, actionAttrs) : /* @__PURE__ */ jsx47("div", { ...trussProps29(contentStyles), children: content2 }),
+    action && /* @__PURE__ */ jsx47("div", { className: "absolute top2 r_2", ...tid.heroAction, children: "items" in action ? /* @__PURE__ */ jsx47(ButtonMenu, { ...action }) : /* @__PURE__ */ jsx47(IconButton, { ...action }) }),
+    footer && /* @__PURE__ */ jsx47("div", { ...tid.footer, children: footer })
   ] });
 }
 var heroHeight = 184;
@@ -13184,7 +13214,7 @@ var contentStyles = {
 // src/components/CardBody.tsx
 import { useMemo as useMemo13 } from "react";
 import { trussProps as trussProps30, maybeCssVar as maybeCssVar20 } from "@homebound/truss/runtime";
-import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
 var __maybeInc11 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -13218,11 +13248,11 @@ function CardBody(props) {
           "--color": "var(--b-on-surface)"
         }]
       }), ...tid.eyebrow, children: [
-        /* @__PURE__ */ jsx47("span", { className: "wsnw oh to_ellipsis", ...tid.leftEyebrow, children: renderMaybeProposed(leftEyebrow, tid.leftEyebrowProposal) }),
-        rightEyebrow && /* @__PURE__ */ jsx47("span", { className: "fs0", ...tid.rightEyebrow, children: renderMaybeProposed(rightEyebrow, tid.rightEyebrowProposal) })
+        /* @__PURE__ */ jsx48("span", { className: "wsnw oh to_ellipsis", ...tid.leftEyebrow, children: renderMaybeProposed(leftEyebrow, tid.leftEyebrowProposal) }),
+        rightEyebrow && /* @__PURE__ */ jsx48("span", { className: "fs0", ...tid.rightEyebrow, children: renderMaybeProposed(rightEyebrow, tid.rightEyebrowProposal) })
       ] }),
       /* @__PURE__ */ jsxs29("div", { className: "dif w100 jcsb aic", children: [
-        /* @__PURE__ */ jsx47("h4", { ...trussProps30({
+        /* @__PURE__ */ jsx48("h4", { ...trussProps30({
           fontWeight: "fw6",
           fontSize: "fz_20px",
           lineHeight: "lh_28px",
@@ -13236,37 +13266,37 @@ function CardBody(props) {
           }]
         }), ...tid.title, children: renderMaybeProposed(title, tid.titleProposal) }),
         (badge || badgeTags?.length) && /* @__PURE__ */ jsxs29("div", { className: "dif aic g_1 fs0", ...tid.badge, children: [
-          badge && /* @__PURE__ */ jsx47("span", { className: "fw4 fz_14px lh_20px wsnw", children: badge }),
-          badgeTags?.map((tag) => /* @__PURE__ */ jsx47(Tag, { ...tag }, tag.text))
+          badge && /* @__PURE__ */ jsx48("span", { className: "fw4 fz_14px lh_20px wsnw", children: badge }),
+          badgeTags?.map((tag) => /* @__PURE__ */ jsx48(Tag, { ...tag }, tag.text))
         ] })
       ] })
     ] }),
     hasDetails && /* @__PURE__ */ jsxs29("div", { className: "df fdc g_2 mta", children: [
       data.length > 0 && /* @__PURE__ */ jsxs29("dl", { className: "df g_2 fw4 fz_14px lh_20px", children: [
-        /* @__PURE__ */ jsx47("div", { className: "df fdc fg1 fb2 mw0", children: col1.map((d) => /* @__PURE__ */ jsxs29("div", { className: "df g_4px", ...tid[defaultTestId(d.label)], children: [
+        /* @__PURE__ */ jsx48("div", { className: "df fdc fg1 fb2 mw0", children: col1.map((d) => /* @__PURE__ */ jsxs29("div", { className: "df g_4px", ...tid[defaultTestId(d.label)], children: [
           /* @__PURE__ */ jsxs29("dt", { className: "fs0", children: [
             d.label,
             ":"
           ] }),
-          /* @__PURE__ */ jsx47("dd", { className: "mw0", children: d.value })
+          /* @__PURE__ */ jsx48("dd", { className: "mw0", children: d.value })
         ] }, d.label)) }),
-        /* @__PURE__ */ jsx47("div", { className: "df fdc fg1 fb2 mw0", children: col2.map((d) => /* @__PURE__ */ jsxs29("div", { className: "df g_4px", ...tid[defaultTestId(d.label)], children: [
+        /* @__PURE__ */ jsx48("div", { className: "df fdc fg1 fb2 mw0", children: col2.map((d) => /* @__PURE__ */ jsxs29("div", { className: "df g_4px", ...tid[defaultTestId(d.label)], children: [
           /* @__PURE__ */ jsxs29("dt", { className: "fs0", children: [
             d.label,
             ":"
           ] }),
-          /* @__PURE__ */ jsx47("dd", { className: "mw0", children: d.value })
+          /* @__PURE__ */ jsx48("dd", { className: "mw0", children: d.value })
         ] }, d.label)) })
       ] }),
       progress !== void 0 && /* @__PURE__ */ jsxs29("div", { className: "df aic g_1 fs_10px lh_14px", children: [
-        /* @__PURE__ */ jsx47("div", { ...trussProps30({
+        /* @__PURE__ */ jsx48("div", { ...trussProps30({
           width: "w25",
           height: "h_8px",
           borderRadius: "br4",
           backgroundColor: ["bgColor_var", {
             "--backgroundColor": maybeCssVar20(aiMode ? "rgba(221, 214, 254, 1)" /* Purple200 */ : "--b-surface-subtle" /* SurfaceSubtle */)
           }]
-        }), ...tid.progressTrack, children: /* @__PURE__ */ jsx47("div", { ...trussProps30({
+        }), ...tid.progressTrack, children: /* @__PURE__ */ jsx48("div", { ...trussProps30({
           height: "h100",
           borderRadius: "br4",
           backgroundColor: "bgBlue500",
@@ -13284,7 +13314,7 @@ function CardBody(props) {
   ] });
 }
 function renderMaybeProposed(value, tid) {
-  return typeof value === "string" || value === void 0 ? value : /* @__PURE__ */ jsx47(ProposedValue, { ...value, ...tid });
+  return typeof value === "string" || value === void 0 ? value : /* @__PURE__ */ jsx48(ProposedValue, { ...value, ...tid });
 }
 function clampProgress(value) {
   if (process.env.NODE_ENV !== "production" && (value < 0 || value > 100)) {
@@ -13297,7 +13327,7 @@ function clampProgress(value) {
 import { useResizeObserver as useResizeObserver4 } from "@react-aria/utils";
 import { Children, useCallback as useCallback11, useLayoutEffect as useLayoutEffect3, useRef as useRef20, useState as useState16 } from "react";
 import { trussProps as trussProps31, maybeCssVar as maybeCssVar21 } from "@homebound/truss/runtime";
-import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs30 } from "react/jsx-runtime";
 function Carousel(props) {
   const {
     children,
@@ -13349,8 +13379,8 @@ function Carousel(props) {
   return (
     // The chevrons overlay the strip's edges, rather than taking a gutter that sits empty whenever they are hidden.
     /* @__PURE__ */ jsxs30("div", { className: "df aic relative", ...tid, children: [
-      /* @__PURE__ */ jsx48(ScrollButton, { direction: "back", label: prevLabel, inc: chevronInc, visible: canScrollBack, onClick: () => scrollByPage(-1), ...tid.prev }),
-      /* @__PURE__ */ jsx48("div", { ref: stripRef, ...trussProps31({
+      /* @__PURE__ */ jsx49(ScrollButton, { direction: "back", label: prevLabel, inc: chevronInc, visible: canScrollBack, onClick: () => scrollByPage(-1), ...tid.prev }),
+      /* @__PURE__ */ jsx49("div", { ref: stripRef, ...trussProps31({
         display: "df",
         flexGrow: "fg1",
         minWidth: "mw0",
@@ -13372,8 +13402,8 @@ function Carousel(props) {
         maskImage: ["maskImage_var", {
           "--maskImage": maybeCssVar21(maskImage)
         }]
-      }), ...tid.items, children: Children.map(children, (child) => /* @__PURE__ */ jsx48("div", { className: "fs0 ssa_start", children: child })) }),
-      /* @__PURE__ */ jsx48(ScrollButton, { direction: "forward", label: nextLabel, inc: chevronInc, visible: canScrollForward, onClick: () => scrollByPage(1), ...tid.next })
+      }), ...tid.items, children: Children.map(children, (child) => /* @__PURE__ */ jsx49("div", { className: "fs0 ssa_start", children: child })) }),
+      /* @__PURE__ */ jsx49(ScrollButton, { direction: "forward", label: nextLabel, inc: chevronInc, visible: canScrollForward, onClick: () => scrollByPage(1), ...tid.next })
     ] })
   );
 }
@@ -13391,7 +13421,7 @@ function ScrollButton(props) {
   } = chevronSizes(inc);
   const back = direction === "back";
   if (!visible) return null;
-  return /* @__PURE__ */ jsx48("button", { type: "button", "aria-label": label, onClick, ...trussProps31({
+  return /* @__PURE__ */ jsx49("button", { type: "button", "aria-label": label, onClick, ...trussProps31({
     position: "absolute",
     top: "top0",
     bottom: "bot_0",
@@ -13420,7 +13450,7 @@ function ScrollButton(props) {
       right: "r_0"
     },
     boxShadow: "fv_bshFocus"
-  }), ...others, children: /* @__PURE__ */ jsx48(Icon, { icon: back ? "chevronLeft" : "chevronRight", inc, color: "--b-on-surface" /* OnSurface */ }) });
+  }), ...others, children: /* @__PURE__ */ jsx49(Icon, { icon: back ? "chevronLeft" : "chevronRight", inc, color: "--b-on-surface" /* OnSurface */ }) });
 }
 function chevronSizes(inc) {
   const iconSize = increment(inc);
@@ -13436,7 +13466,7 @@ function chevronSizes(inc) {
 
 // src/components/Table/components/TableCard.tsx
 import { mergeProps as mergeProps13 } from "@homebound/truss/runtime";
-import { Fragment as Fragment18, jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
 function TableCardImpl(props) {
   const {
     rs,
@@ -13494,7 +13524,7 @@ function TableCardImpl(props) {
   }
   if (!title) return null;
   const onClick = rowStyle?.onClick;
-  return /* @__PURE__ */ jsx49(TableCardView, { ...tid, imgSrc: rs.row.imgSrc ?? "", title, leftEyebrow, rightEyebrow, badge, badgeTags, status, data: dataBlocks, progress, interactiveFooter, to: rowStyle?.rowLink?.(rs.row), onClick: onClick ? () => onClick(rs.row, api) : void 0, height, imageFit, aiMode: rs.aiMode });
+  return /* @__PURE__ */ jsx50(TableCardView, { ...tid, imgSrc: rs.row.imgSrc ?? "", title, leftEyebrow, rightEyebrow, badge, badgeTags, status, data: dataBlocks, progress, interactiveFooter, to: rowStyle?.rowLink?.(rs.row), onClick: onClick ? () => onClick(rs.row, api) : void 0, height, imageFit, aiMode: rs.aiMode });
 }
 var TableCard = observer3(TableCardImpl);
 function TableCardView(props) {
@@ -13519,7 +13549,7 @@ function TableCardView(props) {
   const titleText = typeof title === "string" ? title : title.proposed;
   const shownFooter = shownInteractiveFooter(interactiveFooter);
   const action = to || onClick;
-  return /* @__PURE__ */ jsx49(BaseCard, { ...tid, imgSrc, imgAlt: titleText, imageFit, tag: status, onClick: action, height, aiMode, footer: shownFooter && /* @__PURE__ */ jsx49("div", { className: "df fdc g_2 pl3 pr3 pb3 pt2", ...tid.interactiveFooter, children: /* @__PURE__ */ jsx49(InteractiveFooter, { footer: shownFooter, tid }) }), children: /* @__PURE__ */ jsx49(CardBody, { ...tid, title, leftEyebrow, rightEyebrow, badge, badgeTags, data, progress, aiMode }) });
+  return /* @__PURE__ */ jsx50(BaseCard, { ...tid, imgSrc, imgAlt: titleText, imageFit, tag: status, onClick: action, height, aiMode, footer: shownFooter && /* @__PURE__ */ jsx50("div", { className: "df fdc g_2 pl3 pr3 pb3 pt2", ...tid.interactiveFooter, children: /* @__PURE__ */ jsx50(InteractiveFooter, { footer: shownFooter, tid }) }), children: /* @__PURE__ */ jsx50(CardBody, { ...tid, title, leftEyebrow, rightEyebrow, badge, badgeTags, data, progress, aiMode }) });
 }
 function InteractiveFooter(props) {
   const {
@@ -13528,7 +13558,7 @@ function InteractiveFooter(props) {
   } = props;
   switch (footer.kind) {
     case "carousel":
-      return /* @__PURE__ */ jsx49(CarouselFooter, { footer, tid });
+      return /* @__PURE__ */ jsx50(CarouselFooter, { footer, tid });
   }
 }
 function CarouselFooter(props) {
@@ -13537,8 +13567,8 @@ function CarouselFooter(props) {
     tid
   } = props;
   return /* @__PURE__ */ jsxs31(Fragment18, { children: [
-    /* @__PURE__ */ jsx49("div", { className: "fw4 fz_14px lh_20px", ...tid.carouselTitle, children: footer.title }),
-    /* @__PURE__ */ jsx49(Carousel, { ...tid.carousel, children: footer.thumbnails.map((item) => /* @__PURE__ */ jsx49(Thumbnail, { item, tid: tid.carousel_item }, item.id)) })
+    /* @__PURE__ */ jsx50("div", { className: "fw4 fz_14px lh_20px", ...tid.carouselTitle, children: footer.title }),
+    /* @__PURE__ */ jsx50(Carousel, { ...tid.carousel, children: footer.thumbnails.map((item) => /* @__PURE__ */ jsx50(Thumbnail, { item, tid: tid.carousel_item }, item.id)) })
   ] });
 }
 function shownInteractiveFooter(footer) {
@@ -13553,7 +13583,7 @@ function Thumbnail(props) {
     item,
     tid
   } = props;
-  return /* @__PURE__ */ jsx49(Tooltip, { title: item.label, placement: "top", children: /* @__PURE__ */ jsx49(Link4, { to: item.to, "aria-label": item.label, ...tid, ...mergeProps13(navLink, void 0, {
+  return /* @__PURE__ */ jsx50(Tooltip, { title: item.label, placement: "top", children: /* @__PURE__ */ jsx50(Link4, { to: item.to, "aria-label": item.label, ...tid, ...mergeProps13(navLink, void 0, {
     position: "relative after_a_absolute",
     display: "db",
     flexShrink: "fs0",
@@ -13571,12 +13601,12 @@ function Thumbnail(props) {
     left: "after_a_l_0",
     opacity: "after_a_o_0_28",
     pointerEvents: "after_a_pen"
-  }), children: /* @__PURE__ */ jsx49("span", { className: "db w100 h100 oh br8", children: /* @__PURE__ */ jsx49("img", { className: "w100 h100 obf_cover db", src: item.imgUrl, alt: "", loading: "lazy" }) }) }) });
+  }), children: /* @__PURE__ */ jsx50("span", { className: "db w100 h100 oh br8", children: /* @__PURE__ */ jsx50("img", { className: "w100 h100 obf_cover db", src: item.imgUrl, alt: "", loading: "lazy" }) }) }) });
 }
 
 // src/components/Table/GridTableEmptyState.tsx
 import { trussProps as trussProps32 } from "@homebound/truss/runtime";
-import { jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
 function GridTableEmptyState(props) {
   const {
     title = "No results found",
@@ -13585,8 +13615,8 @@ function GridTableEmptyState(props) {
   } = props;
   const tid = useTestIds(props, "gridTableEmptyState");
   return /* @__PURE__ */ jsxs32("div", { className: "df fdc aic pt_12 pb_12 g_2", ...tid, children: [
-    /* @__PURE__ */ jsx50("div", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
-    description && /* @__PURE__ */ jsx50("div", { ...trussProps32({
+    /* @__PURE__ */ jsx51("div", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
+    description && /* @__PURE__ */ jsx51("div", { ...trussProps32({
       fontWeight: "fw4",
       fontSize: "fz_14px",
       lineHeight: "lh_20px",
@@ -13594,13 +13624,13 @@ function GridTableEmptyState(props) {
         "--color": "var(--b-on-surface-muted)"
       }]
     }), ...tid.description, children: description }),
-    actions && /* @__PURE__ */ jsx50("div", { ...tid.actions, children: actions })
+    actions && /* @__PURE__ */ jsx51("div", { ...tid.actions, children: actions })
   ] });
 }
 
 // src/components/Table/GridTable.tsx
 import { trussProps as trussProps33, mergeProps as mergeProps14, maybeCssVar as maybeCssVar22 } from "@homebound/truss/runtime";
-import { jsx as jsx51, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
 import { createElement } from "react";
 var __maybeInc12 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
@@ -13655,13 +13685,15 @@ function GridTable(props) {
     cardImageFit
   } = props;
   const inDocumentScrollLayout = useDocumentScrollLayout();
+  const insetHandled = useContentInsetHandled();
+  const withGutters = columnGutter && inDocumentScrollLayout && !insetHandled;
   const tid = useTestIds({
     "data-testid": id
   }, "gridTable");
   const columnsWithIds = useMemo14(() => {
-    const columns2 = columnGutter && inDocumentScrollLayout ? withColumnGutters(_columns) : _columns;
+    const columns2 = withGutters ? withColumnGutters(_columns) : _columns;
     return assignDefaultColumnIds(columns2);
-  }, [_columns, columnGutter, inDocumentScrollLayout]);
+  }, [_columns, withGutters]);
   const virtuosoRef = useRef21(null);
   const virtuosoRangeRef = useRef21(null);
   const resizeRef = useRef21(null);
@@ -13685,7 +13717,7 @@ function GridTable(props) {
     draggedRowRef.current = row;
     _setDraggedRow(row);
   };
-  const style = resolveStyles(maybeStyle);
+  const style = resolveStyles(maybeStyle, insetHandled, inDocumentScrollLayout);
   const {
     tableState
   } = api;
@@ -13800,7 +13832,7 @@ function GridTable(props) {
   };
   const [tableHeadRows, visibleDataRows, keptSelectedRows, pinnedRows, tooManyClientSideRows] = useComputed(() => {
     if (as === "card") {
-      const cardElements = tableState.visibleRows.filter((rs) => ![HEADER, EXPANDABLE_HEADER, TOTALS, KEPT_GROUP].includes(rs.kind)).map((rs) => /* @__PURE__ */ jsx51(TableCard, { rs, columns, rowStyle: rowStyles?.[rs.row.kind], api: tableState.api, height: cardHeight, imageFit: cardImageFit }, rs.key));
+      const cardElements = tableState.visibleRows.filter((rs) => ![HEADER, EXPANDABLE_HEADER, TOTALS, KEPT_GROUP].includes(rs.kind)).map((rs) => /* @__PURE__ */ jsx52(TableCard, { rs, columns, rowStyle: rowStyles?.[rs.row.kind], api: tableState.api, height: cardHeight, imageFit: cardImageFit }, rs.key));
       return [[], cardElements, [], [], false];
     }
     const headerRows = [];
@@ -13814,7 +13846,7 @@ function GridTable(props) {
     const hasExpandableHeader = visibleRows.some((rs) => rs.row.id === EXPANDABLE_HEADER);
     const omitRowHover = "rowHover" in maybeStyle && maybeStyle.rowHover === false;
     const isHeadKind = (kind) => [HEADER, EXPANDABLE_HEADER, TOTALS].includes(kind);
-    const makeRow = (rs, isFirstHeadRow, isFirstBodyRow, isLastBodyRow, hasTrailingCompanion) => /* @__PURE__ */ jsx51(Row, { onDragStart, onDragOver, onDragEnd, onDrop, onDragEnter, ...{
+    const makeRow = (rs, isFirstHeadRow, isFirstBodyRow, isLastBodyRow, hasTrailingCompanion) => /* @__PURE__ */ jsx52(Row, { onDragStart, onDragOver, onDragEnd, onDrop, onDragEnter, ...{
       as,
       rs,
       style,
@@ -13836,7 +13868,7 @@ function GridTable(props) {
     const makeCompanionRow = (rs, resolved, isFirstBodyRow, isLastBodyRow) => {
       const levelStyle = style.levels && (typeof style.levels === "function" ? style.levels(rs.level) : style.levels[rs.level]);
       const rowStyle = rowStyles?.[rs.row.kind];
-      return /* @__PURE__ */ jsx51(CompanionRow, { as, style, columnSizes, rowId: rs.row.id, colSpan: columns.length, isFirstBodyRow, isLastBodyRow, position: resolved.position, companion: resolved.content, levelIndent: levelStyle?.rowIndent, rowCss: maybeApplyFunction(rs.row, rowStyle?.rowCss), cellCss: maybeApplyFunction(rs.row, rowStyle?.cellCss) }, `${rs.key}-companion`);
+      return /* @__PURE__ */ jsx52(CompanionRow, { as, style, columnSizes, rowId: rs.row.id, colSpan: columns.length, isFirstBodyRow, isLastBodyRow, position: resolved.position, companion: resolved.content, levelIndent: levelStyle?.rowIndent, rowCss: maybeApplyFunction(rs.row, rowStyle?.rowCss), cellCss: maybeApplyFunction(rs.row, rowStyle?.cellCss) }, `${rs.key}-companion`);
     };
     const makeRowGroup = (rs, isFirstBodyRow, isLastBodyRow, inHead) => {
       const resolved = rs.companion;
@@ -13847,7 +13879,7 @@ function GridTable(props) {
       const rowStyle = rowStyles?.[rs.row.kind];
       const hasRowAction = !!(rowStyle?.rowLink || rowStyle?.onClick);
       const showRowHover = hasRowAction && !reservedRowKinds.includes(rs.kind) && !omitRowHover && style.rowHoverColor !== "none";
-      return /* @__PURE__ */ jsx51(RowGroup, { as, inHead, showRowHover, style, children }, rs.key);
+      return /* @__PURE__ */ jsx52(RowGroup, { as, inHead, showRowHover, style, children }, rs.key);
     };
     const bodyRowStates = visibleRows.filter((rs) => !isHeadKind(rs.kind));
     const onlyKeptBodyRows = bodyRowStates.length > 0 && bodyRowStates.every((rs) => rs.isKept || rs.kind === KEPT_GROUP);
@@ -13918,12 +13950,12 @@ function GridTable(props) {
     };
   }, [contentWidth, inDocumentScrollLayout, style, tableWidth]);
   if (noData && emptyState && tableStateSyncedFromPropsRef.current) {
-    return /* @__PURE__ */ jsx51(GridTableEmptyState, { ...emptyState });
+    return /* @__PURE__ */ jsx52(GridTableEmptyState, { ...emptyState });
   }
-  return /* @__PURE__ */ jsx51(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */ jsxs33(PresentationProvider, { fieldProps, wrap: style?.presentationSettings?.wrap, children: [
-    /* @__PURE__ */ jsx51("div", { ref: resizeRef, ...trussProps33(getTableRefWidthStyles(as === "virtual", inDocumentScrollLayout)), ...tid.probe }),
-    loading && /* @__PURE__ */ jsx51("div", { ...trussProps33(loadingOverlayCss), ...tid.loadingOverlay, children: /* @__PURE__ */ jsx51(Loader, { ...tid.loadingSpinner }) }),
-    as === "card" ? /* @__PURE__ */ jsx51(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition, loading }) : _as === "virtual" ? /* @__PURE__ */ jsx51(VirtualGridTableView, { style: tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, persistScrollPosition, loading }) : renders[_as](tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, loading, infiniteScroll, tableContainerRef, persistScrollPosition)
+  return /* @__PURE__ */ jsx52(TableStateContext.Provider, { value: rowStateContext, children: /* @__PURE__ */ jsxs33(PresentationProvider, { fieldProps, wrap: style?.presentationSettings?.wrap, children: [
+    /* @__PURE__ */ jsx52("div", { ref: resizeRef, ...trussProps33(getTableRefWidthStyles(as === "virtual", inDocumentScrollLayout)), ...tid.probe }),
+    loading && /* @__PURE__ */ jsx52("div", { ...trussProps33(loadingOverlayCss), ...tid.loadingOverlay, children: /* @__PURE__ */ jsx52(Loader, { ...tid.loadingSpinner }) }),
+    as === "card" ? /* @__PURE__ */ jsx52(CardView, { cardRows: visibleDataRows, id, virtuosoRangeRef, infiniteScroll, persistScrollPosition, loading }) : _as === "virtual" ? /* @__PURE__ */ jsx52(VirtualGridTableView, { style: tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, infiniteScroll, persistScrollPosition, loading }) : renders[_as](tableStyle, id, columns, visibleDataRows, keptSelectedRows, pinnedRows, firstRowMessage, stickyHeader, xss, virtuosoRef, virtuosoRangeRef, tableHeadRows, stickyOffset, loading, infiniteScroll, tableContainerRef, persistScrollPosition)
   ] }) });
 }
 var loadingOverlayCss = {
@@ -13987,7 +14019,7 @@ function renderDiv(style, id, columns, visibleDataRows, keptSelectedRows, pinned
     ] }),
     /* @__PURE__ */ jsxs33("div", { children: [
       keptSelectedRows,
-      firstRowMessage && /* @__PURE__ */ jsx51("div", { ...trussProps33({
+      firstRowMessage && /* @__PURE__ */ jsx52("div", { ...trussProps33({
         ...keptSelectedRows.length === 0 && style.firstBodyRowCss,
         ...style.firstRowMessageCss,
         ...visibleDataRows.length === 0 && style.lastRowCss,
@@ -14031,11 +14063,11 @@ function renderTable(style, id, columns, visibleDataRows, keptSelectedRows, pinn
       pinnedRows
     ] }),
     keptSelectedRows,
-    firstRowMessage && /* @__PURE__ */ jsx51("tbody", { children: /* @__PURE__ */ jsx51("tr", { ...trussProps33({
+    firstRowMessage && /* @__PURE__ */ jsx52("tbody", { children: /* @__PURE__ */ jsx52("tr", { ...trussProps33({
       ...tableRowPrintBreakCss,
       ...keptSelectedRows.length === 0 && style.firstBodyRowCss,
       ...visibleDataRows.length === 0 && style.lastRowCss
-    }), children: /* @__PURE__ */ jsx51("td", { colSpan: columns.length, ...trussProps33({
+    }), children: /* @__PURE__ */ jsx52("td", { colSpan: columns.length, ...trussProps33({
       ...style.betweenRowsCss,
       ...style.firstRowMessageCss,
       ...visibleDataRows.length === 0 && style.lastRowCellCss,
@@ -14076,7 +14108,7 @@ function VirtualGridTableView({
   const components = useMemo14(() => ({
     // zIndex keeps the pinned head above sticky columns; `top` matches the offsets used by
     // the div/table render paths so virtualized tables pin below the global nav + page header.
-    TopItemList: React9.forwardRef((props, ref) => /* @__PURE__ */ jsx51("div", { ...props, ref, ...mergeProps14(void 0, {
+    TopItemList: React9.forwardRef((props, ref) => /* @__PURE__ */ jsx52("div", { ...props, ref, ...mergeProps14(void 0, {
       ...props.style,
       ...style.minWidthPx !== void 0 ? {
         minWidth: style.minWidthPx
@@ -14088,17 +14120,17 @@ function VirtualGridTableView({
     }) })),
     List: VirtualRoot(style, columns, id, xss),
     Footer: () => {
-      return /* @__PURE__ */ jsx51("div", { ...trussProps33({
+      return /* @__PURE__ */ jsx52("div", { ...trussProps33({
         ...style.virtualFooterPaddingBottomPx !== void 0 ? {
           paddingBottom: ["pb_var", {
             "--paddingBottom": `${style.virtualFooterPaddingBottomPx ?? 0}px`
           }]
         } : {}
-      }), children: fetchMoreInProgress && /* @__PURE__ */ jsx51("div", { className: "h5 df aic jcc", children: /* @__PURE__ */ jsx51(Loader, { size: "xs" }) }) });
+      }), children: fetchMoreInProgress && /* @__PURE__ */ jsx52("div", { className: "h5 df aic jcc", children: /* @__PURE__ */ jsx52(Loader, { size: "xs" }) }) });
     }
   }), [columns, fetchMoreInProgress, id, stickyOffset, style, xss]);
   const virtuosoKey = !!validatedScrollIndex && visibleDataRows.length > 0 ? "with-data" : "virtuoso";
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Virtuoso,
     {
       useWindowScroll: inDocumentScrollLayout && !customScrollParent,
@@ -14130,11 +14162,11 @@ function VirtualGridTableView({
           if (index === 0) {
             return (
               // Ensure the fallback message is the same width as the table
-              /* @__PURE__ */ jsx51("div", { ...trussProps33({
+              /* @__PURE__ */ jsx52("div", { ...trussProps33({
                 ...getTableRefWidthStyles(true, inDocumentScrollLayout),
                 ...keptSelectedRows.length === 0 && style.firstBodyRowCss,
                 ...visibleDataRows.length === 0 && style.lastRowCss
-              }), children: /* @__PURE__ */ jsx51("div", { ...trussProps33({
+              }), children: /* @__PURE__ */ jsx52("div", { ...trussProps33({
                 ...style.firstRowMessageCss,
                 ...visibleDataRows.length === 0 && style.lastRowCellCss,
                 ...visibleDataRows.length === 0 && style.lastRowFirstCellCss,
@@ -14193,13 +14225,13 @@ function CardView({
   const validatedScrollIndex = savedScrollIndex !== void 0 && savedScrollIndex > 0 && savedScrollIndex < cardRows.length ? savedScrollIndex : void 0;
   const virtuosoKey = !!validatedScrollIndex && cardRows.length > 0 ? "with-data" : "virtuoso";
   if (runningInJest) {
-    return /* @__PURE__ */ jsx51("div", { ...trussProps33({
+    return /* @__PURE__ */ jsx52("div", { ...trussProps33({
       ...{
         paddingTop: "pt2",
         paddingBottom: "pb2"
       },
       ...loading && loadingTableCss
-    }), children: /* @__PURE__ */ jsx51("div", { ...trussProps33({
+    }), children: /* @__PURE__ */ jsx52("div", { ...trussProps33({
       display: "dg",
       gridTemplateColumns: ["gtc_var", {
         "--gridTemplateColumns": maybeCssVar22(`repeat(auto-fill, minmax(${CARD_MIN_WIDTH_PX}px, 1fr))`)
@@ -14212,7 +14244,7 @@ function CardView({
       paddingLeft: "pl3"
     }), children: cardRows }) });
   }
-  return /* @__PURE__ */ jsx51("div", { ...trussProps33({
+  return /* @__PURE__ */ jsx52("div", { ...trussProps33({
     ...{
       paddingBottom: "pb2",
       height: "h100"
@@ -14227,7 +14259,7 @@ function CardView({
       style,
       children
     }, ref) {
-      return /* @__PURE__ */ jsx51("div", { ref, ...mergeProps14(void 0, style, {
+      return /* @__PURE__ */ jsx52("div", { ref, ...mergeProps14(void 0, style, {
         display: "dg",
         gridTemplateColumns: ["gtc_var", {
           "--gridTemplateColumns": maybeCssVar22(`repeat(auto-fill, minmax(${CARD_MIN_WIDTH_PX}px, 1fr))`)
@@ -14240,7 +14272,7 @@ function CardView({
         paddingLeft: "pl3"
       }), children });
     }),
-    Footer: () => /* @__PURE__ */ jsx51("div", { children: fetchMoreInProgress && /* @__PURE__ */ jsx51("div", { className: "h5 df aic jcc", children: /* @__PURE__ */ jsx51(Loader, { size: "xs" }) }) })
+    Footer: () => /* @__PURE__ */ jsx52("div", { children: fetchMoreInProgress && /* @__PURE__ */ jsx52("div", { className: "h5 df aic jcc", children: /* @__PURE__ */ jsx52(Loader, { size: "xs" }) }) })
   }, rangeChanged: (newRange) => {
     virtuosoRangeRef.current = newRange;
     if (!infiniteScroll && cardRows.length > 0) {
@@ -14266,7 +14298,7 @@ var VirtualRoot = memoizeOne((gs, _columns, id, xss) => {
     style,
     children
   }, ref) {
-    return /* @__PURE__ */ jsx51("div", { ref, ...mergeProps14(void 0, style, {
+    return /* @__PURE__ */ jsx52("div", { ref, ...mergeProps14(void 0, style, {
       ...gs.rootCss,
       ...gs.minWidthPx ? {
         minWidth: ["mw_var", {
@@ -14284,7 +14316,7 @@ var CARD_MIN_WIDTH_PX = 330;
 
 // src/components/ToggleChip.tsx
 import { trussProps as trussProps34 } from "@homebound/truss/runtime";
-import { jsx as jsx52, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs34 } from "react/jsx-runtime";
 function ToggleChip(props) {
   const {
     text,
@@ -14317,8 +14349,8 @@ function ToggleChip(props) {
     },
     ...xss
   }), disabled, onClick, ...hoverProps, ...tid, children: [
-    icon && /* @__PURE__ */ jsx52("span", { className: "fs0", ...tid.icon, children: /* @__PURE__ */ jsx52(Icon, { icon, color: "rgba(36, 36, 36, 1)" /* Gray900 */, inc: 2 }) }),
-    /* @__PURE__ */ jsx52("span", { ...trussProps34({
+    icon && /* @__PURE__ */ jsx53("span", { className: "fs0", ...tid.icon, children: /* @__PURE__ */ jsx53(Icon, { icon, color: "rgba(36, 36, 36, 1)" /* Gray900 */, inc: 2 }) }),
+    /* @__PURE__ */ jsx53("span", { ...trussProps34({
       textAlign: "tal",
       overflow: "oh",
       display: "d_negwebkit_box",
@@ -14330,14 +14362,14 @@ function ToggleChip(props) {
         paddingRight: "pr0"
       } : {}
     }), title: text, children: text }),
-    !disabled && /* @__PURE__ */ jsx52("span", { ...trussProps34({
+    !disabled && /* @__PURE__ */ jsx53("span", { ...trussProps34({
       ...{
         flexShrink: "fs0",
         borderRadius: "br16",
         backgroundColor: "bgGray200"
       },
       ...isHovered && chipHoverStyles
-    }), ...tid.x, children: /* @__PURE__ */ jsx52(Icon, { icon: "x", color: "rgba(141, 141, 141, 1)" /* Gray600 */, inc: 2 }) })
+    }), ...tid.x, children: /* @__PURE__ */ jsx53(Icon, { icon: "x", color: "rgba(141, 141, 141, 1)" /* Gray600 */, inc: 2 }) })
   ] });
 }
 var chipHoverStyles = {
@@ -14353,7 +14385,7 @@ var chipDisabledStyles = {
 
 // src/components/ToggleChips.tsx
 import { trussProps as trussProps35 } from "@homebound/truss/runtime";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function ToggleChips(props) {
   const {
     values,
@@ -14362,14 +14394,14 @@ function ToggleChips(props) {
     xss
   } = props;
   const tid = useTestIds(props, "toggleChips");
-  return /* @__PURE__ */ jsx53("div", { ...trussProps35({
+  return /* @__PURE__ */ jsx54("div", { ...trussProps35({
     ...{
       display: "df",
       flexWrap: "fww",
       gap: "g_1"
     },
     ...xss
-  }), ...tid, children: values.map((value) => /* @__PURE__ */ jsx53(ToggleChip, { text: getLabel(value), onClick: () => onRemove(value), ...tid.chip }, getLabel(value))) });
+  }), ...tid, children: values.map((value) => /* @__PURE__ */ jsx54(ToggleChip, { text: getLabel(value), onClick: () => onRemove(value), ...tid.chip }, getLabel(value))) });
 }
 
 // src/components/Accordion.tsx
@@ -14377,7 +14409,7 @@ import { useId, useResizeObserver as useResizeObserver5 } from "@react-aria/util
 import { useCallback as useCallback12, useEffect as useEffect10, useMemo as useMemo15, useState as useState18 } from "react";
 import { useFocusRing as useFocusRing7 } from "react-aria";
 import { trussProps as trussProps36, maybeCssVar as maybeCssVar23 } from "@homebound/truss/runtime";
-import { jsx as jsx54, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs35 } from "react/jsx-runtime";
 var __maybeInc13 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -14502,13 +14534,13 @@ function Accordion(props) {
     } : {}
   }), children: [
     titleOnClick ? /* @__PURE__ */ jsxs35("div", { ...focusProps, "aria-controls": id, "aria-expanded": expanded, className: "df", children: [
-      /* @__PURE__ */ jsx54("button", { ...tid.title, disabled, ...trussProps36({
+      /* @__PURE__ */ jsx55("button", { ...tid.title, disabled, ...trussProps36({
         ...touchableStyle,
         ...{
           flexGrow: "fg1"
         }
       }), onClick: titleOnClick, children: title }),
-      /* @__PURE__ */ jsx54("button", { ...tid.toggle, disabled, ...trussProps36({
+      /* @__PURE__ */ jsx55("button", { ...tid.toggle, disabled, ...trussProps36({
         ...touchableStyle,
         ...{
           paddingLeft: "pl2",
@@ -14519,23 +14551,23 @@ function Accordion(props) {
             paddingRight: "pr_10px"
           } : {}
         }
-      }), onClick: toggle, children: /* @__PURE__ */ jsx54(RotatingChevronIcon, { expanded }) })
+      }), onClick: toggle, children: /* @__PURE__ */ jsx55(RotatingChevronIcon, { expanded }) })
     ] }) : /* @__PURE__ */ jsxs35("button", { ...tid.title, ...focusProps, "aria-controls": id, "aria-expanded": expanded, disabled, ...trussProps36({
       ...{
         width: "w100"
       },
       ...touchableStyle
     }), onClick: toggle, children: [
-      /* @__PURE__ */ jsx54("span", { className: "fg1 tal", children: title }),
-      /* @__PURE__ */ jsx54(RotatingChevronIcon, { expanded })
+      /* @__PURE__ */ jsx55("span", { className: "fg1 tal", children: title }),
+      /* @__PURE__ */ jsx55(RotatingChevronIcon, { expanded })
     ] }),
-    /* @__PURE__ */ jsx54("div", { ...tid.details, id, "aria-hidden": !expanded, ...trussProps36({
+    /* @__PURE__ */ jsx55("div", { ...tid.details, id, "aria-hidden": !expanded, ...trussProps36({
       overflow: "oh",
       height: ["h_var", {
         "--height": maybeCssVar23(__maybeInc13(contentHeight))
       }],
       transition: "tsn_height_250ms_ease_in_out"
-    }), children: expanded && /* @__PURE__ */ jsx54("div", { ...trussProps36({
+    }), children: expanded && /* @__PURE__ */ jsx55("div", { ...trussProps36({
       paddingLeft: "pl2",
       paddingRight: "pr2",
       paddingBottom: "pb2",
@@ -14550,13 +14582,13 @@ function Accordion(props) {
   ] });
 }
 function RotatingChevronIcon(props) {
-  return /* @__PURE__ */ jsx54("span", { ...trussProps36({
+  return /* @__PURE__ */ jsx55("span", { ...trussProps36({
     flexShrink: "fs0",
     transition: "tsn_transform_250ms_linear",
     transform: ["transform_var", {
       "--transform": maybeCssVar23(props.expanded ? "rotate(180deg)" : "rotate(0deg)")
     }]
-  }), children: /* @__PURE__ */ jsx54(Icon, { icon: "chevronDown" }) });
+  }), children: /* @__PURE__ */ jsx55(Icon, { icon: "chevronDown" }) });
 }
 var accordionSizes = {
   xs: 240,
@@ -14567,14 +14599,14 @@ var accordionSizes = {
 
 // src/components/AccordionList.tsx
 import { useState as useState19 } from "react";
-import { Fragment as Fragment19, jsx as jsx55 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx56 } from "react/jsx-runtime";
 function AccordionList(props) {
   const { accordions, size, allowMultipleExpanded = true, compact = false } = props;
   const [expandedIndex, setExpandedIndex] = useState19(
     accordions.findIndex((a) => a.defaultExpanded)
   );
   const tid = useTestIds(props, "accordionList");
-  return /* @__PURE__ */ jsx55(Fragment19, { children: accordions.map((accordionProps, index, arr) => /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(Fragment19, { children: accordions.map((accordionProps, index, arr) => /* @__PURE__ */ jsx56(
     Accordion,
     {
       ...accordionProps,
@@ -14593,7 +14625,7 @@ function AccordionList(props) {
 // src/components/Logos/BlueprintAiLogo.tsx
 import { useId as useId2 } from "@react-aria/utils";
 import { trussProps as trussProps37, maybeCssVar as maybeCssVar24 } from "@homebound/truss/runtime";
-import { jsx as jsx56, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs36 } from "react/jsx-runtime";
 var __maybeInc14 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -14612,29 +14644,29 @@ function BlueprintAiLogo(props) {
     }]
   }), children: [
     /* @__PURE__ */ jsxs36("g", { transform: "translate(0.32171630859375, 3)", fill: `url(#${gradientId})`, children: [
-      /* @__PURE__ */ jsx56("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__ */ jsx56("path", { d: "M202.994 28.2798V3.31983H206.322V28.2798H202.994Z" }),
-      /* @__PURE__ */ jsx56("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__ */ jsx56("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__ */ jsx56("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__ */ jsx56("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__ */ jsx56("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__ */ jsx56("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__ */ jsx56("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__ */ jsx56("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__ */ jsx56("path", { d: "M60.452 28.2798V2.99983H63.716V28.2798H60.452Z" }),
-      /* @__PURE__ */ jsx56("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__ */ jsx57("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__ */ jsx57("path", { d: "M202.994 28.2798V3.31983H206.322V28.2798H202.994Z" }),
+      /* @__PURE__ */ jsx57("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__ */ jsx57("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__ */ jsx57("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__ */ jsx57("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__ */ jsx57("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__ */ jsx57("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__ */ jsx57("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__ */ jsx57("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__ */ jsx57("path", { d: "M60.452 28.2798V2.99983H63.716V28.2798H60.452Z" }),
+      /* @__PURE__ */ jsx57("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__ */ jsx56("defs", { children: /* @__PURE__ */ jsxs36("linearGradient", { id: gradientId, x1: "47.4999", y1: "35", x2: "51.8397", y2: "-28.0595", gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ jsx56("stop", { offset: "0.135528", stopColor: "rgba(91, 33, 182, 1)" /* Purple800 */ }),
-      /* @__PURE__ */ jsx56("stop", { offset: "0.705975", stopColor: "rgba(37, 99, 235, 1)" /* Blue600 */ })
+    /* @__PURE__ */ jsx57("defs", { children: /* @__PURE__ */ jsxs36("linearGradient", { id: gradientId, x1: "47.4999", y1: "35", x2: "51.8397", y2: "-28.0595", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx57("stop", { offset: "0.135528", stopColor: "rgba(91, 33, 182, 1)" /* Purple800 */ }),
+      /* @__PURE__ */ jsx57("stop", { offset: "0.705975", stopColor: "rgba(37, 99, 235, 1)" /* Blue600 */ })
     ] }) })
   ] });
 }
 
 // src/components/AiPanel.tsx
 import { trussProps as trussProps38 } from "@homebound/truss/runtime";
-import { jsx as jsx57, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
 function AiPanel(props) {
   const {
     rounded = false,
@@ -14643,7 +14675,7 @@ function AiPanel(props) {
     ...others
   } = props;
   const tid = useTestIds(others, "aiPanel");
-  return /* @__PURE__ */ jsx57("div", { ...trussProps38({
+  return /* @__PURE__ */ jsx58("div", { ...trussProps38({
     ...{
       width: "w100",
       backgroundImage: "aiBackground",
@@ -14681,8 +14713,8 @@ function AiCard(props) {
     },
     ...gapCss
   }), ...tid.column, children: [
-    /* @__PURE__ */ jsx57(BlueprintAiLogo, { height: logoHeight }),
-    /* @__PURE__ */ jsx57("div", { ...trussProps38({
+    /* @__PURE__ */ jsx58(BlueprintAiLogo, { height: logoHeight }),
+    /* @__PURE__ */ jsx58("div", { ...trussProps38({
       display: "df",
       flexDirection: "fdc",
       width: "w100",
@@ -14726,7 +14758,7 @@ var aiCardChrome = {
 
 // src/components/AiBanner.tsx
 import { trussProps as trussProps39 } from "@homebound/truss/runtime";
-import { jsx as jsx58, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs38 } from "react/jsx-runtime";
 function AiBanner(props) {
   const {
     title,
@@ -14735,10 +14767,10 @@ function AiBanner(props) {
     secondaryAction
   } = props;
   const tid = useTestIds(props, "aiBanner");
-  return /* @__PURE__ */ jsx58(AiPanel, { padding: "sm", ...tid, children: /* @__PURE__ */ jsx58(AiCard, { size: "sm", ...tid, children: /* @__PURE__ */ jsxs38("div", { className: "df aic jcsb g_2 w100 fww pt_12px pb2 pl2 pr2", children: [
+  return /* @__PURE__ */ jsx59(AiPanel, { padding: "sm", ...tid, children: /* @__PURE__ */ jsx59(AiCard, { size: "sm", ...tid, children: /* @__PURE__ */ jsxs38("div", { className: "df aic jcsb g_2 w100 fww pt_12px pb2 pl2 pr2", children: [
     /* @__PURE__ */ jsxs38("div", { className: "df fdc g_4px fg1 fb_0 mw_240px", children: [
-      /* @__PURE__ */ jsx58("span", { className: "fw6 fz_14px lh_20px purple700 aiBoldBg bgcl_text WebkitBackgroundClip_text wktfc_transparent", ...tid.title, children: title }),
-      message && /* @__PURE__ */ jsx58("span", { ...trussProps39({
+      /* @__PURE__ */ jsx59("span", { className: "fw6 fz_14px lh_20px purple700 aiBoldBg bgcl_text WebkitBackgroundClip_text wktfc_transparent", ...tid.title, children: title }),
+      message && /* @__PURE__ */ jsx59("span", { ...trussProps39({
         fontWeight: "fw4",
         fontSize: "fz_12px",
         lineHeight: "lh_16px",
@@ -14748,15 +14780,15 @@ function AiBanner(props) {
       }), ...tid.message, children: message })
     ] }),
     (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs38("div", { className: "df aic g_2 fs0", children: [
-      secondaryAction && /* @__PURE__ */ jsx58(Button, { ...secondaryAction, variant: "quaternary" }),
-      primaryAction && /* @__PURE__ */ jsx58(Button, { ...primaryAction, variant: "ai" })
+      secondaryAction && /* @__PURE__ */ jsx59(Button, { ...secondaryAction, variant: "quaternary" }),
+      primaryAction && /* @__PURE__ */ jsx59(Button, { ...primaryAction, variant: "ai" })
     ] })
   ] }) }) });
 }
 
 // src/components/LinkCard.tsx
 import { trussProps as trussProps40 } from "@homebound/truss/runtime";
-import { jsx as jsx59, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs39 } from "react/jsx-runtime";
 function LinkCard(props) {
   const {
     title,
@@ -14788,7 +14820,7 @@ function LinkCard(props) {
       ...tid,
       children: [
         /* @__PURE__ */ jsxs39("div", { className: "df fdc g_4px fg1 mw0 wbbw", children: [
-          /* @__PURE__ */ jsx59("span", { ...trussProps40({
+          /* @__PURE__ */ jsx60("span", { ...trussProps40({
             fontWeight: "fw6",
             fontSize: "fz_14px",
             lineHeight: "lh_20px",
@@ -14796,7 +14828,7 @@ function LinkCard(props) {
               "--color": "var(--b-on-surface)"
             }]
           }), ...tid.title, children: title }),
-          message && /* @__PURE__ */ jsx59("span", { ...trussProps40({
+          message && /* @__PURE__ */ jsx60("span", { ...trussProps40({
             fontWeight: "fw4",
             fontSize: "fz_12px",
             lineHeight: "lh_16px",
@@ -14805,29 +14837,29 @@ function LinkCard(props) {
             }]
           }), ...tid.message, children: message })
         ] }),
-        /* @__PURE__ */ jsx59("div", { className: "df aic fs0 h5", children: /* @__PURE__ */ jsx59(IconButton, { icon: "arrowRight", color: "--b-text-link-default" /* TextLinkDefault */, ...action, label: title, preventTooltip: true, ...tid.action }) })
+        /* @__PURE__ */ jsx60("div", { className: "df aic fs0 h5", children: /* @__PURE__ */ jsx60(IconButton, { icon: "arrowRight", color: "--b-text-link-default" /* TextLinkDefault */, ...action, label: title, preventTooltip: true, ...tid.action }) })
       ]
     }
   );
 }
 
 // src/components/AiLinkCardGroup.tsx
-import { jsx as jsx60, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs40 } from "react/jsx-runtime";
 function AiLinkCardGroup(props) {
   const {
     cards
   } = props;
   const tid = useTestIds(props, "aiLinkCardGroup");
   if (cards.length === 0) return null;
-  return /* @__PURE__ */ jsx60(AiPanel, { padding: "lg", ...tid, children: /* @__PURE__ */ jsxs40("div", { className: "df fdc aifs g_2 w100", children: [
-    /* @__PURE__ */ jsx60(BlueprintAiLogo, { height: 3 }),
-    cards.map((card) => /* @__PURE__ */ jsx60(LinkCard, { ...card }, card.title))
+  return /* @__PURE__ */ jsx61(AiPanel, { padding: "lg", ...tid, children: /* @__PURE__ */ jsxs40("div", { className: "df fdc aifs g_2 w100", children: [
+    /* @__PURE__ */ jsx61(BlueprintAiLogo, { height: 3 }),
+    cards.map((card) => /* @__PURE__ */ jsx61(LinkCard, { ...card }, card.title))
   ] }) });
 }
 
 // src/components/AiLoader.tsx
 import { trussProps as trussProps41, maybeCssVar as maybeCssVar25 } from "@homebound/truss/runtime";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 function AiLoader(props) {
   const {
     inc = 3,
@@ -14836,7 +14868,7 @@ function AiLoader(props) {
   } = props;
   const tid = useTestIds(props, "aiLoader");
   const gap = increment(inc) / 6;
-  return /* @__PURE__ */ jsx61("div", { role: "img", "aria-label": label, ...trussProps41({
+  return /* @__PURE__ */ jsx62("div", { role: "img", "aria-label": label, ...trussProps41({
     ...{
       display: "df",
       alignItems: "aic",
@@ -14853,7 +14885,7 @@ function AiLoader(props) {
       }]
     },
     ...xss
-  }), ...tid, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx61("span", { ...trussProps41(starStyles(i, inc)), ...tid[`star${i + 1}`], children: /* @__PURE__ */ jsx61(Icon, { icon: "aiStar", inc: inc * 1.4, xss: {
+  }), ...tid, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx62("span", { ...trussProps41(starStyles(i, inc)), ...tid[`star${i + 1}`], children: /* @__PURE__ */ jsx62(Icon, { icon: "aiStar", inc: inc * 1.4, xss: {
     flexShrink: "fs0"
   } }) }, i)) });
 }
@@ -14878,7 +14910,7 @@ function starStyles(index, inc) {
 
 // src/components/AiLoadingPanel.tsx
 import { trussProps as trussProps42 } from "@homebound/truss/runtime";
-import { jsx as jsx62, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs41 } from "react/jsx-runtime";
 function AiLoadingPanel(props) {
   const {
     title = "Importing Details...",
@@ -14890,10 +14922,10 @@ function AiLoadingPanel(props) {
   const card = (
     // `status` rather than `alert` so assistive tech waits for a pause instead of interrupting, and
     // `aria-busy` so it knows the surrounding content is still settling.
-    /* @__PURE__ */ jsx62(AiCard, { role: "status", "aria-busy": true, size: "lg", ...tid, children: /* @__PURE__ */ jsxs41("div", { className: "df fdc aic g_1 w100 pt2 pb2 pl3 pr3", children: [
-      /* @__PURE__ */ jsx62(AiLoader, {}),
-      /* @__PURE__ */ jsx62("span", { className: "fw6 fz_18px lh_28px purple700 aiBoldBg bgcl_text WebkitBackgroundClip_text wktfc_transparent", ...tid.title, children: title }),
-      /* @__PURE__ */ jsx62("span", { ...trussProps42({
+    /* @__PURE__ */ jsx63(AiCard, { role: "status", "aria-busy": true, size: "lg", ...tid, children: /* @__PURE__ */ jsxs41("div", { className: "df fdc aic g_1 w100 pt2 pb2 pl3 pr3", children: [
+      /* @__PURE__ */ jsx63(AiLoader, {}),
+      /* @__PURE__ */ jsx63("span", { className: "fw6 fz_18px lh_28px purple700 aiBoldBg bgcl_text WebkitBackgroundClip_text wktfc_transparent", ...tid.title, children: title }),
+      /* @__PURE__ */ jsx63("span", { ...trussProps42({
         fontWeight: "fw4",
         fontSize: "fz_14px",
         lineHeight: "lh_20px",
@@ -14919,16 +14951,16 @@ function AiLoadingPanel(props) {
         fontSize: "fz_12px",
         lineHeight: "lh_16px"
       }), children: [
-        /* @__PURE__ */ jsx62(Icon, { icon: "time", inc: 2 }),
-        /* @__PURE__ */ jsx62("span", { ...tid.progressText, children: progressText })
+        /* @__PURE__ */ jsx63(Icon, { icon: "time", inc: 2 }),
+        /* @__PURE__ */ jsx63("span", { ...tid.progressText, children: progressText })
       ] })
     ] }) })
   );
-  return omitBg ? card : /* @__PURE__ */ jsx62(AiPanel, { padding: "lg", ...tid, children: card });
+  return omitBg ? card : /* @__PURE__ */ jsx63(AiPanel, { padding: "lg", ...tid, children: card });
 }
 
 // src/components/AiSlimBanner.tsx
-import { jsx as jsx63, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs42 } from "react/jsx-runtime";
 function AiSlimBanner(props) {
   const {
     title,
@@ -14936,12 +14968,12 @@ function AiSlimBanner(props) {
   } = props;
   const tid = useTestIds(props, "aiSlimBanner");
   return /* @__PURE__ */ jsxs42("div", { className: "df ais g_2 w100 pl2 pr2 fw4 fz_12px lh_16px aiBackground", ...tid, children: [
-    /* @__PURE__ */ jsx63("span", { className: "df aic jcc fs0 pt1 pb1 w_12px h_32px", children: /* @__PURE__ */ jsx63(Icon, { icon: "aiStar", inc: 2.125, xss: {
+    /* @__PURE__ */ jsx64("span", { className: "df aic jcc fs0 pt1 pb1 w_12px h_32px", children: /* @__PURE__ */ jsx64(Icon, { icon: "aiStar", inc: 2.125, xss: {
       flexShrink: "fs0"
     } }) }),
     /* @__PURE__ */ jsxs42("div", { className: "df aic jcsb g_2 fg1 mw0", children: [
-      /* @__PURE__ */ jsx63("span", { className: "fw6 fz_12px lh_16px purple700 aiBoldBg bgcl_text WebkitBackgroundClip_text wktfc_transparent pt1 pb1 mw0", ...tid.title, children: title }),
-      action && /* @__PURE__ */ jsx63("div", { className: "fs0", children: /* @__PURE__ */ jsx63(Button, { ...action, variant: "text" }) })
+      /* @__PURE__ */ jsx64("span", { className: "fw6 fz_12px lh_16px purple700 aiBoldBg bgcl_text WebkitBackgroundClip_text wktfc_transparent pt1 pb1 mw0", ...tid.title, children: title }),
+      action && /* @__PURE__ */ jsx64("div", { className: "fs0", children: /* @__PURE__ */ jsx64(Button, { ...action, variant: "text" }) })
     ] })
   ] });
 }
@@ -14951,7 +14983,7 @@ import { useEffect as useEffect12 } from "react";
 
 // src/components/AutoSaveStatus/AutoSaveStatusProvider.tsx
 import React10, { useCallback as useCallback13, useEffect as useEffect11, useMemo as useMemo16, useRef as useRef22, useState as useState20 } from "react";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 var AutoSaveStatus = /* @__PURE__ */ ((AutoSaveStatus2) => {
   AutoSaveStatus2["IDLE"] = "idle";
   AutoSaveStatus2["SAVING"] = "saving";
@@ -15005,13 +15037,13 @@ function AutoSaveStatusProvider({ children, resetToIdleTimeout = 6e3 }) {
     () => ({ status, resetStatus, errors, triggerAutoSave, resolveAutoSave }),
     [errors, resetStatus, resolveAutoSave, status, triggerAutoSave]
   );
-  return /* @__PURE__ */ jsx64(AutoSaveStatusContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx65(AutoSaveStatusContext.Provider, { value, children });
 }
 
 // src/components/AutoSaveStatus/useAutoSaveStatus.ts
-import { useContext as useContext14 } from "react";
+import { useContext as useContext15 } from "react";
 function useAutoSaveStatus() {
-  return useContext14(AutoSaveStatusContext);
+  return useContext15(AutoSaveStatusContext);
 }
 
 // src/types.ts
@@ -15021,7 +15053,7 @@ function assertNever(x) {
 
 // src/components/AutoSaveIndicator.tsx
 import { trussProps as trussProps43 } from "@homebound/truss/runtime";
-import { jsx as jsx65, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs43 } from "react/jsx-runtime";
 function AutoSaveIndicator({
   hideOnIdle,
   doNotReset
@@ -15042,11 +15074,11 @@ function AutoSaveIndicator({
   );
   switch (status) {
     case "idle" /* IDLE */:
-      return hideOnIdle ? null : /* @__PURE__ */ jsx65(Indicator, { icon: "cloudSave" });
+      return hideOnIdle ? null : /* @__PURE__ */ jsx66(Indicator, { icon: "cloudSave" });
     case "saving" /* SAVING */:
-      return /* @__PURE__ */ jsx65(Indicator, { icon: "refresh", text: "Saving..." });
+      return /* @__PURE__ */ jsx66(Indicator, { icon: "refresh", text: "Saving..." });
     case "done" /* DONE */:
-      return /* @__PURE__ */ jsx65(Indicator, { icon: "cloudSave", text: "Saved" });
+      return /* @__PURE__ */ jsx66(Indicator, { icon: "cloudSave", text: "Saved" });
     case "error" /* ERROR */:
       return (
         /**
@@ -15054,7 +15086,7 @@ function AutoSaveIndicator({
          * rendering it far away from the Icon/Text. Wrap it with a div to constrain
          * it.
          */
-        /* @__PURE__ */ jsx65("div", { className: "dif", children: /* @__PURE__ */ jsx65(Tooltip, { title: String(errors), placement: "bottom", children: /* @__PURE__ */ jsx65(Indicator, { icon: "error", color: "--b-danger" /* Danger */, text: "Error saving" }) }) })
+        /* @__PURE__ */ jsx66("div", { className: "dif", children: /* @__PURE__ */ jsx66(Tooltip, { title: String(errors), placement: "bottom", children: /* @__PURE__ */ jsx66(Indicator, { icon: "error", color: "--b-danger" /* Danger */, text: "Error saving" }) }) })
       );
     default:
       assertNever(status);
@@ -15076,7 +15108,7 @@ function Indicator({
     fontSize: "fz_14px",
     lineHeight: "lh_20px"
   }), children: [
-    /* @__PURE__ */ jsx65(Icon, { icon, color }),
+    /* @__PURE__ */ jsx66(Icon, { icon, color }),
     text
   ] });
 }
@@ -15088,7 +15120,7 @@ import { useMenuTriggerState as useMenuTriggerState2 } from "react-stately";
 
 // src/components/internal/ContextualModal.tsx
 import { FocusScope as FocusScope2 } from "react-aria";
-import { jsx as jsx66, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs44 } from "react/jsx-runtime";
 function ContextualModal(props) {
   const {
     content: content2,
@@ -15096,14 +15128,14 @@ function ContextualModal(props) {
     close
   } = props;
   const tid = useTestIds(props, "popup");
-  return /* @__PURE__ */ jsx66(FocusScope2, { restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ jsxs44("div", { className: "pt3 pb3 pr3 pl3 df fdc g_3 bgWhite bshModal br4 maxh_inherit oa", ...tid, children: [
-    title && /* @__PURE__ */ jsx66("div", { className: "fw6 fz_18px lh_28px tac", ...tid.title, children: title }),
-    /* @__PURE__ */ jsx66("div", { ...tid.content, children: typeof content2 === "function" ? content2(close) : content2 })
+  return /* @__PURE__ */ jsx67(FocusScope2, { restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ jsxs44("div", { className: "pt3 pb3 pr3 pl3 df fdc g_3 bgWhite bshModal br4 maxh_inherit oa", ...tid, children: [
+    title && /* @__PURE__ */ jsx67("div", { className: "fw6 fz_18px lh_28px tac", ...tid.title, children: title }),
+    /* @__PURE__ */ jsx67("div", { ...tid.content, children: typeof content2 === "function" ? content2(close) : content2 })
   ] }) });
 }
 
 // src/components/ButtonModal.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 function ButtonModal(props) {
   const { storybookDefaultOpen, trigger, disabled, content: content2, title } = props;
   const state = useMenuTriggerState2({ isOpen: storybookDefaultOpen });
@@ -15113,12 +15145,12 @@ function ButtonModal(props) {
     props,
     isTextButton(trigger) ? labelOr(trigger, "buttonModal") : isNavLinkButton(trigger) ? defaultTestId(trigger.navLabel) : isIconButton(trigger) ? trigger.icon : trigger.name
   );
-  return /* @__PURE__ */ jsx67(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */ jsx67(ContextualModal, { content: content2, title, close: state.close }) });
+  return /* @__PURE__ */ jsx68(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */ jsx68(ContextualModal, { content: content2, title, close: state.close }) });
 }
 
 // src/components/Avatar/AvatarGroup.tsx
 import { trussProps as trussProps44 } from "@homebound/truss/runtime";
-import { jsx as jsx68, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs45 } from "react/jsx-runtime";
 function AvatarGroup(props) {
   const {
     avatars,
@@ -15128,7 +15160,7 @@ function AvatarGroup(props) {
   const visibleAvatars = avatars.slice(0, maxVisibleAvatars);
   const menuAvatars = avatars.slice(maxVisibleAvatars);
   return /* @__PURE__ */ jsxs45("div", { className: "df aic g_1 fw6 fz_12px lh_16px", children: [
-    /* @__PURE__ */ jsx68("div", { className: "df aic", children: visibleAvatars.map((avatar, idx) => /* @__PURE__ */ jsx68("div", { ...trussProps44({
+    /* @__PURE__ */ jsx69("div", { className: "df aic", children: visibleAvatars.map((avatar, idx) => /* @__PURE__ */ jsx69("div", { ...trussProps44({
       borderRadius: "br100",
       borderStyle: "bss",
       borderWidth: "bw_3px",
@@ -15138,11 +15170,11 @@ function AvatarGroup(props) {
           "--marginLeft": `${-1 * sizeToOverlap[size]}px`
         }]
       } : {}
-    }), children: /* @__PURE__ */ jsx68(Avatar, { src: avatar.src, name: avatar.name, size }) }, avatar.src ?? idx)) }),
-    menuAvatars.length > 0 && /* @__PURE__ */ jsx68(ButtonModal, { trigger: {
+    }), children: /* @__PURE__ */ jsx69(Avatar, { src: avatar.src, name: avatar.name, size }) }, avatar.src ?? idx)) }),
+    menuAvatars.length > 0 && /* @__PURE__ */ jsx69(ButtonModal, { trigger: {
       label: `+ ${menuAvatars.length} more`,
       variant: "text"
-    }, hideEndAdornment: true, content: /* @__PURE__ */ jsx68("div", { className: "df fdc g_1 mt_neg12px mb_neg12px mr_neg12px ml_neg12px", children: menuAvatars.map((a, idx) => /* @__PURE__ */ jsx68(Avatar, { src: a.src, name: a.name, showName: true, size: "md" }, a.src ?? idx)) }) })
+    }, hideEndAdornment: true, content: /* @__PURE__ */ jsx69("div", { className: "df fdc g_1 mt_neg12px mb_neg12px mr_neg12px ml_neg12px", children: menuAvatars.map((a, idx) => /* @__PURE__ */ jsx69(Avatar, { src: a.src, name: a.name, showName: true, size: "md" }, a.src ?? idx)) }) })
   ] });
 }
 var sizeToOverlap = {
@@ -15154,7 +15186,7 @@ var sizeToOverlap = {
 
 // src/components/Banner.tsx
 import { trussProps as trussProps45 } from "@homebound/truss/runtime";
-import { jsx as jsx69, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs46 } from "react/jsx-runtime";
 function Banner(props) {
   const {
     type,
@@ -15182,9 +15214,9 @@ function Banner(props) {
       boxShadow: "bshBasic"
     }
   }), ...tid, role: "alert", children: [
-    showIcon && /* @__PURE__ */ jsx69("span", { className: "fs0", children: /* @__PURE__ */ jsx69(Icon, { icon: typeToIcon[type], ...tid.type, color: "rgba(36, 36, 36, 1)" /* Gray900 */ }) }),
-    /* @__PURE__ */ jsx69("span", { className: "fg1", ...tid.message, children: message }),
-    onClose && /* @__PURE__ */ jsx69("span", { className: "lh_0", children: /* @__PURE__ */ jsx69(IconButton, { icon: "x", onClick: onClose, ...tid.close, color: "rgba(36, 36, 36, 1)" /* Gray900 */ }) })
+    showIcon && /* @__PURE__ */ jsx70("span", { className: "fs0", children: /* @__PURE__ */ jsx70(Icon, { icon: typeToIcon[type], ...tid.type, color: "rgba(36, 36, 36, 1)" /* Gray900 */ }) }),
+    /* @__PURE__ */ jsx70("span", { className: "fg1", ...tid.message, children: message }),
+    onClose && /* @__PURE__ */ jsx70("span", { className: "lh_0", children: /* @__PURE__ */ jsx70(IconButton, { icon: "x", onClick: onClose, ...tid.close, color: "rgba(36, 36, 36, 1)" /* Gray900 */ }) })
   ] });
 }
 var typeToIcon = {
@@ -15248,7 +15280,7 @@ function matchMediaBreakpoints() {
 }
 
 // src/components/Breadcrumbs.tsx
-import { Fragment as Fragment21, jsx as jsx70, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx71, jsxs as jsxs47 } from "react/jsx-runtime";
 function Breadcrumbs({
   breadcrumbs
 }) {
@@ -15264,8 +15296,8 @@ function Breadcrumbs({
     return (
       // Index is added to the key to prevent rendering issues when multiple items have the same label
       /* @__PURE__ */ jsxs47(Fragment20, { children: [
-        index > 0 && /* @__PURE__ */ jsx70("span", { className: "fs0 fw4 fz_12px lh_16px", children: "/" }),
-        /* @__PURE__ */ jsx70(Link5, { ...tid.link, to: bc.href, title: bc.label, ...trussProps46({
+        index > 0 && /* @__PURE__ */ jsx71("span", { className: "fs0 fw4 fz_12px lh_16px", children: "/" }),
+        /* @__PURE__ */ jsx71(Link5, { ...tid.link, to: bc.href, title: bc.label, ...trussProps46({
           ...{
             fontWeight: "fw4",
             fontSize: "fz_12px",
@@ -15284,10 +15316,10 @@ function Breadcrumbs({
       ] }, `${bc.label}-${index}`)
     );
   }
-  return /* @__PURE__ */ jsx70("div", { className: "df aic g_4px", children: shouldCollapse ? /* @__PURE__ */ jsxs47(Fragment21, { children: [
+  return /* @__PURE__ */ jsx71("div", { className: "df aic g_4px", children: shouldCollapse ? /* @__PURE__ */ jsxs47(Fragment21, { children: [
     items.slice(0, leadCount).map((bc, i) => renderBreadcrumb(bc, i)),
-    /* @__PURE__ */ jsx70("span", { className: "fs0 fw4 fz_12px lh_16px", children: "/" }),
-    /* @__PURE__ */ jsx70("button", { ...tid.expand, className: "fw4 fz_12px lh_16px gray900 h_gray600", onClick: () => setCollapsed(false), children: "..." }),
+    /* @__PURE__ */ jsx71("span", { className: "fs0 fw4 fz_12px lh_16px", children: "/" }),
+    /* @__PURE__ */ jsx71("button", { ...tid.expand, className: "fw4 fz_12px lh_16px gray900 h_gray600", onClick: () => setCollapsed(false), children: "..." }),
     renderBreadcrumb(items[items.length - 1], items.length - 1, true)
   ] }) : items.map((bc, i) => renderBreadcrumb(bc, i, i === items.length - 1)) });
 }
@@ -15405,7 +15437,7 @@ function dateMatchersToDayPickerMatchers(matchers) {
 import { useRef as useRef24 } from "react";
 import { useDayRender } from "react-day-picker";
 import { trussProps as trussProps47, mergeProps as mergeProps15 } from "@homebound/truss/runtime";
-import { Fragment as Fragment22, jsx as jsx71, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx72, jsxs as jsxs48 } from "react/jsx-runtime";
 function Day(props) {
   const tid = useTestIds(props, "datePickerDay");
   const buttonRef = useRef24(null);
@@ -15417,10 +15449,10 @@ function Day(props) {
     divProps
   } = useDayRender(props.date, props.displayMonth, buttonRef);
   if (isHidden) {
-    return /* @__PURE__ */ jsx71(Fragment22, {});
+    return /* @__PURE__ */ jsx72(Fragment22, {});
   }
   if (!isButton) {
-    return /* @__PURE__ */ jsx71("div", { ...divProps });
+    return /* @__PURE__ */ jsx72("div", { ...divProps });
   }
   const {
     className,
@@ -15484,8 +15516,8 @@ function Day(props) {
         }]
       }
     }), children: [
-      /* @__PURE__ */ jsx71("div", { className: "mt_neg2px", children }),
-      indicatorDot && /* @__PURE__ */ jsx71(
+      /* @__PURE__ */ jsx72("div", { className: "mt_neg2px", children }),
+      indicatorDot && /* @__PURE__ */ jsx72(
         "div",
         {
           ...trussProps47({
@@ -15507,21 +15539,21 @@ function Day(props) {
         }
       )
     ] }),
-    showRangeStyles && range_start && /* @__PURE__ */ jsx71("span", { ...trussProps47({
+    showRangeStyles && range_start && /* @__PURE__ */ jsx72("span", { ...trussProps47({
       ...rangeBaseStyles,
       ...{
         right: "r_neg2px",
         width: "w_8px"
       }
     }) }),
-    showRangeStyles && range_end && /* @__PURE__ */ jsx71("span", { ...trussProps47({
+    showRangeStyles && range_end && /* @__PURE__ */ jsx72("span", { ...trussProps47({
       ...rangeBaseStyles,
       ...{
         width: "w_8px",
         left: "l_neg2px"
       }
     }) }),
-    showRangeStyles && range_middle && /* @__PURE__ */ jsx71("span", { ...trussProps47({
+    showRangeStyles && range_middle && /* @__PURE__ */ jsx72("span", { ...trussProps47({
       ...rangeBaseStyles,
       ...{
         left: "l_neg2px"
@@ -15543,7 +15575,7 @@ var rangeBaseStyles = {
 import { addMonths, addYears } from "date-fns";
 import { useNavigation } from "react-day-picker";
 import { trussProps as trussProps48 } from "@homebound/truss/runtime";
-import { jsx as jsx72, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs49 } from "react/jsx-runtime";
 function Header(props) {
   const {
     displayMonth
@@ -15553,10 +15585,10 @@ function Header(props) {
     goToMonth
   } = useNavigation();
   return /* @__PURE__ */ jsxs49("div", { className: "df jcsb aic ml_12px mr_2px h_32px", children: [
-    /* @__PURE__ */ jsx72("h1", { className: "fw4 fz_16px lh_24px", children: formatPlainDate(displayMonthDate, "monthYear") }),
+    /* @__PURE__ */ jsx73("h1", { className: "fw4 fz_16px lh_24px", children: formatPlainDate(displayMonthDate, "monthYear") }),
     /* @__PURE__ */ jsxs49("div", { children: [
-      /* @__PURE__ */ jsx72(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronLeft", onClick: () => goToMonth(addMonths(displayMonth, -1)) }),
-      /* @__PURE__ */ jsx72(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronRight", onClick: () => goToMonth(addMonths(displayMonth, 1)) })
+      /* @__PURE__ */ jsx73(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronLeft", onClick: () => goToMonth(addMonths(displayMonth, -1)) }),
+      /* @__PURE__ */ jsx73(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronRight", onClick: () => goToMonth(addMonths(displayMonth, 1)) })
     ] })
   ] });
 }
@@ -15570,8 +15602,8 @@ function YearSkipHeader(props) {
   } = useNavigation();
   return /* @__PURE__ */ jsxs49("div", { className: "df jcsb aic ml_12px mr_12px h_32px", children: [
     /* @__PURE__ */ jsxs49("div", { className: "df fdr jcsb", children: [
-      /* @__PURE__ */ jsx72(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronLeft", onClick: () => goToMonth(addMonths(displayMonth, -1)) }),
-      /* @__PURE__ */ jsx72("h1", { ...trussProps48({
+      /* @__PURE__ */ jsx73(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronLeft", onClick: () => goToMonth(addMonths(displayMonth, -1)) }),
+      /* @__PURE__ */ jsx73("h1", { ...trussProps48({
         fontWeight: "fw4",
         fontSize: "fz_16px",
         lineHeight: "lh_24px",
@@ -15579,11 +15611,11 @@ function YearSkipHeader(props) {
           "--color": "var(--b-on-surface)"
         }]
       }), children: formatPlainDate(displayMonthDate, "shortMonth") }),
-      /* @__PURE__ */ jsx72(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronRight", onClick: () => goToMonth(addMonths(displayMonth, 1)) })
+      /* @__PURE__ */ jsx73(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronRight", onClick: () => goToMonth(addMonths(displayMonth, 1)) })
     ] }),
     /* @__PURE__ */ jsxs49("div", { className: "df fdr jcsb", children: [
-      /* @__PURE__ */ jsx72(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronLeft", onClick: () => goToMonth(addYears(displayMonth, -1)) }),
-      /* @__PURE__ */ jsx72("h1", { ...trussProps48({
+      /* @__PURE__ */ jsx73(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronLeft", onClick: () => goToMonth(addYears(displayMonth, -1)) }),
+      /* @__PURE__ */ jsx73("h1", { ...trussProps48({
         fontWeight: "fw4",
         fontSize: "fz_16px",
         lineHeight: "lh_24px",
@@ -15591,14 +15623,14 @@ function YearSkipHeader(props) {
           "--color": "var(--b-on-surface)"
         }]
       }), children: formatPlainDate(displayMonthDate, "year") }),
-      /* @__PURE__ */ jsx72(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronRight", onClick: () => goToMonth(addYears(displayMonth, 1)) })
+      /* @__PURE__ */ jsx73(IconButton, { color: "--b-on-surface-muted" /* OnSurfaceMuted */, icon: "chevronRight", onClick: () => goToMonth(addYears(displayMonth, 1)) })
     ] })
   ] });
 }
 
 // src/components/internal/DatePicker/WeekHeader.tsx
 import { trussProps as trussProps49 } from "@homebound/truss/runtime";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 function WeekHeader() {
   const today = todayPlainDate();
@@ -15611,7 +15643,7 @@ function WeekHeader() {
       days: i
     }));
   }
-  return /* @__PURE__ */ jsx73("thead", { className: "rdp-head", children: /* @__PURE__ */ jsx73("tr", { className: "rdp-head_row", children: days.map((day) => /* @__PURE__ */ createElement2("th", { scope: "col", ...trussProps49({
+  return /* @__PURE__ */ jsx74("thead", { className: "rdp-head", children: /* @__PURE__ */ jsx74("tr", { className: "rdp-head_row", children: days.map((day) => /* @__PURE__ */ createElement2("th", { scope: "col", ...trussProps49({
     paddingTop: "pt1",
     paddingBottom: "pb_12px",
     paddingRight: "pr1",
@@ -15622,12 +15654,12 @@ function WeekHeader() {
     color: ["color_var", {
       "--color": "var(--b-on-surface-muted)"
     }]
-  }), key: formatPlainDate(day, "weekday") }, /* @__PURE__ */ jsx73("span", { "aria-hidden": "true", children: formatPlainDate(day, "weekdayInitial") }), /* @__PURE__ */ jsx73("span", { className: "rdp-vhidden", children: formatPlainDate(day, "weekday") }))) }) });
+  }), key: formatPlainDate(day, "weekday") }, /* @__PURE__ */ jsx74("span", { "aria-hidden": "true", children: formatPlainDate(day, "weekdayInitial") }), /* @__PURE__ */ jsx74("span", { className: "rdp-vhidden", children: formatPlainDate(day, "weekday") }))) }) });
 }
 
 // src/components/internal/DatePicker/DatePicker.tsx
 import { trussProps as trussProps50 } from "@homebound/truss/runtime";
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 function DatePicker(props) {
   const {
     value,
@@ -15637,7 +15669,7 @@ function DatePicker(props) {
     useYearPicker
   } = props;
   const tid = useTestIds(props, "datePicker");
-  return /* @__PURE__ */ jsx74("div", { ...trussProps50({
+  return /* @__PURE__ */ jsx75("div", { ...trussProps50({
     display: "dib",
     backgroundColor: ["bgColor_var", {
       "--backgroundColor": "var(--b-surface-raised)"
@@ -15645,7 +15677,7 @@ function DatePicker(props) {
     fontWeight: "fw4",
     fontSize: "fz_12px",
     lineHeight: "lh_16px"
-  }), ...tid, children: /* @__PURE__ */ jsx74(
+  }), ...tid, children: /* @__PURE__ */ jsx75(
     DayPicker,
     {
       components: {
@@ -15668,16 +15700,16 @@ function DatePicker(props) {
 }
 
 // src/components/internal/DatePicker/DatePickerOverlay.tsx
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 function DatePickerOverlay({
   overlayProps,
   children
 }) {
-  return /* @__PURE__ */ jsx75("div", { className: "br4 bshModal", ...overlayProps, children });
+  return /* @__PURE__ */ jsx76("div", { className: "br4 bshModal", ...overlayProps, children });
 }
 
 // src/components/ButtonDatePicker.tsx
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 function ButtonDatePicker(props) {
   const { defaultOpen, disabled, trigger, onSelect, ...datePickerProps } = props;
   const state = useMenuTriggerState3({ isOpen: defaultOpen });
@@ -15690,7 +15722,7 @@ function ButtonDatePicker(props) {
     props,
     isTextButton(trigger) ? defaultTestId(labelOr(trigger, "buttonDatePicker")) : isNavLinkButton(trigger) ? defaultTestId(trigger.navLabel) : isIconButton(trigger) ? trigger.icon : trigger.name
   );
-  return /* @__PURE__ */ jsx76(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */ jsx76(DatePickerOverlay, { overlayProps: menuProps, children: /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(OverlayTrigger, { ...props, menuTriggerProps, state, buttonRef, ...tid, children: /* @__PURE__ */ jsx77(DatePickerOverlay, { overlayProps: menuProps, children: /* @__PURE__ */ jsx77(
     DatePicker,
     {
       ...datePickerProps,
@@ -15707,7 +15739,7 @@ function ButtonDatePicker(props) {
 import { useRef as useRef26 } from "react";
 import { useButton as useButton5, useFocusRing as useFocusRing8, useHover as useHover9 } from "react-aria";
 import { trussProps as trussProps51 } from "@homebound/truss/runtime";
-import { jsx as jsx77, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs50 } from "react/jsx-runtime";
 function ButtonGroup(props) {
   const {
     buttons,
@@ -15717,7 +15749,7 @@ function ButtonGroup(props) {
   const tid = useTestIds(props, "buttonGroup");
   return (
     // Adding `line-height: 0` prevent inheriting line-heights that might throw off sizing within the button group.
-    /* @__PURE__ */ jsx77("div", { ...tid, ...trussProps51({
+    /* @__PURE__ */ jsx78("div", { ...tid, ...trussProps51({
       ...{
         display: "df",
         lineHeight: "lh_0"
@@ -15728,7 +15760,7 @@ function ButtonGroup(props) {
       ...buttonProps
     }, i) => (
       // Disable the button if the ButtonGroup is disabled or if the current button is disabled.
-      /* @__PURE__ */ jsx77(GroupButton, { ...buttonProps, disabled: disabled || buttonDisabled, size, isFirst: i === 0, isLast: i === buttons.length - 1, ...tid }, i)
+      /* @__PURE__ */ jsx78(GroupButton, { ...buttonProps, disabled: disabled || buttonDisabled, size, isFirst: i === 0, isLast: i === buttons.length - 1, ...tid }, i)
     )) })
   );
 }
@@ -15766,7 +15798,7 @@ function GroupButton(props) {
     isHovered
   } = useHover9(ariaProps);
   const tid = useTestIds(props);
-  return /* @__PURE__ */ jsx77("span", { ...trussProps51(getButtonStyles2(isFirst, isLast)), children: maybeTooltip({
+  return /* @__PURE__ */ jsx78("span", { ...trussProps51(getButtonStyles2(isFirst, isLast)), children: maybeTooltip({
     title: resolveTooltip(disabled, tooltip),
     placement: "top",
     children: /* @__PURE__ */ jsxs50("button", { ref, ...buttonProps, ...focusProps, ...hoverProps, ...trussProps51({
@@ -15796,7 +15828,7 @@ function GroupButton(props) {
       ...isPressed ? pressedStyles : isHovered ? hoverStyles2 : {},
       ...icon ? iconStyles2[size] : {}
     }), ...tid[defaultTestId(typeof text === "string" && text || icon || "button")], children: [
-      icon && /* @__PURE__ */ jsx77(Icon, { xss: {
+      icon && /* @__PURE__ */ jsx78(Icon, { xss: {
         ...!!text ? {
           marginRight: "mr_4px"
         } : {}
@@ -15887,7 +15919,7 @@ var iconStyles2 = {
 import { useMemo as useMemo17 } from "react";
 import { useHover as useHover10 } from "react-aria";
 import { trussProps as trussProps52, maybeCssVar as maybeCssVar26 } from "@homebound/truss/runtime";
-import { jsx as jsx78, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs51 } from "react/jsx-runtime";
 function Card(props) {
   const {
     title,
@@ -15920,7 +15952,7 @@ function Card(props) {
     ...isDisabled && disabledStyles2
   }), [isDisabled, isHovered, bordered, type, isList, fullWidth]);
   return /* @__PURE__ */ jsxs51("div", { ...trussProps52(styles), ...hoverProps, ...tid, children: [
-    /* @__PURE__ */ jsx78("div", { ...trussProps52({
+    /* @__PURE__ */ jsx79("div", { ...trussProps52({
       ...{
         height: ["h_var", {
           "--height": `${imgHeight}px`
@@ -15943,14 +15975,14 @@ function Card(props) {
         flexShrink: "fs0"
       },
       ...isHovered && !isList && imageHoverStyles
-    }), children: /* @__PURE__ */ jsx78("img", { ...trussProps52({
+    }), children: /* @__PURE__ */ jsx79("img", { ...trussProps52({
       width: "w100",
       height: "h100",
       objectFit: ["objectFit_var", {
         "--objectFit": maybeCssVar26(imageFit)
       }]
     }), src: imgSrc, alt: title, ...tid.img }) }),
-    isHovered && buttonMenuItems && /* @__PURE__ */ jsx78("div", { ...trussProps52({
+    isHovered && buttonMenuItems && /* @__PURE__ */ jsx79("div", { ...trussProps52({
       position: "absolute",
       right: "r_1",
       top: "top1",
@@ -15958,15 +15990,15 @@ function Card(props) {
         right: "r_3",
         top: "top3"
       } : {}
-    }), children: /* @__PURE__ */ jsx78(ButtonMenu, { trigger: {
+    }), children: /* @__PURE__ */ jsx79(ButtonMenu, { trigger: {
       icon: "verticalDots",
       color: isList ? "--b-on-surface-muted" /* OnSurfaceMuted */ : "--b-on-primary" /* OnPrimary */
     }, items: buttonMenuItems }) }),
-    tag && !isList && /* @__PURE__ */ jsx78("div", { className: "absolute l_1 tp_4px", children: /* @__PURE__ */ jsx78(Tag, { type: tag.type, text: tag.text, ...tid.tag }) }),
+    tag && !isList && /* @__PURE__ */ jsx79("div", { className: "absolute l_1 tp_4px", children: /* @__PURE__ */ jsx79(Tag, { type: tag.type, text: tag.text, ...tid.tag }) }),
     /* @__PURE__ */ jsxs51("div", { className: "df fdc aifs g_1", children: [
-      tag && isList && /* @__PURE__ */ jsx78(Tag, { type: tag.type, text: tag.text, ...tid.tag }),
+      tag && isList && /* @__PURE__ */ jsx79(Tag, { type: tag.type, text: tag.text, ...tid.tag }),
       /* @__PURE__ */ jsxs51("div", { children: [
-        /* @__PURE__ */ jsx78("div", { ...trussProps52({
+        /* @__PURE__ */ jsx79("div", { ...trussProps52({
           fontWeight: "fw6",
           fontSize: "fz_12px",
           lineHeight: "lh_16px",
@@ -15974,7 +16006,7 @@ function Card(props) {
             "--color": "var(--b-on-surface-muted)"
           }]
         }), ...tid.subtitle, children: subtitle }),
-        /* @__PURE__ */ jsx78("div", { ...trussProps52({
+        /* @__PURE__ */ jsx79("div", { ...trussProps52({
           fontWeight: "fw6",
           fontSize: "fz_14px",
           lineHeight: "lh_20px",
@@ -15988,7 +16020,7 @@ function Card(props) {
           } : {}
         }), ...tid.title, children: title })
       ] }),
-      /* @__PURE__ */ jsx78("div", { ...tid.details, children: detailContent })
+      /* @__PURE__ */ jsx79("div", { ...tid.details, children: detailContent })
     ] })
   ] });
 }
@@ -16048,9 +16080,9 @@ var imageHoverStyles = {
 
 // src/components/Copy.tsx
 import { mergeProps as mergeProps16 } from "@homebound/truss/runtime";
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 function Copy(props) {
-  return /* @__PURE__ */ jsx79("div", { ...mergeProps16("beam-copy", void 0, {
+  return /* @__PURE__ */ jsx80("div", { ...mergeProps16("beam-copy", void 0, {
     ...{
       fontWeight: "fw4",
       fontSize: "fz_14px",
@@ -16067,7 +16099,7 @@ function Copy(props) {
 
 // src/components/CountBadge.tsx
 import { trussProps as trussProps53, maybeCssVar as maybeCssVar27 } from "@homebound/truss/runtime";
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 function CountBadge(props) {
   const {
     count,
@@ -16078,7 +16110,7 @@ function CountBadge(props) {
   } = props;
   const tid = useTestIds(otherProps, "countBadge");
   if (hideIfZero && count === 0) return null;
-  return /* @__PURE__ */ jsx80("span", { ...tid, ...trussProps53({
+  return /* @__PURE__ */ jsx81("span", { ...tid, ...trussProps53({
     ...{
       height: ["sq_var", {
         "--height": `${count > 100 ? 18 : 16}px`
@@ -16111,7 +16143,7 @@ function CountBadge(props) {
 
 // src/components/EnvironmentBanner/EnvironmentBanner.tsx
 import { trussProps as trussProps54, maybeCssVar as maybeCssVar_13 } from "@homebound/truss/runtime";
-import { jsx as jsx81, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs52 } from "react/jsx-runtime";
 function EnvironmentBanner(props) {
   const {
     env,
@@ -16158,7 +16190,7 @@ function EnvironmentBanner(props) {
       ...headerContentPaddingX()
     }), ...tid.content, children: [
       /* @__PURE__ */ jsxs52("span", { className: "df aic g_2 fg1 mh0 oh", ...tid.left, children: [
-        /* @__PURE__ */ jsx81(Tag, { text: badgeLabel, xss: {
+        /* @__PURE__ */ jsx82(Tag, { text: badgeLabel, xss: {
           backgroundColor: "bgColor_FFFFFF90"
         }, ...tid.badge }),
         /* @__PURE__ */ jsxs52("span", { ...trussProps54({
@@ -16179,7 +16211,7 @@ function EnvironmentBanner(props) {
           }
         }), ...tid.message, children: [
           message,
-          /* @__PURE__ */ jsx81("span", { className: "fs0", ...tid.info, children: /* @__PURE__ */ jsx81(Icon, { icon: "infoCircle", tooltip, inc: 2, color: "--b-on-primary" /* OnPrimary */ }) })
+          /* @__PURE__ */ jsx82("span", { className: "fs0", ...tid.info, children: /* @__PURE__ */ jsx82(Icon, { icon: "infoCircle", tooltip, inc: 2, color: "--b-on-primary" /* OnPrimary */ }) })
         ] })
       ] }),
       impersonating != null && /* @__PURE__ */ jsxs52("span", { ...trussProps54({
@@ -16195,10 +16227,10 @@ function EnvironmentBanner(props) {
         flexShrink: "fs0"
       }), ...tid.impersonating, children: [
         (env !== "prod" || showProdWarning) && /* @__PURE__ */ jsxs52("span", { children: [
-          /* @__PURE__ */ jsx81("span", { className: "dn mdandup_dib", children: "Impersonating \xA0" }),
+          /* @__PURE__ */ jsx82("span", { className: "dn mdandup_dib", children: "Impersonating \xA0" }),
           impersonating.name
         ] }),
-        /* @__PURE__ */ jsx81("span", { className: "df fs0", ...tid.impersonatingIcon, children: /* @__PURE__ */ jsx81(Icon, { icon: "impersonate", inc: 2, color: "--b-on-primary" /* OnPrimary */ }) })
+        /* @__PURE__ */ jsx82("span", { className: "df fs0", ...tid.impersonatingIcon, children: /* @__PURE__ */ jsx82(Icon, { icon: "impersonate", inc: 2, color: "--b-on-primary" /* OnPrimary */ }) })
       ] })
     ] })
   ] });
@@ -16271,10 +16303,10 @@ function getInvertedCorner(side, bgColorVar) {
     right: "r_0"
   };
   const shadowXOffset = side === "left" ? -invertedCornerRadiusPx : invertedCornerRadiusPx;
-  return /* @__PURE__ */ jsx81("div", { "aria-hidden": true, ...trussProps54({
+  return /* @__PURE__ */ jsx82("div", { "aria-hidden": true, ...trussProps54({
     ...shell,
     ...outerPosition
-  }), children: /* @__PURE__ */ jsx81("div", { ...trussProps54({
+  }), children: /* @__PURE__ */ jsx82("div", { ...trussProps54({
     height: "h_200",
     width: "w_200",
     position: "absolute",
@@ -16313,8 +16345,8 @@ import { createPortal as createPortal5 } from "react-dom";
 
 // src/components/BeamContext.tsx
 import {
-  createContext as createContext10,
-  useContext as useContext19,
+  createContext as createContext11,
+  useContext as useContext20,
   useMemo as useMemo24,
   useReducer,
   useRef as useRef30
@@ -16322,20 +16354,20 @@ import {
 import { OverlayProvider } from "react-aria";
 
 // src/components/DocumentTitle/DocumentTitleContext.tsx
-import { createContext as createContext6, useContext as useContext15, useMemo as useMemo18 } from "react";
-import { jsx as jsx82 } from "react/jsx-runtime";
-var DocumentTitleContext = createContext6(void 0);
+import { createContext as createContext7, useContext as useContext16, useMemo as useMemo18 } from "react";
+import { jsx as jsx83 } from "react/jsx-runtime";
+var DocumentTitleContext = createContext7(void 0);
 function DocumentTitleProvider(props) {
   const { children, env, suffix } = props;
   const value = useMemo18(() => ({ env, suffix }), [env, suffix]);
-  return /* @__PURE__ */ jsx82(DocumentTitleContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx83(DocumentTitleContext.Provider, { value, children });
 }
 function useDocumentTitleConfig() {
-  return useContext15(DocumentTitleContext);
+  return useContext16(DocumentTitleContext);
 }
 
 // src/components/Snackbar/SnackbarContext.tsx
-import { createContext as createContext7, useContext as useContext16, useMemo as useMemo19, useState as useState24 } from "react";
+import { createContext as createContext8, useContext as useContext17, useMemo as useMemo19, useState as useState24 } from "react";
 
 // src/components/Snackbar/Snackbar.tsx
 import { createPortal as createPortal3 } from "react-dom";
@@ -16344,7 +16376,7 @@ import { createPortal as createPortal3 } from "react-dom";
 import { useLayoutEffect as useLayoutEffect4, useResizeObserver as useResizeObserver6 } from "@react-aria/utils";
 import { useCallback as useCallback14, useRef as useRef27, useState as useState23 } from "react";
 import { trussProps as trussProps55, maybeCssVar as maybeCssVar28 } from "@homebound/truss/runtime";
-import { jsx as jsx83, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs53 } from "react/jsx-runtime";
 function SnackbarNotice(props) {
   const {
     icon,
@@ -16394,7 +16426,7 @@ function SnackbarNotice(props) {
       }]
     } : void 0
   }), "data-theme": contrastDataTheme, ...tid, role: "alert", children: [
-    icon && /* @__PURE__ */ jsx83("span", { className: "fs0 pl_12px", children: /* @__PURE__ */ jsx83(Icon, { ...typeToIcon2[icon], ...tid.icon }) }),
+    icon && /* @__PURE__ */ jsx84("span", { className: "fs0 pl_12px", children: /* @__PURE__ */ jsx84(Icon, { ...typeToIcon2[icon], ...tid.icon }) }),
     /* @__PURE__ */ jsxs53("div", { ...trussProps55({
       flexGrow: "fg1",
       minWidth: "mw0",
@@ -16407,7 +16439,7 @@ function SnackbarNotice(props) {
         "--paddingLeft": `${icon ? 8 : 16}px`
       }]
     }), children: [
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(
         "span",
         {
           ref: messageRef,
@@ -16427,10 +16459,10 @@ function SnackbarNotice(props) {
           children: message
         }
       ),
-      hasOverflow && /* @__PURE__ */ jsx83(Button, { variant: "text", size: "sm", label: expanded ? "Collapse" : "Expand", "aria-expanded": expanded, onClick: () => setExpanded((prev) => !prev), ...tid.expand })
+      hasOverflow && /* @__PURE__ */ jsx84(Button, { variant: "text", size: "sm", label: expanded ? "Collapse" : "Expand", "aria-expanded": expanded, onClick: () => setExpanded((prev) => !prev), ...tid.expand })
     ] }),
     (action || !reallyHideClose) && /* @__PURE__ */ jsxs53("span", { className: "fs0 df aic", children: [
-      action && /* @__PURE__ */ jsx83("span", { ...trussProps55({
+      action && /* @__PURE__ */ jsx84("span", { ...trussProps55({
         textTransform: "ttu",
         fontWeight: "fw4",
         fontSize: "fz_14px",
@@ -16438,8 +16470,8 @@ function SnackbarNotice(props) {
         paddingRight: ["pr_var", {
           "--paddingRight": `${!reallyHideClose && action.variant !== "text" ? 4 : 8}px`
         }]
-      }), children: /* @__PURE__ */ jsx83(Button, { ...action, ...tid.action }) }),
-      !reallyHideClose && /* @__PURE__ */ jsx83("span", { className: "pr1 lh_0", children: /* @__PURE__ */ jsx83(IconButton, { icon: "x", onClick: onClose, ...tid.close }) })
+      }), children: /* @__PURE__ */ jsx84(Button, { ...action, ...tid.action }) }),
+      !reallyHideClose && /* @__PURE__ */ jsx84("span", { className: "pr1 lh_0", children: /* @__PURE__ */ jsx84(IconButton, { icon: "x", onClick: onClose, ...tid.close }) })
     ] })
   ] });
 }
@@ -16471,13 +16503,13 @@ var typeToIcon2 = {
 
 // src/components/Snackbar/Snackbar.tsx
 import { trussProps as trussProps56, maybeCssVar as maybeCssVar29 } from "@homebound/truss/runtime";
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 function Snackbar({
   notices,
   offset
 }) {
   const tid = useTestIds({});
-  return createPortal3(/* @__PURE__ */ jsx84("div", { ...tid.snackbarWrapper, ...trussProps56({
+  return createPortal3(/* @__PURE__ */ jsx85("div", { ...tid.snackbarWrapper, ...trussProps56({
     position: "fixed",
     zIndex: ["z_var", {
       "--zIndex": maybeCssVar29(zIndices.snackbar)
@@ -16490,15 +16522,15 @@ function Snackbar({
     flexDirection: "fdc",
     alignItems: "aifs",
     gap: "g_12px"
-  }), children: notices.map((data) => /* @__PURE__ */ jsx84(SnackbarNotice, { ...data }, data.id)) }), document.body);
+  }), children: notices.map((data) => /* @__PURE__ */ jsx85(SnackbarNotice, { ...data }, data.id)) }), document.body);
 }
 var defaultOffset = {
   bottom: 24
 };
 
 // src/components/Snackbar/SnackbarContext.tsx
-import { jsx as jsx85, jsxs as jsxs54 } from "react/jsx-runtime";
-var SnackbarContext = createContext7({ setNotices: () => {
+import { jsx as jsx86, jsxs as jsxs54 } from "react/jsx-runtime";
+var SnackbarContext = createContext8({ setNotices: () => {
 }, setOffset: () => {
 } });
 function SnackbarProvider(props) {
@@ -16507,11 +16539,11 @@ function SnackbarProvider(props) {
   const contextValue = useMemo19(() => ({ setNotices, setOffset }), []);
   return /* @__PURE__ */ jsxs54(SnackbarContext.Provider, { value: contextValue, children: [
     props.children,
-    /* @__PURE__ */ jsx85(Snackbar, { notices, offset })
+    /* @__PURE__ */ jsx86(Snackbar, { notices, offset })
   ] });
 }
 function useSnackbarContext() {
-  return useContext16(SnackbarContext);
+  return useContext17(SnackbarContext);
 }
 
 // src/components/SuperDrawer/SuperDrawer.tsx
@@ -16523,7 +16555,7 @@ import { createPortal as createPortal4 } from "react-dom";
 import { useMemo as useMemo22 } from "react";
 
 // src/components/Modal/ConfirmCloseModal.tsx
-import { Fragment as Fragment23, jsx as jsx86, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx87, jsxs as jsxs55 } from "react/jsx-runtime";
 function ConfirmCloseModal(props) {
   const {
     onClose,
@@ -16538,10 +16570,10 @@ function ConfirmCloseModal(props) {
     modalState.current = void 0;
   }
   return /* @__PURE__ */ jsxs55(Fragment23, { children: [
-    /* @__PURE__ */ jsx86(ModalHeader, { children: title }),
-    /* @__PURE__ */ jsx86(ModalBody, { children: /* @__PURE__ */ jsx86("p", { children: message }) }),
+    /* @__PURE__ */ jsx87(ModalHeader, { children: title }),
+    /* @__PURE__ */ jsx87(ModalBody, { children: /* @__PURE__ */ jsx87("p", { children: message }) }),
     /* @__PURE__ */ jsxs55(ModalFooter, { children: [
-      /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87(
         Button,
         {
           variant: "quaternary",
@@ -16552,7 +16584,7 @@ function ConfirmCloseModal(props) {
           }
         }
       ),
-      /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87(
         Button,
         {
           label: continueText,
@@ -16570,15 +16602,15 @@ function ConfirmCloseModal(props) {
 import { useEffect as useEffect14, useMemo as useMemo21, useRef as useRef28 } from "react";
 
 // src/components/Modal/ModalContext.tsx
-import { createContext as createContext8, useContext as useContext17, useMemo as useMemo20 } from "react";
-import { jsx as jsx87 } from "react/jsx-runtime";
-var ModalContext = createContext8({ inModal: false });
+import { createContext as createContext9, useContext as useContext18, useMemo as useMemo20 } from "react";
+import { jsx as jsx88 } from "react/jsx-runtime";
+var ModalContext = createContext9({ inModal: false });
 function ModalProvider({ children }) {
   const value = useMemo20(() => ({ inModal: true }), []);
-  return /* @__PURE__ */ jsx87(ModalContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx88(ModalContext.Provider, { value, children });
 }
 function useModalContext() {
-  return useContext17(ModalContext);
+  return useContext18(ModalContext);
 }
 
 // src/components/Modal/useModal.tsx
@@ -16627,7 +16659,7 @@ function useModal() {
 }
 
 // src/components/SuperDrawer/useSuperDrawer.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 function useSuperDrawer() {
   const {
     drawerContentStack: contentStack,
@@ -16639,7 +16671,7 @@ function useSuperDrawer() {
   function canCloseDrawerDetails(i, doChange) {
     for (const canCloseDrawerDetail of canCloseDetailsChecks.current[i] ?? []) {
       if (!canClose(canCloseDrawerDetail)) {
-        openModal({ content: /* @__PURE__ */ jsx88(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawerDetail }) });
+        openModal({ content: /* @__PURE__ */ jsx89(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawerDetail }) });
         return false;
       }
     }
@@ -16659,7 +16691,7 @@ function useSuperDrawer() {
     for (const canCloseDrawer of canCloseChecks.current) {
       if (!canClose(canCloseDrawer)) {
         openModal({
-          content: /* @__PURE__ */ jsx88(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawer })
+          content: /* @__PURE__ */ jsx89(ConfirmCloseModal, { onClose: doChange, ...canCloseDrawer })
         });
         return;
       }
@@ -16762,7 +16794,7 @@ var SuperDrawerWidth = /* @__PURE__ */ ((SuperDrawerWidth2) => {
 
 // src/components/SuperDrawer/SuperDrawer.tsx
 import { trussProps as trussProps57, maybeCssVar as maybeCssVar30 } from "@homebound/truss/runtime";
-import { Fragment as Fragment24, jsx as jsx89, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx90, jsxs as jsxs56 } from "react/jsx-runtime";
 import { createElement as createElement3 } from "react";
 function SuperDrawer() {
   const {
@@ -16800,7 +16832,7 @@ function SuperDrawer() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [headerRef, content2]
   );
-  return createPortal4(/* @__PURE__ */ jsx89(AnimatePresence, { children: content2 && /* @__PURE__ */ jsx89(Fragment24, { children: /* @__PURE__ */ createElement3(
+  return createPortal4(/* @__PURE__ */ jsx90(AnimatePresence, { children: content2 && /* @__PURE__ */ jsx90(Fragment24, { children: /* @__PURE__ */ createElement3(
     motion.div,
     {
       ...testId,
@@ -16834,7 +16866,7 @@ function SuperDrawer() {
       },
       onClick: closeDrawer
     },
-    /* @__PURE__ */ jsx89(
+    /* @__PURE__ */ jsx90(
       motion.aside,
       {
         ...trussProps57({
@@ -16885,13 +16917,13 @@ function SuperDrawer() {
             justifyContent: "jcsb",
             gap: "g_3"
           }), children: [
-            /* @__PURE__ */ jsx89("div", { ref: headerRef, ...trussProps57({
+            /* @__PURE__ */ jsx90("div", { ref: headerRef, ...trussProps57({
               color: ["color_var", {
                 "--color": "var(--b-on-surface)"
               }],
               flexGrow: "fg1"
             }) }),
-            /* @__PURE__ */ jsx89(IconButton, { icon: "x", onClick: closeDrawer, ...testId.close })
+            /* @__PURE__ */ jsx90(IconButton, { icon: "x", onClick: closeDrawer, ...testId.close })
           ] }),
           content2
         ] })
@@ -16902,9 +16934,9 @@ function SuperDrawer() {
 }
 
 // src/components/Toast/ToastContext.tsx
-import { createContext as createContext9, useCallback as useCallback15, useContext as useContext18, useMemo as useMemo23, useState as useState25 } from "react";
-import { jsx as jsx90 } from "react/jsx-runtime";
-var ToastContext = createContext9({
+import { createContext as createContext10, useCallback as useCallback15, useContext as useContext19, useMemo as useMemo23, useState as useState25 } from "react";
+import { jsx as jsx91 } from "react/jsx-runtime";
+var ToastContext = createContext10({
   setNotice: () => {
     throw new Error("Missing ToastProvider");
   },
@@ -16916,15 +16948,15 @@ function ToastProvider(props) {
   const [notice, setNotice] = useState25();
   const clear = useCallback15(() => setNotice(void 0), [setNotice]);
   const contextValue = useMemo23(() => ({ setNotice, notice, clear }), [notice, clear]);
-  return /* @__PURE__ */ jsx90(ToastContext.Provider, { value: contextValue, children: props.children });
+  return /* @__PURE__ */ jsx91(ToastContext.Provider, { value: contextValue, children: props.children });
 }
 function useToastContext() {
-  return useContext18(ToastContext);
+  return useContext19(ToastContext);
 }
 
 // src/components/BeamContext.tsx
-import { jsx as jsx91, jsxs as jsxs57 } from "react/jsx-runtime";
-var BeamContext = createContext10({
+import { jsx as jsx92, jsxs as jsxs57 } from "react/jsx-runtime";
+var BeamContext = createContext11({
   modalState: new EmptyRef(),
   modalCanCloseChecks: new EmptyRef(),
   modalHeaderDiv: void 0,
@@ -16968,14 +17000,14 @@ function BeamProvider({ children, documentTitleConfig, ...presentationProps }) {
       sdHeaderDiv
     };
   }, [modalBannerDiv, modalBodyDiv, modalFooterDiv, modalHeaderDiv, sdHeaderDiv]);
-  const beamTree = /* @__PURE__ */ jsx91(PresentationProvider, { ...presentationProps, children: /* @__PURE__ */ jsx91(AutoSaveStatusProvider, { children: /* @__PURE__ */ jsx91(SnackbarProvider, { children: /* @__PURE__ */ jsxs57(ToastProvider, { children: [
+  const beamTree = /* @__PURE__ */ jsx92(PresentationProvider, { ...presentationProps, children: /* @__PURE__ */ jsx92(AutoSaveStatusProvider, { children: /* @__PURE__ */ jsx92(SnackbarProvider, { children: /* @__PURE__ */ jsxs57(ToastProvider, { children: [
     /* @__PURE__ */ jsxs57(OverlayProvider, { children: [
       children,
-      modalRef.current && /* @__PURE__ */ jsx91(Modal, { ...modalRef.current })
+      modalRef.current && /* @__PURE__ */ jsx92(Modal, { ...modalRef.current })
     ] }),
-    /* @__PURE__ */ jsx91(SuperDrawer, {})
+    /* @__PURE__ */ jsx92(SuperDrawer, {})
   ] }) }) }) });
-  return /* @__PURE__ */ jsx91(BeamContext.Provider, { value: { ...context }, children: documentTitleConfig ? /* @__PURE__ */ jsx91(DocumentTitleProvider, { ...documentTitleConfig, children: beamTree }) : beamTree });
+  return /* @__PURE__ */ jsx92(BeamContext.Provider, { value: { ...context }, children: documentTitleConfig ? /* @__PURE__ */ jsx92(DocumentTitleProvider, { ...documentTitleConfig, children: beamTree }) : beamTree });
 }
 var PretendRefThatTicks = class {
   constructor(ref, tick) {
@@ -16991,12 +17023,12 @@ var PretendRefThatTicks = class {
   }
 };
 function useBeamContext() {
-  return useContext19(BeamContext);
+  return useContext20(BeamContext);
 }
 
 // src/components/Modal/Modal.tsx
 import { trussProps as trussProps58, maybeCssVar as maybeCssVar31 } from "@homebound/truss/runtime";
-import { Fragment as Fragment25, jsx as jsx92, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx93, jsxs as jsxs58 } from "react/jsx-runtime";
 function Modal(props) {
   const {
     size = "md",
@@ -17080,7 +17112,7 @@ function Modal(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [modalBannerRef, modalBodyRef, modalFooterRef, modalHeaderRef]
   );
-  const title = /* @__PURE__ */ jsx92("h1", { ...trussProps58({
+  const title = /* @__PURE__ */ jsx93("h1", { ...trussProps58({
     flexGrow: "fg1",
     fontWeight: "fw6",
     fontSize: "fz_24px",
@@ -17097,7 +17129,7 @@ function Modal(props) {
       }]
     }
   }), ref: modalHeaderRef, ...titleProps, ...testId.title });
-  return /* @__PURE__ */ jsx92(ModalProvider, { children: /* @__PURE__ */ jsx92(OverlayContainer2, { children: /* @__PURE__ */ jsx92(AutoSaveStatusProvider, { children: /* @__PURE__ */ jsx92("div", { ...trussProps58({
+  return /* @__PURE__ */ jsx93(ModalProvider, { children: /* @__PURE__ */ jsx93(OverlayContainer2, { children: /* @__PURE__ */ jsx93(AutoSaveStatusProvider, { children: /* @__PURE__ */ jsx93("div", { ...trussProps58({
     position: "fixed",
     top: "tp_0",
     bottom: "bot_0",
@@ -17110,7 +17142,7 @@ function Modal(props) {
     zIndex: ["z_var", {
       "--zIndex": maybeCssVar31(zIndices.modalUnderlay)
     }]
-  }), ...underlayProps, ...testId.underlay, children: /* @__PURE__ */ jsx92(FocusScope3, { contain: true, restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ jsxs58("div", { ...trussProps58({
+  }), ...underlayProps, ...testId.underlay, children: /* @__PURE__ */ jsx93(FocusScope3, { contain: true, restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ jsxs58("div", { ...trussProps58({
     borderRadius: "br24",
     backgroundColor: ["bgColor_var", {
       "--backgroundColor": "var(--b-surface)"
@@ -17154,14 +17186,14 @@ function Modal(props) {
         }]
       } : {}
     }), children: [
-      /* @__PURE__ */ jsx92("span", { className: "fs0 pl1", children: allowClosing && /* @__PURE__ */ jsx92(IconButton, { icon: "x", onClick: closeModal, ...testId.titleClose }) }),
+      /* @__PURE__ */ jsx93("span", { className: "fs0 pl1", children: allowClosing && /* @__PURE__ */ jsx93(IconButton, { icon: "x", onClick: closeModal, ...testId.titleClose }) }),
       aiMode ? /* @__PURE__ */ jsxs58("div", { className: "df fdc aifs g_4px fg1 mw0", ...testId.aiTitle, children: [
-        /* @__PURE__ */ jsx92(BlueprintAiLogo, { height: 2 }),
+        /* @__PURE__ */ jsx93(BlueprintAiLogo, { height: 2 }),
         title
       ] }) : title
     ] }),
-    /* @__PURE__ */ jsx92("div", { ref: modalBannerRef, className: "fs0" }),
-    /* @__PURE__ */ jsx92("main", { ref: modalBodyRef, ...trussProps58({
+    /* @__PURE__ */ jsx93("div", { ref: modalBannerRef, className: "fs0" }),
+    /* @__PURE__ */ jsx93("main", { ref: modalBodyRef, ...trussProps58({
       flexGrow: "fg1",
       overflowY: "oya",
       paddingTop: "pt_12px",
@@ -17176,7 +17208,7 @@ function Modal(props) {
         overflowY: "oys"
       } : {}
     }), children: content2 }),
-    /* @__PURE__ */ jsx92("footer", { className: "fs0", children: /* @__PURE__ */ jsx92("div", { ref: modalFooterRef }) })
+    /* @__PURE__ */ jsx93("footer", { className: "fs0", children: /* @__PURE__ */ jsx93("div", { ref: modalFooterRef }) })
   ] }) }) }) }) }) });
 }
 function ModalHeader({
@@ -17185,7 +17217,7 @@ function ModalHeader({
   const {
     modalHeaderDiv
   } = useBeamContext();
-  return createPortal5(/* @__PURE__ */ jsx92(Fragment25, { children }), modalHeaderDiv);
+  return createPortal5(/* @__PURE__ */ jsx93(Fragment25, { children }), modalHeaderDiv);
 }
 function ModalBanner({
   children
@@ -17194,7 +17226,7 @@ function ModalBanner({
     modalBannerDiv
   } = useBeamContext();
   const testId = useTestIds({}, testIdPrefix);
-  return createPortal5(/* @__PURE__ */ jsx92("div", { className: "mt_4px", ...testId.banner, children }), modalBannerDiv);
+  return createPortal5(/* @__PURE__ */ jsx93("div", { className: "mt_4px", ...testId.banner, children }), modalBannerDiv);
 }
 function ModalBody({
   children,
@@ -17206,7 +17238,7 @@ function ModalBody({
   const testId = useTestIds({}, testIdPrefix);
   return createPortal5(
     // If `virtualized`, then we are expecting the `children` will handle their own scrollbar, so have the overflow hidden and adjust padding
-    /* @__PURE__ */ jsx92("div", { ...trussProps58({
+    /* @__PURE__ */ jsx93("div", { ...trussProps58({
       height: "h100",
       ...virtualized ? {
         overflow: "oh",
@@ -17227,7 +17259,7 @@ function ModalFooter({
     modalFooterDiv
   } = useBeamContext();
   const testId = useTestIds({}, testIdPrefix);
-  return createPortal5(/* @__PURE__ */ jsx92("div", { ...trussProps58({
+  return createPortal5(/* @__PURE__ */ jsx93("div", { ...trussProps58({
     ...{
       paddingTop: "pt3",
       paddingBottom: "pb3",
@@ -17260,7 +17292,7 @@ function getSize(size) {
 
 // src/components/Filters/FilterModal.tsx
 import { trussProps as trussProps59 } from "@homebound/truss/runtime";
-import { Fragment as Fragment26, jsx as jsx93, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx94, jsxs as jsxs59 } from "react/jsx-runtime";
 function FilterModal(props) {
   const {
     filter,
@@ -17273,18 +17305,18 @@ function FilterModal(props) {
   } = useModal();
   const [modalFilter, setModalFilter] = useState27(filter);
   return /* @__PURE__ */ jsxs59(Fragment26, { children: [
-    /* @__PURE__ */ jsx93(ModalHeader, { children: "More Filters" }),
-    /* @__PURE__ */ jsx93(ModalBody, { children: /* @__PURE__ */ jsx93("div", { className: "df fdc", children: safeEntries(filters).map(([key, f]) => /* @__PURE__ */ jsx93(ModalFilterItem, { label: f.hideLabelInModal ? void 0 : f.label, children: f.render(modalFilter[key], (value) => setModalFilter(updateFilter(modalFilter, key, value)), testId, true, false) }, key)) }) }),
+    /* @__PURE__ */ jsx94(ModalHeader, { children: "More Filters" }),
+    /* @__PURE__ */ jsx94(ModalBody, { children: /* @__PURE__ */ jsx94("div", { className: "df fdc", children: safeEntries(filters).map(([key, f]) => /* @__PURE__ */ jsx94(ModalFilterItem, { label: f.hideLabelInModal ? void 0 : f.label, children: f.render(modalFilter[key], (value) => setModalFilter(updateFilter(modalFilter, key, value)), testId, true, false) }, key)) }) }),
     /* @__PURE__ */ jsxs59(ModalFooter, { xss: {
       justifyContent: "jcsb"
     }, children: [
-      /* @__PURE__ */ jsx93(Button, { label: "Clear", variant: "tertiary", disabled: safeKeys(filters).filter((fk) => modalFilter[fk] !== void 0).length === 0, onClick: () => (
+      /* @__PURE__ */ jsx94(Button, { label: "Clear", variant: "tertiary", disabled: safeKeys(filters).filter((fk) => modalFilter[fk] !== void 0).length === 0, onClick: () => (
         // Only remove the filters keys that exist in the modal.
         setModalFilter(safeKeys(filters).reduce((acc, fk) => omitKey(fk, acc), modalFilter))
       ), ...testId.modalClear }),
       /* @__PURE__ */ jsxs59("div", { className: "df g_1", children: [
-        /* @__PURE__ */ jsx93(Button, { label: "Cancel", variant: "quaternary", onClick: closeModal, ...testId.modalClose }),
-        /* @__PURE__ */ jsx93(Button, { label: "Apply", onClick: () => {
+        /* @__PURE__ */ jsx94(Button, { label: "Cancel", variant: "quaternary", onClick: closeModal, ...testId.modalClose }),
+        /* @__PURE__ */ jsx94(Button, { label: "Apply", onClick: () => {
           onApply(modalFilter);
           closeModal();
         }, ...testId.modalApply })
@@ -17304,8 +17336,8 @@ function ModalFilterItem({
       borderColor: "bcGray200"
     } : {}
   }), children: [
-    label && /* @__PURE__ */ jsx93("h2", { className: "fw4 fz_16px lh_24px mb2", children: label }),
-    /* @__PURE__ */ jsx93("div", { ...trussProps59({
+    label && /* @__PURE__ */ jsx94("h2", { className: "fw4 fz_16px lh_24px mb2", children: label }),
+    /* @__PURE__ */ jsx94("div", { ...trussProps59({
       ...!label ? {
         paddingTop: "pt3"
       } : {}
@@ -17391,7 +17423,7 @@ function useGrowingTextField({ inputRef, inputWrapRef, value, disabled, maxLines
 }
 
 // src/inputs/TreeSelectField/TreeSelectField.tsx
-import React14, { useCallback as useCallback18, useContext as useContext20, useEffect as useEffect21, useMemo as useMemo26, useRef as useRef38, useState as useState31 } from "react";
+import React14, { useCallback as useCallback18, useContext as useContext21, useEffect as useEffect21, useMemo as useMemo26, useRef as useRef38, useState as useState31 } from "react";
 import { useButton as useButton7, useComboBox, useFilter as useFilter2, useOverlayPosition as useOverlayPosition3 } from "react-aria";
 import { Item as Item3, useComboBoxState } from "react-stately";
 import { trussProps as trussProps68, maybeCssVar as maybeCssVar32 } from "@homebound/truss/runtime";
@@ -17421,7 +17453,7 @@ import { Item as Item2, Section as Section2, useListData, useSelectState } from
 import { useEffect as useEffect17, useRef as useRef32, useState as useState28 } from "react";
 import { useFocus } from "react-aria";
 import { trussProps as trussProps60 } from "@homebound/truss/runtime";
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 function ChipTextField(props) {
   const {
     autoFocus,
@@ -17467,7 +17499,7 @@ function ChipTextField(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  return /* @__PURE__ */ jsx94("span", { ref: fieldRef, contentEditable: true, suppressContentEditableWarning: true, "aria-required": required, "aria-label": label, onKeyDown: (e) => {
+  return /* @__PURE__ */ jsx95("span", { ref: fieldRef, contentEditable: true, suppressContentEditableWarning: true, "aria-required": required, "aria-label": label, onKeyDown: (e) => {
     if (e.key === "Enter") {
       e.preventDefault();
       maybeCall(onEnter);
@@ -17494,14 +17526,14 @@ function ChipTextField(props) {
 
 // src/inputs/internal/ListBoxChip.tsx
 import { trussProps as trussProps61 } from "@homebound/truss/runtime";
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 function ListBoxChip({
   label
 }) {
   const {
     fieldProps
   } = usePresentationContext();
-  return /* @__PURE__ */ jsx95("span", { ...trussProps61({
+  return /* @__PURE__ */ jsx96("span", { ...trussProps61({
     ...chipBaseStyles(fieldProps?.compact),
     ...{
       whiteSpace: "wsnw",
@@ -17563,7 +17595,7 @@ function defaultOptionLabel(opt) {
 
 // src/inputs/ChipSelectField.tsx
 import { trussProps as trussProps62 } from "@homebound/truss/runtime";
-import { Fragment as Fragment27, jsx as jsx96, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx97, jsxs as jsxs60 } from "react/jsx-runtime";
 function ChipSelectField(props) {
   const firstRender = useRef33(true);
   const {
@@ -17660,16 +17692,16 @@ function ChipSelectField(props) {
   );
   const selectChildren = useMemo25(() => listData.items.map((s) => {
     if (isListBoxSection(s)) {
-      return /* @__PURE__ */ jsx96(Section2, { title: s.title, items: s.options, children: (item) => {
+      return /* @__PURE__ */ jsx97(Section2, { title: s.title, items: s.options, children: (item) => {
         if (isPersistentItem(item)) {
-          return /* @__PURE__ */ jsx96(Item2, { textValue: item.name, children: item.name }, item.id);
+          return /* @__PURE__ */ jsx97(Item2, { textValue: item.name, children: item.name }, item.id);
         }
         const label3 = getOptionLabel(item);
-        return /* @__PURE__ */ jsx96(Item2, { textValue: label3, children: /* @__PURE__ */ jsx96(ListBoxChip, { label: label3 }) }, getOptionValue(item));
+        return /* @__PURE__ */ jsx97(Item2, { textValue: label3, children: /* @__PURE__ */ jsx97(ListBoxChip, { label: label3 }) }, getOptionValue(item));
       } }, camelCase4(s.title));
     }
     const label2 = getOptionLabel(s);
-    return /* @__PURE__ */ jsx96(Item2, { textValue: label2, children: /* @__PURE__ */ jsx96(ListBoxChip, { label: label2 }) }, getOptionValue(s));
+    return /* @__PURE__ */ jsx97(Item2, { textValue: label2, children: /* @__PURE__ */ jsx97(ListBoxChip, { label: label2 }) }, getOptionValue(s));
   }), [listData.items, getOptionLabel, getOptionValue]);
   const selectHookProps = {
     label,
@@ -17733,7 +17765,7 @@ function ChipSelectField(props) {
   };
   const [showInput, setShowInput] = useState29(false);
   return /* @__PURE__ */ jsxs60(Fragment27, { children: [
-    showInput && onCreateNew && /* @__PURE__ */ jsx96(CreateNewField, { onBlur: () => setShowInput(false), onEnter: async (value2) => {
+    showInput && onCreateNew && /* @__PURE__ */ jsx97(CreateNewField, { onBlur: () => setShowInput(false), onEnter: async (value2) => {
       await onCreateNew(value2);
       setShowInput(false);
     }, ...tid.createNewField }),
@@ -17757,8 +17789,8 @@ function ChipSelectField(props) {
           display: "dn"
         } : {}
       }), children: [
-        /* @__PURE__ */ jsx96(Label, { label, labelProps, hidden: true, ...tid.label }),
-        /* @__PURE__ */ jsx96("button", { ...mergeProps17(focusProps, buttonProps), ref: buttonRef, ...trussProps62({
+        /* @__PURE__ */ jsx97(Label, { label, labelProps, hidden: true, ...tid.label }),
+        /* @__PURE__ */ jsx97("button", { ...mergeProps17(focusProps, buttonProps), ref: buttonRef, ...trussProps62({
           ...{
             textAlign: "tal",
             borderRadius: "br16",
@@ -17773,8 +17805,8 @@ function ChipSelectField(props) {
             } : {}
           },
           ...isDisabled ? chipDisabledStyles : chipHoverOnlyStyles
-        }), title: state.selectedItem ? state.selectedItem.textValue : placeholder, ...tid, children: /* @__PURE__ */ jsx96("span", { ...valueProps, className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_1 wbba", children: state.selectedItem ? state.selectedItem.textValue : placeholder }) }),
-        showClearButton && /* @__PURE__ */ jsx96("button", { ...clearFocusProps, ...trussProps62({
+        }), title: state.selectedItem ? state.selectedItem.textValue : placeholder, ...tid, children: /* @__PURE__ */ jsx97("span", { ...valueProps, className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_1 wbba", children: state.selectedItem ? state.selectedItem.textValue : placeholder }) }),
+        showClearButton && /* @__PURE__ */ jsx97("button", { ...clearFocusProps, ...trussProps62({
           ...{
             paddingRight: "pr_4px",
             borderRadius: "bra_0_16px_16px_0",
@@ -17787,10 +17819,10 @@ function ChipSelectField(props) {
         }), onClick: () => {
           onSelect(void 0, void 0);
           setIsClearFocused(false);
-        }, "aria-label": "Remove", ...tid.clearButton, children: /* @__PURE__ */ jsx96(Icon, { icon: "x", color: "rgba(141, 141, 141, 1)" /* Gray600 */, inc: typeScale === "xs" ? 2 : void 0 }) })
+        }, "aria-label": "Remove", ...tid.clearButton, children: /* @__PURE__ */ jsx97(Icon, { icon: "x", color: "rgba(141, 141, 141, 1)" /* Gray600 */, inc: typeScale === "xs" ? 2 : void 0 }) })
       ] })
     }),
-    state.isOpen && /* @__PURE__ */ jsx96(Popover, { triggerRef: buttonRef, popoverRef, positionProps: overlayProps, onClose: state.close, isOpen: state.isOpen, shouldCloseOnBlur: true, children: /* @__PURE__ */ jsx96(ListBox, { ...menuProps, listBoxRef, state, getOptionLabel, getOptionValue, positionProps: overlayProps }) })
+    state.isOpen && /* @__PURE__ */ jsx97(Popover, { triggerRef: buttonRef, popoverRef, positionProps: overlayProps, onClose: state.close, isOpen: state.isOpen, shouldCloseOnBlur: true, children: /* @__PURE__ */ jsx97(ListBox, { ...menuProps, listBoxRef, state, getOptionLabel, getOptionValue, positionProps: overlayProps }) })
   ] });
 }
 var persistentItemPrefix = "persistentItem:";
@@ -17814,12 +17846,12 @@ function CreateNewField(props) {
   } = props;
   const [value, setValue] = useState29("Add new");
   const tid = useTestIds(props);
-  return /* @__PURE__ */ jsx96(ChipTextField, { autoFocus: true, label: "Add new", value, onChange: setValue, onEnter: () => onEnter(value), onBlur, ...tid });
+  return /* @__PURE__ */ jsx97(ChipTextField, { autoFocus: true, label: "Add new", value, onChange: setValue, onEnter: () => onEnter(value), onBlur, ...tid });
 }
 
 // src/inputs/internal/Option.tsx
 import { trussProps as trussProps63 } from "@homebound/truss/runtime";
-import { jsx as jsx97, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs61 } from "react/jsx-runtime";
 function Option(props) {
   const {
     item,
@@ -17896,7 +17928,7 @@ function Option(props) {
       ...isDisabled ? themeStyles.disabled : {}
     }), children: [
       item.rendered,
-      isSelected && /* @__PURE__ */ jsx97("span", { className: "fs0", children: /* @__PURE__ */ jsx97(Icon, { icon: "check", color: isDisabled ? "--b-text-disabled" /* TextDisabled */ : "--b-selection-indicator" /* SelectionIndicator */ }) })
+      isSelected && /* @__PURE__ */ jsx98("span", { className: "fs0", children: /* @__PURE__ */ jsx98(Icon, { icon: "check", color: isDisabled ? "--b-text-disabled" /* TextDisabled */ : "--b-selection-indicator" /* SelectionIndicator */ }) })
     ] })
   });
 }
@@ -17908,7 +17940,7 @@ import { Virtuoso as Virtuoso2 } from "react-virtuoso";
 
 // src/inputs/internal/LoadingDots.tsx
 import { trussProps as trussProps64 } from "@homebound/truss/runtime";
-import { jsx as jsx98, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs62 } from "react/jsx-runtime";
 function LoadingDots() {
   const dotCss = {
     height: "h_8px",
@@ -17919,20 +17951,20 @@ function LoadingDots() {
     }]
   };
   const tid = useTestIds({});
-  return /* @__PURE__ */ jsx98("div", { className: "pt2 pb2 df jcc", ...tid.loadingDots, children: /* @__PURE__ */ jsxs62("div", { "aria-label": "Loading", className: "df g_4px", children: [
-    /* @__PURE__ */ jsx98("div", { ...trussProps64({
+  return /* @__PURE__ */ jsx99("div", { className: "pt2 pb2 df jcc", ...tid.loadingDots, children: /* @__PURE__ */ jsxs62("div", { "aria-label": "Loading", className: "df g_4px", children: [
+    /* @__PURE__ */ jsx99("div", { ...trussProps64({
       ...dotCss,
       ...{
         animation: "anim_loadingDots_800ms_linear_0ms_infinite_alternate"
       }
     }) }),
-    /* @__PURE__ */ jsx98("div", { ...trussProps64({
+    /* @__PURE__ */ jsx99("div", { ...trussProps64({
       ...dotCss,
       ...{
         animation: "anim_loadingDots_800ms_linear_300ms_infinite_alternate"
       }
     }) }),
-    /* @__PURE__ */ jsx98("div", { ...trussProps64({
+    /* @__PURE__ */ jsx99("div", { ...trussProps64({
       ...dotCss,
       ...{
         animation: "anim_loadingDots_800ms_linear_600ms_infinite_alternate"
@@ -17945,7 +17977,7 @@ function LoadingDots() {
 import { useRef as useRef35 } from "react";
 import { useHover as useHover12, useOption as useOption2 } from "react-aria";
 import { trussProps as trussProps65 } from "@homebound/truss/runtime";
-import { jsx as jsx99, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs63 } from "react/jsx-runtime";
 function TreeOption(props) {
   const {
     item,
@@ -18034,15 +18066,15 @@ function TreeOption(props) {
       ...isFocused && !isGroup ? listItemStyles.focus : {},
       ...isDisabled && !isGroup ? listItemStyles.disabled : {}
     }), children: [
-      /* @__PURE__ */ jsx99("span", { className: "w_18px fs0 df aic", children: canCollapse && /* @__PURE__ */ jsx99("button", { onClick: (e) => {
+      /* @__PURE__ */ jsx100("span", { className: "w_18px fs0 df aic", children: canCollapse && /* @__PURE__ */ jsx100("button", { onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
         toggleCollapsed();
         return false;
-      }, className: "br4 h_16px w_16px bgTransparent h_bgGray300", ...tid[`collapseToggle_${item.key}`], children: /* @__PURE__ */ jsx99(Icon, { icon: collapsedKeys.includes(item.key) ? "triangleRight" : "triangleDown", inc: 2 }) }) }),
+      }, className: "br4 h_16px w_16px bgTransparent h_bgGray300", ...tid[`collapseToggle_${item.key}`], children: /* @__PURE__ */ jsx100(Icon, { icon: collapsedKeys.includes(item.key) ? "triangleRight" : "triangleDown", inc: 2 }) }) }),
       /* @__PURE__ */ jsxs63("span", { className: "df aic g_1 h100 fg1 pt1 pb1 pr2", ref, ...optionProps, "data-label": item.textValue, children: [
-        !isGroup && /* @__PURE__ */ jsx99(StyledCheckbox, { isDisabled, isSelected, isIndeterminate, ...tid[item.key.toString()] }),
-        /* @__PURE__ */ jsx99("div", { className: "pl1", children: item.rendered })
+        !isGroup && /* @__PURE__ */ jsx100(StyledCheckbox, { isDisabled, isSelected, isIndeterminate, ...tid[item.key.toString()] }),
+        /* @__PURE__ */ jsx100("div", { className: "pl1", children: item.rendered })
       ] })
     ] })
   });
@@ -18091,7 +18123,7 @@ function isLeveledNode(node) {
 }
 
 // src/inputs/internal/VirtualizedOptions.tsx
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 function VirtualizedOptions(props) {
   const { state, items, onListHeightChange, scrollOnFocus, loading, disabledOptionsWithReasons, isTree } = props;
   const virtuosoRef = useRef36(null);
@@ -18109,7 +18141,7 @@ function VirtualizedOptions(props) {
     [focusedItem]
   );
   const key = process.env.NODE_ENV === "test" ? items.length : "virtuoso";
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     Virtuoso2,
     {
       ref: virtuosoRef,
@@ -18129,7 +18161,7 @@ function VirtualizedOptions(props) {
         const item = items[idx];
         if (item) {
           if (isTree && isLeveledNode(item)) {
-            return /* @__PURE__ */ jsx100(
+            return /* @__PURE__ */ jsx101(
               TreeOption,
               {
                 item,
@@ -18140,7 +18172,7 @@ function VirtualizedOptions(props) {
             );
           }
           if (!isLeveledNode(item)) {
-            return /* @__PURE__ */ jsx100(
+            return /* @__PURE__ */ jsx101(
               Option,
               {
                 item,
@@ -18155,7 +18187,7 @@ function VirtualizedOptions(props) {
         return null;
       },
       components: !loading ? {} : {
-        Footer: typeof loading === "function" ? loading : () => /* @__PURE__ */ jsx100(LoadingDots, {})
+        Footer: typeof loading === "function" ? loading : () => /* @__PURE__ */ jsx101(LoadingDots, {})
       }
     },
     key
@@ -18164,7 +18196,7 @@ function VirtualizedOptions(props) {
 
 // src/inputs/internal/ListBoxSection.tsx
 import { trussProps as trussProps66 } from "@homebound/truss/runtime";
-import { Fragment as Fragment28, jsx as jsx101, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx102, jsxs as jsxs64 } from "react/jsx-runtime";
 function ListBoxSection(props) {
   const {
     section,
@@ -18186,18 +18218,18 @@ function ListBoxSection(props) {
   const isPersistentSection = section.key !== state.collection.getFirstKey();
   const childNodes = [...section.childNodes];
   return /* @__PURE__ */ jsxs64(Fragment28, { children: [
-    isPersistentSection && /* @__PURE__ */ jsx101("li", { ...separatorProps, ...trussProps66({
+    isPersistentSection && /* @__PURE__ */ jsx102("li", { ...separatorProps, ...trussProps66({
       borderTopStyle: "bts_solid",
       borderTopWidth: "btw_1px",
       borderColor: ["bc_var", {
         "--borderColor": "var(--b-surface-separator)"
       }]
     }) }),
-    /* @__PURE__ */ jsx101("li", { ...itemProps, ...trussProps66({
+    /* @__PURE__ */ jsx102("li", { ...itemProps, ...trussProps66({
       ...!isPersistentSection ? {
         overflow: "oa"
       } : {}
-    }), children: /* @__PURE__ */ jsx101("ul", { ...trussProps66({
+    }), children: /* @__PURE__ */ jsx102("ul", { ...trussProps66({
       padding: "p_0",
       margin: "m_0",
       listStyle: "listNone",
@@ -18206,12 +18238,12 @@ function ListBoxSection(props) {
           "--height": `${popoverHeight - sectionSeparatorHeight - persistentItemHeight}px`
         }]
       } : {}
-    }), ...groupProps, children: isPersistentSection ? childNodes.map((item) => /* @__PURE__ */ jsx101(Option, { item, state, disabledReason: disabledOptionsWithReasons[item.key] }, item.key)) : /* @__PURE__ */ jsx101(VirtualizedOptions, { state, items: childNodes, onListHeightChange, scrollOnFocus, disabledOptionsWithReasons }) }) })
+    }), ...groupProps, children: isPersistentSection ? childNodes.map((item) => /* @__PURE__ */ jsx102(Option, { item, state, disabledReason: disabledOptionsWithReasons[item.key] }, item.key)) : /* @__PURE__ */ jsx102(VirtualizedOptions, { state, items: childNodes, onListHeightChange, scrollOnFocus, disabledOptionsWithReasons }) }) })
   ] });
 }
 
 // src/inputs/internal/ListBoxToggleChip.tsx
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 function ListBoxToggleChip(props) {
   const {
     state,
@@ -18220,14 +18252,14 @@ function ListBoxToggleChip(props) {
     getOptionValue,
     disabled = false
   } = props;
-  return /* @__PURE__ */ jsx102("li", { className: "mr1 mb1", children: /* @__PURE__ */ jsx102(ToggleChip, { text: getOptionLabel(option), onClick: () => {
+  return /* @__PURE__ */ jsx103("li", { className: "mr1 mb1", children: /* @__PURE__ */ jsx103(ToggleChip, { text: getOptionLabel(option), onClick: () => {
     state.selectionManager.toggleSelection(String(getOptionValue(option)));
   }, disabled }) });
 }
 
 // src/inputs/internal/ListBox.tsx
 import { trussProps as trussProps67 } from "@homebound/truss/runtime";
-import { jsx as jsx103, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs65 } from "react/jsx-runtime";
 function ListBox(props) {
   const {
     state,
@@ -18297,7 +18329,7 @@ function ListBox(props) {
       boxShadow: "bshBasic h_bshHover"
     } : {}
   }), ref: listBoxRef, ...listBoxProps, children: [
-    isMultiSelect && !hideChips && selectedOptions.length > 0 && /* @__PURE__ */ jsx103("ul", { ...trussProps67({
+    isMultiSelect && !hideChips && selectedOptions.length > 0 && /* @__PURE__ */ jsx104("ul", { ...trussProps67({
       padding: "p_0",
       margin: "m_0",
       listStyle: "listNone",
@@ -18314,8 +18346,8 @@ function ListBox(props) {
       flexWrap: "fww",
       maxHeight: "maxh50",
       overflow: "oa"
-    }), ref: selectedList, children: selectedOptions.map((o) => /* @__PURE__ */ jsx103(ListBoxToggleChip, { state, option: o, getOptionValue, getOptionLabel, disabled: state.disabledKeys.has(getOptionValue(o)) }, getOptionValue(o))) }),
-    /* @__PURE__ */ jsx103("ul", { className: "p_0 m_0 listNone fg1", children: hasSections ? [...state.collection].map((section) => /* @__PURE__ */ jsx103(
+    }), ref: selectedList, children: selectedOptions.map((o) => /* @__PURE__ */ jsx104(ListBoxToggleChip, { state, option: o, getOptionValue, getOptionLabel, disabled: state.disabledKeys.has(getOptionValue(o)) }, getOptionValue(o))) }),
+    /* @__PURE__ */ jsx104("ul", { className: "p_0 m_0 listNone fg1", children: hasSections ? [...state.collection].map((section) => /* @__PURE__ */ jsx104(
       ListBoxSection,
       {
         section,
@@ -18326,7 +18358,7 @@ function ListBox(props) {
         disabledOptionsWithReasons
       },
       section.key
-    )) : /* @__PURE__ */ jsx103(
+    )) : /* @__PURE__ */ jsx104(
       VirtualizedOptions,
       {
         state,
@@ -18343,7 +18375,7 @@ function ListBox(props) {
 var maxPopoverHeight = 512;
 
 // src/inputs/TreeSelectField/TreeSelectField.tsx
-import { jsx as jsx104, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs66 } from "react/jsx-runtime";
 function TreeSelectField(props) {
   const {
     getOptionValue = (opt) => opt.id,
@@ -18372,7 +18404,7 @@ function TreeSelectField(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [collapsedKeys, setCollapsedKeys, groupKeys]
   );
-  return /* @__PURE__ */ jsx104(CollapsedContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx104(TreeSelectFieldBase, { ...otherProps, options, getOptionLabel, getOptionValue, values, onSelect: ({
+  return /* @__PURE__ */ jsx105(CollapsedContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx105(TreeSelectFieldBase, { ...otherProps, options, getOptionLabel, getOptionValue, values, onSelect: ({
     all,
     leaf,
     root
@@ -18385,7 +18417,7 @@ function TreeSelectField(props) {
   } }) });
 }
 function useTreeSelectFieldProvider() {
-  return useContext20(CollapsedContext);
+  return useContext21(CollapsedContext);
 }
 var CollapsedContext = React14.createContext({
   collapsedKeys: [],
@@ -18544,7 +18576,7 @@ function TreeSelectFieldBase(props) {
       }));
     }
   }
-  const comboBoxChildren = useCallback18(([item]) => /* @__PURE__ */ jsx104(Item3, { textValue: getOptionLabel(item), children: getOptionMenuLabel(item) }, valueToKey(getOptionValue(item))), [getOptionValue, getOptionLabel, getOptionMenuLabel]);
+  const comboBoxChildren = useCallback18(([item]) => /* @__PURE__ */ jsx105(Item3, { textValue: getOptionLabel(item), children: getOptionMenuLabel(item) }, valueToKey(getOptionValue(item))), [getOptionValue, getOptionLabel, getOptionMenuLabel]);
   const comboBoxProps = {
     ...otherProps,
     disabledKeys,
@@ -18744,8 +18776,8 @@ function TreeSelectFieldBase(props) {
       maxWidth: "maxw100"
     } : {}
   }), ref: comboBoxRef, children: [
-    /* @__PURE__ */ jsx104(ComboBoxInput, { ...otherProps, fullWidth, labelStyle, buttonProps, buttonRef: triggerRef, inputProps, inputRef, inputWrapRef, listBoxRef, state, labelProps, selectedOptions: fieldState.selectedOptions, selectedOptionsLabels: fieldState.selectedOptionsLabels, getOptionValue, getOptionLabel, borderless, tooltip: resolveTooltip(disabled, void 0, readOnly), resetField, nothingSelectedText, isTree: true }),
-    state.isOpen && /* @__PURE__ */ jsx104(
+    /* @__PURE__ */ jsx105(ComboBoxInput, { ...otherProps, fullWidth, labelStyle, buttonProps, buttonRef: triggerRef, inputProps, inputRef, inputWrapRef, listBoxRef, state, labelProps, selectedOptions: fieldState.selectedOptions, selectedOptionsLabels: fieldState.selectedOptionsLabels, getOptionValue, getOptionLabel, borderless, tooltip: resolveTooltip(disabled, void 0, readOnly), resetField, nothingSelectedText, isTree: true }),
+    state.isOpen && /* @__PURE__ */ jsx105(
       Popover,
       {
         triggerRef,
@@ -18754,7 +18786,7 @@ function TreeSelectFieldBase(props) {
         onClose: () => state.toggle(),
         isOpen: state.isOpen,
         minWidth: 320,
-        children: /* @__PURE__ */ jsx104(ListBox, { ...listBoxProps, positionProps, state, listBoxRef, selectedOptions: fieldState.selectedChipOptions, getOptionLabel, getOptionValue: (o) => valueToKey(getOptionValue(o)), horizontalLayout: labelStyle === "left", loading: fieldState.optionsLoading, disabledOptionsWithReasons, isTree: true })
+        children: /* @__PURE__ */ jsx105(ListBox, { ...listBoxProps, positionProps, state, listBoxRef, selectedOptions: fieldState.selectedChipOptions, getOptionLabel, getOptionValue: (o) => valueToKey(getOptionValue(o)), horizontalLayout: labelStyle === "left", loading: fieldState.optionsLoading, disabledOptionsWithReasons, isTree: true })
       }
     )
   ] });
@@ -18814,7 +18846,7 @@ function isLeafOption(option) {
 
 // src/inputs/internal/ComboBoxInput.tsx
 import { trussProps as trussProps69 } from "@homebound/truss/runtime";
-import { jsx as jsx105 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 function ComboBoxInput(props) {
   const {
     inputProps,
@@ -18867,9 +18899,9 @@ function ComboBoxInput(props) {
     inputWrapRef,
     value: inputProps.value
   });
-  return /* @__PURE__ */ jsx105(TextFieldBase, { ...otherProps, ...multilineProps, unfocusedPlaceholder: showChipSelection && /* @__PURE__ */ jsx105(Chips, { compact: otherProps.compact, values: chipLabels, wrap: allowWrap }), inputRef, inputWrapRef, errorMsg, xss: otherProps.labelStyle !== "inline" && !inputProps.readOnly ? {
+  return /* @__PURE__ */ jsx106(TextFieldBase, { ...otherProps, ...multilineProps, unfocusedPlaceholder: showChipSelection && /* @__PURE__ */ jsx106(Chips, { compact: otherProps.compact, values: chipLabels, wrap: allowWrap }), inputRef, inputWrapRef, errorMsg, xss: otherProps.labelStyle !== "inline" && !inputProps.readOnly ? {
     fontWeight: "fw5"
-  } : void 0, startAdornment: showNumSelection && /* @__PURE__ */ jsx105(Tooltip, { title: /* @__PURE__ */ jsx105(SelectedOptionBullets, { labels: chipLabels }), children: /* @__PURE__ */ jsx105(CountBadge, { count: selectedChipCount, "data-testid": "selectedOptionsCount" }) }) || showFieldDecoration && fieldDecoration(selectedOptions[0]), endAdornment: !inputProps.readOnly && /* @__PURE__ */ jsx105("button", { ...buttonProps, disabled: inputProps.disabled, ref: buttonRef, ...trussProps69({
+  } : void 0, startAdornment: showNumSelection && /* @__PURE__ */ jsx106(Tooltip, { title: /* @__PURE__ */ jsx106(SelectedOptionBullets, { labels: chipLabels }), children: /* @__PURE__ */ jsx106(CountBadge, { count: selectedChipCount, "data-testid": "selectedOptionsCount" }) }) || showFieldDecoration && fieldDecoration(selectedOptions[0]), endAdornment: !inputProps.readOnly && /* @__PURE__ */ jsx106("button", { ...buttonProps, disabled: inputProps.disabled, ref: buttonRef, ...trussProps69({
     ...{
       borderRadius: "br4",
       outline: "ol_0",
@@ -18883,7 +18915,7 @@ function ComboBoxInput(props) {
         "--color": "var(--b-field-text-disabled)"
       }]
     } : {}
-  }), "data-testid": "toggleListBox", children: /* @__PURE__ */ jsx105(Icon, { icon: state.isOpen ? "chevronUp" : "chevronDown" }) }), inputProps: {
+  }), "data-testid": "toggleListBox", children: /* @__PURE__ */ jsx106(Icon, { icon: state.isOpen ? "chevronUp" : "chevronDown" }) }), inputProps: {
     ...mergeProps19(inputProps, {
       "aria-invalid": Boolean(errorMsg),
       onInput: () => state.open()
@@ -18962,12 +18994,12 @@ function ComboBoxInput(props) {
 function SelectedOptionBullets({
   labels = []
 }) {
-  return /* @__PURE__ */ jsx105("div", { children: labels?.map((label) => /* @__PURE__ */ jsx105("li", { children: label }, label)) });
+  return /* @__PURE__ */ jsx106("div", { children: labels?.map((label) => /* @__PURE__ */ jsx106("li", { children: label }, label)) });
 }
 
 // src/inputs/internal/ComboBoxBase.tsx
 import { useDebounce } from "use-debounce";
-import { jsx as jsx106, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs67 } from "react/jsx-runtime";
 function ComboBoxBase(props) {
   const {
     fieldProps
@@ -19015,7 +19047,7 @@ function ComboBoxBase(props) {
         return propOptionMenuLabel(o, Boolean(unsetLabel) && o === unsetOption, isAddNew);
       }
       const label = getOptionLabel(o);
-      return isAddNew ? /* @__PURE__ */ jsx106("span", { className: "fsyi", children: label }) : label;
+      return isAddNew ? /* @__PURE__ */ jsx107("span", { className: "fsyi", children: label }) : label;
     },
     // propOptionMenuLabel is basically always a lambda, so don't dep on it
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -19102,7 +19134,7 @@ function ComboBoxBase(props) {
   const listBoxRef = useRef39(null);
   const popoverRef = useRef39(null);
   const disabledOptionsWithReasons = Object.fromEntries(disabledOptions?.map(disabledOptionToKeyedTuple) ?? []);
-  const comboBoxChildren = useCallback19((item) => /* @__PURE__ */ jsx106(Item4, { textValue: getOptionLabel(item), children: getOptionMenuLabel(item) }, valueToKey(getOptionValue(item))), [getOptionValue, getOptionLabel, getOptionMenuLabel]);
+  const comboBoxChildren = useCallback19((item) => /* @__PURE__ */ jsx107(Item4, { textValue: getOptionLabel(item), children: getOptionMenuLabel(item) }, valueToKey(getOptionValue(item))), [getOptionValue, getOptionLabel, getOptionMenuLabel]);
   const selectedKeys = useMemo27(() => {
     return selectedOptions.map((o) => valueToKey(getOptionValue(o)));
   }, [selectedOptions, getOptionValue]);
@@ -19225,8 +19257,8 @@ function ComboBoxBase(props) {
       maxWidth: "maxw100"
     } : {}
   }), ref: comboBoxRef, children: [
-    /* @__PURE__ */ jsx106(ComboBoxInput, { ...otherProps, inputStylePalette, fullWidth, buttonProps, buttonRef: triggerRef, inputProps, inputRef, inputWrapRef, listBoxRef, state, labelProps, selectedOptions, getOptionValue, getOptionLabel, nothingSelectedText, borderless, tooltip: resolveTooltip(disabled, void 0, readOnly), resetField, hideChips, ...proposalProps }),
-    state.isOpen && /* @__PURE__ */ jsx106(
+    /* @__PURE__ */ jsx107(ComboBoxInput, { ...otherProps, inputStylePalette, fullWidth, buttonProps, buttonRef: triggerRef, inputProps, inputRef, inputWrapRef, listBoxRef, state, labelProps, selectedOptions, getOptionValue, getOptionLabel, nothingSelectedText, borderless, tooltip: resolveTooltip(disabled, void 0, readOnly), resetField, hideChips, ...proposalProps }),
+    state.isOpen && /* @__PURE__ */ jsx107(
       Popover,
       {
         triggerRef,
@@ -19235,7 +19267,7 @@ function ComboBoxBase(props) {
         onClose: () => multiselect ? state.toggle() : state.close(),
         isOpen: state.isOpen,
         minWidth: 200,
-        children: /* @__PURE__ */ jsx106(ListBox, { ...listBoxProps, positionProps, state, listBoxRef, selectedOptions, getOptionLabel, getOptionValue: (o) => valueToKey(getOptionValue(o)), horizontalLayout: labelStyle === "left", loading: fieldState.optionsLoading, disabledOptionsWithReasons, hideChips })
+        children: /* @__PURE__ */ jsx107(ListBox, { ...listBoxProps, positionProps, state, listBoxRef, selectedOptions, getOptionLabel, getOptionValue: (o) => valueToKey(getOptionValue(o)), horizontalLayout: labelStyle === "left", loading: fieldState.optionsLoading, disabledOptionsWithReasons, hideChips })
       }
     )
   ] });
@@ -19315,7 +19347,7 @@ function disabledOptionToKeyedTuple(disabledOption) {
 }
 
 // src/inputs/SelectField.tsx
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 function SelectField(props) {
   const {
     getOptionValue = defaultOptionValue,
@@ -19328,7 +19360,7 @@ function SelectField(props) {
   } = props;
   const values = useMemo28(() => [value], [value]);
   const proposedValues = useMemo28(() => proposedValue === void 0 ? void 0 : [proposedValue], [proposedValue]);
-  return /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx108(
     ComboBoxBase,
     {
       ...otherProps,
@@ -19348,7 +19380,7 @@ function SelectField(props) {
 }
 
 // src/components/Filters/Filters.tsx
-import { jsx as jsx108, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs68 } from "react/jsx-runtime";
 function Filters(props) {
   const {
     filter,
@@ -19370,7 +19402,7 @@ function Filters(props) {
     return [Object.fromEntries(impls), {}];
   }, [numberOfInlineFilters, vertical, filterDefs]);
   const numModalFilters = safeKeys(modalFilters).filter((fk) => filter[fk] !== void 0).length;
-  const maybeGroupByField = groupBy ? /* @__PURE__ */ jsx108("div", { children: /* @__PURE__ */ jsx108(SelectField, { label: "Group by", labelStyle: !vertical ? "inline" : "above", sizeToContent: !vertical, options: groupBy.options, getOptionValue: (o) => o.id, getOptionLabel: (o) => o.name, value: groupBy.value, onSelect: (g) => g && groupBy.setValue(g) }) }) : null;
+  const maybeGroupByField = groupBy ? /* @__PURE__ */ jsx109("div", { children: /* @__PURE__ */ jsx109(SelectField, { label: "Group by", labelStyle: !vertical ? "inline" : "above", sizeToContent: !vertical, options: groupBy.options, getOptionValue: (o) => o.id, getOptionLabel: (o) => o.name, value: groupBy.value, onSelect: (g) => g && groupBy.setValue(g) }) }) : null;
   return /* @__PURE__ */ jsxs68("div", { ...trussProps71({
     ...vertical ? {
       display: "df",
@@ -19383,19 +19415,19 @@ function Filters(props) {
     }
   }), ...testId, children: [
     maybeGroupByField,
-    safeEntries(pageFilters).map(([key, f]) => /* @__PURE__ */ jsx108("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, vertical) }, key)),
-    Object.keys(modalFilters).length > 0 && /* @__PURE__ */ jsx108(Button, { label: "More Filters", endAdornment: /* @__PURE__ */ jsx108(CountBadge, { count: numModalFilters, hideIfZero: true }), variant: "secondary", onClick: () => openModal({
+    safeEntries(pageFilters).map(([key, f]) => /* @__PURE__ */ jsx109("div", { children: f.render(filter[key], (value) => onChange(updateFilter(filter, key, value)), testId, false, vertical) }, key)),
+    Object.keys(modalFilters).length > 0 && /* @__PURE__ */ jsx109(Button, { label: "More Filters", endAdornment: /* @__PURE__ */ jsx109(CountBadge, { count: numModalFilters, hideIfZero: true }), variant: "secondary", onClick: () => openModal({
       // Spreading `props` to pass along `data-testid`
-      content: /* @__PURE__ */ jsx108(FilterModal, { ...props, filter, onApply: onChange, filters: modalFilters })
+      content: /* @__PURE__ */ jsx109(FilterModal, { ...props, filter, onApply: onChange, filters: modalFilters })
     }), ...testId.moreFiltersBtn }),
-    Object.keys(filter).length > 0 && /* @__PURE__ */ jsx108("div", { children: /* @__PURE__ */ jsx108(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn }) })
+    Object.keys(filter).length > 0 && /* @__PURE__ */ jsx109("div", { children: /* @__PURE__ */ jsx109(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn }) })
   ] });
 }
 var _Filters = memo(Filters);
 
 // src/components/Headers/HeaderActions.tsx
 import { trussProps as trussProps72 } from "@homebound/truss/runtime";
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 function HeaderActions(props) {
   const {
     actions,
@@ -19408,12 +19440,12 @@ function HeaderActions(props) {
   } = useBreakpoint();
   const collapse = collapseOnSm && sm && actions.length > 1;
   if (collapse) {
-    return /* @__PURE__ */ jsx109("div", { ...trussProps72(actionRowCss), ...tid, children: /* @__PURE__ */ jsx109(ButtonMenu, { trigger: {
+    return /* @__PURE__ */ jsx110("div", { ...trussProps72(actionRowCss), ...tid, children: /* @__PURE__ */ jsx110(ButtonMenu, { trigger: {
       icon: "verticalDots",
       variant: "outline"
     }, items: toMenuItems(actions) }) });
   }
-  return /* @__PURE__ */ jsx109("div", { ...trussProps72(actionRowCss), ...tid, children: actions.map(renderHeaderAction) });
+  return /* @__PURE__ */ jsx110("div", { ...trussProps72(actionRowCss), ...tid, children: actions.map(renderHeaderAction) });
 }
 function splitHeaderActionsOnSm(actions, sm) {
   if (!sm) return {
@@ -19440,7 +19472,7 @@ function renderHeaderAction(action, index) {
       keepVisible: _keepVisible2,
       ...iconProps
     } = action;
-    return /* @__PURE__ */ jsx109(IconButton, { ...iconProps, variant: "outline" }, key);
+    return /* @__PURE__ */ jsx110(IconButton, { ...iconProps, variant: "outline" }, key);
   }
   if (action.kind === "menu") {
     const {
@@ -19448,14 +19480,14 @@ function renderHeaderAction(action, index) {
       keepVisible: _keepVisible2,
       ...menuProps
     } = action;
-    return /* @__PURE__ */ jsx109(ButtonMenu, { ...menuProps }, key);
+    return /* @__PURE__ */ jsx110(ButtonMenu, { ...menuProps }, key);
   }
   const {
     keepVisible: _keepVisible,
     kind: _kind,
     ...buttonProps
   } = action;
-  return /* @__PURE__ */ jsx109(Button, { ...buttonProps }, key);
+  return /* @__PURE__ */ jsx110(Button, { ...buttonProps }, key);
 }
 function headerActionKey(action, index) {
   if (action.kind === "icon") return `${action.icon}-${index}`;
@@ -19494,17 +19526,6 @@ function toMenuItems(actions) {
   });
 }
 
-// src/layouts/ContentInsetContext.tsx
-import { createContext as createContext11, useContext as useContext21 } from "react";
-import { jsx as jsx110 } from "react/jsx-runtime";
-var ContentInsetContext = createContext11(false);
-function ContentInsetProvider({ children }) {
-  return /* @__PURE__ */ jsx110(ContentInsetContext.Provider, { value: true, children });
-}
-function useContentInsetHandled() {
-  return useContext21(ContentInsetContext);
-}
-
 // src/components/Headers/ContentHeader.tsx
 import { trussProps as trussProps73 } from "@homebound/truss/runtime";
 import { jsx as jsx111, jsxs as jsxs69 } from "react/jsx-runtime";
@@ -23997,7 +24018,9 @@ function useScrollPinnedViewportBounds(anchorRef, enabled, getPinTopPx) {
     const isPinned = rect.top <= pinTopPx + 1;
     const topPx = isPinned ? pinTopPx : Math.round(rect.top);
     const heightPx = Math.max(0, Math.round(window.innerHeight - topPx));
-    setBounds((prev) => prev?.topPx === topPx && prev?.heightPx === heightPx ? prev : { topPx, heightPx });
+    setBounds(
+      (prev) => prev?.topPx === topPx && prev?.heightPx === heightPx && prev?.isPinned === isPinned ? prev : { topPx, heightPx, isPinned }
+    );
   }, [anchorRef]);
   useLayoutEffect6(() => {
     getPinTopPxRef.current = getPinTopPx;
@@ -24216,7 +24239,10 @@ function DocumentScrollRightPane({
         borderLeftWidth: "blw_1px",
         borderColor: ["bc_var", {
           "--borderColor": "var(--b-surface-separator)"
-        }]
+        }],
+        ...!!paneBounds?.isPinned ? {
+          transition: "tsn_top_200ms_cubic_bezier_0_4_0_0_2_1_height_200ms_cubic_bezier_0_4_0_0_2_1"
+        } : {}
       }),
       initial: {
         x: slideX
@@ -24531,6 +24557,8 @@ function FilterPanelOpen({
 }) {
   const tid = useTestIds({}, filterTestIdPrefix);
   const inDocumentScrollLayout = useDocumentScrollLayout();
+  const insetHandled = useContentInsetHandled();
+  const withPagePadding = inDocumentScrollLayout && !insetHandled;
   const activeFilterCount = getActiveFilterCount(filter ?? {});
   const filterControls = filter && setFilter ? buildFilterControls(filterImpls, filter, setFilter, tid) : null;
   return /* @__PURE__ */ jsxs88("div", { ...trussProps99({
@@ -24547,7 +24575,7 @@ function FilterPanelOpen({
     ...{
       flexWrap: "mdandup_fww"
     },
-    ...inDocumentScrollLayout ? pageContentPaddingX : void 0
+    ...withPagePadding ? pageContentPaddingX : void 0
   }), children: [
     groupBy && /* @__PURE__ */ jsx175("div", { children: /* @__PURE__ */ jsx175(GroupByField, { ...groupBy }) }),
     filterControls,
@@ -24562,6 +24590,8 @@ function FilterPanelClosed({
 }) {
   const tid = useTestIds({}, filterTestIdPrefix);
   const inDocumentScrollLayout = useDocumentScrollLayout();
+  const insetHandled = useContentInsetHandled();
+  const withPagePadding = inDocumentScrollLayout && !insetHandled;
   if (!filter || !setFilter) return null;
   const chips = safeEntries(filterImpls).flatMap(([key, f]) => chipsForFilterKey(key, f, filter, setFilter, tid));
   if (chips.length === 0) return null;
@@ -24573,7 +24603,7 @@ function FilterPanelClosed({
       minWidth: "mw0",
       flexWrap: "fww"
     },
-    ...inDocumentScrollLayout ? pageContentPaddingX : void 0
+    ...withPagePadding ? pageContentPaddingX : void 0
   }), children: [
     chips,
     /* @__PURE__ */ jsx175(Button, { label: "Clear", variant: "tertiary", onClick: () => maybeCall(onClear), ...tid.clearBtn })
@@ -24631,6 +24661,8 @@ function GridTableLayoutActionsComponent(props) {
     sm
   } = useBreakpoint();
   const inDocumentScrollLayout = useDocumentScrollLayout();
+  const insetHandled = useContentInsetHandled();
+  const withPagePadding = inDocumentScrollLayout && !insetHandled;
   const [showSearch, setShowSearch] = useState47(false);
   const [showFilters, setShowFilters] = useState47(false);
   const [{
@@ -24674,6 +24706,7 @@ function GridTableLayoutActionsComponent(props) {
     display: "df",
     flexDirection: "fdc",
     gap: "g_1",
+    paddingTop: "pt3",
     paddingBottom: "pb2",
     ...view === "card" ? {
       paddingBottom: "pb3"
@@ -24683,11 +24716,10 @@ function GridTableLayoutActionsComponent(props) {
       ...{
         display: "df",
         gap: "g_1",
-        justifyContent: "jcsb",
-        paddingTop: "pt3"
+        justifyContent: "jcsb"
       },
-      ...inDocumentScrollLayout ? pageContentPaddingX : void 0
-    }), children: [
+      ...withPagePadding ? pageContentPaddingX : void 0
+    }), ...testId.toolbar, children: [
       /* @__PURE__ */ jsxs89("div", { className: "df g_12px aic", children: [
         !sm && hasSearch && /* @__PURE__ */ jsx176("div", { className: "w_244px", children: searchTextField }),
         sm && hasSearch && /* @__PURE__ */ jsx176(IconButton, { variant: "outline", icon: searchValue ? "searchBadged" : "search", label: "Search", onClick: () => setShowSearch(!showSearch), active: showSearch, ...testId.searchButton }),
@@ -24704,7 +24736,7 @@ function GridTableLayoutActionsComponent(props) {
         !!actions?.length && /* @__PURE__ */ jsx176(HeaderActions, { actions, ...testId.actions })
       ] })
     ] }),
-    sm && showSearch && /* @__PURE__ */ jsx176("div", { ...trussProps100(pageContentPaddingX), children: searchTextField }),
+    sm && showSearch && /* @__PURE__ */ jsx176("div", { ...trussProps100(withPagePadding ? pageContentPaddingX : void 0), children: searchTextField }),
     hasFilterControls && !showInlineControl && /* @__PURE__ */ jsx176(FilterPanel, { isOpen: showFilters, groupBy, filterImpls, filter, setFilter, onClear: clearFilters })
   ] });
 }
@@ -24821,12 +24853,11 @@ function GridTableLayoutComponent(props) {
   const emptyState = useMemo45(() => composeEmptyState(tableProps, layoutState, layoutEmptyFallback, clearFilters), [layoutEmptyFallback, layoutState, tableProps, clearFilters]);
   const tableActionsEl = /* @__PURE__ */ jsx178(_GridTableLayoutActions, { filterDefs: layoutState?.filterDefs, filter: layoutState?.filter, setFilter: layoutState?.setFilter, groupBy: layoutState?.groupBy, searchProps: filterSearchProps, hasHideableColumns, columns, api, withCardView, view, setView, clearFilters, searchApi: searchApiRef, actions });
   const cardAs = view === "card" ? "card" : void 0;
-  const tableStyle = useMemo45(() => resolveGridTableLayoutStyle(tableProps.style, inDocumentScrollLayout), [tableProps.style, inDocumentScrollLayout]);
   const tableBody = /* @__PURE__ */ jsx178(Fragment40, { children: isGridTableProps(tableProps) ? /* @__PURE__ */ jsx178(GridTable, { ...tableProps, ...cardAs ? {
     as: cardAs
-  } : {}, api, emptyState, filter: clientSearch, style: tableStyle, stickyHeader: true, disableColumnResizing: false, visibleColumnsStorageKey, columnGutter: inDocumentScrollLayout }) : /* @__PURE__ */ jsx178(QueryTable, { ...tableProps, ...cardAs ? {
+  } : {}, api, emptyState, filter: clientSearch, stickyHeader: true, disableColumnResizing: false, visibleColumnsStorageKey, columnGutter: inDocumentScrollLayout }) : /* @__PURE__ */ jsx178(QueryTable, { ...tableProps, ...cardAs ? {
     as: cardAs
-  } : {}, api, emptyState, filter: clientSearch, style: tableStyle, stickyHeader: true, disableColumnResizing: false, visibleColumnsStorageKey, columnGutter: inDocumentScrollLayout }) });
+  } : {}, api, emptyState, filter: clientSearch, stickyHeader: true, disableColumnResizing: false, visibleColumnsStorageKey, columnGutter: inDocumentScrollLayout }) });
   const tableScrollContent = /* @__PURE__ */ jsxs91(Fragment40, { children: [
     showTableActions && /* @__PURE__ */ jsx178("div", { ref: tableActionsRef, ...trussProps101({
       ...inDocumentScrollLayout ? {
@@ -24860,7 +24891,15 @@ function GridTableLayoutComponent(props) {
   ] });
   return (
     /* Wrapper sets --beam-table-actions-height so sticky headers / the pane can read it. */
-    /* @__PURE__ */ jsx178("div", { ref: tableWrapperRef, className: "d_contents", ...tid.tableWrapper, children: tableScrollContent })
+    /* @__PURE__ */ jsx178("div", { ref: tableWrapperRef, ...trussProps101(inDocumentScrollLayout ? {
+      display: "df",
+      flexDirection: "fdc",
+      width: "wfc",
+      minWidth: "mw100"
+    } : {
+      display: "df",
+      flexDirection: "fdc"
+    }), ...showTableActions ? selfTopSpaced : {}, ...tid.tableWrapper, children: tableScrollContent })
   );
 }
 var GridTableLayout = React18.memo(GridTableLayoutComponent);
@@ -24949,22 +24988,6 @@ function useSetTableActionsHeight(tableWrapperRef, tableActionsRef, enabled) {
     };
   }, [tableWrapperRef, syncHeightVar]);
 }
-function resolveGridTableLayoutStyle(userStyle, inDocumentScrollLayout) {
-  const layoutDefaults = {
-    allWhite: true,
-    roundedHeader: !inDocumentScrollLayout
-  };
-  if (userStyle === void 0) {
-    return layoutDefaults;
-  }
-  if (isGridStyleDef(userStyle)) {
-    return {
-      ...layoutDefaults,
-      ...userStyle
-    };
-  }
-  return userStyle;
-}
 
 // src/components/Layout/PreventBrowserScroll.tsx
 import { jsx as jsx179 } from "react/jsx-runtime";
@@ -29192,49 +29215,41 @@ import { useLayoutEffect as useLayoutEffect14, useRef as useRef71, useState as u
 var THRESHOLD = 80;
 function getInitialAutoHideState() {
   if (typeof window === "undefined" || window.scrollY <= 0) {
-    return { state: "static", atTop: true };
+    return "resting";
   }
-  return { state: "hidden", atTop: false };
+  return "hidden";
 }
 function useAutoHideOnScroll(spacerRef, enabled, getTopOffset) {
   const initial = getInitialAutoHideState();
-  const [state, setState] = useState62(initial.state);
-  const stateRef = useRef71(initial.state);
-  const [atTop, setAtTop] = useState62(initial.atTop);
-  const atTopRef = useRef71(initial.atTop);
+  const [state, setState] = useState62(initial);
+  const stateRef = useRef71(initial);
   const getTopOffsetRef = useRef71(getTopOffset);
   getTopOffsetRef.current = getTopOffset;
   const lastScrollY = useRef71(Number.POSITIVE_INFINITY);
   const lastScrollHeight = useRef71(0);
   useLayoutEffect14(() => {
     if (!enabled) {
-      stateRef.current = "static";
-      atTopRef.current = true;
+      stateRef.current = "resting";
       lastScrollY.current = Number.POSITIVE_INFINITY;
       lastScrollHeight.current = 0;
-      setState("static");
-      setAtTop(true);
+      setState("resting");
       return;
     }
-    const commit = (nextState, nextAtTop) => {
+    const commit = (nextState) => {
       if (nextState !== stateRef.current) {
         stateRef.current = nextState;
         setState(nextState);
       }
-      if (nextAtTop !== atTopRef.current) {
-        atTopRef.current = nextAtTop;
-        setAtTop(nextAtTop);
-      }
     };
     const autoHideStateOnLayoutChange = (rect, topOffset) => {
       const nextAtTop = rect.top >= topOffset;
       let next = stateRef.current;
       if (nextAtTop) {
-        next = "static";
+        next = "resting";
       } else if (rect.bottom < -THRESHOLD && next !== "revealed") {
         next = "hidden";
       }
-      return { next, nextAtTop };
+      return next;
     };
     const updateAutoHideState = () => {
       const el = spacerRef.current;
@@ -29245,7 +29260,7 @@ function useAutoHideOnScroll(spacerRef, enabled, getTopOffset) {
       lastScrollHeight.current = currentScrollHeight;
       if (window.scrollY <= 0) {
         lastScrollY.current = 0;
-        commit("static", true);
+        commit("resting");
         return;
       }
       const currentY = window.scrollY;
@@ -29253,8 +29268,7 @@ function useAutoHideOnScroll(spacerRef, enabled, getTopOffset) {
       const topOffset = getTopOffsetRef.current?.() ?? 0;
       if (scrollHeightChanged) {
         lastScrollY.current = currentY;
-        const { next: next2, nextAtTop: nextAtTop2 } = autoHideStateOnLayoutChange(rect, topOffset);
-        commit(next2, nextAtTop2);
+        commit(autoHideStateOnLayoutChange(rect, topOffset));
         return;
       }
       const dy = currentY - lastScrollY.current;
@@ -29263,18 +29277,18 @@ function useAutoHideOnScroll(spacerRef, enabled, getTopOffset) {
       const nextAtTop = rect.top >= topOffset;
       let next = stateRef.current;
       if (nextAtTop) {
-        next = "static";
+        next = "resting";
       } else if (rect.bottom < -THRESHOLD) {
         if (dy < 0 && !atBottom) next = "revealed";
         else if (dy > 0) next = "hidden";
       }
-      commit(next, nextAtTop);
+      commit(next);
     };
     updateAutoHideState();
     window.addEventListener("scroll", updateAutoHideState, { passive: true });
     return () => window.removeEventListener("scroll", updateAutoHideState);
   }, [enabled, spacerRef]);
-  return { state, atTop };
+  return { state };
 }
 
 // src/layouts/useMeasuredHeight.ts
@@ -29294,6 +29308,19 @@ function useMeasuredHeight(ref, enabled) {
   return height;
 }
 
+// src/layouts/useTransitionAfterPaint.ts
+import { useLayoutEffect as useLayoutEffect16 } from "react";
+function useTransitionAfterPaint(ref, transition) {
+  useLayoutEffect16(() => {
+    const el = ref.current;
+    if (!el) return;
+    const id = requestAnimationFrame(() => {
+      el.style.transition = transition;
+    });
+    return () => cancelAnimationFrame(id);
+  }, [ref, transition]);
+}
+
 // src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
 import { createContext as createContext18, useContext as useContext29 } from "react";
 import { jsx as jsx232 } from "react/jsx-runtime";
@@ -29320,10 +29347,9 @@ function NavbarLayout(props) {
   const spacerRef = useRef72(null);
   const navHeight = useMeasuredHeight(navMetricsRef, true);
   const {
-    state: autoHideState,
-    atTop
+    state: autoHideState
   } = useAutoHideOnScroll(spacerRef, true);
-  const navOccupiesViewportTop = autoHideState === "revealed" || atTop;
+  const navOccupiesViewportTop = autoHideState !== "hidden";
   const navbarOffsetPx = navHeight > 0 && navOccupiesViewportTop ? navHeight : 0;
   const cssVars = navbarOffsetPx > 0 ? {
     [beamNavbarLayoutHeightVar]: `${navbarOffsetPx}px`
@@ -29337,9 +29363,9 @@ function NavbarLayout(props) {
     }],
     width: ["w_var", {
       "--width": maybeCssVar67(__maybeInc33(innerWidth))
-    }],
-    transition: "transitionTop"
+    }]
   };
+  useTransitionAfterPaint(navMetricsRef, "top 200ms cubic-bezier(0.4, 0, 0.2, 1)");
   const bannerTop = `var(${beamEnvironmentBannerLayoutHeightVar}, 0px)`;
   const innerStyle = {
     top: autoHideState === "hidden" ? `calc(${bannerTop} - ${navHeight}px)` : bannerTop
@@ -29365,11 +29391,11 @@ function NavbarLayout(props) {
 import { useCallback as useCallback43, useMemo as useMemo58, useRef as useRef73 } from "react";
 
 // src/hooks/useDocumentTitle.tsx
-import { useLayoutEffect as useLayoutEffect16 } from "react";
+import { useLayoutEffect as useLayoutEffect17 } from "react";
 function useDocumentTitle(...titleSegments) {
   const config = useDocumentTitleConfig();
   const pageTitle = joinDocumentTitleSegments(...titleSegments);
-  useLayoutEffect16(() => {
+  useLayoutEffect17(() => {
     if (!config || !pageTitle || typeof document === "undefined") {
       return;
     }
@@ -29499,10 +29525,9 @@ function PageHeaderLayout(props) {
   const spacerRef = useRef73(null);
   const headerHeight = useMeasuredHeight(headerMetricsRef, true);
   const {
-    state: autoHideState,
-    atTop
+    state: autoHideState
   } = useAutoHideOnScroll(spacerRef, true, getBannerAndNavbarHeight);
-  const headerOccupiesPosition = autoHideState === "revealed" || atTop;
+  const headerOccupiesPosition = autoHideState !== "hidden";
   const cssVars = headerHeight > 0 && headerOccupiesPosition ? {
     [beamPageHeaderLayoutHeightVar]: `${headerHeight}px`
   } : void 0;
@@ -29519,9 +29544,9 @@ function PageHeaderLayout(props) {
     }],
     zIndex: ["z_var", {
       "--zIndex": maybeCssVar68(zIndices.pageStickyHeader)
-    }],
-    transition: "transitionAll"
+    }]
   };
+  useTransitionAfterPaint(headerMetricsRef, "all 200ms cubic-bezier(0.4, 0, 0.2, 1)");
   const innerStyle = {
     top: autoHideState === "hidden" ? `calc(${outerTop} - ${headerHeight}px)` : outerTop
   };
@@ -29537,12 +29562,12 @@ function PageHeaderLayout(props) {
       flexShrink: "fs0",
       width: "w100"
     }), children: /* @__PURE__ */ jsx236("div", { ref: headerMetricsRef, ...mergeProps42(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
-    /* @__PURE__ */ jsx236("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
+    /* @__PURE__ */ jsx236("div", { className: "df fdc fg1 mh0 w100 first_child_n_data_self_top_spaced_mt3", ...tid.body, children })
   ] }) });
 }
 
 // src/layouts/Workflow/WorkflowPageLayout.tsx
-import { useLayoutEffect as useLayoutEffect17, useRef as useRef75 } from "react";
+import { useLayoutEffect as useLayoutEffect18, useRef as useRef75 } from "react";
 
 // src/components/Headers/WorkflowHeader.tsx
 import { jsx as jsx237 } from "react/jsx-runtime";
@@ -29755,7 +29780,7 @@ function WorkflowPageLayout(props) {
     [beamPageHeaderLayoutHeightVar]: `${headerHeight}px`
   } : void 0;
   const showFooter = isMobile;
-  useLayoutEffect17(() => {
+  useLayoutEffect18(() => {
     const root = document.documentElement;
     const previous = root.style.getPropertyValue(beamWorkflowLayoutFooterHeightVar);
     root.style.setProperty(beamWorkflowLayoutFooterHeightVar, showFooter ? `${mobileFooterHeightPx}px` : "0px");
@@ -30694,7 +30719,6 @@ export {
   recursivelyGetContainingRow,
   reservedRowKinds,
   resetRightPaneStore,
-  resolveGridTableLayoutStyle,
   resolveTableContentWidth,
   resolveTooltip,
   resolveWithRightPaneOptions,