@flamingo-stack/openframe-frontend-core 0.0.765 → 0.0.766

package/dist/{chunk-B3W7RCQF.cjs → chunk-UW7UWUZU.cjs}

@@ -3,39 +3,44 @@
 
 
 
-var _chunkQQ7LKNNPcjs = require('./chunk-QQ7LKNNP.cjs');
+var _chunkWO3XO27Ccjs = require('./chunk-WO3XO27C.cjs');
 
 
 
 
 
-var _chunkNJS7FQRWcjs = require('./chunk-NJS7FQRW.cjs');
+var _chunkVYYLYZUCcjs = require('./chunk-VYYLYZUC.cjs');
 
 
 
-var _chunkPYK4ZSEZcjs = require('./chunk-PYK4ZSEZ.cjs');
+var _chunk7XFVUUVZcjs = require('./chunk-7XFVUUVZ.cjs');
 
 
 
 
 
 
+var _chunkVRDHAR3Xcjs = require('./chunk-VRDHAR3X.cjs');
 
-var _chunkFMH2DYBCcjs = require('./chunk-FMH2DYBC.cjs');
 
+var _chunkZV45VS6Kcjs = require('./chunk-ZV45VS6K.cjs');
 
-var _chunkWA4X55XYcjs = require('./chunk-WA4X55XY.cjs');
 
 
 
 
+var _chunk7VI7TOGIcjs = require('./chunk-7VI7TOGI.cjs');
 
-var _chunkT5FRANE6cjs = require('./chunk-T5FRANE6.cjs');
 
 
 
 
-var _chunk3RYIF4OWcjs = require('./chunk-3RYIF4OW.cjs');
+var _chunkYL6ZB2SRcjs = require('./chunk-YL6ZB2SR.cjs');
+
+
+
+
+var _chunkXXJL5GY3cjs = require('./chunk-XXJL5GY3.cjs');
 
 
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
@@ -48,13 +53,15 @@ var _chunkASMNNSUQcjs = require('./chunk-ASMNNSUQ.cjs');
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
-var _chunkNO5UJLLQcjs = require('./chunk-NO5UJLLQ.cjs');
+var _chunkWEANWBJHcjs = require('./chunk-WEANWBJH.cjs');
 
 
-var _chunkH3RYUTNDcjs = require('./chunk-H3RYUTND.cjs');
 
 
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+
+
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
 
 // src/components/docs/doc-viewer.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -72,7 +79,7 @@ function PersistentFilterControls({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
         "relative transition-all ease-in-out",
         isLoading && preventInteraction && "pointer-events-none",
         className
@@ -90,14 +97,13 @@ function PersistentFilterControls({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: _chunk3ATAYP36cjs.cn.call(void 0, "transition-all ease-in-out", isLoading && "cursor-not-allowed"),
+            className: _chunk65VVJSQZcjs.cn.call(void 0, "transition-all ease-in-out", isLoading && "cursor-not-allowed"),
             style: {
               transitionDuration: `${transitionDuration}ms`
             },
             children
           }
-        ),
-        isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute right-2 top-2 z-10", role: "status", "aria-label": "Loading filters", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-ods-border border-t-ods-accent" }) })
+        )
       ]
     }
   );
@@ -119,7 +125,7 @@ function PersistentSidebar({ isLoading, children, className }) {
     {
       isLoading,
       disabledOpacity: 0.5,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, "content-lg:sticky content-lg:top-20", className),
+      className: _chunk65VVJSQZcjs.cn.call(void 0, "content-lg:sticky content-lg:top-20", className),
       children
     }
   );
@@ -130,7 +136,7 @@ function PersistentMobileDropdown({ isLoading, children, className }) {
     {
       isLoading,
       disabledOpacity: 0.7,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, "content-lg:hidden", className),
+      className: _chunk65VVJSQZcjs.cn.call(void 0, "content-lg:hidden", className),
       children
     }
   );
