@homebound/beam 3.19.0 → 3.20.0

package/dist/index.js

@@ -18885,7 +18885,7 @@ function invertSpacing(value) {
 
 // src/components/Layout/GridTableLayout/GridTableLayout.tsx
 import { useResizeObserver as useResizeObserver5 } from "@react-aria/utils";
-import React17, { useCallback as useCallback25, useEffect as useEffect28, useLayoutEffect as useLayoutEffect4, useMemo as useMemo38, useRef as useRef48, useState as useState44 } from "react";
+import React17, { useCallback as useCallback26, useEffect as useEffect28, useLayoutEffect as useLayoutEffect4, useMemo as useMemo38, useRef as useRef48, useState as useState45 } from "react";
 
 // src/components/ButtonMenu.tsx
 import { useRef as useRef46 } from "react";
@@ -19912,6 +19912,39 @@ function LoadingTable(props) {
   ] });
 }
 
+// src/components/Layout/GridTableLayout/usePersistedTableView.ts
+import { useCallback as useCallback25, useState as useState44 } from "react";
+function usePersistedTableView(defaultView, persist) {
+  const storageKey = persist ? getGridTableViewStorageKey(window.location.pathname) : void 0;
+  const [view, setView] = useState44(() => {
+    if (!storageKey) return defaultView;
+    try {
+      return parseStoredTableView(localStorage.getItem(storageKey)) ?? defaultView;
+    } catch {
+      return defaultView;
+    }
+  });
+  const setViewAndPersist = useCallback25(
+    (next) => {
+      setView(next);
+      if (storageKey) {
+        try {
+          localStorage.setItem(storageKey, next);
+        } catch {
+        }
+      }
+    },
+    [storageKey]
+  );
+  return [view, setViewAndPersist];
+}
+function getGridTableViewStorageKey(pathname) {
+  return `beam.gridTableLayout.view.${pathname}`;
+}
+function parseStoredTableView(raw) {
+  return raw === "list" || raw === "card" ? raw : void 0;
+}
+
 // src/components/Layout/GridTableLayout/GridTableLayout.tsx
 import { trussProps as trussProps72, maybeCssVar as maybeCssVar41 } from "@homebound/truss/runtime";
 import { Fragment as Fragment36, jsx as jsx148, jsxs as jsxs75 } from "react/jsx-runtime";
@@ -19941,7 +19974,7 @@ function GridTableLayoutComponent(props) {
     return columns.some((c) => c.canHide);
   }, [columns, hideEditColumns]);
   const api = useMemo38(() => tableProps.api ?? new GridTableApiImpl(), [tableProps.api]);
-  const [view, setView] = useState44(defaultView);
+  const [view, setView] = usePersistedTableView(defaultView, !!withCardView);
   const clientSearch = layoutState?.search === "client" ? layoutState.searchString : void 0;
   const showTableActions = !!(layoutState?.filterDefs || layoutState?.search || hasHideableColumns || withCardView);
   const isVirtualized = tableProps.as === "virtual";
