@flamingo-stack/openframe-frontend-core 0.0.702 → 0.0.703-snapshot.20261006080901

package/dist/{chunk-3WSFIV5G.cjs → chunk-AMYY3PNL.cjs}

@@ -3,16 +3,16 @@
 
 
 
-var _chunkLZNJH23Acjs = require('./chunk-LZNJH23A.cjs');
+var _chunkC7XGRLT5cjs = require('./chunk-C7XGRLT5.cjs');
 
 
 
 
-var _chunkCXDJUKC6cjs = require('./chunk-CXDJUKC6.cjs');
+var _chunkXJKZ4IKTcjs = require('./chunk-XJKZ4IKT.cjs');
 
 
 
-var _chunkASN65P3Fcjs = require('./chunk-ASN65P3F.cjs');
+var _chunk4DQMTBMKcjs = require('./chunk-4DQMTBMK.cjs');
 
 
 
@@ -22,17 +22,17 @@ var _chunkASN65P3Fcjs = require('./chunk-ASN65P3F.cjs');
 
 
 
-var _chunkFD4DBTFOcjs = require('./chunk-FD4DBTFO.cjs');
+var _chunkLTSTC3N5cjs = require('./chunk-LTSTC3N5.cjs');
 
 
-var _chunk4OGAXAEGcjs = require('./chunk-4OGAXAEG.cjs');
+var _chunkABU3TGXAcjs = require('./chunk-ABU3TGXA.cjs');
 
 
 
 
 
 
-var _chunkIIMICN7Lcjs = require('./chunk-IIMICN7L.cjs');
+var _chunkC3BWIU7Rcjs = require('./chunk-C3BWIU7R.cjs');
 
 
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
@@ -106,13 +106,21 @@ function PersistentSidebar({ isLoading, children, className }) {
     {
       isLoading,
       disabledOpacity: 0.5,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, "lg:sticky lg:top-20", className),
+      className: _chunk3ATAYP36cjs.cn.call(void 0, "content-lg:sticky content-lg:top-20", className),
       children
     }
   );
 }
 function PersistentMobileDropdown({ isLoading, children, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentFilterControls, { isLoading, disabledOpacity: 0.7, className: _chunk3ATAYP36cjs.cn.call(void 0, "lg:hidden", className), children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    PersistentFilterControls,
+    {
+      isLoading,
+      disabledOpacity: 0.7,
+      className: _chunk3ATAYP36cjs.cn.call(void 0, "content-lg:hidden", className),
+      children
+    }
+  );
 }
 
 // src/components/docs/doc-navigation-context.tsx
@@ -198,7 +206,7 @@ function useDocsResolveLink(sourceId, resolveLinkEndpoint) {
   return _react.useCallback.call(void 0, 
     async (href, currentPath) => {
       try {
-        const response = await _chunk4OGAXAEGcjs.contentFetch.call(void 0, resolvedResolveLinkEndpoint, {
+        const response = await _chunkABU3TGXAcjs.contentFetch.call(void 0, resolvedResolveLinkEndpoint, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ link: href, currentPath, source: sourceId })
@@ -224,9 +232,9 @@ function useDocsResolveLink(sourceId, resolveLinkEndpoint) {
 function scrollToContent() {
   const article = document.querySelector("article");
   if (article) {
-    _chunkIIMICN7Lcjs.scrollElementIntoView.call(void 0, article, { headerOffset: _chunkIIMICN7Lcjs.HUB_HEADER_OFFSET_PX });
+    _chunkC3BWIU7Rcjs.scrollElementIntoView.call(void 0, article, { headerOffset: _chunkC3BWIU7Rcjs.HUB_HEADER_OFFSET_PX });
   } else {
-    _chunkIIMICN7Lcjs.scrollElementIntoView.call(void 0, document.documentElement);
+    _chunkC3BWIU7Rcjs.scrollElementIntoView.call(void 0, document.documentElement);
   }
 }
 function findFirstDocPath(folder) {
@@ -325,8 +333,8 @@ function toDocContent(value, requestedPath) {
 }
 function useDocumentTree(config, initialPath) {
   const { structureEndpoint, contentEndpoint, baseRoute } = config;
-  const folderIndexFile = _nullishCoalesce(config.folderIndexFile, () => ( _chunkFD4DBTFOcjs.DEFAULT_FOLDER_INDEX_FILE));
-  const cleanInitialPath = _chunkFD4DBTFOcjs.stripFolderIndexFromPath.call(void 0, _optionalChain([initialPath, 'optionalAccess', _4 => _4.replace, 'call', _5 => _5(/\/$/, "")]) || "", folderIndexFile);
+  const folderIndexFile = _nullishCoalesce(config.folderIndexFile, () => ( _chunkLTSTC3N5cjs.DEFAULT_FOLDER_INDEX_FILE));
+  const cleanInitialPath = _chunkLTSTC3N5cjs.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);
@@ -350,12 +358,12 @@ function useDocumentTree(config, initialPath) {
       } else if (pathname.startsWith(`${normalizedBaseRoute}/`)) {
         pathFromUrl = pathname.substring(`${normalizedBaseRoute}/`.length);
       }
-      pathFromUrl = _chunkFD4DBTFOcjs.stripFolderIndexFromPath.call(void 0, pathFromUrl, folderIndexFile);
+      pathFromUrl = _chunkLTSTC3N5cjs.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(_chunkFD4DBTFOcjs.getDocAncestorNodeIds.call(void 0, parentPath)));
+          setExpandedNodes(new Set(_chunkLTSTC3N5cjs.getDocAncestorNodeIds.call(void 0, parentPath)));
         }
         setTimeout(() => {
           scrollToContent();
@@ -373,7 +381,7 @@ function useDocumentTree(config, initialPath) {
       setSelectedPath(cleanInitialPath);
       if (cleanInitialPath) {
         const parentPath = cleanInitialPath.includes("/") ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf("/")) : cleanInitialPath;
-        setExpandedNodes(new Set(_chunkFD4DBTFOcjs.getDocAncestorNodeIds.call(void 0, parentPath)));
+        setExpandedNodes(new Set(_chunkLTSTC3N5cjs.getDocAncestorNodeIds.call(void 0, parentPath)));
       }
       setExternalNavCount((n) => n + 1);
     }
@@ -387,7 +395,7 @@ function useDocumentTree(config, initialPath) {
     try {
       setIsLoadingStructure(true);
       setError(null);
-      const response = await _chunk4OGAXAEGcjs.contentFetch.call(void 0, structureEndpoint);
+      const response = await _chunkABU3TGXAcjs.contentFetch.call(void 0, structureEndpoint);
       if (!response.ok) {
         throw new Error("Failed to load documentation structure");
       }
@@ -398,7 +406,7 @@ function useDocumentTree(config, initialPath) {
         if (cleanInitialPath) {
           const pathForExpansion = cleanInitialPath.includes(".") ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf("/")) : cleanInitialPath;
           if (pathForExpansion) {
-            setExpandedNodes(new Set(_chunkFD4DBTFOcjs.getDocAncestorNodeIds.call(void 0, pathForExpansion)));
+            setExpandedNodes(new Set(_chunkLTSTC3N5cjs.getDocAncestorNodeIds.call(void 0, pathForExpansion)));
           }
         } else if (nodes.length > 0) {
           const hasRootReadme = nodes.some((node) => node.type === "file" && node.path === folderIndexFile);
@@ -414,7 +422,7 @@ function useDocumentTree(config, initialPath) {
           }
         }
       } else {
-        setError(_chunkIIMICN7Lcjs.apiErrorMessage.call(void 0, payload, "Failed to load documentation structure"));
+        setError(_chunkC3BWIU7Rcjs.apiErrorMessage.call(void 0, payload, "Failed to load documentation structure"));
       }
     } catch (err) {
       console.error("Error fetching documentation structure:", err);
@@ -426,7 +434,7 @@ function useDocumentTree(config, initialPath) {
   const fetchContent = async (path) => {
     try {
       setIsLoadingContent(true);
-      const response = await _chunk4OGAXAEGcjs.contentFetch.call(void 0, `${contentEndpoint}?path=${encodeURIComponent(path)}`);
+      const response = await _chunkABU3TGXAcjs.contentFetch.call(void 0, `${contentEndpoint}?path=${encodeURIComponent(path)}`);
       if (path !== lastFetchedPath.current) return;
       if (!response.ok) {
         if (response.status === 404) {
@@ -438,7 +446,7 @@ function useDocumentTree(config, initialPath) {
             setContent(null);
             return;
           }
-          const probe = _chunkFD4DBTFOcjs.findDocNodeByPath.call(void 0, _chunkFD4DBTFOcjs.stripFolderIndexFromPath.call(void 0, path, folderIndexFile), structure);
+          const probe = _chunkLTSTC3N5cjs.findDocNodeByPath.call(void 0, _chunkLTSTC3N5cjs.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) {
@@ -447,7 +455,7 @@ function useDocumentTree(config, initialPath) {
             setContent(null);
             return;
           }
-          setError(_chunkIIMICN7Lcjs.apiErrorMessage.call(void 0, errorPayload, "Documentation file not found"));
+          setError(_chunkC3BWIU7Rcjs.apiErrorMessage.call(void 0, errorPayload, "Documentation file not found"));
           setContent(null);
           return;
         }
@@ -465,7 +473,7 @@ function useDocumentTree(config, initialPath) {
         }
         setContent(doc);
       } else {
-        setError(_chunkIIMICN7Lcjs.apiErrorMessage.call(void 0, payload, "Failed to load content"));
+        setError(_chunkC3BWIU7Rcjs.apiErrorMessage.call(void 0, payload, "Failed to load content"));
         setContent(null);
       }
     } catch (err) {
@@ -495,7 +503,7 @@ function useDocumentTree(config, initialPath) {
     if (selectedPath === "") {
       pathToFetch = folderIndexFile;
     } else {
-      const node = _chunkFD4DBTFOcjs.findDocNodeByPath.call(void 0, selectedPath, structure);
+      const node = _chunkLTSTC3N5cjs.findDocNodeByPath.call(void 0, selectedPath, structure);
       if (node && node.type === "folder" && !node.hasReadme) {
         const firstDocPath = findFirstDocPath(node);
         if (!firstDocPath) {
@@ -536,16 +544,16 @@ function useDocumentTree(config, initialPath) {
       if (node.type === "folder") {
         setExpandedNodes((prev) => {
           if (prev.has(node.id)) {
-            const ancestorIds = _chunkFD4DBTFOcjs.getDocAncestorNodeIds.call(void 0, node.path);
+            const ancestorIds = _chunkLTSTC3N5cjs.getDocAncestorNodeIds.call(void 0, node.path);
             ancestorIds.pop();
             return new Set(ancestorIds);
           }
-          return new Set(_chunkFD4DBTFOcjs.getDocAncestorNodeIds.call(void 0, node.path));
+          return new Set(_chunkLTSTC3N5cjs.getDocAncestorNodeIds.call(void 0, node.path));
         });
       } else {
         const lastSlash = node.path.lastIndexOf("/");
         if (lastSlash > 0) {
-          setExpandedNodes(new Set(_chunkFD4DBTFOcjs.getDocAncestorNodeIds.call(void 0, node.path.substring(0, lastSlash))));
+          setExpandedNodes(new Set(_chunkLTSTC3N5cjs.getDocAncestorNodeIds.call(void 0, node.path.substring(0, lastSlash))));
         }
       }
       lastFetchedPath.current = null;
@@ -560,9 +568,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 : _chunkFD4DBTFOcjs.stripFolderIndexFromPath.call(void 0, cleanPath, folderIndexFile);
+      const pathForSelection = anchor && _optionalChain([options, 'optionalAccess', _6 => _6.fromInternalLink]) && cleanPath === "" ? selectedPathRef.current : _chunkLTSTC3N5cjs.stripFolderIndexFromPath.call(void 0, cleanPath, folderIndexFile);
       if (anchor && _optionalChain([options, 'optionalAccess', _7 => _7.fromInternalLink]) && pathForSelection === selectedPathRef.current) {
-        _chunkIIMICN7Lcjs.navigateSamePageHash.call(void 0, anchor, { headerOffset: _chunkIIMICN7Lcjs.HUB_HEADER_OFFSET_PX });
+        _chunkC3BWIU7Rcjs.navigateSamePageHash.call(void 0, anchor, { headerOffset: _chunkC3BWIU7Rcjs.HUB_HEADER_OFFSET_PX });
         return;
       }
       const scrollAfterNav = () => {
@@ -570,7 +578,7 @@ function useDocumentTree(config, initialPath) {
           setTimeout(() => {
             const el = document.getElementById(anchor.substring(1));
             if (el) {
-              _chunkIIMICN7Lcjs.scrollElementIntoView.call(void 0, el, { headerOffset: _chunkIIMICN7Lcjs.HUB_HEADER_OFFSET_PX });
+              _chunkC3BWIU7Rcjs.scrollElementIntoView.call(void 0, el, { headerOffset: _chunkC3BWIU7Rcjs.HUB_HEADER_OFFSET_PX });
             } else {
               scrollToContent();
             }
@@ -624,15 +632,15 @@ function useDocumentTree(config, initialPath) {
     return docNavigation.register({
       baseRoute: normalizedBaseRoute,
       findNodeByPath: (path) => {
-        const clean = _chunkFD4DBTFOcjs.stripFolderIndexFromPath.call(void 0, path.replace(/\/$/, "").split("#")[0], folderIndexFile);
-        return _nullishCoalesce(_chunkFD4DBTFOcjs.findDocNodeByPath.call(void 0, clean, structure), () => ( null));
+        const clean = _chunkLTSTC3N5cjs.stripFolderIndexFromPath.call(void 0, path.replace(/\/$/, "").split("#")[0], folderIndexFile);
+        return _nullishCoalesce(_chunkLTSTC3N5cjs.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 = _chunkFD4DBTFOcjs.findDocNodeByPath.call(void 0, selectedPath, structure);
+    const node = _chunkLTSTC3N5cjs.findDocNodeByPath.call(void 0, selectedPath, structure);
     return !!node && node.type === "folder" && !node.hasReadme && !findFirstDocPath(node);
   }, [selectedPath, structure]);
   return {
@@ -663,7 +671,7 @@ function replaceHash(sectionId) {
   window.history.replaceState(window.history.state, "", `${pathname}${search}${next}`);
 }
 function resolveScroller(firstSection) {
-  const container = firstSection ? _chunkIIMICN7Lcjs.getScrollableAncestor.call(void 0, firstSection) : null;
+  const container = firstSection ? _chunkC3BWIU7Rcjs.getScrollableAncestor.call(void 0, firstSection) : null;
   if (container) {
     return {
       target: container,
@@ -693,7 +701,7 @@ function useScrollSpy(sections, options = {}) {
       isScrollingFromClick.current = true;
       setActiveSection(sectionId);
       if (syncHash) replaceHash(sectionId);
-      _chunkIIMICN7Lcjs.scrollElementIntoView.call(void 0, targetElement, { headerOffset });
+      _chunkC3BWIU7Rcjs.scrollElementIntoView.call(void 0, targetElement, { headerOffset });
       setTimeout(() => {
         isScrollingFromClick.current = false;
       }, 800);
@@ -815,7 +823,7 @@ function DocViewerContent({
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _16 => _16.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _17 => _17.href]), () => ( "/")))
   };
-  const docSearch = _chunkASN65P3Fcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunk4DQMTBMKcjs.useDocSearch.call(void 0, {
     source: chatSource,
     baseRoute,
     searchEndpoint,
@@ -839,7 +847,7 @@ function DocViewerContent({
       onResolveLink: resolveLink
     });
   }, [content, renderContent, navigateToDoc, sourceId, resolveLink]);
-  const selectedNodeDocType = selectedPath && structure.length > 0 ? _optionalChain([_chunkFD4DBTFOcjs.findDocNodeByPath.call(void 0, selectedPath, structure), 'optionalAccess', _18 => _18.documentType]) : void 0;
+  const selectedNodeDocType = selectedPath && structure.length > 0 ? _optionalChain([_chunkLTSTC3N5cjs.findDocNodeByPath.call(void 0, selectedPath, structure), 'optionalAccess', _18 => _18.documentType]) : void 0;
   const activeDocType = _nullishCoalesce(_optionalChain([content, 'optionalAccess', _19 => _19.documentType]), () => ( selectedNodeDocType));
   const isMarkdownContent = !activeDocType || activeDocType === "markdown";
   const showStickyNav = isMarkdownContent;
@@ -850,9 +858,9 @@ 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, _chunkFD4DBTFOcjs.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: [
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { ...bgStyle, ...containerBgStyle }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.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: [
     showAIChat && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkASN65P3Fcjs.DocSearchBar,
+      _chunk4DQMTBMKcjs.DocSearchBar,
       {
         placeholder: `Search ${_optionalChain([sidebarLabel, 'optionalAccess', _23 => _23.toLowerCase, 'call', _24 => _24()]) || "documents"}...`,
         query: docSearch.query,
@@ -870,10 +878,10 @@ function DocViewerContent({
         ". Please try again later."
       ] })
     ] }) }),
-    !error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full lg:w-[320px] lg:shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "lg:sticky lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.CategorySidebarSkeleton, {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    !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, _chunkLTSTC3N5cjs.CategorySidebarSkeleton, {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentMobileDropdown, { isLoading: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkCXDJUKC6cjs.MobileNavigationDropdown,
+          _chunkXJKZ4IKTcjs.MobileNavigationDropdown,
           {
             nodes: structure,
             selectedPath,
@@ -884,10 +892,10 @@ function DocViewerContent({
             folderIndexFile
           }
         ) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+        /* @__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, 
-            _chunkCXDJUKC6cjs.MultiLevelNavigation,
+            _chunkXJKZ4IKTcjs.MultiLevelNavigation,
             {
               nodes: structure,
               selectedPath,
@@ -909,10 +917,10 @@ function DocViewerContent({
           // `isMarkdownContent` also suppresses the section-skeleton
           // bars during embed loads — the user-reported "skeleton
           // shouldn't be on file pages" bug.
-          isMarkdownContent && (showStickyNav && stickyNavSections.length > 0 || isLoadingContent || isLoadingStructure) ? "lg:grid-cols-[1fr_280px]" : ""} gap-8`,
+          isMarkdownContent && (showStickyNav && stickyNavSections.length > 0 || isLoadingContent || isLoadingStructure) ? "content-lg:grid-cols-[1fr_280px]" : ""} gap-8`,
           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 lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "sticky top-24", children: [
+            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, "div", { className: "mb-5 h-[14px] w-28 animate-pulse rounded bg-ods-border" }),
               /* @__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",
@@ -923,10 +931,10 @@ function DocViewerContent({
                 i
               )) })
             ] }) }),
-            showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "sticky top-24", children: [
+            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, 
-                _chunkCXDJUKC6cjs.StickySectionNav,
+                _chunkXJKZ4IKTcjs.StickySectionNav,
                 {
                   sections: stickyNavSections,
                   activeSection,
@@ -941,7 +949,7 @@ function DocViewerContent({
       ) })
     ] })
   ] }) }) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.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, _chunkLTSTC3N5cjs.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
@@ -1010,12 +1018,18 @@ function EmbedSkeleton({ documentType } = {}) {
   }
   const buttonCount = documentType === "pdf" ? 2 : 1;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", 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, "div", { className: "h-5 w-5 shrink-0 animate-pulse rounded bg-ods-border" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-2/3 animate-pulse rounded bg-ods-border" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center gap-2 sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-full flex-1 animate-pulse rounded bg-ods-border sm:w-32 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, 
+        "div",
+        {
+          className: "h-10 w-full flex-1 animate-pulse rounded bg-ods-border content-sm:w-32 content-sm:flex-initial"
+        },
+        i
+      )) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -1031,11 +1045,11 @@ function EmbedSkeleton({ documentType } = {}) {
 
 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, _chunkLZNJH23Acjs.PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLZNJH23Acjs.GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
+var defaultPdfRenderer = (content, handlers) => content.fileUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC7XGRLT5cjs.PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC7XGRLT5cjs.GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
 var defaultFileRenderer = (content) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkLZNJH23Acjs.FileDownloadCard,
+  _chunkC7XGRLT5cjs.FileDownloadCard,
   {
     fileName: content.fileName,
     mimeType: content.mimeType,

package/dist/{chunk-BRXOGCH3.cjs → chunk-BIZNSF3U.cjs}

@@ -96,7 +96,7 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className }) => {
         onClick: () => onPageChange(currentPage - 1),
         disabled: currentPage === 1,
         "aria-label": "Go to previous page",
-        className: "!h-10 !w-10 md:!h-10 md:!w-10",
+        className: "!h-10 !w-10 content-md:!h-10 content-md:!w-10",
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronLeft, { className: "h-4 w-4" })
       }
     ) }),
@@ -113,7 +113,7 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className }) => {
           variant: currentPage === page ? "accent" : "outline",
           size: "icon",
           onClick: () => onPageChange(page),
-          className: "!h-9 !w-9 md:!h-9 md:!w-9",
+          className: "!h-9 !w-9 content-md:!h-9 content-md:!w-9",
           "aria-label": `Page ${page}`,
           "aria-current": currentPage === page ? "page" : void 0,
           children: page
@@ -128,7 +128,7 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className }) => {
         onClick: () => onPageChange(currentPage + 1),
         disabled: currentPage === totalPages,
         "aria-label": "Go to next page",
-        className: "!h-10 !w-10 md:!h-10 md:!w-10",
+        className: "!h-10 !w-10 content-md:!h-10 content-md:!w-10",
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "h-4 w-4" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Next page" })

package/dist/{chunk-2A4XES7R.cjs → chunk-BM5MVGH3.cjs}

@@ -411,9 +411,9 @@ var SkeletonGrid = _react.forwardRef.call(void 0,
         ref,
         className: _chunk3ATAYP36cjs.cn.call(void 0, 
           `grid grid-cols-1 gap-6`,
-          columns === 2 && "md:grid-cols-2",
-          columns === 3 && "md:grid-cols-3",
-          columns === 4 && "md:grid-cols-4",
+          columns === 2 && "content-md:grid-cols-2",
+          columns === 3 && "content-md:grid-cols-3",
+          columns === 4 && "content-md:grid-cols-4",
           className
         ),
         ...props,

package/dist/{chunk-IIMICN7L.cjs → chunk-C3BWIU7R.cjs}

@@ -10,7 +10,7 @@
 var _chunkN3COXDBHcjs = require('./chunk-N3COXDBH.cjs');
 
 
-var _chunkMDBHZBW7cjs = require('./chunk-MDBHZBW7.cjs');
+var _chunkRKV5B7EUcjs = require('./chunk-RKV5B7EU.cjs');
 
 // src/hooks/ui/use-debounce.ts
 var _react = require('react');
@@ -27,41 +27,6 @@ function useDebounce(value, delay2 = 500) {
   return debouncedValue;
 }
 
-// src/hooks/ui/use-media-query.ts
-
-function useMediaQuery(query) {
-  const [matches, setMatches] = _react.useState.call(void 0, void 0);
-  _chunkMDBHZBW7cjs.useIsomorphicLayoutEffect.call(void 0, () => {
-    const matchMedia = window.matchMedia(query);
-    const handleChange = () => {
-      setMatches(matchMedia.matches);
-    };
-    handleChange();
-    matchMedia.addEventListener("change", handleChange);
-    return () => {
-      matchMedia.removeEventListener("change", handleChange);
-    };
-  }, [query]);
-  return matches;
-}
-var breakpoints = {
-  md: "(min-width: 800px)",
-  // Tablet: 50rem
-  lg: "(min-width: 1280px)"
-  // Desktop: 80rem
-};
-function useSmUp() {
-  return useMdUp();
-}
-function useMdUp() {
-  const matches = useMediaQuery(breakpoints.md);
-  return matches === void 0 ? void 0 : matches;
-}
-function useLgUp() {
-  const matches = useMediaQuery(breakpoints.lg);
-  return matches === void 0 ? void 0 : matches;
-}
-
 // src/hooks/ui/use-header-height.ts
 
 function useHeaderHeight(defaultHeight = 72, options = {}) {
@@ -219,10 +184,10 @@ function useSuppressCloneFocus(active) {
 // src/hooks/ui/use-prefers-reduced-motion.ts
 var PREFERS_REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
 function usePrefersReducedMotion() {
-  return useMediaQuery(PREFERS_REDUCED_MOTION_QUERY) === true;
+  return _chunkRKV5B7EUcjs.useMediaQuery.call(void 0, PREFERS_REDUCED_MOTION_QUERY) === true;
 }
 function usePrefersReducedMotionState() {
-  return useMediaQuery(PREFERS_REDUCED_MOTION_QUERY);
+  return _chunkRKV5B7EUcjs.useMediaQuery.call(void 0, PREFERS_REDUCED_MOTION_QUERY);
 }
 
 // src/hooks/ui/use-in-view.ts
@@ -836,9 +801,4 @@ function navigateSamePageHash(target, options = {}) {
 
 
 
-
-
-
-
-
-exports.useDebounce = useDebounce; exports.useMediaQuery = useMediaQuery; exports.breakpoints = breakpoints; exports.useSmUp = useSmUp; exports.useMdUp = useMdUp; exports.useLgUp = useLgUp; exports.useHeaderHeight = useHeaderHeight; exports.useMarqueeEngine = useMarqueeEngine; exports.useResetOnPageHidden = useResetOnPageHidden; exports.useSuppressCloneFocus = useSuppressCloneFocus; exports.PREFERS_REDUCED_MOTION_QUERY = PREFERS_REDUCED_MOTION_QUERY; exports.usePrefersReducedMotion = usePrefersReducedMotion; exports.usePrefersReducedMotionState = usePrefersReducedMotionState; exports.useInView = useInView; exports.useAutoplay = useAutoplay; exports.ToolTypeValues = ToolTypeValues; exports.toolLabels = toolLabels; exports.ToolIcon = ToolIcon; exports.cn = cn; exports.errorMessage = errorMessage; exports.apiErrorMessage = apiErrorMessage; exports.delay = delay; exports.generateRandomString = generateRandomString; exports.truncateString = truncateString; exports.serializeJsonLd = serializeJsonLd; exports.deepClone = deepClone; exports.getSlackCommunityJoinUrl = getSlackCommunityJoinUrl; exports.clamp = clamp; exports.pick = pick; exports.NO_CLIENT_CACHE = NO_CLIENT_CACHE; exports.NEAR_VIEWPORT_ROOT_MARGIN = NEAR_VIEWPORT_ROOT_MARGIN; exports.useNearViewport = useNearViewport; exports.isBlankLine = isBlankLine; exports.createFenceTracker = createFenceTracker; exports.HEADING_EMOJI_RE = HEADING_EMOJI_RE; exports.stripHeadingEmojis = stripHeadingEmojis; exports.slugifyHeadingBase = slugifyHeadingBase; exports.slugifyHeadingText = slugifyHeadingText; exports.scanHeadings = scanHeadings; exports.createHeadingIdDeduper = createHeadingIdDeduper; exports.normalizeAnchorId = normalizeAnchorId; exports.findAnchorElementByNormalizedId = findAnchorElementByNormalizedId; exports.getScrollableAncestor = getScrollableAncestor; exports.scrollElementIntoView = scrollElementIntoView; exports.STICKY_HEADER_OFFSET_PX = STICKY_HEADER_OFFSET_PX; exports.HUB_HEADER_OFFSET_PX = HUB_HEADER_OFFSET_PX; exports.normalizeHashFragment = normalizeHashFragment; exports.getHashTargetElement = getHashTargetElement; exports.navigateSamePageHash = navigateSamePageHash;
+exports.useDebounce = useDebounce; exports.useHeaderHeight = useHeaderHeight; exports.useMarqueeEngine = useMarqueeEngine; exports.useResetOnPageHidden = useResetOnPageHidden; exports.useSuppressCloneFocus = useSuppressCloneFocus; exports.PREFERS_REDUCED_MOTION_QUERY = PREFERS_REDUCED_MOTION_QUERY; exports.usePrefersReducedMotion = usePrefersReducedMotion; exports.usePrefersReducedMotionState = usePrefersReducedMotionState; exports.useInView = useInView; exports.useAutoplay = useAutoplay; exports.ToolTypeValues = ToolTypeValues; exports.toolLabels = toolLabels; exports.ToolIcon = ToolIcon; exports.cn = cn; exports.errorMessage = errorMessage; exports.apiErrorMessage = apiErrorMessage; exports.delay = delay; exports.generateRandomString = generateRandomString; exports.truncateString = truncateString; exports.serializeJsonLd = serializeJsonLd; exports.deepClone = deepClone; exports.getSlackCommunityJoinUrl = getSlackCommunityJoinUrl; exports.clamp = clamp; exports.pick = pick; exports.NO_CLIENT_CACHE = NO_CLIENT_CACHE; exports.NEAR_VIEWPORT_ROOT_MARGIN = NEAR_VIEWPORT_ROOT_MARGIN; exports.useNearViewport = useNearViewport; exports.isBlankLine = isBlankLine; exports.createFenceTracker = createFenceTracker; exports.HEADING_EMOJI_RE = HEADING_EMOJI_RE; exports.stripHeadingEmojis = stripHeadingEmojis; exports.slugifyHeadingBase = slugifyHeadingBase; exports.slugifyHeadingText = slugifyHeadingText; exports.scanHeadings = scanHeadings; exports.createHeadingIdDeduper = createHeadingIdDeduper; exports.normalizeAnchorId = normalizeAnchorId; exports.findAnchorElementByNormalizedId = findAnchorElementByNormalizedId; exports.getScrollableAncestor = getScrollableAncestor; exports.scrollElementIntoView = scrollElementIntoView; exports.STICKY_HEADER_OFFSET_PX = STICKY_HEADER_OFFSET_PX; exports.HUB_HEADER_OFFSET_PX = HUB_HEADER_OFFSET_PX; exports.normalizeHashFragment = normalizeHashFragment; exports.getHashTargetElement = getHashTargetElement; exports.navigateSamePageHash = navigateSamePageHash;

package/dist/{chunk-LZNJH23A.cjs → chunk-C7XGRLT5.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkFD4DBTFOcjs = require('./chunk-FD4DBTFO.cjs');
+var _chunkLTSTC3N5cjs = require('./chunk-LTSTC3N5.cjs');
 
 
 
-var _chunk3L7KCOGOcjs = require('./chunk-3L7KCOGO.cjs');
+var _chunkMGGGBHYDcjs = require('./chunk-MGGGBHYD.cjs');
 
 
 
 var _chunkN3COXDBHcjs = require('./chunk-N3COXDBH.cjs');
 
 
-var _chunkEMCQGFXDcjs = require('./chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
 
 
 var _chunkDFQYAYBHcjs = require('./chunk-DFQYAYBH.cjs');
@@ -27,7 +27,7 @@ function FileDownloadCard({ fileName, mimeType, fileSize, fileUrl }) {
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h3", children: fileName || "File" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-2 flex items-center justify-center gap-3 text-ods-text-secondary text-h6", children: [
         mimeType && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: mimeType }),
-        typeof fileSize === "number" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkEMCQGFXDcjs.formatFileSize.call(void 0, fileSize) })
+        typeof fileSize === "number" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _chunkMMOODW57cjs.formatFileSize.call(void 0, fileSize) })
       ] })
     ] }),
     fileUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "accent", href: fileUrl, openInNewTab: true, leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Download, { className: "h-4 w-4" }), children: "Download File" })
@@ -46,7 +46,7 @@ function GoogleSheetsViewer({ externalUrl, fileName, height }) {
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkFD4DBTFOcjs.EmbedViewerFrame,
+    _chunkLTSTC3N5cjs.EmbedViewerFrame,
     {
       icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.GoogleSheetsIcon, { className: "h-5 w-5 shrink-0" }),
       title: displayName,
@@ -55,15 +55,15 @@ function GoogleSheetsViewer({ externalUrl, fileName, height }) {
         {
           variant: "outline",
           size: "small-legacy",
-          href: _chunk3L7KCOGOcjs.toGoogleSheetsOriginalUrl.call(void 0, externalUrl),
+          href: _chunkMGGGBHYDcjs.toGoogleSheetsOriginalUrl.call(void 0, externalUrl),
           openInNewTab: true,
           leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.GoogleSheetsIcon, { className: "h-4 w-4" }),
           rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-4 w-4" }),
-          className: "w-full sm:w-auto",
+          className: "w-full content-sm:w-auto",
           children: "Open in Google Sheets"
         }
       ),
-      src: _chunk3L7KCOGOcjs.toGoogleSheetsEmbedUrl.call(void 0, externalUrl),
+      src: _chunkMGGGBHYDcjs.toGoogleSheetsEmbedUrl.call(void 0, externalUrl),
       height
     }
   );
@@ -81,11 +81,11 @@ function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkFD4DBTFOcjs.EmbedViewerFrame,
+    _chunkLTSTC3N5cjs.EmbedViewerFrame,
     {
       icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.AdobePdfIcon, { className: "h-5 w-5 shrink-0" }),
       title: displayName,
-      actions: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-2 sm:w-auto", children: [
+      actions: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-2 content-sm:w-auto", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _chunkDFQYAYBHcjs.Button,
           {
@@ -95,7 +95,7 @@ function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
             openInNewTab: !onPreview,
             onClick: onPreview,
             leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Eye, { className: "h-4 w-4" }),
-            className: "flex-1 sm:flex-initial",
+            className: "flex-1 content-sm:flex-initial",
             children: "Preview"
           }
         ),
@@ -108,7 +108,7 @@ function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
             openInNewTab: !onDownload,
             onClick: onDownload,
             leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Download, { className: "h-4 w-4" }),
-            className: "flex-1 sm:flex-initial",
+            className: "flex-1 content-sm:flex-initial",
             children: "Download"
           }
         )