@nswds/app 1.85.1 → 1.87.0

package/dist/globals.css

@@ -9454,6 +9454,11 @@
       top: calc(var(--spacing) * 0);
     }
   }
+  .xl\:top-\[var\(--sticky-offset\)\] {
+    @media (width >= 80rem) {
+      top: var(--sticky-offset);
+    }
+  }
   .xl\:left-2\/3 {
     @media (width >= 80rem) {
       left: calc(2/3 * 100%);
@@ -9504,6 +9509,11 @@
       padding-inline: calc(var(--spacing) * 16);
     }
   }
+  .xl\:py-9 {
+    @media (width >= 80rem) {
+      padding-block: calc(var(--spacing) * 9);
+    }
+  }
   .xl\:py-16 {
     @media (width >= 80rem) {
       padding-block: calc(var(--spacing) * 16);
@@ -13121,6 +13131,11 @@
 @layer base {
   html {
     scroll-behavior: smooth;
+    scroll-padding-top: var(--sticky-offset, 0rem);
+    scrollbar-gutter: stable;
+  }
+  :where(h1, h2, h3, h4, h5, h6) {
+    scroll-margin-top: var(--sticky-offset, 0rem);
   }
   * {
     border-color: var(--border);

package/dist/index.cjs

@@ -17557,7 +17557,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.85.0"};
+  version: "1.86.0"};
 var SluggerContext = React5__namespace.default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";
@@ -33355,6 +33355,14 @@ function usePageHeadings() {
   }, [pathname]);
   return headings;
 }
+function useStickyOffset(extraPadding = 0) {
+  const headerHeight = useSelectorHeight("#nsw-header");
+  const navigationHeight = useSelectorHeight("#nsw-main-navigation");
+  return React5.useMemo(() => {
+    const total = headerHeight + navigationHeight + extraPadding;
+    return total > 0 ? total : 0;
+  }, [extraPadding, headerHeight, navigationHeight]);
+}
 function createFormStore(opts) {
   const { storageKey, initialFormData, initialFormStatus } = opts;
   return zustand.create()(
@@ -33908,6 +33916,7 @@ exports.usePageHeadings = usePageHeadings;
 exports.usePromptInputAttachments = usePromptInputAttachments;
 exports.useSelectorHeight = useSelectorHeight;
 exports.useSidebar = useSidebar;
+exports.useStickyOffset = useStickyOffset;
 exports.useToc = useToc;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map