@adminide-stack/yantra-help-browser 12.0.19-alpha.6 → 12.0.191-alpha.2

package/lib/pages/Markdown/MarkdownPageLayout.js

@@ -1,4 +1,100 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useLocation,Outlet,Link}from'@remix-run/react';import {SidebarSearch}from'../../components/SidebarSearch.js';import {getDocsNavigation,getDocsNavigationAsync}from'../../utils/docsNavigation.js';import {useTheme}from'@admin-layout/tailwind-ui';import {cn}from'../../utils/index.js';import {Icons}from'../../components/Icons.js';const MarkdownPageLayout = ({
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useLocation,Outlet,Link}from'@remix-run/react';import {SidebarSearch}from'../../components/SidebarSearch.js';import {getDocsNavigation,getDocsNavigationAsync}from'../../utils/docsNavigation.js';import {useTheme}from'@admin-layout/tailwind-ui';import {cn}from'../../utils/index.js';import {Icons}from'../../components/Icons.js';import {MarkdownAuroraCanvas}from'./MarkdownAuroraCanvas.js';import {MarkdownPageStyles}from'./MarkdownPageStyles.js';import {EnterprisePageStyles}from'../../components/enterprise/EnterprisePageStyles.js';function usePrefersReducedMotion() {
+  const [reduced, setReduced] = useState(false);
+  useEffect(() => {
+    if (typeof window === 'undefined' || !window.matchMedia) return;
+    const mq = window.matchMedia('(prefers-reduced-motion: reduce)');
+    const update = () => setReduced(mq.matches);
+    update();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const anyMq = mq;
+    if (mq.addEventListener) mq.addEventListener('change', update);else if (anyMq.addListener) anyMq.addListener(update);
+    return () => {
+      if (mq.removeEventListener) mq.removeEventListener('change', update);else if (anyMq.removeListener) anyMq.removeListener(update);
+    };
+  }, []);
+  return reduced;
+}
+function useScrollProgress() {
+  const [progress, setProgress] = useState(0);
+  useEffect(() => {
+    let ticking = false;
+    const compute = () => {
+      const docEl = document.documentElement;
+      const scrolled = window.scrollY || docEl.scrollTop;
+      const max = (docEl.scrollHeight || 0) - window.innerHeight;
+      setProgress(max > 0 ? Math.min(1, Math.max(0, scrolled / max)) : 0);
+      ticking = false;
+    };
+    const onScroll = () => {
+      if (ticking) return;
+      ticking = true;
+      window.requestAnimationFrame(compute);
+    };
+    compute();
+    window.addEventListener('scroll', onScroll, {
+      passive: true
+    });
+    window.addEventListener('resize', onScroll, {
+      passive: true
+    });
+    return () => {
+      window.removeEventListener('scroll', onScroll);
+      window.removeEventListener('resize', onScroll);
+    };
+  }, []);
+  return progress;
+}
+function CursorGlow({
+  enabled
+}) {
+  const ref = useRef(null);
+  const target = useRef([0, 0]);
+  const current = useRef([0, 0]);
+  const visibleRef = useRef(false);
+  const rafRef = useRef(0);
+  useEffect(() => {
+    if (!enabled) return undefined;
+    const el = ref.current;
+    if (!el) return undefined;
+    const onMove = e => {
+      target.current = [e.clientX, e.clientY];
+      if (!visibleRef.current) {
+        visibleRef.current = true;
+        el.classList.add('md-glow-on');
+      }
+    };
+    const onLeave = () => {
+      visibleRef.current = false;
+      el.classList.remove('md-glow-on');
+    };
+    const tick = () => {
+      const k = 0.12;
+      current.current[0] += (target.current[0] - current.current[0]) * k;
+      current.current[1] += (target.current[1] - current.current[1]) * k;
+      el.style.transform = `translate3d(${current.current[0]}px, ${current.current[1]}px, 0) translate(-50%, -50%)`;
+      rafRef.current = requestAnimationFrame(tick);
+    };
+    window.addEventListener('pointermove', onMove, {
+      passive: true
+    });
+    window.addEventListener('pointerleave', onLeave, {
+      passive: true
+    });
+    rafRef.current = requestAnimationFrame(tick);
+    return () => {
+      cancelAnimationFrame(rafRef.current);
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerleave', onLeave);
+    };
+  }, [enabled]);
+  if (!enabled) return null;
+  return jsx("div", {
+    ref: ref,
+    className: "md-cursor-glow",
+    "aria-hidden": true
+  });
+}
+const MarkdownPageLayout = ({
   children
 }) => {
   const location = useLocation();
@@ -8,17 +104,21 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
   const [activeHeadingId, setActiveHeadingId] = useState('');
   const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);
   const observerRef = useRef(null);
+  const activeNavItemRef = useRef(null);
+  const contentSurfaceRef = useRef(null);
+  const firstPathRef = useRef(location.pathname);
   const {
     setMode,
     mode
   } = useTheme();
   const isDark = mode === 'dark';
-  // Load navigation asynchronously to ensure manifest is loaded
+  const reducedMotion = usePrefersReducedMotion();
+  const scrollProgress = useScrollProgress();
+  const navIndexRef = useRef(0);
+  navIndexRef.current = 0;
   useEffect(() => {
     getDocsNavigationAsync().then(items => {
       if (items && items.length > 0) {
-        console.log('✅ Navigation items loaded:', items.length, 'top-level items');
-        console.log('📁 Sample structure:', items[0]?.title, 'has', items[0]?.children?.length || 0, 'children');
         setNavItems(items);
       } else {
         console.warn('⚠️ No navigation items loaded');
@@ -27,11 +127,9 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
       console.error('❌ Error loading navigation:', error);
     });
   }, []);
-  // Close mobile sidebar on route change
   useEffect(() => {
     setMobileSidebarOpen(false);
   }, [location.pathname]);
-  // Helper function to check if an item or any of its descendants contain the active path
   const itemContainsActivePath = (item, activePath) => {
     if (item.path && (activePath === item.path || activePath.startsWith(item.path + '/'))) {
       return true;
@@ -41,62 +139,45 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
     }
     return false;
   };
-  // Helper function to get all items that should be expanded for the active path
   const getItemsToExpandForActivePath = (items, activePath, pathPrefix = '') => {
     const itemsToExpand = new Set();
     function checkAndExpand(items, pathPrefix = '') {
+      let containsActive = false;
       items.forEach(item => {
         const itemPath = pathPrefix ? `${pathPrefix}/${item.title}` : item.title;
-        if (item.path && (activePath === item.path || activePath.startsWith(item.path + '/'))) {
+        const selfActive = !!item.path && (activePath === item.path || activePath.startsWith(item.path + '/'));
+        let childActive = false;
+        if (item.children && item.children.length > 0) {
+          childActive = checkAndExpand(item.children, itemPath);
+        }
+        if (selfActive || childActive) {
           itemsToExpand.add(itemPath);
-          if (item.children && item.children.length > 0) {
-            checkAndExpand(item.children, itemPath);
-          }
-        } else if (item.children && item.children.length > 0) {
-          // Check if any child is active
-          const hasActiveChild = item.children.some(child => child.path && (activePath === child.path || activePath.startsWith(child.path + '/')));
-          if (hasActiveChild) {
-            itemsToExpand.add(itemPath);
-            checkAndExpand(item.children, itemPath);
-          }
+          containsActive = true;
         }
       });
+      return containsActive;
     }
     checkAndExpand(items, pathPrefix);
     return itemsToExpand;
   };
-  // Auto-expand items that contain the active path when pathname or navItems change
   useEffect(() => {
     const activePath = location.pathname;
     const itemsToExpand = getItemsToExpandForActivePath(navItems, activePath);
-    // Merge: keep existing expandedItems and add items containing active path
     setExpandedItems(prev => {
       const merged = new Set(prev);
       itemsToExpand.forEach(path => merged.add(path));
       return merged;
     });
   }, [location.pathname, navItems]);
-  // Ensure items containing active path stay expanded after toggles
   useEffect(() => {
-    const activePath = location.pathname;
-    const itemsToExpand = getItemsToExpandForActivePath(navItems, activePath);
-    // Check if any required items are missing from expandedItems
-    let needsUpdate = false;
-    itemsToExpand.forEach(path => {
-      if (!expandedItems.has(path)) {
-        needsUpdate = true;
-      }
-    });
-    if (needsUpdate) {
-      setExpandedItems(prev => {
-        const merged = new Set(prev);
-        itemsToExpand.forEach(path => merged.add(path));
-        return merged;
+    if (!activeNavItemRef.current) return;
+    const id = window.setTimeout(() => {
+      activeNavItemRef.current?.scrollIntoView({
+        block: 'nearest'
       });
-    }
-  }, [expandedItems, location.pathname, navItems]);
-  // Toggle item expansion - allow all items to be toggled
-  // Items containing active path will be re-expanded automatically by useEffect
+    }, 0);
+    return () => window.clearTimeout(id);
+  }, [location.pathname, navItems, expandedItems]);
   const toggleItem = itemPath => {
     setExpandedItems(prev => {
       const newSet = new Set(prev);
@@ -108,9 +189,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
       return newSet;
     });
   };
-  // Extract headings from the current page content
   useEffect(() => {
-    // Wait for content to load, then extract headings
     const extractHeadings = () => {
       const contentArea = document.querySelector('[data-content-area]');
       if (contentArea) {
@@ -129,11 +208,8 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
         setHeadings(extractedHeadings);
       }
     };
-    // Extract immediately
     extractHeadings();
-    // Also extract after a short delay to catch dynamically loaded content
     const timeoutId = setTimeout(extractHeadings, 100);
-    // Use MutationObserver to watch for content changes
     const observer = new MutationObserver(extractHeadings);
     const contentArea = document.querySelector('[data-content-area]');
     if (contentArea) {
@@ -147,14 +223,11 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
       observer.disconnect();
     };
   }, [location.pathname]);
-  // Scroll spy for table of contents
   useEffect(() => {
     if (headings.length === 0) return;
-    // Clean up previous observer
     if (observerRef.current) {
       observerRef.current.disconnect();
     }
-    // Create new intersection observer
     observerRef.current = new IntersectionObserver(entries => {
       entries.forEach(entry => {
         if (entry.isIntersecting) {
@@ -165,38 +238,116 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
       rootMargin: '-20% 0px -70% 0px',
       threshold: 0
     });
-    // Observe all headings
     headings.forEach(heading => {
       const element = document.getElementById(heading.id);
       if (element && observerRef.current) {
         observerRef.current.observe(element);
       }
     });
-    // Cleanup function
     return () => {
       if (observerRef.current) {
         observerRef.current.disconnect();
       }
     };
   }, [headings]);
-  // Determine active section based on current path
+  useEffect(() => {
+    const contentArea = document.querySelector('[data-content-area]');
+    if (!contentArea) return;
+    const tagSelector = 'h1, h2, h3, h4, p, ul, ol, table, pre, blockquote, img, hr, .prose > div';
+    const isAboveFold = el => {
+      const rect = el.getBoundingClientRect();
+      const vh = window.innerHeight || document.documentElement.clientHeight || 0;
+      return rect.top < vh * 1.05;
+    };
+    const applyReveals = () => {
+      const article = contentArea.querySelector('.prose');
+      const root = article || contentArea;
+      const nodes = root.querySelectorAll(tagSelector);
+      nodes.forEach(n => {
+        if (n.classList.contains('md-reveal') || n.classList.contains('md-revealed')) {
+          return;
+        }
+        if (isAboveFold(n)) {
+          n.classList.add('md-revealed');
+        } else {
+          n.classList.add('md-reveal');
+        }
+      });
+      return nodes;
+    };
+    const io = new IntersectionObserver(entries => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          const el = entry.target;
+          el.classList.add('md-revealed');
+          io.unobserve(el);
+        }
+      });
+    }, {
+      root: null,
+      rootMargin: '0px 0px -8% 0px',
+      threshold: 0.05
+    });
+    const observeAll = () => {
+      const nodes = applyReveals();
+      nodes.forEach(n => {
+        if (!n.classList.contains('md-revealed')) io.observe(n);
+      });
+    };
+    observeAll();
+    const t1 = window.setTimeout(observeAll, 60);
+    const t2 = window.setTimeout(observeAll, 240);
+    const mo = new MutationObserver(() => observeAll());
+    mo.observe(contentArea, {
+      childList: true,
+      subtree: true
+    });
+    return () => {
+      window.clearTimeout(t1);
+      window.clearTimeout(t2);
+      mo.disconnect();
+      io.disconnect();
+    };
+  }, [location.pathname]);
+  useEffect(() => {
+    if (firstPathRef.current === location.pathname) {
+      firstPathRef.current = '__visited__';
+      return;
+    }
+    const el = contentSurfaceRef.current;
+    if (!reducedMotion && el) {
+      el.classList.remove('md-content-swap');
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+      void el.offsetWidth;
+      el.classList.add('md-content-swap');
+    }
+    if (typeof window !== 'undefined') {
+      window.scrollTo({
+        top: 0,
+        behavior: reducedMotion ? 'auto' : 'smooth'
+      });
+    }
+  }, [location.pathname, reducedMotion]);
   const isActivePath = path => {
     if (!path) return false;
     return location.pathname === path || location.pathname.startsWith(path + '/');
   };
-  // Recursive component to render navigation items
   const renderNavItem = (item, level = 0, pathPrefix = '') => {
     const itemPath = pathPrefix ? `${pathPrefix}/${item.title}` : item.title;
     const hasChildren = item.children && item.children.length > 0;
     const activePath = location.pathname;
-    // Item is expanded only if it's in expandedItems
-    // The useEffect will ensure items containing active path are always in expandedItems
     const isExpanded = expandedItems.has(itemPath);
     const isActive = item.path ? isActivePath(item.path) : false;
     const containsActive = itemContainsActivePath(item, activePath);
-    const indentLevel = level * 16; // 16px per level
+    const indentLevel = level * 16;
+    const isTopLevel = level === 0;
+    const staggerIndex = isTopLevel ? navIndexRef.current++ : 0;
+    const staggerStyle = isTopLevel ? {
+      ['--i']: staggerIndex
+    } : undefined;
     return jsxs("li", {
-      className: "w-full",
+      className: cn('w-full', isTopLevel && !reducedMotion ? 'md-nav-item' : ''),
+      style: staggerStyle,
       children: [jsx("div", {
         className: "flex items-center w-full",
         children: hasChildren ? jsxs("button", {
@@ -204,7 +355,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
             e.preventDefault();
             toggleItem(itemPath);
           },
-          className: cn('flex items-center justify-between w-full px-3 py-2 text-sm rounded-themed transition-colors text-left focus-themed', isActive ? 'bg-primary/10 text-primary font-medium' : containsActive ? 'text-primary font-medium hover:bg-muted' : 'text-foreground hover:bg-muted'),
+          className: cn('md-nav-link group flex items-center justify-between w-full px-3 py-2 rounded-lg text-left', isTopLevel ? 'text-[0.7rem] font-semibold uppercase tracking-wider' : 'text-sm font-medium', isActive ? 'md-nav-active text-primary' : containsActive ? 'text-primary hover:bg-gray-100/70 dark:hover:bg-gray-800/60' : isTopLevel ? 'text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100' : 'text-gray-600 dark:text-gray-300 hover:bg-gray-100/70 dark:hover:bg-gray-800/60 hover:text-gray-900 dark:hover:text-gray-100'),
           style: {
             paddingLeft: `${12 + indentLevel}px`
           },
@@ -212,31 +363,122 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
             className: "flex-1 truncate",
             children: item.title
           }), jsx(Icons.MdChevronRightIcon, {
-            className: cn('w-4 h-4 transition-transform flex-shrink-0 ml-2', isExpanded ? 'rotate-90' : '')
+            className: cn('md-nav-chevron w-3.5 h-3.5 flex-shrink-0 ml-2 opacity-60 group-hover:opacity-100', isExpanded ? 'md-rotated' : '')
           })]
         }) : item.path ? jsx(Link, {
           to: item.path,
-          className: cn('block px-3 py-2 text-sm rounded-themed transition-colors truncate focus-themed', isActive ? 'bg-primary/10 text-primary font-medium' : 'text-foreground hover:bg-muted'),
+          ref: isActive ? activeNavItemRef : undefined,
+          onClick: () => setMobileSidebarOpen(false),
+          className: cn('md-nav-link relative block w-full px-3 py-2 text-sm rounded-lg truncate', isActive ? 'md-nav-active text-primary font-semibold' : 'text-gray-600 dark:text-gray-300 hover:bg-gray-100/70 dark:hover:bg-gray-800/60 hover:text-gray-900 dark:hover:text-gray-100'),
           style: {
             paddingLeft: `${12 + indentLevel}px`
           },
           children: item.title
         }) : jsx("span", {
-          className: cn('block px-3 py-2 text-sm rounded-themed truncate text-muted-foreground'),
+          className: cn('block px-3 py-2 text-[0.7rem] font-semibold uppercase tracking-wider rounded-md truncate text-gray-400 dark:text-gray-500'),
           style: {
             paddingLeft: `${12 + indentLevel}px`
           },
           children: item.title
         })
-      }), hasChildren && isExpanded && jsx("ul", {
-        className: "mt-1 space-y-1",
-        children: item.children.map(child => renderNavItem(child, level + 1, itemPath))
+      }), hasChildren && jsx("div", {
+        className: cn('md-nav-children', isExpanded ? 'md-open' : ''),
+        "aria-hidden": !isExpanded,
+        children: jsx("div", {
+          className: "md-nav-children-inner",
+          children: jsx("ul", {
+            className: "mt-0.5 space-y-0.5",
+            children: item.children.map(child => renderNavItem(child, level + 1, itemPath))
+          })
+        })
       })]
     }, itemPath);
   };
