@industry-theme/markdown-panels 0.2.20 → 0.2.21

package/dist/panels.bundle.js

@@ -38366,20 +38366,20 @@ class EditMap {
     this.map.length = 0;
   }
 }
-function addImplementation(editMap, at, remove, add) {
+function addImplementation(editMap, at2, remove, add) {
   let index2 = 0;
   if (remove === 0 && add.length === 0) {
     return;
   }
   while (index2 < editMap.map.length) {
-    if (editMap.map[index2][0] === at) {
+    if (editMap.map[index2][0] === at2) {
       editMap.map[index2][1] += remove;
       editMap.map[index2][2].push(...add);
       return;
     }
     index2 += 1;
   }
-  editMap.map.push([at, remove, add]);
+  editMap.map.push([at2, remove, add]);
 }
 function gfmTableAlign(events, index2) {
   let inDelimiterRow = false;
@@ -40536,7 +40536,7 @@ var css_248z = ".transform-component-module_wrapper__SPB86 {\n  position: relati
 var styles = { "wrapper": "transform-component-module_wrapper__SPB86", "content": "transform-component-module_content__FBWxo" };
 styleInject(css_248z);
 var TransformComponent = function(_a) {
-  var children2 = _a.children, _b = _a.wrapperClass, wrapperClass = _b === void 0 ? "" : _b, _c = _a.contentClass, contentClass = _c === void 0 ? "" : _c, wrapperStyle = _a.wrapperStyle, contentStyle = _a.contentStyle, _d = _a.wrapperProps, wrapperProps = _d === void 0 ? {} : _d, _e = _a.contentProps, contentProps = _e === void 0 ? {} : _e;
+  var children2 = _a.children, _b = _a.wrapperClass, wrapperClass = _b === void 0 ? "" : _b, _c = _a.contentClass, contentClass = _c === void 0 ? "" : _c, wrapperStyle = _a.wrapperStyle, contentStyle = _a.contentStyle, _d = _a.wrapperProps, wrapperProps = _d === void 0 ? {} : _d, _e2 = _a.contentProps, contentProps = _e2 === void 0 ? {} : _e2;
   var _f = useContext(Context), init = _f.init, cleanupWindowEvents = _f.cleanupWindowEvents;
   var wrapperRef = useRef(null);
   var contentRef = useRef(null);
@@ -40556,6 +40556,96 @@ var TransformComponent = function(_a) {
     React2__default.createElement("div", __assign({}, contentProps, { ref: contentRef, className: "".concat(baseClasses.contentClass, " ").concat(styles.content, " ").concat(contentClass), style: contentStyle }), children2)
   );
 };
+var isInjected = false;
+function injectHighlightStyles() {
+  if (isInjected || typeof document === "undefined") {
+    return;
+  }
+  const existingStyle = document.getElementById("themed-markdown-highlight-css");
+  if (existingStyle) {
+    isInjected = true;
+    return;
+  }
+  const css2 = `
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+
+.hljs {
+  color: #abb2bf;
+  background: #282c34
+}
+.hljs-comment,
+.hljs-quote {
+  color: #5c6370;
+  font-style: italic
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+  color: #c678dd
+}
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+  color: #e06c75
+}
+.hljs-literal {
+  color: #56b6c2
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string {
+  color: #98c379
+}
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+  color: #d19a66
+}
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+  color: #61aeee
+}
+.hljs-built_in,
+.hljs-title.class_,
+.hljs-class .hljs-title {
+  color: #e6c07b
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}
+.hljs-link {
+  text-decoration: underline
+}`;
+  const styleElement2 = document.createElement("style");
+  styleElement2.id = "themed-markdown-highlight-css";
+  styleElement2.textContent = css2;
+  document.head.appendChild(styleElement2);
+  isInjected = true;
+}
+injectHighlightStyles();
 var terminalTheme = {
   space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
   fonts: {
@@ -40593,52 +40683,53 @@ var terminalTheme = {
   zIndices: [0, 1, 10, 20, 30, 40, 50],
   colors: {
     text: "#e4e4e4",
-    background: "rgba(10, 10, 10, 0.85)",
+    background: "#0a0a0a",
     primary: "#66b3ff",
     secondary: "#80c4ff",
     accent: "#66ff99",
-    highlight: "rgba(102, 179, 255, 0.15)",
-    muted: "rgba(26, 26, 26, 0.8)",
+    highlight: "#18283d",
+    muted: "#1a1a1a",
     success: "#66ff99",
     warning: "#ffcc66",
     error: "#ff6666",
     info: "#66b3ff",
-    border: "rgba(255, 255, 255, 0.1)",
-    backgroundSecondary: "rgba(15, 15, 15, 0.9)",
-    backgroundTertiary: "rgba(20, 20, 20, 0.9)",
-    backgroundLight: "rgba(255, 255, 255, 0.05)",
-    backgroundHover: "rgba(102, 179, 255, 0.08)",
-    surface: "rgba(15, 15, 15, 0.95)",
-    textSecondary: "rgba(255, 255, 255, 0.7)",
-    textTertiary: "rgba(255, 255, 255, 0.5)",
-    textMuted: "rgba(255, 255, 255, 0.4)",
-    highlightBg: "rgba(255, 235, 59, 0.25)",
-    highlightBorder: "rgba(255, 235, 59, 0.5)"
+    border: "#1a1a1a",
+    backgroundSecondary: "#0f0f0f",
+    backgroundTertiary: "#141414",
+    backgroundLight: "#0d0d0d",
+    backgroundHover: "#0d1520",
+    surface: "#0f0f0f",
+    textSecondary: "#b3b3b3",
+    textTertiary: "#808080",
+    textMuted: "#666666",
+    highlightBg: "#40391e",
+    highlightBorder: "#7f7530",
+    textOnPrimary: "#ffffff"
   },
   modes: {
     light: {
       text: "#1a1a1a",
-      background: "rgba(255, 255, 255, 0.9)",
+      background: "#ffffff",
       primary: "#0066cc",
       secondary: "#0052a3",
       accent: "#00cc88",
-      highlight: "rgba(0, 102, 204, 0.08)",
-      muted: "rgba(245, 245, 245, 0.8)",
+      highlight: "#e6f2ff",
+      muted: "#f5f5f5",
       success: "#00cc88",
       warning: "#ffaa00",
       error: "#ff3333",
       info: "#0066cc",
-      border: "rgba(0, 0, 0, 0.1)",
-      backgroundSecondary: "rgba(250, 250, 250, 0.9)",
-      backgroundTertiary: "rgba(245, 245, 245, 0.9)",
-      backgroundLight: "rgba(0, 0, 0, 0.02)",
-      backgroundHover: "rgba(0, 102, 204, 0.04)",
-      surface: "rgba(255, 255, 255, 0.95)",
-      textSecondary: "rgba(0, 0, 0, 0.6)",
-      textTertiary: "rgba(0, 0, 0, 0.4)",
-      textMuted: "rgba(0, 0, 0, 0.3)",
-      highlightBg: "rgba(255, 235, 59, 0.3)",
-      highlightBorder: "rgba(255, 235, 59, 0.6)"
+      border: "#e6e6e6",
+      backgroundSecondary: "#fafafa",
+      backgroundTertiary: "#f5f5f5",
+      backgroundLight: "#fafafa",
+      backgroundHover: "#f5f9fd",
+      surface: "#ffffff",
+      textSecondary: "#666666",
+      textTertiary: "#999999",
+      textMuted: "#b3b3b3",
+      highlightBg: "#fff9c4",
+      highlightBorder: "#fff389"
     }
   },
   buttons: {
@@ -42094,8 +42185,8 @@ var createIndustryMarkdownComponents = ({
   };
   const darkMode = getLuminance(theme2.colors.background) < 0.5;
   const headerStyles = {};
-  if (index2 === 0 && slideHeaderMarginTopOverride) {
-    headerStyles.marginTop = `${slideHeaderMarginTopOverride}px`;
+  if (index2 === 0) {
+    headerStyles.marginTop = slideHeaderMarginTopOverride ? `${slideHeaderMarginTopOverride}px` : 0;
   }
   return {
     h1: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("h1", {
@@ -42211,7 +42302,7 @@ var createIndustryMarkdownComponents = ({
       ...props2
     }, children2),
     li: ({ children: children2, ...props2 }) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e2, _f, _g, _h;
       const isTaskListItem = Array.isArray(children2) && children2.length > 0 && React2__default.isValidElement(children2[0]) && ((_b = (_a = children2[0]) == null ? void 0 : _a.props) == null ? void 0 : _b.type) === "checkbox";
       if (isTaskListItem) {
         const checkbox = children2[0];
@@ -42226,7 +42317,7 @@ var createIndustryMarkdownComponents = ({
           }
         });
         const checked = ((_c = checkbox == null ? void 0 : checkbox.props) == null ? void 0 : _c.checked) || false;
-        const lineNumber = ((_e = (_d = props2.sourcePosition) == null ? void 0 : _d.start) == null ? void 0 : _e.line) || ((_h = (_g = (_f = props2.node) == null ? void 0 : _f.position) == null ? void 0 : _g.start) == null ? void 0 : _h.line) || 1;
+        const lineNumber = ((_e2 = (_d = props2.sourcePosition) == null ? void 0 : _d.start) == null ? void 0 : _e2.line) || ((_h = (_g = (_f = props2.node) == null ? void 0 : _f.position) == null ? void 0 : _g.start) == null ? void 0 : _h.line) || 1;
         const id = `${slideIdPrefix}-checkbox-${lineNumber}`;
         const isChecked = checkedItems[id] ?? checked;
         const handleChange = (e) => {
@@ -42371,7 +42462,7 @@ var createIndustryMarkdownComponents = ({
       });
     },
     code: ({ node: node2, className, children: children2, ...props2 }) => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e2, _f;
       const hasLanguageClass = className && (className.includes("language-") || className.includes("hljs"));
       const codeString = extractTextFromChildren(children2);
       const matchLang = /language-(\w+)/.exec(className || "");
@@ -42583,7 +42674,7 @@ var createIndustryMarkdownComponents = ({
           ...props2
         }, children2)));
       }
-      const cleanClassName = (_f = (_e = (_d = className == null ? void 0 : className.replace(/hljs(-\w+)?/g, "")) == null ? void 0 : _d.replace(/language-\w+/g, "")) == null ? void 0 : _e.replace(/\s+/g, " ")) == null ? void 0 : _f.trim();
+      const cleanClassName = (_f = (_e2 = (_d = className == null ? void 0 : className.replace(/hljs(-\w+)?/g, "")) == null ? void 0 : _d.replace(/language-\w+/g, "")) == null ? void 0 : _e2.replace(/\s+/g, " ")) == null ? void 0 : _f.trim();
       return /* @__PURE__ */ React2__default.createElement("code", {
         style: {
           color: theme2.colors.accent,
@@ -43281,29 +43372,25 @@ var fontTransitionCSS = `
     font-size: 1rem !important; /* Fixed size for checkbox labels */
   }
   
-  /* Remove top margin from headings when they're the first element */
-  .markdown-slide > :first-child h1:first-child,
-  .markdown-slide > :first-child h2:first-child,
-  .markdown-slide > :first-child h3:first-child,
-  .markdown-slide > :first-child h4:first-child,
-  .markdown-slide > :first-child h5:first-child,
-  .markdown-slide > :first-child h6:first-child {
+  /* Remove top margin from any first element - must override inline styles */
+  .markdown-slide > *:first-child,
+  .markdown-slide > *:first-child > *:first-child {
     margin-top: 0 !important;
   }
-  
-  /* Also handle when heading is inside the first paragraph/div from ReactMarkdown */
-  .markdown-slide > div:first-child > h1:first-child,
-  .markdown-slide > div:first-child > h2:first-child,
-  .markdown-slide > div:first-child > h3:first-child,
-  .markdown-slide > div:first-child > h4:first-child,
-  .markdown-slide > div:first-child > h5:first-child,
-  .markdown-slide > div:first-child > h6:first-child,
-  .markdown-slide > p:first-child > h1:first-child,
-  .markdown-slide > p:first-child > h2:first-child,
-  .markdown-slide > p:first-child > h3:first-child,
-  .markdown-slide > p:first-child > h4:first-child,
-  .markdown-slide > p:first-child > h5:first-child,
-  .markdown-slide > p:first-child > h6:first-child {
+
+  /* Specifically target all possible first-child elements */
+  .markdown-slide > h1:first-child,
+  .markdown-slide > h2:first-child,
+  .markdown-slide > h3:first-child,
+  .markdown-slide > h4:first-child,
+  .markdown-slide > h5:first-child,
+  .markdown-slide > h6:first-child,
+  .markdown-slide > p:first-child,
+  .markdown-slide > ul:first-child,
+  .markdown-slide > ol:first-child,
+  .markdown-slide > div:first-child,
+  .markdown-slide > blockquote:first-child,
+  .markdown-slide > pre:first-child {
     margin-top: 0 !important;
   }
 `;
@@ -43622,7 +43709,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
     }
   }, [slideIndex]);
   const sanitizeSchema = useMemo(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J;
+    var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J;
     return {
       ...defaultSchema,
       tagNames: [...defaultSchema.tagNames || [], "picture", "source", "mark"],
@@ -43633,7 +43720,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
         span: [...((_b = defaultSchema.attributes) == null ? void 0 : _b.span) || [], "className", "style"],
         pre: [...((_c = defaultSchema.attributes) == null ? void 0 : _c.pre) || [], "className", "style"],
         div: [...((_d = defaultSchema.attributes) == null ? void 0 : _d.div) || [], "style", "className", "id"],
-        p: [...((_e = defaultSchema.attributes) == null ? void 0 : _e.p) || [], "style", "className", "id"],
+        p: [...((_e2 = defaultSchema.attributes) == null ? void 0 : _e2.p) || [], "style", "className", "id"],
         h1: [...((_f = defaultSchema.attributes) == null ? void 0 : _f.h1) || [], "style", "className", "id"],
         h2: [...((_g = defaultSchema.attributes) == null ? void 0 : _g.h2) || [], "style", "className", "id"],
         h3: [...((_h = defaultSchema.attributes) == null ? void 0 : _h.h3) || [], "style", "className", "id"],
@@ -43994,12 +44081,12 @@ Panel.displayName = "forwardRef(Panel)";
 var currentCursorStyle = null;
 var prevRuleIndex = -1;
 var styleElement = null;
-function getCursorStyle(state, constraintFlags) {
+function getCursorStyle(state, constraintFlags, isPointerDown2) {
+  const horizontalMin = (constraintFlags & EXCEEDED_HORIZONTAL_MIN) !== 0;
+  const horizontalMax = (constraintFlags & EXCEEDED_HORIZONTAL_MAX) !== 0;
+  const verticalMin = (constraintFlags & EXCEEDED_VERTICAL_MIN) !== 0;
+  const verticalMax = (constraintFlags & EXCEEDED_VERTICAL_MAX) !== 0;
   if (constraintFlags) {
-    const horizontalMin = (constraintFlags & EXCEEDED_HORIZONTAL_MIN) !== 0;
-    const horizontalMax = (constraintFlags & EXCEEDED_HORIZONTAL_MAX) !== 0;
-    const verticalMin = (constraintFlags & EXCEEDED_VERTICAL_MIN) !== 0;
-    const verticalMax = (constraintFlags & EXCEEDED_VERTICAL_MAX) !== 0;
     if (horizontalMin) {
       if (verticalMin) {
         return "se-resize";
@@ -44039,7 +44126,7 @@ function resetGlobalCursorStyle() {
     prevRuleIndex = -1;
   }
 }
-function setGlobalCursorStyle(state, constraintFlags) {
+function setGlobalCursorStyle(state, constraintFlags, isPointerDown2) {
   var _styleElement$sheet$i, _styleElement$sheet2;
   const style2 = getCursorStyle(state, constraintFlags);
   if (currentCursorStyle === style2) {
@@ -44253,6 +44340,7 @@ function handlePointerDown(event) {
   updateListeners();
   if (intersectingHandles.length > 0) {
     updateResizeHandlerStates("down", event);
+    updateCursor();
     event.preventDefault();
     if (!isWithinResizeHandle(target)) {
       event.stopImmediatePropagation();
@@ -44264,7 +44352,7 @@ function handlePointerMove(event) {
     x,
     y
   } = getResizeEventCoordinates(event);
-  if (isPointerDown && event.buttons === 0) {
+  if (isPointerDown && event.type !== "pointerleave" && event.buttons === 0) {
     isPointerDown = false;
     updateResizeHandlerStates("up", event);
   }
@@ -44394,9 +44482,10 @@ function updateCursor() {
     resetGlobalCursorStyle();
   }
 }
-var listenersAbortController = new AbortController();
+var listenersAbortController;
 function updateListeners() {
-  listenersAbortController.abort();
+  var _listenersAbortContro;
+  (_listenersAbortContro = listenersAbortController) === null || _listenersAbortContro === void 0 || _listenersAbortContro.abort();
   listenersAbortController = new AbortController();
   const options = {
     capture: true,
@@ -44418,8 +44507,13 @@ function updateListeners() {
         }
       });
     }
-    window.addEventListener("pointerup", handlePointerUp, options);
-    window.addEventListener("pointercancel", handlePointerUp, options);
+    ownerDocumentCounts.forEach((_, ownerDocument) => {
+      const {
+        body
+      } = ownerDocument;
+      body.addEventListener("pointerup", handlePointerUp, options);
+      body.addEventListener("pointercancel", handlePointerUp, options);
+    });
   } else {
     ownerDocumentCounts.forEach((count, ownerDocument) => {
       const {
@@ -44604,7 +44698,7 @@ function adjustLayoutByDelta({
       if (!fuzzyNumbersEqual(prevSize, safeSize)) {
         deltaApplied += prevSize - safeSize;
         nextLayout[index2] = safeSize;
-        if (deltaApplied.toPrecision(3).localeCompare(Math.abs(delta).toPrecision(3), void 0, {
+        if (deltaApplied.toFixed(3).localeCompare(Math.abs(delta).toFixed(3), void 0, {
           numeric: true
         }) >= 0) {
           break;
@@ -44713,9 +44807,14 @@ function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
   const index2 = getResizeHandleElementIndex(groupId, dragHandleId, panelGroupElement);
   return index2 != null ? [index2, index2 + 1] : [-1, -1];
 }
+function isHTMLElement(target) {
+  if (target instanceof HTMLElement) {
+    return true;
+  }
+  return typeof target === "object" && target !== null && "tagName" in target && "getAttribute" in target;
+}
 function getPanelGroupElement(id, rootElement = document) {
-  var _dataset;
-  if (rootElement instanceof HTMLElement && (rootElement === null || rootElement === void 0 ? void 0 : (_dataset = rootElement.dataset) === null || _dataset === void 0 ? void 0 : _dataset.panelGroupId) == id) {
+  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
     return rootElement;
   }
   const element2 = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
@@ -45033,11 +45132,11 @@ function computePanelFlexBoxStyle({
   const size = layout[panelIndex];
   let flexGrow;
   if (size == null) {
-    flexGrow = defaultSize != null ? defaultSize.toPrecision(precision) : "1";
+    flexGrow = defaultSize != null ? defaultSize.toFixed(precision) : "1";
   } else if (panelData.length === 1) {
     flexGrow = "1";
   } else {
-    flexGrow = size.toPrecision(precision);
+    flexGrow = size.toFixed(precision);
   }
   return {
     flexBasis: 0,
@@ -46031,72 +46130,75 @@ function PanelResizeHandle({
   });
 }
 PanelResizeHandle.displayName = "PanelResizeHandle";
-function S(e2) {
+function C(e2) {
   return { "--panel-background": e2.colors.background, "--panel-border": e2.colors.border, "--panel-handle": e2.colors.backgroundSecondary, "--panel-handle-hover": e2.colors.backgroundHover, "--panel-handle-active": e2.colors.primary, "--panel-button-bg": e2.colors.surface, "--panel-button-hover": e2.colors.backgroundHover, "--panel-button-border": e2.colors.border, "--panel-button-icon": e2.colors.textSecondary, "--panel-accent-bg": e2.colors.primary + "15" };
 }
-var R = ({ leftPanel: n2, rightPanel: r2, collapsibleSide: s2 = "left", defaultSize: c2 = 25, minSize: d2 = 5, className: u2 = "", collapsed: p2 = false, style: h2, showCollapseButton: m2 = false, animationDuration: f2 = 300, animationEasing: y2 = "cubic-bezier(0.4, 0, 0.2, 1)", onCollapseStart: w2, onCollapseComplete: x2, onExpandStart: C, onExpandComplete: R2, theme: N }) => {
-  const [E, z] = useState(p2), [D, M2] = useState(false), [A, T] = useState(false), [k, L] = useState(p2), [F, $2] = useState(p2 ? 0 : c2), P = useRef(null), B = useRef(void 0), O = useRef(void 0), I = useRef(void 0), q = useCallback((e2, t2, n3) => {
-    if (!P.current)
+var R = ({ leftPanel: n2, rightPanel: r2, collapsibleSide: s2 = "left", defaultSize: c2 = 25, minSize: d2 = 5, className: u2 = "", collapsed: p2 = false, style: h2, showCollapseButton: m2 = false, animationDuration: f2 = 300, animationEasing: y2 = "cubic-bezier(0.4, 0, 0.2, 1)", onCollapseStart: w2, onCollapseComplete: x2, onExpandStart: S, onExpandComplete: R2, theme: N }) => {
+  const [E, D] = useState(p2), [z2, M] = useState(false), [T, A] = useState(false), [k, L] = useState(p2), [P, F] = useState(p2 ? 0 : c2), $2 = useRef(null), B = useRef(void 0), O = useRef(void 0), I = useRef(void 0), q = useCallback((e2, t2, n3) => {
+    if (!$2.current)
       return;
     B.current && cancelAnimationFrame(B.current), O.current = performance.now();
     const r3 = (o2) => {
-      if (!O.current || !P.current)
+      if (!O.current || !$2.current)
         return;
       const i2 = o2 - O.current, a2 = Math.min(i2 / f2, 1), l2 = a2 < 0.5 ? 4 * a2 * a2 * a2 : 1 - Math.pow(-2 * a2 + 2, 3) / 2, s3 = e2 + (t2 - e2) * l2;
-      P.current.resize(s3), a2 < 1 ? B.current = requestAnimationFrame(r3) : (t2 === 0 ? P.current.collapse() : P.current.resize(t2), M2(false), n3 && n3());
+      $2.current.resize(s3), a2 < 1 ? B.current = requestAnimationFrame(r3) : (t2 === 0 ? $2.current.collapse() : $2.current.resize(t2), M(false), n3 && n3());
     };
     B.current = requestAnimationFrame(r3);
   }, [f2]), W = useCallback(() => {
-    D || A || (M2(true), z(true), w2 && w2(), q(F, 0, () => {
-      $2(0), L(true), x2 && x2();
+    z2 || T || (M(true), D(true), w2 && w2(), q(P, 0, () => {
+      F(0), L(true), x2 && x2();
     }));
-  }, [D, A, F, q, w2, x2]), _ = useCallback(() => {
-    D || A || (M2(true), z(false), L(false), C && C(), q(0, c2, () => {
-      $2(c2), R2 && R2();
+  }, [z2, T, P, q, w2, x2]), _ = useCallback(() => {
+    z2 || T || (M(true), D(false), L(false), S && S(), q(0, c2, () => {
+      F(c2), R2 && R2();
     }));
-  }, [D, A, c2, q, C, R2]), j = useCallback(() => {
+  }, [z2, T, c2, q, S, R2]), j = useCallback(() => {
     E ? _() : W();
   }, [E, W, _]), H = useCallback((e2) => {
-    D || ($2(e2), e2 > 0 && z(false));
-  }, [D]), K = useCallback(() => {
-    T(true);
+    z2 || (F(e2), e2 > 0 && D(false));
+  }, [z2]), K = useCallback(() => {
+    A(true);
   }, []), U = useCallback(() => {
-    T(false);
+    A(false);
   }, []);
   useEffect(() => {
     p2 !== E && (p2 ? W() : _());
   }, [p2]), useEffect(() => {
-    p2 && !D ? L(true) : p2 || D || L(false);
-  }, [p2, D]), useEffect(() => {
+    p2 && !z2 ? L(true) : p2 || z2 || L(false);
+  }, [p2, z2]), useEffect(() => {
     const e2 = B.current, t2 = I.current;
     return () => {
       e2 && cancelAnimationFrame(e2), t2 && clearTimeout(t2);
     };
   }, []);
-  const V = s2 === "left", X2 = E ? V ? "▸" : "◂" : V ? "◂" : "▸", Y = S(N), J = D && !A ? { transition: `flex ${f2}ms ${y2}` } : void 0, G = (e2) => {
+  const X2 = s2 === "left", Y = E ? X2 ? "▸" : "◂" : X2 ? "◂" : "▸", V = C(N), J = z2 && !T ? { transition: `flex ${f2}ms ${y2}` } : void 0, G = (e2) => {
     let t2 = "hybrid-panel";
-    return e2 && (t2 += " collapsible-panel", D && !A && (t2 += " animating"), E && (t2 += " collapsed")), t2;
+    return e2 && (t2 += " collapsible-panel", z2 && !T && (t2 += " animating"), E && (t2 += " collapsed")), t2;
   };
-  return jsx("div", { className: `animated-resizable-layout ${u2}`, style: { ...Y, ...h2 }, children: /* @__PURE__ */ jsxs(PanelGroup, { direction: "horizontal", onLayout: U, children: [
-    /* @__PURE__ */ jsx(Panel, { ref: V ? P : void 0, collapsible: V, defaultSize: V ? p2 ? 0 : c2 : void 0, minSize: V ? d2 : 30, collapsedSize: 0, onResize: V ? H : void 0, onCollapse: V ? () => z(true) : void 0, onExpand: V ? () => z(false) : void 0, className: G(V), style: V ? J : void 0, children: /* @__PURE__ */ jsx("div", { className: "panel-content-wrapper", style: { opacity: V && E ? 0 : 1, transition: D ? `opacity ${0.5 * f2}ms ${y2}` : "none" }, children: n2 }) }),
-    /* @__PURE__ */ jsx(PanelResizeHandle, { className: "resize-handle " + (k ? "collapsed" : ""), onDragging: K, style: k ? { visibility: "hidden", width: 0 } : void 0, children: m2 && /* @__PURE__ */ jsx("div", { className: "handle-bar", children: /* @__PURE__ */ jsx("button", { onClick: j, className: "collapse-toggle", disabled: D, "aria-label": E ? "Expand panel" : "Collapse panel", children: X2 }) }) }),
-    /* @__PURE__ */ jsx(Panel, { ref: V ? void 0 : P, collapsible: !V, defaultSize: V ? void 0 : p2 ? 0 : c2, minSize: V ? 30 : d2, collapsedSize: 0, onResize: V ? void 0 : H, onCollapse: V ? void 0 : () => z(true), onExpand: V ? void 0 : () => z(false), className: G(!V), style: V ? void 0 : J, children: /* @__PURE__ */ jsx("div", { className: "panel-content-wrapper", style: { opacity: !V && E ? 0 : 1, transition: D ? `opacity ${0.5 * f2}ms ${y2}` : "none" }, children: r2 }) })
+  return jsx("div", { className: `animated-resizable-layout ${u2}`, style: { ...V, ...h2 }, children: /* @__PURE__ */ jsxs(PanelGroup, { direction: "horizontal", onLayout: U, children: [
+    /* @__PURE__ */ jsx(Panel, { ref: X2 ? $2 : void 0, collapsible: X2, defaultSize: X2 ? p2 ? 0 : c2 : void 0, minSize: X2 ? d2 : 30, collapsedSize: 0, onResize: X2 ? H : void 0, onCollapse: X2 ? () => D(true) : void 0, onExpand: X2 ? () => D(false) : void 0, className: G(X2), style: X2 ? J : void 0, children: /* @__PURE__ */ jsx("div", { className: "panel-content-wrapper", style: { opacity: X2 && E ? 0 : 1, transition: z2 ? `opacity ${0.5 * f2}ms ${y2}` : "none" }, children: n2 }) }),
+    /* @__PURE__ */ jsx(PanelResizeHandle, { className: "resize-handle " + (k ? "collapsed" : ""), onDragging: K, style: k ? { visibility: "hidden", width: 0 } : void 0, children: m2 && /* @__PURE__ */ jsx("div", { className: "handle-bar", children: /* @__PURE__ */ jsx("button", { onClick: j, className: "collapse-toggle", disabled: z2, "aria-label": E ? "Expand panel" : "Collapse panel", children: Y }) }) }),
+    /* @__PURE__ */ jsx(Panel, { ref: X2 ? void 0 : $2, collapsible: !X2, defaultSize: X2 ? void 0 : p2 ? 0 : c2, minSize: X2 ? 30 : d2, collapsedSize: 0, onResize: X2 ? void 0 : H, onCollapse: X2 ? void 0 : () => D(true), onExpand: X2 ? void 0 : () => D(false), className: G(!X2), style: X2 ? void 0 : J, children: /* @__PURE__ */ jsx("div", { className: "panel-content-wrapper", style: { opacity: !X2 && E ? 0 : 1, transition: z2 ? `opacity ${0.5 * f2}ms ${y2}` : "none" }, children: r2 }) })
   ] }) });
 };
-var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minPanelWidth: u2 = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m2, preventKeyboardScroll: f2 = true }, g) => {
-  const v = useRef(null), b = S(d2);
-  useImperativeHandle(g, () => ({ scrollToPanel: (e2) => {
-    if (!v.current)
+var z = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minPanelWidth: u2 = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m2, preventKeyboardScroll: f2 = true, disableSwipe: g = false }, v) => {
+  const b = useRef(null), y2 = useRef(false), w2 = useRef(null), x2 = C(d2);
+  useImperativeHandle(v, () => ({ scrollToPanel: (e2) => {
+    if (!b.current)
       return;
-    const t2 = v.current, n2 = t2.children[e2];
+    const t2 = b.current, n2 = t2.children[e2];
     if (n2) {
+      y2.current = true, w2.current && clearTimeout(w2.current);
       const e3 = n2.offsetLeft;
-      t2.scrollTo({ left: e3, behavior: "smooth" });
+      t2.scrollTo({ left: e3, behavior: "smooth" }), w2.current = setTimeout(() => {
+        y2.current = false;
+      }, 500);
     }
   }, getCurrentPanel: () => {
-    if (!v.current || v.current.children.length === 0)
+    if (!b.current || b.current.children.length === 0)
       return 0;
-    const e2 = v.current, t2 = e2.getBoundingClientRect().left;
+    const e2 = b.current, t2 = e2.getBoundingClientRect().left;
     let n2 = 0, r2 = 1 / 0;
     for (let o3 = 0; o3 < e2.children.length; o3++) {
       const i2 = e2.children[o3].getBoundingClientRect(), a3 = Math.abs(i2.left - t2);
@@ -46105,9 +46207,9 @@ var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minP
     return n2;
   } }));
   useEffect(() => {
-    if (!f2 || !v.current)
+    if (!f2 || !b.current)
       return;
-    const e2 = v.current, t2 = (e3) => {
+    const e2 = b.current, t2 = (e3) => {
       const t3 = e3.target;
       if (t3.tagName === "INPUT" || t3.tagName === "TEXTAREA" || t3.tagName === "SELECT" || t3.isContentEditable || t3.closest(".xterm") !== null || t3.closest('[contenteditable="true"]') !== null)
         return;
@@ -46116,74 +46218,78 @@ var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minP
     return e2.addEventListener("keydown", t2), () => {
       e2.removeEventListener("keydown", t2);
     };
-  }, [f2]);
-  const y2 = o2.length, w2 = 2 * u2;
-  let x2;
-  x2 = y2 === 1 || y2 === 2 ? "100%" : `max(${u2}px, ${100 * p2}%)`;
-  const C = React2__default.useId().replace(/:/g, "_");
+  }, [f2]), useEffect(() => () => {
+    w2.current && clearTimeout(w2.current);
+  }, []);
+  const S = o2.length, R2 = 2 * u2;
+  let N;
+  N = S === 1 || S === 2 ? "100%" : `max(${u2}px, ${100 * p2}%)`;
+  const E = React2__default.useId().replace(/:/g, "_");
   return jsxs(Fragment, { children: [
-    y2 === 2 && /* @__PURE__ */ jsx("style", { children: `
-            .snap-carousel-container[data-carousel-id="${C}"][data-panel-count="2"] .snap-carousel-panel {
+    S === 2 && /* @__PURE__ */ jsx("style", { children: `
+            .snap-carousel-container[data-carousel-id="${E}"][data-panel-count="2"] .snap-carousel-panel {
               width: 100%;
             }
-            @container (min-width: ${w2}px) {
-              .snap-carousel-container[data-carousel-id="${C}"][data-panel-count="2"] .snap-carousel-panel {
+            @container (min-width: ${R2}px) {
+              .snap-carousel-container[data-carousel-id="${E}"][data-panel-count="2"] .snap-carousel-panel {
                 width: 50%;
               }
             }
           ` }),
-    /* @__PURE__ */ jsx("div", { ref: v, className: `snap-carousel-container ${a2}`, style: { ...b, ...s2, "--snap-carousel-min-width": `${u2}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": x2, "--snap-carousel-panel-count": y2, "--snap-carousel-two-panel-threshold": `${w2}px` }, onScroll: (e2) => {
-      if (!m2 || !v.current || v.current.children.length === 0)
+    /* @__PURE__ */ jsx("div", { ref: b, className: `snap-carousel-container ${g ? "swipe-disabled" : ""} ${a2}`, style: { ...x2, ...s2, "--snap-carousel-min-width": `${u2}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": N, "--snap-carousel-panel-count": S, "--snap-carousel-two-panel-threshold": `${R2}px` }, onScroll: (e2) => {
+      if (!m2 || !b.current || b.current.children.length === 0)
         return;
-      const t2 = v.current, n2 = t2.getBoundingClientRect().left;
+      if (y2.current)
+        return;
+      const t2 = b.current, n2 = t2.getBoundingClientRect().left;
       let r2 = 0, o3 = 1 / 0;
       for (let i2 = 0; i2 < t2.children.length; i2++) {
         const e3 = t2.children[i2].getBoundingClientRect(), a3 = Math.abs(e3.left - n2);
         a3 < o3 && (o3 = a3, r2 = i2);
       }
       m2(r2);
-    }, "data-panel-count": y2, "data-carousel-id": C, children: o2.map((t2, n2) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t2 }, n2)) })
+    }, "data-panel-count": S, "data-carousel-id": E, children: o2.map((t2, n2) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t2 }, n2)) })
   ] });
 });
-M.displayName = "SnapCarousel";
+z.displayName = "SnapCarousel";
+var le;
 var se;
-var ce;
-(ce = se || (se = {})).DragStart = "dragStart", ce.DragMove = "dragMove", ce.DragEnd = "dragEnd", ce.DragCancel = "dragCancel", ce.DragOver = "dragOver", ce.RegisterDroppable = "registerDroppable", ce.SetDroppableDisabled = "setDroppableDisabled", ce.UnregisterDroppable = "unregisterDroppable";
-var ue = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
+(se = le || (le = {})).DragStart = "dragStart", se.DragMove = "dragMove", se.DragEnd = "dragEnd", se.DragCancel = "dragCancel", se.DragOver = "dragOver", se.RegisterDroppable = "registerDroppable", se.SetDroppableDisabled = "setDroppableDisabled", se.UnregisterDroppable = "unregisterDroppable";
+var de = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
 var Te;
-var ke;
-(ke = Te || (Te = {}))[ke.Forward = 1] = "Forward", ke[ke.Backward = -1] = "Backward";
+var Ae;
+(Ae = Te || (Te = {}))[Ae.Forward = 1] = "Forward", Ae[Ae.Backward = -1] = "Backward";
+var _e;
 var je;
 var He;
 var Ke;
-var Ue;
-(He = je || (je = {})).Click = "click", He.DragStart = "dragstart", He.Keydown = "keydown", He.ContextMenu = "contextmenu", He.Resize = "resize", He.SelectionChange = "selectionchange", He.VisibilityChange = "visibilitychange", (Ue = Ke || (Ke = {})).Space = "Space", Ue.Down = "ArrowDown", Ue.Right = "ArrowRight", Ue.Left = "ArrowLeft", Ue.Up = "ArrowUp", Ue.Esc = "Escape", Ue.Enter = "Enter", Ue.Tab = "Tab";
-({ start: [Ke.Space, Ke.Enter], cancel: [Ke.Esc], end: [Ke.Space, Ke.Enter, Ke.Tab] });
+(je = _e || (_e = {})).Click = "click", je.DragStart = "dragstart", je.Keydown = "keydown", je.ContextMenu = "contextmenu", je.Resize = "resize", je.SelectionChange = "selectionchange", je.VisibilityChange = "visibilitychange", (Ke = He || (He = {})).Space = "Space", Ke.Down = "ArrowDown", Ke.Right = "ArrowRight", Ke.Left = "ArrowLeft", Ke.Up = "ArrowUp", Ke.Esc = "Escape", Ke.Enter = "Enter", Ke.Tab = "Tab";
+({ start: [He.Space, He.Enter], cancel: [He.Esc], end: [He.Space, He.Enter, He.Tab] });
+var rt;
 var ot;
-var it;
-(it = ot || (ot = {}))[it.RightClick = 2] = "RightClick";
+(ot = rt || (rt = {}))[ot.RightClick = 2] = "RightClick";
+var at;
 var lt;
 var st;
 var ct;
-var dt;
-(st = lt || (lt = {}))[st.Pointer = 0] = "Pointer", st[st.DraggableRect = 1] = "DraggableRect", (dt = ct || (ct = {}))[dt.TreeOrder = 0] = "TreeOrder", dt[dt.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+(lt = at || (at = {}))[lt.Pointer = 0] = "Pointer", lt[lt.DraggableRect = 1] = "DraggableRect", (ct = st || (st = {}))[ct.TreeOrder = 0] = "TreeOrder", ct[ct.ReversedTreeOrder = 1] = "ReversedTreeOrder";
 ({ x: { [Te.Backward]: false, [Te.Forward]: false }, y: { [Te.Backward]: false, [Te.Forward]: false } });
+var pt;
 var ht;
 var mt;
-var ft;
-(mt = ht || (ht = {}))[mt.Always = 0] = "Always", mt[mt.BeforeDragging = 1] = "BeforeDragging", mt[mt.WhileDragging = 2] = "WhileDragging", (ft || (ft = {})).Optimized = "optimized";
-({ droppable: { strategy: ht.WhileDragging, frequency: ft.Optimized } });
-/* @__PURE__ */ createContext({ ...ue, scaleX: 1, scaleY: 1 });
+(ht = pt || (pt = {}))[ht.Always = 0] = "Always", ht[ht.BeforeDragging = 1] = "BeforeDragging", ht[ht.WhileDragging = 2] = "WhileDragging", (mt || (mt = {})).Optimized = "optimized";
+({ droppable: { strategy: pt.WhileDragging, frequency: mt.Optimized } });
+/* @__PURE__ */ createContext({ ...de, scaleX: 1, scaleY: 1 });
+var $t;
 var Bt;
-var Ot;
-(Ot = Bt || (Bt = {}))[Ot.Uninitialized = 0] = "Uninitialized", Ot[Ot.Initializing = 1] = "Initializing", Ot[Ot.Initialized = 2] = "Initialized";
-var Vt;
+(Bt = $t || ($t = {}))[Bt.Uninitialized = 0] = "Uninitialized", Bt[Bt.Initializing = 1] = "Initializing", Bt[Bt.Initialized = 2] = "Initialized";
+var Ut;
 (() => {
   if (typeof window != "undefined") {
     const e2 = window;
     return e2.__principlemd_theme_context__ || (e2.__principlemd_theme_context__ = createContext(void 0)), e2.__principlemd_theme_context__;
   }
-  return Vt || (Vt = createContext(void 0)), Vt;
+  return Ut || (Ut = createContext(void 0)), Ut;
 })();
 function extractSlideTitle2(content2, slideIndex) {
   const lines = content2.split(`
@@ -47607,9 +47713,9 @@ const MarkdownPanel = ({
   actions: _actions,
   events
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e2, _f, _g;
   const { theme: theme2 } = useTheme();
-  const [viewMode, setViewMode] = useState("book");
+  const [viewMode, setViewMode] = useState("document");
   const [currentSlide, setCurrentSlide] = useState(0);
   const [fontSizeScale, setFontSizeScale] = useState(1);
   const [isMobile, setIsMobile] = useState(false);
@@ -47670,7 +47776,7 @@ const MarkdownPanel = ({
       branch,
       basePath: getBasePath(((_c2 = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _c2.path) || "")
     };
-  }, [(_e = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _e.source, (_f = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _f.path]);
+  }, [(_e2 = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _e2.source, (_f = activeFile == null ? void 0 : activeFile.data) == null ? void 0 : _f.path]);
   const handleFontSizeIncrease = () => {
     setFontSizeScale((prev) => {
       const newScale = Math.min(prev + 0.1, 3);
@@ -47873,11 +47979,11 @@ const MarkdownPanel = ({
                       /* @__PURE__ */ jsx(
                         "button",
                         {
-                          onClick: () => handleViewModeChange("book"),
-                          title: "Sections",
+                          onClick: () => handleViewModeChange("document"),
+                          title: "Document",
                           style: {
-                            background: viewMode === "book" ? theme2.colors.primary : "transparent",
-                            color: viewMode === "book" ? theme2.colors.background : theme2.colors.textSecondary,
+                            background: viewMode === "document" ? theme2.colors.primary : "transparent",
+                            color: viewMode === "document" ? theme2.colors.background : theme2.colors.textSecondary,
                             border: "none",
                             padding: isMobile ? "6px 8px" : "6px 12px",
                             cursor: "pointer",
@@ -47889,17 +47995,17 @@ const MarkdownPanel = ({
                             alignItems: "center",
                             gap: "4px"
                           },
-                          children: isMobile ? /* @__PURE__ */ jsx(BookOpen, { size: 16 }) : "Sections"
+                          children: isMobile ? /* @__PURE__ */ jsx(FileText, { size: 16 }) : "Document"
                         }
                       ),
                       /* @__PURE__ */ jsx(
                         "button",
                         {
-                          onClick: () => handleViewModeChange("document"),
-                          title: "Document",
+                          onClick: () => handleViewModeChange("book"),
+                          title: "Sections",
                           style: {
-                            background: viewMode === "document" ? theme2.colors.primary : "transparent",
-                            color: viewMode === "document" ? theme2.colors.background : theme2.colors.textSecondary,
+                            background: viewMode === "book" ? theme2.colors.primary : "transparent",
+                            color: viewMode === "book" ? theme2.colors.background : theme2.colors.textSecondary,
                             border: "none",
                             padding: isMobile ? "6px 8px" : "6px 12px",
                             cursor: "pointer",
@@ -47911,7 +48017,7 @@ const MarkdownPanel = ({
                             alignItems: "center",
                             gap: "4px"
                           },
-                          children: isMobile ? /* @__PURE__ */ jsx(FileText, { size: 16 }) : "Document"
+                          children: isMobile ? /* @__PURE__ */ jsx(BookOpen, { size: 16 }) : "Sections"
                         }
                       )
                     ]