@nswds/app 1.29.0 → 1.30.0

package/dist/index.cjs

@@ -9393,14 +9393,54 @@ var TocContext = React6.createContext({
 function TocProvider({ children }) {
   const [toc, setToc] = React6.useState(true);
   const pathname = navigation.usePathname();
+  const isInitialMount = React6.useRef(true);
+  const tocExplicitlySet = React6.useRef(false);
   React6.useEffect(() => {
+    if (isInitialMount.current) {
+      isInitialMount.current = false;
+      return;
+    }
+    tocExplicitlySet.current = false;
     setToc(true);
   }, [pathname]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TocContext.Provider, { value: { toc, setToc }, children });
+  const handleSetToc = (value) => {
+    tocExplicitlySet.current = true;
+    setToc(value);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(TocContext.Provider, { value: { toc, setToc: handleSetToc }, children });
 }
 function useToc() {
   return React6.useContext(TocContext);
 }
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React6__namespace.useState(void 0);
+  React6__namespace.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React6.useLayoutEffect : React6.useEffect;
+function useDisableToc() {
+  const { setToc } = useToc();
+  useIsomorphicLayoutEffect(() => {
+    setToc(false);
+  }, [setToc]);
+  React6.useEffect(() => {
+    const raf = requestAnimationFrame(() => {
+      setToc(false);
+    });
+    return () => {
+      cancelAnimationFrame(raf);
+    };
+  }, [setToc]);
+}
 function getNodeText(node) {
   let text = "";
   for (const child of node.children ?? []) {
@@ -9784,7 +9824,9 @@ exports.themeIndices = themeIndices;
 exports.themeTokens = themeTokens;
 exports.toggleVariants = toggleVariants;
 exports.truncate = truncate;
+exports.useDisableToc = useDisableToc;
 exports.useFormField = useFormField;
+exports.useIsMobile = useIsMobile;
 exports.useToc = useToc;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map