@industry-theme/markdown-panels 0.2.6 → 0.2.8

package/dist/panels.bundle.js

@@ -46237,6 +46237,7 @@ var SlideNavigationHeader = ({
   showFullscreenButton,
   showPopoutButton = false,
   isPopout = false,
+  isMobile = false,
   theme: theme2,
   viewMode = "single",
   tocDisplayMode = "overlay",
@@ -46282,10 +46283,11 @@ var SlideNavigationHeader = ({
     disabled: currentSlide === 0,
     theme: theme2,
     title: "Previous slide",
-    minWidth: "100px"
+    minWidth: isMobile ? void 0 : "100px",
+    width: isMobile ? "36px" : void 0
   }, /* @__PURE__ */ React19__default.createElement(ChevronLeft, {
     size: 18
-  }), "Previous"), viewMode === "book" && onCollapseLeft && /* @__PURE__ */ React19__default.createElement(HeaderButton, {
+  }), !isMobile && "Previous"), viewMode === "book" && onCollapseLeft && /* @__PURE__ */ React19__default.createElement(HeaderButton, {
     onClick: onCollapseLeft,
     active: collapseRight,
     theme: theme2,
@@ -46340,8 +46342,9 @@ var SlideNavigationHeader = ({
     disabled: currentSlide === totalSlides - 1,
     theme: theme2,
     title: "Next slide",
-    minWidth: "100px"
-  }, "Next", /* @__PURE__ */ React19__default.createElement(ChevronRight, {
+    minWidth: isMobile ? void 0 : "100px",
+    width: isMobile ? "36px" : void 0
+  }, !isMobile && "Next", /* @__PURE__ */ React19__default.createElement(ChevronRight, {
     size: 18
   })), showPopoutButton && onPopout && !isPopout && /* @__PURE__ */ React19__default.createElement(HeaderButton, {
     onClick: onPopout,
@@ -46357,8 +46360,9 @@ var SlideNavigationHeader = ({
     size: 18
   })), showFullscreenButton && !showPopoutButton && /* @__PURE__ */ React19__default.createElement(HeaderButton, {
     onClick: onToggleFullscreen,
+    disabled: isMobile,
     theme: theme2,
-    title: isFullscreen ? "Exit fullscreen (F)" : "Enter fullscreen (F)"
+    title: isMobile ? "Fullscreen not available on mobile" : isFullscreen ? "Exit fullscreen (F)" : "Enter fullscreen (F)"
   }, isFullscreen ? /* @__PURE__ */ React19__default.createElement(Minimize2, {
     size: 18
   }) : /* @__PURE__ */ React19__default.createElement(Maximize2, {
@@ -46580,7 +46584,16 @@ var SlidePresentationBook = ({
   fontSizeScale,
   theme: theme2
 }) => {
-  const effectiveTocDisplayMode = tocDisplayMode ?? (viewMode === "single" ? "sidebar" : "overlay");
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    const checkMobile = () => {
+      setIsMobile(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent) || window.innerWidth < 768);
+    };
+    checkMobile();
+    window.addEventListener("resize", checkMobile);
+    return () => window.removeEventListener("resize", checkMobile);
+  }, []);
+  const effectiveTocDisplayMode = isMobile && viewMode === "single" ? "overlay" : tocDisplayMode ?? (viewMode === "single" ? "sidebar" : "overlay");
   const defaultTocOpen = initialTocOpen ?? false;
   const adjustedInitialSlide = viewMode === "book" ? Math.floor(initialSlide / 2) * 2 : initialSlide;
   const [currentSlide, setCurrentSlide] = useState(adjustedInitialSlide);
@@ -46831,6 +46844,7 @@ var SlidePresentationBook = ({
     showFullscreenButton,
     showPopoutButton,
     isPopout,
+    isMobile,
     theme: theme2,
     viewMode,
     tocDisplayMode: effectiveTocDisplayMode,
@@ -47941,7 +47955,7 @@ const MarkdownPanel = ({
                             fontFamily: theme2.fonts.body,
                             transition: "all 0.2s"
                           },
-                          children: "Slides"
+                          children: "Sections"
                         }
                       ),
                       /* @__PURE__ */ jsx(