@homebound/beam 3.92.0 → 3.92.2

package/dist/index.cjs

@@ -22158,6 +22158,9 @@ var import_framer_motion2 = require("framer-motion");
 var import_react109 = require("react");
 var import_runtime100 = require("@homebound/truss/runtime");
 var import_jsx_runtime152 = require("react/jsx-runtime");
+var __maybeInc20 = (inc) => {
+  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
+};
 var RIGHT_SIDEBAR_MIN_WIDTH = "250px";
 function RightSidebar({
   content,
@@ -22202,8 +22205,8 @@ function RightSidebar({
         "--minWidth": (0, import_runtime100.maybeCssVar)(RIGHT_SIDEBAR_MIN_WIDTH)
       }],
       zIndex: "z0",
-      maxHeight: ["maxh_var", {
-        "--maxHeight": (0, import_runtime100.maybeCssVar)(`calc(100vh - ${headerHeightPx2}px)`)
+      height: ["h_var", {
+        "--height": (0, import_runtime100.maybeCssVar)(__maybeInc20(`calc(100vh - ${headerHeightPx2}px)`))
       }],
       overflowY: "oya",
       paddingLeft: "pl4",
@@ -22662,7 +22665,7 @@ function useActiveSection(sectionsWithRefs) {
 // src/components/Layout/FullBleed.tsx
 var import_runtime103 = require("@homebound/truss/runtime");
 var import_react113 = require("react");
-var __maybeInc20 = (inc) => {
+var __maybeInc21 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function FullBleed({
@@ -22693,17 +22696,17 @@ function FullBleed({
         // inverts that padding with negative margins before re-applying it to the child.
         {
           marginLeft: ["ml_var", {
-            "--marginLeft": (0, import_runtime103.maybeCssVar)(__maybeInc20(invertSpacing(paddingLeft)))
+            "--marginLeft": (0, import_runtime103.maybeCssVar)(__maybeInc21(invertSpacing(paddingLeft)))
           }],
           marginRight: ["mr_var", {
-            "--marginRight": (0, import_runtime103.maybeCssVar)(__maybeInc20(invertSpacing(paddingRight)))
+            "--marginRight": (0, import_runtime103.maybeCssVar)(__maybeInc21(invertSpacing(paddingRight)))
           }],
           ...!omitPadding ? {
             paddingLeft: ["pl_var", {
-              "--paddingLeft": (0, import_runtime103.maybeCssVar)(__maybeInc20(paddingLeft))
+              "--paddingLeft": (0, import_runtime103.maybeCssVar)(__maybeInc21(paddingLeft))
             }],
             paddingRight: ["pr_var", {
-              "--paddingRight": (0, import_runtime103.maybeCssVar)(__maybeInc20(paddingRight))
+              "--paddingRight": (0, import_runtime103.maybeCssVar)(__maybeInc21(paddingRight))
             }]
           } : {}
         }
@@ -22797,7 +22800,7 @@ function useRightPaneContext() {
 // src/components/Layout/RightPaneLayout/DocumentScrollRightPane.tsx
 var import_runtime104 = require("@homebound/truss/runtime");
 var import_jsx_runtime159 = require("react/jsx-runtime");
-var __maybeInc21 = (inc) => {
+var __maybeInc22 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function DocumentScrollRightPane({
@@ -22838,14 +22841,14 @@ function DocumentScrollRightPane({
     position: "fixed",
     transition: "transitionTop",
     top: ["top_var", {
-      "--top": (0, import_runtime104.maybeCssVar)(__maybeInc21(stickyTableHeaderOffset()))
+      "--top": (0, import_runtime104.maybeCssVar)(__maybeInc22(stickyTableHeaderOffset()))
     }],
     right: "right_0",
     height: ["h_var", {
-      "--height": (0, import_runtime104.maybeCssVar)(__maybeInc21(documentScrollRightPaneHeight()))
+      "--height": (0, import_runtime104.maybeCssVar)(__maybeInc22(documentScrollRightPaneHeight()))
     }],
     width: ["w_var", {
-      "--width": (0, import_runtime104.maybeCssVar)(__maybeInc21(documentScrollRightPaneWidth(paneWidth)))
+      "--width": (0, import_runtime104.maybeCssVar)(__maybeInc22(documentScrollRightPaneWidth(paneWidth)))
     }],
     overflowY: "oya",
     backgroundColor: ["bgColor_var", {
@@ -24114,7 +24117,7 @@ function parseStoredTableView(raw) {
 // src/components/Layout/GridTableLayout/GridTableLayout.tsx
 var import_runtime113 = require("@homebound/truss/runtime");
 var import_jsx_runtime183 = require("react/jsx-runtime");
-var __maybeInc22 = (inc) => {
+var __maybeInc23 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function GridTableLayoutComponent(props) {
@@ -24175,13 +24178,13 @@ function GridTableLayoutComponent(props) {
         transition: "transitionTop",
         position: "sticky",
         top: ["top_var", {
-          "--top": (0, import_runtime113.maybeCssVar)(__maybeInc22(stickyNavAndHeaderOffset()))
+          "--top": (0, import_runtime113.maybeCssVar)(__maybeInc23(stickyNavAndHeaderOffset()))
         }],
         left: ["left_var", {
-          "--left": (0, import_runtime113.maybeCssVar)(__maybeInc22(documentScrollChromeLeft()))
+          "--left": (0, import_runtime113.maybeCssVar)(__maybeInc23(documentScrollChromeLeft()))
         }],
         width: ["w_var", {
-          "--width": (0, import_runtime113.maybeCssVar)(__maybeInc22(`min(100%, ${documentScrollChromeWidth()})`))
+          "--width": (0, import_runtime113.maybeCssVar)(__maybeInc23(`min(100%, ${documentScrollChromeWidth()})`))
         }],
         zIndex: ["z_var", {
           "--zIndex": (0, import_runtime113.maybeCssVar)(zIndices.tableActions)
@@ -24322,7 +24325,7 @@ var import_framer_motion4 = require("framer-motion");
 var import_react127 = require("react");
 var import_runtime114 = require("@homebound/truss/runtime");
 var import_jsx_runtime185 = require("react/jsx-runtime");
-var __maybeInc23 = (inc) => {
+var __maybeInc24 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function RightPaneLayout(props) {
@@ -24343,7 +24346,7 @@ function RightPaneLayout(props) {
     /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { ...(0, import_runtime114.trussProps)({
       ...{
         width: ["w_var", {
-          "--width": (0, import_runtime114.maybeCssVar)(__maybeInc23(`calc(100% - ${paneWidth + 24}px)`))
+          "--width": (0, import_runtime114.maybeCssVar)(__maybeInc24(`calc(100% - ${paneWidth + 24}px)`))
         }],
         transition: "transition_width_2s_linear",
         height: "h100",
@@ -24359,7 +24362,7 @@ function RightPaneLayout(props) {
       ...{
         ...!!defaultPaneContent ? {
           width: ["w_var", {
-            "--width": (0, import_runtime114.maybeCssVar)(__maybeInc23(`calc(100% - ${paneWidth + 24}px)`))
+            "--width": (0, import_runtime114.maybeCssVar)(__maybeInc24(`calc(100% - ${paneWidth + 24}px)`))
           }],
           marginRight: "mr3"
         } : {}
@@ -25158,7 +25161,7 @@ function Card(props) {
       icon: "verticalDots",
       color: isList ? "--b-on-surface-muted" /* OnSurfaceMuted */ : "--b-on-primary" /* OnPrimary */
     }, items: buttonMenuItems }) }),
-    tag && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { className: "absolute left1 top_4px", children: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(Tag, { type: tag?.type, text: tag?.text, ...tid.tag }) }),
+    tag && !isList && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { className: "absolute left1 top_4px", children: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(Tag, { type: tag.type, text: tag.text, ...tid.tag }) }),
     /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("div", { className: "df fdc aifs gap1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { ...(0, import_runtime119.trussProps)({
@@ -25183,7 +25186,8 @@ function Card(props) {
           } : {}
         }), ...tid.title, children: title })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { ...tid.details, children: detailContent })
+      /* @__PURE__ */ (0, import_jsx_runtime194.jsx)("div", { ...tid.details, children: detailContent }),
+      tag && isList && /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(Tag, { type: tag.type, text: tag.text, ...tid.tag })
     ] })
   ] });
 }
@@ -25509,7 +25513,7 @@ function ResponsiveGridItem(props) {
 // src/components/Grid/useResponsiveGrid.ts
 var import_react137 = require("react");
 var import_runtime124 = require("@homebound/truss/runtime");
-var __maybeInc24 = (inc) => {
+var __maybeInc25 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function useResponsiveGrid(props) {
@@ -25531,7 +25535,7 @@ function useResponsiveGrid(props) {
       }],
       containerType: "ctis",
       gap: ["gap_var", {
-        "--gap": (0, import_runtime124.maybeCssVar)(__maybeInc24(gridGap))
+        "--gap": (0, import_runtime124.maybeCssVar)(__maybeInc25(gridGap))
       }]
     };
   }, [minColumnWidth, gap, columns]);
@@ -26013,7 +26017,7 @@ function useAppNavGroupExpanded(linkGroup) {
 // src/components/AppNav/AppNavGroup.tsx
 var import_runtime128 = require("@homebound/truss/runtime");
 var import_jsx_runtime203 = require("react/jsx-runtime");
-var __maybeInc25 = (inc) => {
+var __maybeInc26 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function AppNavGroupView(props) {
@@ -26060,7 +26064,7 @@ function AppNavGroupDisclosure(props) {
       overflow: "oh",
       transition: "transitionHeight",
       height: ["h_var", {
-        "--height": (0, import_runtime128.maybeCssVar)(__maybeInc25(contentHeight))
+        "--height": (0, import_runtime128.maybeCssVar)(__maybeInc26(contentHeight))
       }]
     }), ...tid.panel, ...!expanded ? {
       inert: "true"
@@ -26876,7 +26880,7 @@ var import_react_aria64 = require("react-aria");
 var import_runtime135 = require("@homebound/truss/runtime");
 var import_jsx_runtime214 = require("react/jsx-runtime");
 var import_react151 = require("react");
-var __maybeInc26 = (inc) => {
+var __maybeInc27 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function Stepper(props) {
@@ -26936,7 +26940,7 @@ function Stepper(props) {
       transition: "transition_width_200ms",
       height: "h100",
       width: ["w_var", {
-        "--width": (0, import_runtime135.maybeCssVar)(__maybeInc26(`${(lastCompletedStep + 1) / steps.length * 100}%`))
+        "--width": (0, import_runtime135.maybeCssVar)(__maybeInc27(`${(lastCompletedStep + 1) / steps.length * 100}%`))
       }]
     }) }) })
   ] });
@@ -27886,7 +27890,7 @@ function useToast() {
 // src/layouts/SideNavLayout/SideNavLayout.tsx
 var import_runtime141 = require("@homebound/truss/runtime");
 var import_jsx_runtime222 = require("react/jsx-runtime");
-var __maybeInc27 = (inc) => {
+var __maybeInc28 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function SideNavLayout(props) {
@@ -27942,11 +27946,11 @@ function SideNavLayoutContent(props) {
         "--zIndex": (0, import_runtime141.maybeCssVar)(zIndices.sideNav)
       }],
       top: ["top_var", {
-        "--top": (0, import_runtime141.maybeCssVar)(__maybeInc27(navTop))
+        "--top": (0, import_runtime141.maybeCssVar)(__maybeInc28(navTop))
       }],
       alignSelf: "asfs",
       height: ["h_var", {
-        "--height": (0, import_runtime141.maybeCssVar)(__maybeInc27(railViewportHeight))
+        "--height": (0, import_runtime141.maybeCssVar)(__maybeInc28(railViewportHeight))
       }],
       width: ["w_var", {
         "--width": `${collapsed ? railCollapsedWidthPx : railWidthPx}px`
@@ -27956,7 +27960,7 @@ function SideNavLayoutContent(props) {
         position: "fixed",
         left: "left0",
         top: ["top_var", {
-          "--top": (0, import_runtime141.maybeCssVar)(__maybeInc27(navTop))
+          "--top": (0, import_runtime141.maybeCssVar)(__maybeInc28(navTop))
         }],
         bottom: "bottom0",
         zIndex: ["z_var", {
@@ -28001,7 +28005,7 @@ function SideNavLayoutContent(props) {
 // src/layouts/CenteredLayout/CenteredLayout.tsx
 var import_runtime142 = require("@homebound/truss/runtime");
 var import_jsx_runtime223 = require("react/jsx-runtime");
-var __maybeInc28 = (inc) => {
+var __maybeInc29 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function CenteredLayout(props) {
@@ -28041,17 +28045,17 @@ var smContentPaddingX = "12px";
 var mdAndUpContentPaddingX = pageContentPaddingXValue;
 var centeredPaddingX = {
   paddingLeft: ["px_var mdandup_pl3", {
-    "--paddingLeft": (0, import_runtime142.maybeCssVar)(__maybeInc28(smContentPaddingX))
+    "--paddingLeft": (0, import_runtime142.maybeCssVar)(__maybeInc29(smContentPaddingX))
   }],
   paddingRight: ["px_var mdandup_pr3", {
-    "--paddingRight": (0, import_runtime142.maybeCssVar)(__maybeInc28(smContentPaddingX))
+    "--paddingRight": (0, import_runtime142.maybeCssVar)(__maybeInc29(smContentPaddingX))
   }]
 };
 
 // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
 var import_runtime143 = require("@homebound/truss/runtime");
 var import_jsx_runtime224 = require("react/jsx-runtime");
-var __maybeInc29 = (inc) => {
+var __maybeInc30 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function EnvironmentBannerLayout(props) {
@@ -28085,7 +28089,7 @@ function EnvironmentBannerLayout(props) {
         "--zIndex": (0, import_runtime143.maybeCssVar)(zIndices.environmentBanner)
       }],
       width: ["w_var", {
-        "--width": (0, import_runtime143.maybeCssVar)(__maybeInc29(innerWidth))
+        "--width": (0, import_runtime143.maybeCssVar)(__maybeInc30(innerWidth))
       }]
     }), ...tid.bannerSticky, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
     children
@@ -28250,7 +28254,7 @@ function useNavbarLayoutHeight() {
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
 var import_jsx_runtime227 = require("react/jsx-runtime");
-var __maybeInc30 = (inc) => {
+var __maybeInc31 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function NavbarLayout(props) {
@@ -28281,7 +28285,7 @@ function NavbarLayout(props) {
         "--zIndex": (0, import_runtime145.maybeCssVar)(zIndices.navbar)
       }],
       width: ["w_var", {
-        "--width": (0, import_runtime145.maybeCssVar)(__maybeInc30(innerWidth))
+        "--width": (0, import_runtime145.maybeCssVar)(__maybeInc31(innerWidth))
       }]
     }
   ) : (
@@ -28293,7 +28297,7 @@ function NavbarLayout(props) {
         "--zIndex": (0, import_runtime145.maybeCssVar)(zIndices.navbar)
       }],
       width: ["w_var", {
-        "--width": (0, import_runtime145.maybeCssVar)(__maybeInc30(innerWidth))
+        "--width": (0, import_runtime145.maybeCssVar)(__maybeInc31(innerWidth))
       }],
       transition: "transitionTop"
     }
@@ -28401,7 +28405,7 @@ function useBannerAndNavbarHeight() {
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
 var import_runtime148 = require("@homebound/truss/runtime");
 var import_jsx_runtime230 = require("react/jsx-runtime");
-var __maybeInc31 = (inc) => {
+var __maybeInc32 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function PageHeaderLayout(props) {
@@ -28431,10 +28435,10 @@ function PageHeaderLayout(props) {
   const innerCss = autoHideState === "static" ? {
     position: "sticky",
     left: ["left_var", {
-      "--left": (0, import_runtime148.maybeCssVar)(__maybeInc31(headerLeft))
+      "--left": (0, import_runtime148.maybeCssVar)(__maybeInc32(headerLeft))
     }],
     width: ["w_var", {
-      "--width": (0, import_runtime148.maybeCssVar)(__maybeInc31(headerWidth))
+      "--width": (0, import_runtime148.maybeCssVar)(__maybeInc32(headerWidth))
     }],
     zIndex: ["z_var", {
       "--zIndex": (0, import_runtime148.maybeCssVar)(zIndices.pageStickyHeader)
@@ -28442,10 +28446,10 @@ function PageHeaderLayout(props) {
   } : {
     position: "fixed",
     left: ["left_var", {
-      "--left": (0, import_runtime148.maybeCssVar)(__maybeInc31(headerLeft))
+      "--left": (0, import_runtime148.maybeCssVar)(__maybeInc32(headerLeft))
     }],
     width: ["w_var", {
-      "--width": (0, import_runtime148.maybeCssVar)(__maybeInc31(headerWidth))
+      "--width": (0, import_runtime148.maybeCssVar)(__maybeInc32(headerWidth))
     }],
     zIndex: ["z_var", {
       "--zIndex": (0, import_runtime148.maybeCssVar)(zIndices.pageStickyHeader)
@@ -28474,7 +28478,7 @@ function PageHeaderLayout(props) {
 // src/layouts/Workflow/JumpLinksRail.tsx
 var import_runtime149 = require("@homebound/truss/runtime");
 var import_jsx_runtime231 = require("react/jsx-runtime");
-var __maybeInc32 = (inc) => {
+var __maybeInc33 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 var jumpLinksRailWidthPx = 180;
@@ -28494,7 +28498,7 @@ function JumpLinksRail(props) {
     position: "sticky",
     alignSelf: "asfs",
     top: ["top_var", {
-      "--top": (0, import_runtime149.maybeCssVar)(__maybeInc32(stickyNavAndHeaderOffset()))
+      "--top": (0, import_runtime149.maybeCssVar)(__maybeInc33(stickyNavAndHeaderOffset()))
     }]
   }), ...tid, children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
 }
@@ -28624,7 +28628,7 @@ function WorkflowActions(props) {
 // src/layouts/Workflow/WorkflowPageLayout.tsx
 var import_runtime150 = require("@homebound/truss/runtime");
 var import_jsx_runtime235 = require("react/jsx-runtime");
-var __maybeInc33 = (inc) => {
+var __maybeInc34 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 var mobileFooterHeightPx = 80;
@@ -28682,13 +28686,13 @@ function WorkflowPageLayout(props) {
         position: "sticky",
         left: "left0",
         width: ["w_var", {
-          "--width": (0, import_runtime150.maybeCssVar)(__maybeInc33(headerWidth))
+          "--width": (0, import_runtime150.maybeCssVar)(__maybeInc34(headerWidth))
         }],
         zIndex: ["z_var", {
           "--zIndex": (0, import_runtime150.maybeCssVar)(zIndices.pageStickyHeader)
         }],
         top: ["top_var", {
-          "--top": (0, import_runtime150.maybeCssVar)(__maybeInc33(outerTop))
+          "--top": (0, import_runtime150.maybeCssVar)(__maybeInc34(outerTop))
         }]
       }), ...tid.header, children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? void 0 : actions, stepperTabs }) }),
       /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("div", { ...(0, import_runtime150.trussProps)({
@@ -28718,7 +28722,7 @@ function WorkflowPageLayout(props) {
           position: "fixed",
           bottom: "bottom0",
           width: ["w_var", {
-            "--width": (0, import_runtime150.maybeCssVar)(__maybeInc33(headerWidth))
+            "--width": (0, import_runtime150.maybeCssVar)(__maybeInc34(headerWidth))
           }],
           height: ["h_var", {
             "--height": `${mobileFooterHeightPx}px`