@homebound/beam 3.92.0 → 3.92.2

package/dist/index.js

@@ -21655,6 +21655,9 @@ import { AnimatePresence as AnimatePresence2, motion as motion2 } from "framer-m
 import { useState as useState40 } from "react";
 import { trussProps as trussProps92, maybeCssVar as maybeCssVar44 } from "@homebound/truss/runtime";
 import { Fragment as Fragment29, jsx as jsx152, jsxs as jsxs75 } from "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,
@@ -21699,8 +21702,8 @@ function RightSidebar({
         "--minWidth": maybeCssVar44(RIGHT_SIDEBAR_MIN_WIDTH)
       }],
       zIndex: "z0",
-      maxHeight: ["maxh_var", {
-        "--maxHeight": maybeCssVar44(`calc(100vh - ${headerHeightPx2}px)`)
+      height: ["h_var", {
+        "--height": maybeCssVar44(__maybeInc20(`calc(100vh - ${headerHeightPx2}px)`))
       }],
       overflowY: "oya",
       paddingLeft: "pl4",
@@ -22159,7 +22162,7 @@ function useActiveSection(sectionsWithRefs) {
 // src/components/Layout/FullBleed.tsx
 import { mergeProps as mergeProps25, maybeCssVar as maybeCssVar46 } from "@homebound/truss/runtime";
 import { cloneElement as cloneElement3 } from "react";
-var __maybeInc20 = (inc) => {
+var __maybeInc21 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function FullBleed({
@@ -22190,17 +22193,17 @@ function FullBleed({
         // inverts that padding with negative margins before re-applying it to the child.
         {
           marginLeft: ["ml_var", {
-            "--marginLeft": maybeCssVar46(__maybeInc20(invertSpacing(paddingLeft)))
+            "--marginLeft": maybeCssVar46(__maybeInc21(invertSpacing(paddingLeft)))
           }],
           marginRight: ["mr_var", {
-            "--marginRight": maybeCssVar46(__maybeInc20(invertSpacing(paddingRight)))
+            "--marginRight": maybeCssVar46(__maybeInc21(invertSpacing(paddingRight)))
           }],
           ...!omitPadding ? {
             paddingLeft: ["pl_var", {
-              "--paddingLeft": maybeCssVar46(__maybeInc20(paddingLeft))
+              "--paddingLeft": maybeCssVar46(__maybeInc21(paddingLeft))
             }],
             paddingRight: ["pr_var", {
-              "--paddingRight": maybeCssVar46(__maybeInc20(paddingRight))
+              "--paddingRight": maybeCssVar46(__maybeInc21(paddingRight))
             }]
           } : {}
         }
@@ -22294,7 +22297,7 @@ function useRightPaneContext() {
 // src/components/Layout/RightPaneLayout/DocumentScrollRightPane.tsx
 import { mergeProps as mergeProps26, maybeCssVar as maybeCssVar47 } from "@homebound/truss/runtime";
 import { jsx as jsx159 } from "react/jsx-runtime";
-var __maybeInc21 = (inc) => {
+var __maybeInc22 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function DocumentScrollRightPane({
@@ -22335,14 +22338,14 @@ function DocumentScrollRightPane({
     position: "fixed",
     transition: "transitionTop",
     top: ["top_var", {
-      "--top": maybeCssVar47(__maybeInc21(stickyTableHeaderOffset()))
+      "--top": maybeCssVar47(__maybeInc22(stickyTableHeaderOffset()))
     }],
     right: "right_0",
     height: ["h_var", {
-      "--height": maybeCssVar47(__maybeInc21(documentScrollRightPaneHeight()))
+      "--height": maybeCssVar47(__maybeInc22(documentScrollRightPaneHeight()))
     }],
     width: ["w_var", {
-      "--width": maybeCssVar47(__maybeInc21(documentScrollRightPaneWidth(paneWidth)))
+      "--width": maybeCssVar47(__maybeInc22(documentScrollRightPaneWidth(paneWidth)))
     }],
     overflowY: "oya",
     backgroundColor: ["bgColor_var", {
@@ -23611,7 +23614,7 @@ function parseStoredTableView(raw) {
 // src/components/Layout/GridTableLayout/GridTableLayout.tsx
 import { trussProps as trussProps102, maybeCssVar as maybeCssVar50 } from "@homebound/truss/runtime";
 import { Fragment as Fragment40, jsx as jsx183, jsxs as jsxs89 } from "react/jsx-runtime";
-var __maybeInc22 = (inc) => {
+var __maybeInc23 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function GridTableLayoutComponent(props) {
@@ -23672,13 +23675,13 @@ function GridTableLayoutComponent(props) {
         transition: "transitionTop",
         position: "sticky",
         top: ["top_var", {
-          "--top": maybeCssVar50(__maybeInc22(stickyNavAndHeaderOffset()))
+          "--top": maybeCssVar50(__maybeInc23(stickyNavAndHeaderOffset()))
         }],
         left: ["left_var", {
-          "--left": maybeCssVar50(__maybeInc22(documentScrollChromeLeft()))
+          "--left": maybeCssVar50(__maybeInc23(documentScrollChromeLeft()))
         }],
         width: ["w_var", {
-          "--width": maybeCssVar50(__maybeInc22(`min(100%, ${documentScrollChromeWidth()})`))
+          "--width": maybeCssVar50(__maybeInc23(`min(100%, ${documentScrollChromeWidth()})`))
         }],
         zIndex: ["z_var", {
           "--zIndex": maybeCssVar50(zIndices.tableActions)
@@ -23819,7 +23822,7 @@ import { AnimatePresence as AnimatePresence4, motion as motion4 } from "framer-m
 import { useEffect as useEffect30 } from "react";
 import { trussProps as trussProps103, maybeCssVar as maybeCssVar51 } from "@homebound/truss/runtime";
 import { Fragment as Fragment41, jsx as jsx185, jsxs as jsxs90 } from "react/jsx-runtime";
-var __maybeInc23 = (inc) => {
+var __maybeInc24 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function RightPaneLayout(props) {
@@ -23840,7 +23843,7 @@ function RightPaneLayout(props) {
     /* @__PURE__ */ jsx185("div", { ...trussProps103({
       ...{
         width: ["w_var", {
-          "--width": maybeCssVar51(__maybeInc23(`calc(100% - ${paneWidth + 24}px)`))
+          "--width": maybeCssVar51(__maybeInc24(`calc(100% - ${paneWidth + 24}px)`))
         }],
         transition: "transition_width_2s_linear",
         height: "h100",
@@ -23856,7 +23859,7 @@ function RightPaneLayout(props) {
       ...{
         ...!!defaultPaneContent ? {
           width: ["w_var", {
-            "--width": maybeCssVar51(__maybeInc23(`calc(100% - ${paneWidth + 24}px)`))
+            "--width": maybeCssVar51(__maybeInc24(`calc(100% - ${paneWidth + 24}px)`))
           }],
           marginRight: "mr3"
         } : {}
@@ -24655,7 +24658,7 @@ function Card(props) {
       icon: "verticalDots",
       color: isList ? "--b-on-surface-muted" /* OnSurfaceMuted */ : "--b-on-primary" /* OnPrimary */
     }, items: buttonMenuItems }) }),
-    tag && /* @__PURE__ */ jsx194("div", { className: "absolute left1 top_4px", children: /* @__PURE__ */ jsx194(Tag, { type: tag?.type, text: tag?.text, ...tid.tag }) }),
+    tag && !isList && /* @__PURE__ */ jsx194("div", { className: "absolute left1 top_4px", children: /* @__PURE__ */ jsx194(Tag, { type: tag.type, text: tag.text, ...tid.tag }) }),
     /* @__PURE__ */ jsxs97("div", { className: "df fdc aifs gap1", children: [
       /* @__PURE__ */ jsxs97("div", { children: [
         /* @__PURE__ */ jsx194("div", { ...trussProps108({
@@ -24680,7 +24683,8 @@ function Card(props) {
           } : {}
         }), ...tid.title, children: title })
       ] }),
-      /* @__PURE__ */ jsx194("div", { ...tid.details, children: detailContent })
+      /* @__PURE__ */ jsx194("div", { ...tid.details, children: detailContent }),
+      tag && isList && /* @__PURE__ */ jsx194(Tag, { type: tag.type, text: tag.text, ...tid.tag })
     ] })
   ] });
 }
@@ -25006,7 +25010,7 @@ function ResponsiveGridItem(props) {
 // src/components/Grid/useResponsiveGrid.ts
 import { useMemo as useMemo47 } from "react";
 import { maybeCssVar as maybeCssVar54 } from "@homebound/truss/runtime";
-var __maybeInc24 = (inc) => {
+var __maybeInc25 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function useResponsiveGrid(props) {
@@ -25028,7 +25032,7 @@ function useResponsiveGrid(props) {
       }],
       containerType: "ctis",
       gap: ["gap_var", {
-        "--gap": maybeCssVar54(__maybeInc24(gridGap))
+        "--gap": maybeCssVar54(__maybeInc25(gridGap))
       }]
     };
   }, [minColumnWidth, gap, columns]);
@@ -25510,7 +25514,7 @@ function useAppNavGroupExpanded(linkGroup) {
 // src/components/AppNav/AppNavGroup.tsx
 import { trussProps as trussProps115, maybeCssVar as maybeCssVar56 } from "@homebound/truss/runtime";
 import { Fragment as Fragment45, jsx as jsx203, jsxs as jsxs102 } from "react/jsx-runtime";
-var __maybeInc25 = (inc) => {
+var __maybeInc26 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function AppNavGroupView(props) {
@@ -25557,7 +25561,7 @@ function AppNavGroupDisclosure(props) {
       overflow: "oh",
       transition: "transitionHeight",
       height: ["h_var", {
-        "--height": maybeCssVar56(__maybeInc25(contentHeight))
+        "--height": maybeCssVar56(__maybeInc26(contentHeight))
       }]
     }), ...tid.panel, ...!expanded ? {
       inert: "true"
@@ -26381,7 +26385,7 @@ import { useButton as useButton12, useFocusRing as useFocusRing18, useHover as u
 import { trussProps as trussProps122, maybeCssVar as maybeCssVar59 } from "@homebound/truss/runtime";
 import { jsx as jsx214, jsxs as jsxs109 } from "react/jsx-runtime";
 import { createElement as createElement6 } from "react";
-var __maybeInc26 = (inc) => {
+var __maybeInc27 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function Stepper(props) {
@@ -26441,7 +26445,7 @@ function Stepper(props) {
       transition: "transition_width_200ms",
       height: "h100",
       width: ["w_var", {
-        "--width": maybeCssVar59(__maybeInc26(`${(lastCompletedStep + 1) / steps.length * 100}%`))
+        "--width": maybeCssVar59(__maybeInc27(`${(lastCompletedStep + 1) / steps.length * 100}%`))
       }]
     }) }) })
   ] });
@@ -27391,7 +27395,7 @@ function useToast() {
 // src/layouts/SideNavLayout/SideNavLayout.tsx
 import { trussProps as trussProps128, mergeProps as mergeProps36, maybeCssVar as maybeCssVar61 } from "@homebound/truss/runtime";
 import { jsx as jsx222, jsxs as jsxs115 } from "react/jsx-runtime";
-var __maybeInc27 = (inc) => {
+var __maybeInc28 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function SideNavLayout(props) {
@@ -27447,11 +27451,11 @@ function SideNavLayoutContent(props) {
         "--zIndex": maybeCssVar61(zIndices.sideNav)
       }],
       top: ["top_var", {
-        "--top": maybeCssVar61(__maybeInc27(navTop))
+        "--top": maybeCssVar61(__maybeInc28(navTop))
       }],
       alignSelf: "asfs",
       height: ["h_var", {
-        "--height": maybeCssVar61(__maybeInc27(railViewportHeight))
+        "--height": maybeCssVar61(__maybeInc28(railViewportHeight))
       }],
       width: ["w_var", {
         "--width": `${collapsed ? railCollapsedWidthPx : railWidthPx}px`
@@ -27461,7 +27465,7 @@ function SideNavLayoutContent(props) {
         position: "fixed",
         left: "left0",
         top: ["top_var", {
-          "--top": maybeCssVar61(__maybeInc27(navTop))
+          "--top": maybeCssVar61(__maybeInc28(navTop))
         }],
         bottom: "bottom0",
         zIndex: ["z_var", {
@@ -27506,7 +27510,7 @@ function SideNavLayoutContent(props) {
 // src/layouts/CenteredLayout/CenteredLayout.tsx
 import { mergeProps as mergeProps37, maybeCssVar as maybeCssVar62 } from "@homebound/truss/runtime";
 import { jsx as jsx223 } from "react/jsx-runtime";
-var __maybeInc28 = (inc) => {
+var __maybeInc29 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function CenteredLayout(props) {
@@ -27546,17 +27550,17 @@ var smContentPaddingX = "12px";
 var mdAndUpContentPaddingX = pageContentPaddingXValue;
 var centeredPaddingX = {
   paddingLeft: ["px_var mdandup_pl3", {
-    "--paddingLeft": maybeCssVar62(__maybeInc28(smContentPaddingX))
+    "--paddingLeft": maybeCssVar62(__maybeInc29(smContentPaddingX))
   }],
   paddingRight: ["px_var mdandup_pr3", {
-    "--paddingRight": maybeCssVar62(__maybeInc28(smContentPaddingX))
+    "--paddingRight": maybeCssVar62(__maybeInc29(smContentPaddingX))
   }]
 };
 
 // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
 import { trussProps as trussProps129, mergeProps as mergeProps38, maybeCssVar as maybeCssVar63 } from "@homebound/truss/runtime";
 import { jsx as jsx224, jsxs as jsxs116 } from "react/jsx-runtime";
-var __maybeInc29 = (inc) => {
+var __maybeInc30 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function EnvironmentBannerLayout(props) {
@@ -27590,7 +27594,7 @@ function EnvironmentBannerLayout(props) {
         "--zIndex": maybeCssVar63(zIndices.environmentBanner)
       }],
       width: ["w_var", {
-        "--width": maybeCssVar63(__maybeInc29(innerWidth))
+        "--width": maybeCssVar63(__maybeInc30(innerWidth))
       }]
     }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx224(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
     children
@@ -27755,7 +27759,7 @@ function useNavbarLayoutHeight() {
 
 // src/layouts/NavbarLayout/NavbarLayout.tsx
 import { jsx as jsx227, jsxs as jsxs118 } from "react/jsx-runtime";
-var __maybeInc30 = (inc) => {
+var __maybeInc31 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function NavbarLayout(props) {
@@ -27786,7 +27790,7 @@ function NavbarLayout(props) {
         "--zIndex": maybeCssVar64(zIndices.navbar)
       }],
       width: ["w_var", {
-        "--width": maybeCssVar64(__maybeInc30(innerWidth))
+        "--width": maybeCssVar64(__maybeInc31(innerWidth))
       }]
     }
   ) : (
@@ -27798,7 +27802,7 @@ function NavbarLayout(props) {
         "--zIndex": maybeCssVar64(zIndices.navbar)
       }],
       width: ["w_var", {
-        "--width": maybeCssVar64(__maybeInc30(innerWidth))
+        "--width": maybeCssVar64(__maybeInc31(innerWidth))
       }],
       transition: "transitionTop"
     }
@@ -27906,7 +27910,7 @@ function useBannerAndNavbarHeight() {
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
 import { mergeProps as mergeProps40, maybeCssVar as maybeCssVar65 } from "@homebound/truss/runtime";
 import { jsx as jsx230, jsxs as jsxs120 } from "react/jsx-runtime";
-var __maybeInc31 = (inc) => {
+var __maybeInc32 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 function PageHeaderLayout(props) {
@@ -27936,10 +27940,10 @@ function PageHeaderLayout(props) {
   const innerCss = autoHideState === "static" ? {
     position: "sticky",
     left: ["left_var", {
-      "--left": maybeCssVar65(__maybeInc31(headerLeft))
+      "--left": maybeCssVar65(__maybeInc32(headerLeft))
     }],
     width: ["w_var", {
-      "--width": maybeCssVar65(__maybeInc31(headerWidth))
+      "--width": maybeCssVar65(__maybeInc32(headerWidth))
     }],
     zIndex: ["z_var", {
       "--zIndex": maybeCssVar65(zIndices.pageStickyHeader)
@@ -27947,10 +27951,10 @@ function PageHeaderLayout(props) {
   } : {
     position: "fixed",
     left: ["left_var", {
-      "--left": maybeCssVar65(__maybeInc31(headerLeft))
+      "--left": maybeCssVar65(__maybeInc32(headerLeft))
     }],
     width: ["w_var", {
-      "--width": maybeCssVar65(__maybeInc31(headerWidth))
+      "--width": maybeCssVar65(__maybeInc32(headerWidth))
     }],
     zIndex: ["z_var", {
       "--zIndex": maybeCssVar65(zIndices.pageStickyHeader)
@@ -27979,7 +27983,7 @@ function PageHeaderLayout(props) {
 // src/layouts/Workflow/JumpLinksRail.tsx
 import { trussProps as trussProps133, maybeCssVar as maybeCssVar66 } from "@homebound/truss/runtime";
 import { jsx as jsx231 } from "react/jsx-runtime";
-var __maybeInc32 = (inc) => {
+var __maybeInc33 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 var jumpLinksRailWidthPx = 180;
@@ -27999,7 +28003,7 @@ function JumpLinksRail(props) {
     position: "sticky",
     alignSelf: "asfs",
     top: ["top_var", {
-      "--top": maybeCssVar66(__maybeInc32(stickyNavAndHeaderOffset()))
+      "--top": maybeCssVar66(__maybeInc33(stickyNavAndHeaderOffset()))
     }]
   }), ...tid, children: links.map((link) => /* @__PURE__ */ jsx231(JumpLink, { label: link.label, href: `#${link.id}`, active: link.id === activeId, ...tid.link }, link.id)) });
 }
@@ -28129,7 +28133,7 @@ function WorkflowActions(props) {
 // src/layouts/Workflow/WorkflowPageLayout.tsx
 import { trussProps as trussProps134, mergeProps as mergeProps41, maybeCssVar as maybeCssVar67 } from "@homebound/truss/runtime";
 import { jsx as jsx235, jsxs as jsxs122 } from "react/jsx-runtime";
-var __maybeInc33 = (inc) => {
+var __maybeInc34 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
 var mobileFooterHeightPx = 80;
@@ -28187,13 +28191,13 @@ function WorkflowPageLayout(props) {
         position: "sticky",
         left: "left0",
         width: ["w_var", {
-          "--width": maybeCssVar67(__maybeInc33(headerWidth))
+          "--width": maybeCssVar67(__maybeInc34(headerWidth))
         }],
         zIndex: ["z_var", {
           "--zIndex": maybeCssVar67(zIndices.pageStickyHeader)
         }],
         top: ["top_var", {
-          "--top": maybeCssVar67(__maybeInc33(outerTop))
+          "--top": maybeCssVar67(__maybeInc34(outerTop))
         }]
       }), ...tid.header, children: /* @__PURE__ */ jsx235(WorkflowHeader, { title, documentTitleSuffix, breadcrumbs, rightSlot: isMobile ? void 0 : actions, stepperTabs }) }),
       /* @__PURE__ */ jsx235("div", { ...trussProps134({
@@ -28223,7 +28227,7 @@ function WorkflowPageLayout(props) {
           position: "fixed",
           bottom: "bottom0",
           width: ["w_var", {
-            "--width": maybeCssVar67(__maybeInc33(headerWidth))
+            "--width": maybeCssVar67(__maybeInc34(headerWidth))
           }],
           height: ["h_var", {
             "--height": `${mobileFooterHeightPx}px`