@@ -20036,7 +20069,7 @@ function useGridTableLayoutState({
   const groupBy = useGroupBy(maybeGroupBy ?? {
     none: "none"
   });
-  const [searchString, setSearchString] = useState44("");
+  const [searchString, setSearchString] = useState45("");
   const columnsFallback = "unset-columns";
   const [visibleColumnIds, setVisibleColumnIds] = useSessionStorage(persistedColumns?.storageKey ?? columnsFallback, void 0);
   const paginationFallbackKey = "unset-pagination";
@@ -20046,7 +20079,7 @@ function useGridTableLayoutState({
     100
     // default page size
   );
-  const [page, setPage] = useState44({
+  const [page, setPage] = useState45({
     offset: 0,
     limit: persistedPageSize
   });
@@ -20078,7 +20111,7 @@ function useGridTableLayoutState({
   };
 }
 function useSetTableActionsHeight(tableWrapperRef, tableActionsRef, enabled) {
-  const syncHeightVar = useCallback25(() => {
+  const syncHeightVar = useCallback26(() => {
     const tableWrapper = tableWrapperRef.current;
     if (!tableWrapper) return;
     if (!enabled) {
@@ -20156,7 +20189,7 @@ function PreventBrowserScroll({
 }
 
 // src/components/Layout/RightPaneLayout/RightPaneContext.tsx
-import React18, { useCallback as useCallback26, useContext as useContext18, useMemo as useMemo39, useState as useState45 } from "react";
+import React18, { useCallback as useCallback27, useContext as useContext18, useMemo as useMemo39, useState as useState46 } from "react";
 import { jsx as jsx150 } from "react/jsx-runtime";
 var RightPaneContext = React18.createContext({
   openInPane: () => {
@@ -20169,17 +20202,17 @@ var RightPaneContext = React18.createContext({
   rightPaneContent: null
 });
 function RightPaneProvider({ children }) {
-  const [rightPaneContent, setRightPaneContent] = useState45(void 0);
-  const [isRightPaneOpen, setIsRightPaneOpen] = useState45(false);
-  const openInPane = useCallback26(
+  const [rightPaneContent, setRightPaneContent] = useState46(void 0);
+  const [isRightPaneOpen, setIsRightPaneOpen] = useState46(false);
+  const openInPane = useCallback27(
     (opts) => {
       setRightPaneContent(opts?.content);
       setIsRightPaneOpen(true);
     },
     [setRightPaneContent]
   );
-  const closePane = useCallback26(() => setIsRightPaneOpen(false), []);
-  const clearPane = useCallback26(() => setRightPaneContent(void 0), [setRightPaneContent]);
+  const closePane = useCallback27(() => setIsRightPaneOpen(false), []);
+  const clearPane = useCallback27(() => setRightPaneContent(void 0), [setRightPaneContent]);
   const context = useMemo39(
     () => ({ openInPane, closePane, clearPane, rightPaneContent, isRightPaneOpen }),
     [openInPane, closePane, rightPaneContent, clearPane, isRightPaneOpen]
@@ -20323,7 +20356,7 @@ function ScrollableFooter(props) {
 
 // src/components/Layout/TableReviewLayout/TableReviewLayout.tsx
 import { AnimatePresence as AnimatePresence4, motion as motion4 } from "framer-motion";
-import { useEffect as useEffect30, useState as useState46 } from "react";
+import { useEffect as useEffect30, useState as useState47 } from "react";
 
 // src/components/Layout/TableReviewLayout/SidePanel.tsx
 import { jsx as jsx153, jsxs as jsxs77 } from "react/jsx-runtime";
@@ -20363,7 +20396,7 @@ function TableReviewLayout(props) {
     rightPaneWidth = defaultRightPaneWidth
   } = props;
   const tid = useTestIds(props, "tableReviewLayout");
-  const [isPanelVisible, setIsPanelVisible] = useState46(!!panelContent);
+  const [isPanelVisible, setIsPanelVisible] = useState47(!!panelContent);
   useEffect30(() => {
     setIsPanelVisible(!!panelContent);
   }, [panelContent]);
@@ -20729,7 +20762,7 @@ import { useHover as useHover16 } from "react-aria";
 
 // src/components/Tag.tsx
 import { useResizeObserver as useResizeObserver6 } from "@react-aria/utils";
-import { useRef as useRef52, useState as useState47 } from "react";
+import { useRef as useRef52, useState as useState48 } from "react";
 import { trussProps as trussProps76 } from "@homebound/truss/runtime";
 import { jsx as jsx158, jsxs as jsxs81 } from "react/jsx-runtime";
 function Tag(props) {
@@ -20742,7 +20775,7 @@ function Tag(props) {
   } = props;
   const typeStyles2 = getStyles(type);
   const tid = useTestIds(otherProps);
-  const [showTooltip, setShowTooltip] = useState47(false);
+  const [showTooltip, setShowTooltip] = useState48(false);
   const ref = useRef52(null);
   useResizeObserver6({
     ref,
@@ -20952,7 +20985,7 @@ function Copy(props) {
 
 // src/components/DnDGrid/DnDGrid.tsx
 import equal2 from "fast-deep-equal";
-import { useCallback as useCallback27, useRef as useRef53 } from "react";
+import { useCallback as useCallback28, useRef as useRef53 } from "react";
 
 // src/components/DnDGrid/DnDGridContext.tsx
 import { createContext as createContext10, useContext as useContext20 } from "react";
@@ -20988,19 +21021,19 @@ function DnDGrid(props) {
   const activeStyles3 = activeItemStyles ?? {
     boxShadow: "bshModal"
   };
-  const getGridItems = useCallback27(() => {
+  const getGridItems = useCallback28(() => {
     return gridEl.current ? Array.from(gridEl.current.querySelectorAll(`[${gridItemIdKey}]`)) : [];
   }, []);
-  const getGridItemIdOrder = useCallback27(() => {
+  const getGridItemIdOrder = useCallback28(() => {
     return getGridItems().map((child) => child.getAttribute(gridItemIdKey)).filter(isDefined);
   }, [getGridItems]);
-  const initReorder = useCallback27(() => {
+  const initReorder = useCallback28(() => {
     if (gridEl.current && dragEl.current) {
       initialOrder.current = getGridItemIdOrder();
       setInlineStyles(dragEl.current, activeStyles3);
     }
   }, [getGridItemIdOrder, activeStyles3]);
-  const commitReorder = useCallback27(() => {
+  const commitReorder = useCallback28(() => {
     if (gridEl.current && dragEl.current) {
       const currentOrder = getGridItemIdOrder();
       if (!equal2(currentOrder, initialOrder.current)) onReorder(currentOrder);
@@ -21010,7 +21043,7 @@ function DnDGrid(props) {
       initialOrder.current = currentOrder;
     }
   }, [onReorder, getGridItemIdOrder, activeStyles3]);
-  const cancelReorder = useCallback27(() => {
+  const cancelReorder = useCallback28(() => {
     if (gridEl.current && dragEl.current && initialOrder.current) {
       const currentOrder = getGridItemIdOrder();
       if (!equal2(currentOrder, initialOrder.current)) {
@@ -21032,7 +21065,7 @@ function DnDGrid(props) {
       reorderViaKeyboard.current = false;
     }
   }, [getGridItemIdOrder, getGridItems, activeStyles3]);
-  const onMove = useCallback27((e) => {
+  const onMove = useCallback28((e) => {
     if (!reorderViaKeyboard.current && dragEl.current && cloneEl.current && gridEl.current) {
       const clientX = "clientX" in e ? e.clientX : e.touches[0].clientX;
       const clientY = "clientY" in e ? e.clientY : e.touches[0].clientY;
@@ -21055,7 +21088,7 @@ function DnDGrid(props) {
       }
     }
   }, []);
-  const onDragStart = useCallback27((e) => {
+  const onDragStart = useCallback28((e) => {
     if (!reorderViaKeyboard.current && dragEl.current && gridEl.current) {
       initReorder();
       const rect = dragEl.current.getBoundingClientRect();
@@ -21085,7 +21118,7 @@ function DnDGrid(props) {
       gridEl.current.addEventListener("touchmove", onMove);
     }
   }, [initReorder, onMove, activeStyles3]);
-  const onDragEnd = useCallback27((e) => {
+  const onDragEnd = useCallback28((e) => {
     if (!reorderViaKeyboard.current && dragEl.current && cloneEl.current && gridEl.current) {
       e.preventDefault();
       cloneEl.current.replaceWith(dragEl.current);
@@ -21098,7 +21131,7 @@ function DnDGrid(props) {
       gridEl.current.removeEventListener("touchmove", onMove);
     }
   }, [commitReorder, onMove]);
-  const onDragHandleKeyDown = useCallback27((e) => {
+  const onDragHandleKeyDown = useCallback28((e) => {
     const moveHandle = e.target;
     if (dragEl.current instanceof HTMLElement && moveHandle instanceof HTMLElement && gridEl.current) {
       const isSpaceKey = e.key === " ";
@@ -21470,7 +21503,7 @@ function HomeboundLogo(props) {
 
 // src/components/MaxLines.tsx
 import { useLayoutEffect as useLayoutEffect5, useResizeObserver as useResizeObserver7 } from "@react-aria/utils";
-import { useCallback as useCallback28, useEffect as useEffect32, useRef as useRef54, useState as useState48 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect32, useRef as useRef54, useState as useState49 } from "react";
 import { trussProps as trussProps83, maybeCssVar as maybeCssVar47 } from "@homebound/truss/runtime";
 import { jsx as jsx167, jsxs as jsxs84 } from "react/jsx-runtime";
 function MaxLines({
@@ -21478,8 +21511,8 @@ function MaxLines({
   children
 }) {
   const elRef = useRef54(null);
-  const [hasMore, setHasMore] = useState48(false);
-  const [expanded, setExpanded] = useState48(false);
+  const [hasMore, setHasMore] = useState49(false);
+  const [expanded, setExpanded] = useState49(false);
   useLayoutEffect5(() => {
     if (!elRef.current) return;
     setHasMore(elRef.current.scrollHeight > elRef.current.clientHeight);
@@ -21487,7 +21520,7 @@ function MaxLines({
   useEffect32(() => {
     setExpanded(false);
   }, [children]);
-  const onResize = useCallback28(() => {
+  const onResize = useCallback29(() => {
     if (!elRef.current) return;
     !expanded && setHasMore(elRef.current.scrollHeight > elRef.current.clientHeight);
   }, [expanded]);
@@ -21517,7 +21550,7 @@ import { camelCase as camelCase6 } from "change-case";
 // src/components/AppNav/AppNavGroup.tsx
 import { useResizeObserver as useResizeObserver8 } from "@react-aria/utils";
 import { camelCase as camelCase5, kebabCase } from "change-case";
-import { useCallback as useCallback30, useEffect as useEffect33, useMemo as useMemo48, useState as useState50 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect33, useMemo as useMemo48, useState as useState51 } from "react";
 
 // src/components/AppNav/AppNavGroupTrigger.tsx
 import { useMemo as useMemo47, useRef as useRef55 } from "react";
@@ -21685,7 +21718,7 @@ function entryHasIcons(item) {
 }
 
 // src/components/AppNav/useAppNavGroupExpanded.ts
-import { useCallback as useCallback29, useState as useState49 } from "react";
+import { useCallback as useCallback30, useState as useState50 } from "react";
 var APP_NAV_EXPANDED_LINK_GROUPS_STORAGE_KEY = "beam.appNav.expandedLinkGroups";
 function loadStored() {
   try {
@@ -21704,13 +21737,13 @@ function persistLabel(label, expanded) {
 }
 function useAppNavGroupExpanded(linkGroup) {
   const { label } = linkGroup;
-  const [userExpanded, setUserExpanded] = useState49(() => {
+  const [userExpanded, setUserExpanded] = useState50(() => {
     const stored = loadStored();
     return label in stored ? stored[label] : null;
   });
   const hasActiveLink = appNavLinkGroupLinks(linkGroup).some((l) => l.active);
   const expanded = userExpanded !== null ? userExpanded : hasActiveLink ? true : linkGroup.defaultExpanded ?? false;
-  const onToggle = useCallback29(() => {
+  const onToggle = useCallback30(() => {
     const next = !expanded;
     setUserExpanded(next);
     persistLabel(label, next);
@@ -21745,15 +21778,15 @@ function AppNavGroupDisclosure(props) {
   } = useAppNavGroupExpanded(linkGroup);
   const tid = useTestIds(props, "linkGroup");
   const navGroupId = `nav-group-${kebabCase(linkGroup.label)}`;
-  const [contentEl, setContentEl] = useState50(null);
+  const [contentEl, setContentEl] = useState51(null);
   const contentRef = useMemo48(() => ({
     current: contentEl
   }), [contentEl]);
-  const [contentHeight, setContentHeight] = useState50(expanded ? "auto" : "0");
+  const [contentHeight, setContentHeight] = useState51(expanded ? "auto" : "0");
   useEffect33(() => {
     setContentHeight(expanded && contentEl ? `${contentEl.scrollHeight}px` : "0");
   }, [expanded, contentEl]);
-  const onResize = useCallback30(() => {
+  const onResize = useCallback31(() => {
     if (contentEl && expanded) {
       setContentHeight(`${contentEl.scrollHeight}px`);
     }
@@ -21894,7 +21927,7 @@ function AppNavItems(props) {
 
 // src/components/Navbar/NavbarMobileMenu.tsx
 import { AnimatePresence as AnimatePresence5, motion as motion5 } from "framer-motion";
-import { useEffect as useEffect34, useState as useState51 } from "react";
+import { useEffect as useEffect34, useState as useState52 } from "react";
 import { FocusScope as FocusScope5, usePreventScroll as usePreventScroll2 } from "react-aria";
 import { createPortal as createPortal6 } from "react-dom";
 import { useLocation } from "react-router-dom";
@@ -21905,7 +21938,7 @@ function NavbarMobileMenu(props) {
     items
   } = props;
   const tid = useTestIds(props, "navbar");
-  const [isOpen, setIsOpen] = useState51(false);
+  const [isOpen, setIsOpen] = useState52(false);
   const {
     pathname,
     search
@@ -22073,7 +22106,7 @@ function NavbarUserMenu({
 
 // src/components/Tabs.tsx
 import { camelCase as camelCase7 } from "change-case";
-import { useEffect as useEffect35, useMemo as useMemo49, useRef as useRef56, useState as useState52 } from "react";
+import { useEffect as useEffect35, useMemo as useMemo49, useRef as useRef56, useState as useState53 } from "react";
 import { mergeProps as mergeProps27, useFocusRing as useFocusRing15, useHover as useHover19 } from "react-aria";
 import { matchPath } from "react-router";
 import { Link as Link5, useLocation as useLocation2 } from "react-router-dom";
@@ -22134,7 +22167,7 @@ function Tabs(props) {
     focusProps
   } = useFocusRing15();
   const tid = useTestIds(others, "tabs");
-  const [active, setActive] = useState52(selected);
+  const [active, setActive] = useState53(selected);
   const ref = useRef56(null);
   useEffect35(() => setActive(selected), [selected]);
   function onKeyUp(e) {
@@ -22372,7 +22405,7 @@ function PageHeader2(props) {
 
 // src/components/ScrollShadows.tsx
 import { useResizeObserver as useResizeObserver9 } from "@react-aria/utils";
-import { useCallback as useCallback31, useMemo as useMemo50, useRef as useRef57, useState as useState53 } from "react";
+import { useCallback as useCallback32, useMemo as useMemo50, useRef as useRef57, useState as useState54 } from "react";
 import { trussProps as trussProps91, maybeCssVar as maybeCssVar51 } from "@homebound/truss/runtime";
 import { jsx as jsx177, jsxs as jsxs92 } from "react/jsx-runtime";
 function ScrollShadows(props) {
@@ -22390,8 +22423,8 @@ function ScrollShadows(props) {
   if (!bgColor.includes("rgba")) {
     throw new Error("ScrollShadows: bgColor prop must be in the format 'rgba(255, 255, 255, 1)'");
   }
-  const [showStartShadow, setShowStartShadow] = useState53(false);
-  const [showEndShadow, setShowEndShadow] = useState53(false);
+  const [showStartShadow, setShowStartShadow] = useState54(false);
+  const [showEndShadow, setShowEndShadow] = useState54(false);
   const scrollRef = useRef57(null);
   const [startShadowStyles, endShadowStyles] = useMemo50(() => {
     const transparentBgColor = bgColor.replace(/,1\)$/, ",0)");
@@ -22444,7 +22477,7 @@ function ScrollShadows(props) {
       }
     }];
   }, [horizontal, bgColor]);
-  const updateScrollProps = useCallback31((el) => {
+  const updateScrollProps = useCallback32((el) => {
     const {
       scrollTop,
       scrollHeight,
@@ -22459,7 +22492,7 @@ function ScrollShadows(props) {
     setShowStartShadow(start > 0);
     setShowEndShadow(start + boxSize < end);
   }, [horizontal]);
-  const onResize = useCallback31(() => scrollRef.current && updateScrollProps(scrollRef.current), [updateScrollProps]);
+  const onResize = useCallback32(() => scrollRef.current && updateScrollProps(scrollRef.current), [updateScrollProps]);
   useResizeObserver9({
     ref: scrollRef,
     onResize
@@ -22510,12 +22543,12 @@ function ScrollShadows(props) {
 // src/layouts/SideNavLayout/SideNavLayoutContext.tsx
 import {
   createContext as createContext12,
-  useCallback as useCallback32,
+  useCallback as useCallback33,
   useContext as useContext23,
   useEffect as useEffect36,
   useMemo as useMemo51,
   useRef as useRef58,
-  useState as useState54
+  useState as useState55
 } from "react";
 import { jsx as jsx178 } from "react/jsx-runtime";
 var SIDE_NAV_LAYOUT_STATE_STORAGE_KEY = "beam.sideNavLayout.navState";
@@ -22541,7 +22574,7 @@ function resolveInitialNavState(defaultNavState) {
 }
 var SideNavLayoutContext = createContext12(void 0);
 function SideNavLayoutProvider(props) {
-  const [navState, setNavStateInternal] = useState54(
+  const [navState, setNavStateInternal] = useState55(
     () => resolveInitialNavState(props.defaultNavState)
   );
   const bp = useBreakpoint();
@@ -22552,7 +22585,7 @@ function SideNavLayoutProvider(props) {
     }
     prevMdAndUp.current = bp.mdAndUp;
   }, [bp.mdAndUp]);
-  const setNavState = useCallback32((value2) => {
+  const setNavState = useCallback33((value2) => {
     setNavStateInternal((prev) => {
       const next = typeof value2 === "function" ? value2(prev) : value2;
       if (next === "expanded" || next === "collapse") {
@@ -22631,10 +22664,10 @@ function SideNav(props) {
 }
 
 // src/components/Snackbar/useSnackbar.tsx
-import { useCallback as useCallback33, useEffect as useEffect37 } from "react";
+import { useCallback as useCallback34, useEffect as useEffect37 } from "react";
 function useSnackbar() {
   const { setNotices, setOffset } = useSnackbarContext();
-  const onClose = useCallback33(
+  const onClose = useCallback34(
     (noticeId) => {
       setNotices((prev) => {
         let returnValue = prev;
@@ -22651,7 +22684,7 @@ function useSnackbar() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const triggerNotice = useCallback33(
+  const triggerNotice = useCallback34(
     (props) => {
       const noticeId = props.id ?? `beamSnackbar:${snackbarId++}`;
       let maybeTimeout;
@@ -22680,7 +22713,7 @@ function useSnackbar() {
     },
     [onClose, setNotices]
   );
-  const closeNotice = useCallback33((id) => onClose(id), [onClose]);
+  const closeNotice = useCallback34((id) => onClose(id), [onClose]);
   const useSnackbarOffset = ({ bottom }) => useEffect37(() => {
     setOffset({ bottom });
     return () => setOffset({});
@@ -23161,10 +23194,10 @@ function visit(rows, fn) {
 }
 
 // src/components/Toast/useToast.tsx
-import { useCallback as useCallback34 } from "react";
+import { useCallback as useCallback35 } from "react";
 function useToast() {
   const { setNotice, clear } = useToastContext();
-  const showToast = useCallback34((props) => setNotice(props), [setNotice]);
+  const showToast = useCallback35((props) => setNotice(props), [setNotice]);
   return { showToast, clear };
 }
 
@@ -23287,7 +23320,7 @@ import { useMemo as useMemo53, useRef as useRef61 } from "react";
 import { mergeProps as mergeProps30, maybeCssVar as maybeCssVar54 } from "@homebound/truss/runtime";
 
 // src/layouts/useAutoHideOnScroll.ts
-import { useLayoutEffect as useLayoutEffect6, useRef as useRef60, useState as useState55 } from "react";
+import { useLayoutEffect as useLayoutEffect6, useRef as useRef60, useState as useState56 } from "react";
 var THRESHOLD = 80;
 function getInitialAutoHideState() {
   if (typeof window === "undefined" || window.scrollY <= 0) {
@@ -23297,9 +23330,9 @@ function getInitialAutoHideState() {
 }
 function useAutoHideOnScroll(spacerRef, enabled, getTopOffset) {
   const initial = getInitialAutoHideState();
-  const [state, setState] = useState55(initial.state);
+  const [state, setState] = useState56(initial.state);
   const stateRef = useRef60(initial.state);
-  const [atTop, setAtTop] = useState55(initial.atTop);
+  const [atTop, setAtTop] = useState56(initial.atTop);
   const atTopRef = useRef60(initial.atTop);
   const getTopOffsetRef = useRef60(getTopOffset);
   getTopOffsetRef.current = getTopOffset;
@@ -23378,10 +23411,10 @@ function useAutoHideOnScroll(spacerRef, enabled, getTopOffset) {
 
 // src/layouts/useMeasuredHeight.ts
 import { useResizeObserver as useResizeObserver10 } from "@react-aria/utils";
-import { useCallback as useCallback35, useLayoutEffect as useLayoutEffect7, useState as useState56 } from "react";
+import { useCallback as useCallback36, useLayoutEffect as useLayoutEffect7, useState as useState57 } from "react";
 function useMeasuredHeight(ref, enabled) {
-  const [height, setHeight] = useState56(0);
-  const syncElementHeight = useCallback35(() => {
+  const [height, setHeight] = useState57(0);
+  const syncElementHeight = useCallback36(() => {
     const el = ref.current;
     const next = el ? Math.round(el.getBoundingClientRect().height) : 0;
     setHeight((prev) => prev === next ? prev : next);
@@ -23475,7 +23508,7 @@ function NavbarLayout(props) {
 }
 
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
-import { useCallback as useCallback36, useMemo as useMemo54, useRef as useRef62 } from "react";
+import { useCallback as useCallback37, useMemo as useMemo54, useRef as useRef62 } from "react";
 import { mergeProps as mergeProps31, maybeCssVar as maybeCssVar55 } from "@homebound/truss/runtime";
 import { jsx as jsx188, jsxs as jsxs100 } from "react/jsx-runtime";
 var __maybeInc22 = (inc) => {
@@ -23490,7 +23523,7 @@ function PageHeaderLayout(props) {
   const navbarHeight = useNavbarLayoutHeight();
   const navbarHeightRef = useRef62(navbarHeight);
   navbarHeightRef.current = navbarHeight;
-  const getNavbarBottom = useCallback36(() => navbarHeightRef.current, []);
+  const getNavbarBottom = useCallback37(() => navbarHeightRef.current, []);
   const headerMetricsRef = useRef62(null);
   const spacerRef = useRef62(null);
   const headerHeight = useMeasuredHeight(headerMetricsRef, true);