@homebound/beam 4.12.0 → 4.12.1

package/dist/index.cjs

@@ -29544,6 +29544,7 @@ function FormSectionLayout(props) {
     sections,
     aiMode = false,
     withJumpLinks = false,
+    includeTitleJumpLink = false,
     withRightPane
   } = props;
   const tid = useTestIds(props, "formSectionLayout");
@@ -29551,13 +29552,19 @@ function FormSectionLayout(props) {
     sm: isMobile
   } = useBreakpoint();
   const rightPane = resolveWithRightPaneOptions(withRightPane);
-  const jumpLinks = (sections ?? []).filter((section) => !section.excludeJumpLink).map((section) => {
+  const formSectionLayoutTitleId = "formSectionLayoutTitle";
+  const sectionLinks = (sections ?? []).filter((section) => !section.excludeJumpLink).map((section) => {
     const id = defaultTestId(section.title);
     return {
       id,
       label: section.title
     };
   });
+  const titleAnchor = withJumpLinks && includeTitleJumpLink;
+  const jumpLinks = [...titleAnchor ? [{
+    id: formSectionLayoutTitleId,
+    label: title
+  }] : [], ...sectionLinks];
   const showRail = withJumpLinks && jumpLinks.length >= 2 && !isMobile;
   const activeId = useActiveJumpLink(showRail ? jumpLinks.map((link) => link.id) : []);
   const content2 = /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { ...(0, import_runtime152.trussProps)({
@@ -29571,7 +29578,16 @@ function FormSectionLayout(props) {
       paddingLeft: "pl3"
     } : {}
   }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { className: "df fdc g_3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { id: titleAnchor ? formSectionLayoutTitleId : void 0, ...(0, import_runtime152.trussProps)({
+      display: "df",
+      flexDirection: "fdc",
+      gap: "g_3",
+      ...titleAnchor ? {
+        scrollMarginTop: ["scrollMarginTop_var", {
+          "--scrollMarginTop": (0, import_runtime152.maybeCssVar)(stickyNavAndHeaderOffset())
+        }]
+      } : {}
+    }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(ContentHeader, { ...tid, title, description, actions, withAutoSave, level: 2, aiMode }),
       initialFields
     ] }),