@@ -245,9 +251,9 @@ function useDocsResolveLink(sourceId, resolveLinkEndpoint) {
 function scrollToContent() {
   const article = document.querySelector("article");
   if (article) {
-    _chunk3RYIF4OWcjs.scrollElementIntoView.call(void 0, article, { headerOffset: _chunk3RYIF4OWcjs.HUB_HEADER_OFFSET_PX });
+    _chunkXXJL5GY3cjs.scrollElementIntoView.call(void 0, article, { headerOffset: _chunkXXJL5GY3cjs.HUB_HEADER_OFFSET_PX });
   } else {
-    _chunk3RYIF4OWcjs.scrollElementIntoView.call(void 0, document.documentElement);
+    _chunkXXJL5GY3cjs.scrollElementIntoView.call(void 0, document.documentElement);
   }
 }
 function findFirstDocPath(folder) {
@@ -348,13 +354,13 @@ function toDocContent(value, requestedPath) {
 function toDataSync(value) {
   if (!isRecord(value)) return void 0;
   const source = readString(value, "source");
-  if (!_chunkFMH2DYBCcjs.isDataSyncSource.call(void 0, source)) return void 0;
+  if (!_chunkVRDHAR3Xcjs.isDataSyncSource.call(void 0, source)) return void 0;
   return { source, syncedAt: _nullishCoalesce(readString(value, "syncedAt"), () => ( null)) };
 }
 function useDocumentTree(config, initialPath) {
   const { structureEndpoint, contentEndpoint, baseRoute } = config;
-  const folderIndexFile = _nullishCoalesce(config.folderIndexFile, () => ( _chunkT5FRANE6cjs.DEFAULT_FOLDER_INDEX_FILE));
-  const cleanInitialPath = _chunkT5FRANE6cjs.stripFolderIndexFromPath.call(void 0, _optionalChain([initialPath, 'optionalAccess', _4 => _4.replace, 'call', _5 => _5(/\/$/, "")]) || "", folderIndexFile);
+  const folderIndexFile = _nullishCoalesce(config.folderIndexFile, () => ( _chunk7VI7TOGIcjs.DEFAULT_FOLDER_INDEX_FILE));
+  const cleanInitialPath = _chunk7VI7TOGIcjs.stripFolderIndexFromPath.call(void 0, _optionalChain([initialPath, 'optionalAccess', _4 => _4.replace, 'call', _5 => _5(/\/$/, "")]) || "", folderIndexFile);
   const [structure, setStructure] = _react.useState.call(void 0, []);
   const [selectedPath, setSelectedPath] = _react.useState.call(void 0, cleanInitialPath);
   const [content, setContent] = _react.useState.call(void 0, null);
@@ -363,6 +369,8 @@ function useDocumentTree(config, initialPath) {
   const [error, setError] = _react.useState.call(void 0, null);
   const [expandedNodes, setExpandedNodes] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
   const lastFetchedPath = _react.useRef.call(void 0, null);
+  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const startedRef = _react.useRef.call(void 0, false);
   const normalizedBaseRoute = baseRoute.replace(/\/$/, "");
   const selectedPathRef = _react.useRef.call(void 0, selectedPath);
   _react.useEffect.call(void 0, () => {
@@ -378,12 +386,12 @@ function useDocumentTree(config, initialPath) {
       } else if (pathname.startsWith(`${normalizedBaseRoute}/`)) {
         pathFromUrl = pathname.substring(`${normalizedBaseRoute}/`.length);
       }
-      pathFromUrl = _chunkT5FRANE6cjs.stripFolderIndexFromPath.call(void 0, pathFromUrl, folderIndexFile);
+      pathFromUrl = _chunk7VI7TOGIcjs.stripFolderIndexFromPath.call(void 0, pathFromUrl, folderIndexFile);
       if (pathFromUrl !== selectedPathRef.current) {
         setSelectedPath(pathFromUrl);
         if (pathFromUrl) {
           const parentPath = pathFromUrl.includes("/") ? pathFromUrl.substring(0, pathFromUrl.lastIndexOf("/")) : pathFromUrl;
-          setExpandedNodes(new Set(_chunkT5FRANE6cjs.getDocAncestorNodeIds.call(void 0, parentPath)));
+          setExpandedNodes(new Set(_chunk7VI7TOGIcjs.getDocAncestorNodeIds.call(void 0, parentPath)));
         }
         setTimeout(() => {
           scrollToContent();
@@ -401,7 +409,7 @@ function useDocumentTree(config, initialPath) {
       setSelectedPath(cleanInitialPath);
       if (cleanInitialPath) {
         const parentPath = cleanInitialPath.includes("/") ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf("/")) : cleanInitialPath;
-        setExpandedNodes(new Set(_chunkT5FRANE6cjs.getDocAncestorNodeIds.call(void 0, parentPath)));
+        setExpandedNodes(new Set(_chunk7VI7TOGIcjs.getDocAncestorNodeIds.call(void 0, parentPath)));
       }
       setExternalNavCount((n) => n + 1);
     }
@@ -426,7 +434,7 @@ function useDocumentTree(config, initialPath) {
         if (cleanInitialPath) {
           const pathForExpansion = cleanInitialPath.includes(".") ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf("/")) : cleanInitialPath;
           if (pathForExpansion) {
-            setExpandedNodes(new Set(_chunkT5FRANE6cjs.getDocAncestorNodeIds.call(void 0, pathForExpansion)));
+            setExpandedNodes(new Set(_chunk7VI7TOGIcjs.getDocAncestorNodeIds.call(void 0, pathForExpansion)));
           }
         } else if (nodes.length > 0) {
           const hasRootReadme = nodes.some((node) => node.type === "file" && node.path === folderIndexFile);
@@ -466,7 +474,7 @@ function useDocumentTree(config, initialPath) {
             setContent(null);
             return;
           }
-          const probe = _chunkT5FRANE6cjs.findDocNodeByPath.call(void 0, _chunkT5FRANE6cjs.stripFolderIndexFromPath.call(void 0, path, folderIndexFile), structure);
+          const probe = _chunk7VI7TOGIcjs.findDocNodeByPath.call(void 0, _chunk7VI7TOGIcjs.stripFolderIndexFromPath.call(void 0, path, folderIndexFile), structure);
           const probeIsNoReadmeFolder = !!probe && probe.type === "folder" && !probe.hasReadme;
           const preStructureFolderLike = structure.length === 0 && !path.endsWith(".md");
           if (probeIsNoReadmeFolder || preStructureFolderLike) {
@@ -510,12 +518,14 @@ function useDocumentTree(config, initialPath) {
     latestRef.current = { fetchContent, fetchStructure, cleanInitialPath, folderIndexFile };
   });
   _react.useEffect.call(void 0, () => {
+    if (held || startedRef.current) return;
+    startedRef.current = true;
     const latest = latestRef.current;
     const speculativeContentPath = latest.cleanInitialPath || latest.folderIndexFile;
     lastFetchedPath.current = speculativeContentPath;
     void latest.fetchContent(speculativeContentPath);
     void latest.fetchStructure();
-  }, []);
+  }, [held]);
   _react.useEffect.call(void 0, () => {
     if (selectedPath === null || selectedPath === void 0) return;
     if (!structure || structure.length === 0) return;
@@ -523,7 +533,7 @@ function useDocumentTree(config, initialPath) {
     if (selectedPath === "") {
       pathToFetch = folderIndexFile;
     } else {
-      const node = _chunkT5FRANE6cjs.findDocNodeByPath.call(void 0, selectedPath, structure);
+      const node = _chunk7VI7TOGIcjs.findDocNodeByPath.call(void 0, selectedPath, structure);
       if (node && node.type === "folder" && !node.hasReadme) {
         const firstDocPath = findFirstDocPath(node);
         if (!firstDocPath) {
@@ -564,16 +574,16 @@ function useDocumentTree(config, initialPath) {
       if (node.type === "folder") {
         setExpandedNodes((prev) => {
           if (prev.has(node.id)) {
-            const ancestorIds = _chunkT5FRANE6cjs.getDocAncestorNodeIds.call(void 0, node.path);
+            const ancestorIds = _chunk7VI7TOGIcjs.getDocAncestorNodeIds.call(void 0, node.path);
             ancestorIds.pop();
             return new Set(ancestorIds);
           }
-          return new Set(_chunkT5FRANE6cjs.getDocAncestorNodeIds.call(void 0, node.path));
+          return new Set(_chunk7VI7TOGIcjs.getDocAncestorNodeIds.call(void 0, node.path));
         });
       } else {
         const lastSlash = node.path.lastIndexOf("/");
         if (lastSlash > 0) {
-          setExpandedNodes(new Set(_chunkT5FRANE6cjs.getDocAncestorNodeIds.call(void 0, node.path.substring(0, lastSlash))));
+          setExpandedNodes(new Set(_chunk7VI7TOGIcjs.getDocAncestorNodeIds.call(void 0, node.path.substring(0, lastSlash))));
         }
       }
       lastFetchedPath.current = null;
@@ -588,9 +598,9 @@ function useDocumentTree(config, initialPath) {
       const hashIndex = path.indexOf("#");
       const anchor = hashIndex !== -1 ? path.substring(hashIndex) : "";
       const cleanPath = path.replace(/\/$/, "").split("#")[0];
-      const pathForSelection = anchor && _optionalChain([options, 'optionalAccess', _6 => _6.fromInternalLink]) && cleanPath === "" ? selectedPathRef.current : _chunkT5FRANE6cjs.stripFolderIndexFromPath.call(void 0, cleanPath, folderIndexFile);
+      const pathForSelection = anchor && _optionalChain([options, 'optionalAccess', _6 => _6.fromInternalLink]) && cleanPath === "" ? selectedPathRef.current : _chunk7VI7TOGIcjs.stripFolderIndexFromPath.call(void 0, cleanPath, folderIndexFile);
       if (anchor && _optionalChain([options, 'optionalAccess', _7 => _7.fromInternalLink]) && pathForSelection === selectedPathRef.current) {
-        _chunk3RYIF4OWcjs.navigateSamePageHash.call(void 0, anchor, { headerOffset: _chunk3RYIF4OWcjs.HUB_HEADER_OFFSET_PX });
+        _chunkXXJL5GY3cjs.navigateSamePageHash.call(void 0, anchor, { headerOffset: _chunkXXJL5GY3cjs.HUB_HEADER_OFFSET_PX });
         return;
       }
       const scrollAfterNav = () => {
@@ -598,7 +608,7 @@ function useDocumentTree(config, initialPath) {
           setTimeout(() => {
             const el = document.getElementById(anchor.substring(1));
             if (el) {
-              _chunk3RYIF4OWcjs.scrollElementIntoView.call(void 0, el, { headerOffset: _chunk3RYIF4OWcjs.HUB_HEADER_OFFSET_PX });
+              _chunkXXJL5GY3cjs.scrollElementIntoView.call(void 0, el, { headerOffset: _chunkXXJL5GY3cjs.HUB_HEADER_OFFSET_PX });
             } else {
               scrollToContent();
             }
@@ -652,15 +662,15 @@ function useDocumentTree(config, initialPath) {
     return docNavigation.register({
       baseRoute: normalizedBaseRoute,
       findNodeByPath: (path) => {
-        const clean = _chunkT5FRANE6cjs.stripFolderIndexFromPath.call(void 0, path.replace(/\/$/, "").split("#")[0], folderIndexFile);
-        return _nullishCoalesce(_chunkT5FRANE6cjs.findDocNodeByPath.call(void 0, clean, structure), () => ( null));
+        const clean = _chunk7VI7TOGIcjs.stripFolderIndexFromPath.call(void 0, path.replace(/\/$/, "").split("#")[0], folderIndexFile);
+        return _nullishCoalesce(_chunk7VI7TOGIcjs.findDocNodeByPath.call(void 0, clean, structure), () => ( null));
       },
       selectNode
     });
   }, [docNavigation, normalizedBaseRoute, structure, selectNode, folderIndexFile]);
   const isEmptyFolder = _react.useMemo.call(void 0, () => {
     if (!selectedPath || structure.length === 0) return false;
-    const node = _chunkT5FRANE6cjs.findDocNodeByPath.call(void 0, selectedPath, structure);
+    const node = _chunk7VI7TOGIcjs.findDocNodeByPath.call(void 0, selectedPath, structure);
     return !!node && node.type === "folder" && !node.hasReadme && !findFirstDocPath(node);
   }, [selectedPath, structure]);
   return {
@@ -695,6 +705,8 @@ var DEFAULT_DOC_VIEWER_PALETTE = {
 function DocViewer(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DocViewerContent, { ...props });
 }
+var ON_THIS_PAGE_LABEL = "ON THIS PAGE";
+var ON_THIS_PAGE_HEADING_CLASS = "mb-4 font-semibold text-ods-text-secondary text-h5";
 function DocViewerContent({
   sourceId,
   renderContent,
@@ -741,14 +753,14 @@ function DocViewerContent({
     },
     docPath
   );
-  const { activeSection, handleSectionClick } = _chunkNJS7FQRWcjs.useScrollSpy.call(void 0, _optionalChain([content, 'optionalAccess', _11 => _11.sections]));
+  const { activeSection, handleSectionClick } = _chunkVYYLYZUCcjs.useScrollSpy.call(void 0, _optionalChain([content, 'optionalAccess', _11 => _11.sections]));
   const docNav = useDocNavigation();
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const backCfg = backButton === false ? null : {
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _12 => _12.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _13 => _13.href]), () => ( "/")))
   };
-  const docSearch = _chunkPYK4ZSEZcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunk7XFVUUVZcjs.useDocSearch.call(void 0, {
     source: chatSource,
     baseRoute,
     searchEndpoint,
@@ -772,7 +784,7 @@ function DocViewerContent({
       onResolveLink: resolveLink
     });
   }, [content, renderContent, navigateToDoc, sourceId, resolveLink]);
-  const selectedNodeDocType = selectedPath && structure.length > 0 ? _optionalChain([_chunkT5FRANE6cjs.findDocNodeByPath.call(void 0, selectedPath, structure), 'optionalAccess', _14 => _14.documentType]) : void 0;
+  const selectedNodeDocType = selectedPath && structure.length > 0 ? _optionalChain([_chunk7VI7TOGIcjs.findDocNodeByPath.call(void 0, selectedPath, structure), 'optionalAccess', _14 => _14.documentType]) : void 0;
   const activeDocType = _nullishCoalesce(_optionalChain([content, 'optionalAccess', _15 => _15.documentType]), () => ( selectedNodeDocType));
   const isMarkdownContent = !activeDocType || activeDocType === "markdown";
   const showStickyNav = isMarkdownContent;
@@ -783,10 +795,10 @@ function DocViewerContent({
   const containerBgStyle = colorPalette.containerBackground !== "transparent" ? { backgroundColor: colorPalette.containerBackground } : {};
   const defaultEmptyText = structure.length > 0 ? "Select a document from the sidebar to view" : "No documents yet. Add content from the admin panel.";
   const resolvedEmptyText = emptyStateText || defaultEmptyText;
-  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { ...bgStyle, ...containerBgStyle }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWA4X55XYcjs.PageLayout, { title, subtitle, titleSize: "h1", titleWrap: true, backButton: _nullishCoalesce(backCfg, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
-    synced && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMH2DYBCcjs.DataSyncLine, { sync: _optionalChain([content, 'optionalAccess', _19 => _19.sync]), loading: isLoadingContent && !content }),
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { ...bgStyle, ...containerBgStyle }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZV45VS6Kcjs.PageLayout, { title, subtitle, titleSize: "h1", titleWrap: true, backButton: _nullishCoalesce(backCfg, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
+    synced && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.DataSyncLine, { sync: _optionalChain([content, 'optionalAccess', _19 => _19.sync]), loading: !content && (isLoadingContent || isLoadingStructure) }),
     showAIChat && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPYK4ZSEZcjs.DocSearchBar,
+      _chunk7XFVUUVZcjs.DocSearchBar,
       {
         placeholder: `Search ${_optionalChain([sidebarLabel, 'optionalAccess', _20 => _20.toLowerCase, 'call', _21 => _21()]) || "documents"}...`,
         query: docSearch.query,
@@ -805,35 +817,35 @@ function DocViewerContent({
       ] })
     ] }) }),
     !error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col items-start gap-6 content-lg:flex-row content-lg:gap-10", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full content-lg:w-[320px] content-lg:shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "content-lg:sticky content-lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMH2DYBCcjs.CategorySidebarSkeleton, {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full content-lg:w-[320px] content-lg:shrink-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "content-lg:sticky content-lg:top-20", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentMobileDropdown, { isLoading: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkNJS7FQRWcjs.MobileNavigationDropdown,
+          _chunkVYYLYZUCcjs.MobileNavigationDropdown,
           {
             nodes: structure,
             selectedPath,
             expandedNodes,
             onNodeClick: selectNode,
             onToggleExpand: toggleNode,
-            isLoading: false,
+            isLoading: isLoadingStructure,
             folderIndexFile
           }
         ) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden content-lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-ods-text-secondary text-h5", children: sidebarLabel }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkNJS7FQRWcjs.MultiLevelNavigation,
+            _chunkVYYLYZUCcjs.MultiLevelNavigation,
             {
               nodes: structure,
               selectedPath,
               expandedNodes,
               onNodeClick: selectNode,
               onToggleExpand: toggleNode,
-              isLoading: false,
+              isLoading: isLoadingStructure,
               folderIndexFile
             }
           )
         ] }) }) })
-      ] }) }) }),
+      ] }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full min-w-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
@@ -847,20 +859,20 @@ function DocViewerContent({
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `w-full min-w-0 ${isMarkdownContent ? "mx-auto max-w-4xl" : ""}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "article", { className: "space-y-2", children: isLoadingContent || isLoadingStructure ? renderSkeleton(selectedNodeDocType) : !content ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-16 text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h4", children: resolvedEmptyText }) }) : renderedContent }) }),
             isMarkdownContent && (isLoadingContent || isLoadingStructure) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden content-lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "sticky top-24", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "mb-5 h-[14px] w-28 rounded" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: ON_THIS_PAGE_HEADING_CLASS, children: ON_THIS_PAGE_LABEL }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-0", children: [130, 170, 190, 220, 110, 200, 80, 100, 120, 140, 90].map((w, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "div",
                 {
                   className: `border-l-2 py-[13px] pl-3 ${i === 0 ? "border-ods-accent" : "border-transparent"}`,
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[13px] rounded", width: w })
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-[13px] rounded", width: w })
                 },
                 i
               )) })
             ] }) }),
             showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden content-lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "sticky top-24", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-4 font-semibold text-ods-text-secondary text-h5", children: "ON THIS PAGE" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: ON_THIS_PAGE_HEADING_CLASS, children: ON_THIS_PAGE_LABEL }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkNJS7FQRWcjs.StickySectionNav,
+                _chunkVYYLYZUCcjs.StickySectionNav,
                 {
                   sections: stickyNavSections,
                   activeSection,
@@ -875,93 +887,69 @@ function DocViewerContent({
       ) })
     ] })
   ] }) }) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMH2DYBCcjs.PageShell, { contentClassName: `${bgClass} ${className}`, children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `page-shell-content ${bgClass} ${className}`.trim(), children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.PageShell, { contentClassName: `${bgClass} ${className}`, children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `page-shell-content ${bgClass} ${className}`.trim(), children: inner });
 }
 
 // src/components/docs/skeletons.tsx
 
+var MARKDOWN_SKELETON_BLOCKS = [
+  { kind: "p", lines: 4 },
+  { kind: "p", lines: 4 },
+  { kind: "p", lines: 5 },
+  { kind: "h2" },
+  { kind: "p", lines: 4 },
+  { kind: "p", lines: 5 },
+  { kind: "h2" },
+  { kind: "p", lines: 3 },
+  { kind: "p", lines: 4 }
+];
+var MARKDOWN_SKELETON_H2_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, _chunkYL6ZB2SRcjs.MARKDOWN_H2_CLASS, _chunkYL6ZB2SRcjs.TEXT_SIZE_PRESETS.default.h2);
+var MARKDOWN_SKELETON_P_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, _chunkYL6ZB2SRcjs.MARKDOWN_PARAGRAPH_CLASS, _chunkYL6ZB2SRcjs.TEXT_SIZE_PRESETS.default.p);
 function MarkdownSkeleton({
   region = true
 } = {}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNO5UJLLQcjs.LoadingRegion, { label: "Loading the document", announce: region, className: "mt-6 space-y-7", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-3/4 rounded" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-5/6 rounded" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-2/3 rounded" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[88px] rounded-lg border border-ods-border" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-7 w-1/3 rounded" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-[72%] rounded" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-[58%] rounded" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-7 w-2/5 rounded" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-[90%] rounded" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[16px] w-[70%] rounded" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[88px] rounded-lg border border-ods-border" })
-  ] });
+  return (
+    // The renderer's root class, and its box (no margin of its own, like the rendered body): the document's first fold.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the document", announce: region, className: _chunkYL6ZB2SRcjs.MARKDOWN_RENDERER_CLASS, children: MARKDOWN_SKELETON_BLOCKS.map(
+      (block, i) => block.kind === "h2" ? (
+        // biome-ignore lint/suspicious/noArrayIndexKey: skeleton blocks never reorder
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: MARKDOWN_SKELETON_H2_CLASS, "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-1/3" }) }, i)
+      ) : (
+        // biome-ignore lint/suspicious/noArrayIndexKey: skeleton blocks never reorder
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: MARKDOWN_SKELETON_P_CLASS, "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: block.lines, className: "w-full" }) }, i)
+      )
+    ) })
+  );
 }
 function EmbedSkeleton({ documentType, region = true } = {}) {
   if (documentType === "file") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNO5UJLLQcjs.LoadingRegion,
+      _chunkWEANWBJHcjs.LoadingRegion,
       {
         label: "Loading the document",
         announce: region,
         className: "flex flex-col items-center justify-center py-16",
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full max-w-md space-y-4 rounded-xl border border-ods-border bg-ods-card p-8 text-center", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "mx-auto h-16 w-16 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "mx-auto h-16 w-16 rounded" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "mx-auto h-5 w-2/3 rounded" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "mx-auto h-4 w-1/2 rounded" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "mx-auto h-5 w-2/3 rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "mx-auto h-4 w-1/2 rounded" })
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-10 w-full rounded" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-10 w-full rounded" })
         ] })
       }
     );
   }
   const buttonCount = documentType === "pdf" ? 2 : 1;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNO5UJLLQcjs.LoadingRegion, { label: "Loading the document", announce: region, className: "space-y-4", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the document", announce: region, className: "space-y-4", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 content-sm:flex-row content-sm:items-center content-sm:justify-between", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-5 shrink-0 rounded" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-6 w-2/3 rounded" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-5 w-5 shrink-0 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-6 w-2/3 rounded" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center gap-2 content-sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-10 w-full flex-1 rounded content-sm:w-32 content-sm:flex-initial" }, i)) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center gap-2 content-sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-10 w-full flex-1 rounded content-sm:w-32 content-sm:flex-initial" }, i)) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMH2DYBCcjs.EmbedLoadingSkeleton, { region: false })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.EmbedLoadingSkeleton, { region: false })
   ] });
 }
 
@@ -969,11 +957,11 @@ function EmbedSkeleton({ documentType, region = true } = {}) {
 
 var DEFAULT_TITLE = "Documents";
 var defaultFallbackRenderer = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-16 text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: "Unsupported document type" }) });
-var defaultPdfRenderer = (content, handlers) => content.fileUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQQ7LKNNPcjs.PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQQ7LKNNPcjs.GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMH2DYBCcjs.FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
+var defaultPdfRenderer = (content, handlers) => content.fileUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWO3XO27Ccjs.PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWO3XO27Ccjs.GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
 var defaultFileRenderer = (content) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkQQ7LKNNPcjs.FileDownloadCard,
+  _chunkWO3XO27Ccjs.FileDownloadCard,
   {
     fileName: content.fileName,
     mimeType: content.mimeType,

package/dist/{chunk-MWLD6NXV.cjs → chunk-VFZFCRAL.cjs}

@@ -2,14 +2,12 @@
 
 
 
-var _chunkR3TWQ3ZJcjs = require('./chunk-R3TWQ3ZJ.cjs');
 
-
-var _chunk3LU4UFPScjs = require('./chunk-3LU4UFPS.cjs');
+var _chunk5P4TDV7Vcjs = require('./chunk-5P4TDV7V.cjs');
 
 // src/hooks/ui/use-content-breakpoint.ts
 var _react = require('react');
-var CONTENT_BREAKPOINTS = { md: _chunk3LU4UFPScjs.LAYOUT_STEPS.md.content, lg: _chunk3LU4UFPScjs.LAYOUT_STEPS.lg.content };
+var CONTENT_BREAKPOINTS = { md: _chunk5P4TDV7Vcjs.LAYOUT_STEPS.md.content, lg: _chunk5P4TDV7Vcjs.LAYOUT_STEPS.lg.content };
 var ContentAreaWidthContext = _react.createContext.call(void 0, null);
 function ViewportBreakpoints({ children }) {
   return _react.createElement.call(void 0, ContentAreaWidthContext.Provider, { value: null }, children);
@@ -21,8 +19,8 @@ function contentBreakpointFor(width) {
 }
 function useContentBreakpoint() {
   const width = _react.useContext.call(void 0, ContentAreaWidthContext);
-  const mdUp = _chunkR3TWQ3ZJcjs.useMdUp.call(void 0, );
-  const lgUp = _chunkR3TWQ3ZJcjs.useLgUp.call(void 0, );
+  const mdUp = _chunk5P4TDV7Vcjs.useMdUp.call(void 0, );
+  const lgUp = _chunk5P4TDV7Vcjs.useLgUp.call(void 0, );
   if (width !== null) return contentBreakpointFor(width);
   if (mdUp === void 0) return void 0;
   if (lgUp) return "desktop";