+  const sidebarInner = jsxs(Fragment, {
+    children: [jsx("div", {
+      className: "px-5 pt-5 pb-3",
+      children: jsxs("div", {
+        className: "flex items-center gap-2.5",
+        children: [jsx("span", {
+          className: "md-sidebar-brand flex h-8 w-8 items-center justify-center rounded-lg text-primary",
+          children: jsx(Icons.MdDescriptionIcon, {
+            className: "w-4 h-4"
+          })
+        }), jsxs("div", {
+          className: "leading-tight",
+          children: [jsx("p", {
+            className: "text-sm font-semibold text-foreground",
+            children: "Documentation"
+          }), jsx("p", {
+            className: "text-[0.7rem] text-gray-500 dark:text-gray-400",
+            children: "Guides & references"
+          })]
+        })]
+      })
+    }), jsx("div", {
+      className: "sticky top-0 z-20 px-4 pb-3",
+      children: jsx("div", {
+        className: "md-search-wrap",
+        children: jsx(SidebarSearch, {
+          placeholder: "Search documentation..."
+        })
+      })
+    }), jsx("nav", {
+      className: "flex-1 overflow-y-auto px-3 pb-4 min-h-0 [scrollbar-width:thin]",
+      children: jsx("ul", {
+        className: "space-y-1",
+        children: navItems.map(item => renderNavItem(item))
+      })
+    }), jsx("div", {
+      className: "p-4 border-t border-gray-200/80 dark:border-gray-800/80 flex-shrink-0",
+      children: jsxs("div", {
+        className: "md-toggle-pill",
+        children: [jsx("span", {
+          className: cn('md-toggle-knob', isDark ? 'md-knob-right' : ''),
+          "aria-hidden": true
+        }), jsxs("button", {
+          type: "button",
+          onClick: () => setMode('light'),
+          className: cn('md-toggle-btn', !isDark ? 'text-gray-900 dark:text-gray-100' : 'text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200'),
+          children: [jsx(Icons.MdBrightness5Icon, {
+            className: "w-3.5 h-3.5"
+          }), "Light"]
+        }), jsxs("button", {
+          type: "button",
+          onClick: () => setMode('dark'),
+          className: cn('md-toggle-btn', isDark ? 'text-gray-900 dark:text-gray-100' : 'text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200'),
+          children: [jsx(Icons.MdBrightness2Icon, {
+            className: "w-3.5 h-3.5"
+          }), "Dark"]
+        })]
+      })
+    })]
+  });
   return jsxs("div", {
-    className: "min-h-screen bg-background text-foreground mt-20",
-    children: [jsxs("button", {
+    className: "relative min-h-screen bg-background text-foreground mt-20 overflow-x-clip",
+    children: [jsx(MarkdownPageStyles, {}), jsx(EnterprisePageStyles, {}), jsx("div", {
+      className: "pointer-events-none fixed inset-0 z-0 overflow-hidden",
+      "aria-hidden": true,
+      style: {
+        top: '5rem'
+      },
+      children: jsx(MarkdownAuroraCanvas, {
+        reducedMotion: reducedMotion,
+        isDark: isDark,
+        opacity: isDark ? 0.55 : 0.4
+      })
+    }), jsx(CursorGlow, {
+      enabled: !reducedMotion
+    }), jsx("div", {
+      className: "md-progress",
+      "aria-hidden": true,
+      children: jsx("div", {
+        className: "md-progress-bar",
+        style: {
+          width: `${Math.round(scrollProgress * 100)}%`
+        }
+      })
+    }), jsxs("button", {
       onClick: () => setMobileSidebarOpen(true),
       className: "lg:hidden fixed left-3 top-24 z-30 flex items-center gap-1.5 rounded-themed border border-border bg-background/95 backdrop-blur-sm px-2.5 py-2 text-xs font-medium text-muted-foreground shadow-themed-md hover:bg-muted hover:text-foreground transition-all focus-themed",
       "aria-label": "Open sidebar navigation",
@@ -250,11 +492,17 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
       className: "lg:hidden fixed inset-0 z-40 bg-black/40 backdrop-blur-sm",
       onClick: () => setMobileSidebarOpen(false)
     }), jsx("aside", {
-      className: cn('fixed top-20 h-[calc(100vh-5rem)] w-72 sm:w-64 z-50 lg:z-10 transition-transform duration-300 ease-in-out', 'lg:left-0 lg:translate-x-0', mobileSidebarOpen ? 'left-0 translate-x-0' : '-translate-x-full lg:translate-x-0'),
+      className: "hidden lg:block fixed left-0 top-20 h-screen w-72 z-10",
+      children: jsx("div", {
+        className: "md-sidebar-glass flex flex-col h-[calc(100vh-80px)] w-72 text-foreground",
+        children: sidebarInner
+      })
+    }), jsx("aside", {
+      className: cn('lg:hidden fixed top-20 h-[calc(100vh-5rem)] w-72 z-50 transition-transform duration-300 ease-in-out', mobileSidebarOpen ? 'left-0 translate-x-0' : '-translate-x-full'),
       children: jsxs("div", {
-        className: "flex flex-col h-full border-r border-border bg-background text-foreground",
+        className: "md-sidebar-glass flex flex-col h-full w-72 text-foreground",
         children: [jsxs("div", {
-          className: "lg:hidden flex items-center justify-between px-4 pt-3 pb-0",
+          className: "flex items-center justify-between px-4 pt-3 pb-0",
           children: [jsx("span", {
             className: "text-sm font-semibold text-foreground",
             children: "Navigation"
@@ -266,48 +514,17 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
               className: "w-4 h-4"
             })
           })]
-        }), jsx("div", {
-          className: "sticky top-0 z-20 p-4 pb-0 bg-background text-foreground",
-          children: jsx("div", {
-            className: "mb-4",
-            children: jsx(SidebarSearch, {
-              placeholder: "Search..."
-            })
-          })
-        }), jsx("nav", {
-          className: "flex-1 overflow-y-auto p-4 min-h-0",
-          children: jsx("ul", {
-            className: "space-y-1",
-            children: navItems.map(item => renderNavItem(item))
-          })
-        }), jsx("div", {
-          className: "p-4 border-t border-border flex-shrink-0",
-          children: jsxs("div", {
-            className: "flex items-center justify-center gap-2",
-            children: [jsx("div", {
-              className: cn('p-1.5 rounded-full transition-colors cursor-pointer', !isDark ? 'bg-muted' : 'bg-transparent hover:bg-muted'),
-              onClick: () => setMode('light'),
-              children: jsx(Icons.MdBrightness5Icon, {
-                className: "w-4 h-4 text-foreground"
-              })
-            }), jsx("div", {
-              className: cn('p-1.5 rounded-full transition-colors cursor-pointer', isDark ? 'bg-muted' : 'bg-transparent hover:bg-muted'),
-              onClick: () => setMode('dark'),
-              children: jsx(Icons.MdBrightness2Icon, {
-                className: "w-4 h-4 text-foreground"
-              })
-            })]
-          })
-        })]
+        }), sidebarInner]
       })
     }), jsx("main", {
-      className: "lg:pl-64 flex flex-col flex-1",
+      className: "relative z-[1] lg:pl-72 flex flex-col min-h-screen -mt-16",
       children: jsx("div", {
         className: "flex-1 flex",
         children: jsx("div", {
           className: "flex-1 min-w-0",
           children: jsx("div", {
-            className: "max-w-full mx-auto px-4 sm:px-6 py-8",
+            ref: contentSurfaceRef,
+            className: "md-page-enter md-content-surface max-w-full mx-auto my-4 py-6 lg:my-6 lg:mx-6",
             "data-content-area": true,
             children: children || jsx(Outlet, {})
           })

package/lib/pages/Markdown/MarkdownPageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPageLayout.js","sources":["../../../src/pages/Markdown/MarkdownPageLayout.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"MarkdownPageLayout.js","sources":["../../../src/pages/Markdown/MarkdownPageLayout.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/lib/pages/Markdown/MarkdownPageStyles.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+/**
+ * MarkdownPageStyles
+ * ------------------
+ * Scoped (md-*) animation + glass styles for the documentation layout.
+ * Inlined so this module doesn't depend on any external CSS pipeline.
+ *
+ * Conventions:
+ *   - Every class prefixed with `md-` to avoid collisions.
+ *   - All motion respects `prefers-reduced-motion`.
+ *   - Sidebar items use staggered entrance via `--i` (item index).
+ */
+export declare const MarkdownPageStyles: React.FC;
+//# sourceMappingURL=MarkdownPageStyles.d.ts.map

package/lib/pages/Markdown/MarkdownPageStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPageStyles.d.ts","sourceRoot":"","sources":["../../../src/pages/Markdown/MarkdownPageStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAuWtC,CAAC"}