@industry-theme/github-panels 0.1.58 → 0.1.60

package/dist/panels.bundle.js

@@ -1,3 +1,6 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React2 from "react";
 import React2__default, { createContext, useContext, forwardRef, createElement, useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, useImperativeHandle } from "react";
@@ -1477,6 +1480,101 @@ const RepositoryAvatar = ({
     }
   );
 };
+createContext(null);
+class PanelErrorBoundary extends React2__default.Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "reset", () => {
+      this.setState({ error: null });
+    });
+    this.state = { error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("Panel error:", error, errorInfo);
+  }
+  render() {
+    if (this.state.error) {
+      const Fallback = this.props.fallback;
+      return /* @__PURE__ */ jsx(Fallback, {
+        error: this.state.error,
+        reset: this.reset
+      });
+    }
+    return this.props.children;
+  }
+}
+var PANEL_DATA_MIME_TYPE = "application/x-panel-data";
+function createDragPreview(content2, options) {
+  const preview = document.createElement("div");
+  preview.style.cssText = `
+    position: absolute;
+    top: -1000px;
+    left: -1000px;
+    padding: 8px 12px;
+    background: ${"#3b82f6"};
+    color: ${"white"};
+    border-radius: 6px;
+    font-size: 12px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    white-space: nowrap;
+  `;
+  const text2 = document.createElement("span");
+  text2.textContent = content2;
+  preview.appendChild(text2);
+  return preview;
+}
+function useDraggable(config) {
+  const [isDragging, setIsDragging] = useState(false);
+  const handleDragStart = useCallback((e) => {
+    var _a;
+    setIsDragging(true);
+    e.dataTransfer.setData("text/plain", config.primaryData);
+    const panelData = {
+      sourcePanel: config.sourcePanel || "unknown",
+      dataType: config.dataType,
+      primaryData: config.primaryData,
+      metadata: config.metadata,
+      suggestedActions: config.suggestedActions,
+      version: "1.0"
+    };
+    e.dataTransfer.setData(PANEL_DATA_MIME_TYPE, JSON.stringify(panelData));
+    e.dataTransfer.effectAllowed = "copy";
+    if (e.currentTarget instanceof HTMLElement) {
+      e.currentTarget.style.opacity = "0.5";
+    }
+    if (config.dragPreview) {
+      if (config.dragPreview instanceof HTMLElement) {
+        e.dataTransfer.setDragImage(config.dragPreview, 0, 0);
+      } else {
+        const preview = createDragPreview(config.dragPreview);
+        document.body.appendChild(preview);
+        e.dataTransfer.setDragImage(preview, 0, 0);
+        setTimeout(() => document.body.removeChild(preview), 0);
+      }
+    }
+    (_a = config.onDragStart) == null ? void 0 : _a.call(config, e);
+  }, [config]);
+  const handleDragEnd = useCallback((e) => {
+    var _a;
+    setIsDragging(false);
+    if (e.currentTarget instanceof HTMLElement) {
+      e.currentTarget.style.opacity = "1";
+    }
+    (_a = config.onDragEnd) == null ? void 0 : _a.call(config, e);
+  }, [config]);
+  return {
+    draggable: true,
+    onDragStart: handleDragStart,
+    onDragEnd: handleDragEnd,
+    isDragging
+  };
+}
 const GitHubRepositoryCard = ({
   repository,
   localRepo,
@@ -1492,6 +1590,23 @@ const GitHubRepositoryCard = ({
   const { theme: theme2 } = useTheme();
   const [isHovered, setIsHovered] = useState(false);
   const isCloned = Boolean(localRepo);
+  const { isDragging, ...dragProps } = useDraggable({
+    dataType: "repository-github",
+    primaryData: repository.full_name,
+    metadata: {
+      name: repository.name,
+      owner: repository.owner.login,
+      description: repository.description,
+      language: repository.language,
+      stars: repository.stargazers_count,
+      isPrivate: repository.private,
+      htmlUrl: repository.html_url,
+      cloneUrl: repository.clone_url
+    },
+    suggestedActions: ["add-to-collection"],
+    sourcePanel: "github-repositories",
+    dragPreview: repository.full_name
+  });
   const handleClone = useCallback(
     (e) => {
       e.stopPropagation();
@@ -1549,6 +1664,7 @@ const GitHubRepositoryCard = ({
       onClick: handleClick,
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
+      ...isInCollection ? {} : dragProps,
       style: {
         display: "flex",
         alignItems: "flex-start",
@@ -1557,8 +1673,9 @@ const GitHubRepositoryCard = ({
         borderRadius: "8px",
         backgroundColor: isSelected ? `${theme2.colors.primary}15` : isHovered ? theme2.colors.backgroundTertiary : "transparent",
         border: `1px solid ${isSelected ? theme2.colors.primary : "transparent"}`,
-        cursor: onSelect ? "pointer" : "default",
-        transition: "background-color 0.15s, border-color 0.15s"
+        cursor: isInCollection ? "not-allowed" : isDragging ? "grabbing" : onSelect ? "grab" : "default",
+        opacity: isDragging ? 0.5 : isInCollection ? 0.7 : 1,
+        transition: "background-color 0.15s, border-color 0.15s, opacity 0.15s"
       },
       children: [
         /* @__PURE__ */ jsx(
@@ -2667,14 +2784,14 @@ function determinePivotIndices$1(groupId, dragHandleId, panelGroupElement) {
   const index2 = getResizeHandleElementIndex$1(groupId, dragHandleId, panelGroupElement);
   return index2 != null ? [index2, index2 + 1] : [-1, -1];
 }
-function isHTMLElement(target) {
+function isHTMLElement$1(target) {
   if (target instanceof HTMLElement) {
     return true;
   }
   return typeof target === "object" && target !== null && "tagName" in target && "getAttribute" in target;
 }
 function getPanelGroupElement$1(id, rootElement = document) {
-  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
+  if (isHTMLElement$1(rootElement) && rootElement.dataset.panelGroupId == id) {
     return rootElement;
   }
   const element2 = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
@@ -3683,11 +3800,11 @@ function panelDataHelper$1(panelDataArray, panelData, layout) {
     pivotIndices
   };
 }
-function C(e) {
+function C$1(e) {
   return { "--panel-background": e.colors.background, "--panel-border": e.colors.border, "--panel-handle": e.colors.backgroundSecondary, "--panel-handle-hover": e.colors.backgroundHover, "--panel-handle-active": e.colors.primary, "--panel-button-bg": e.colors.surface, "--panel-button-hover": e.colors.backgroundHover, "--panel-button-border": e.colors.border, "--panel-button-icon": e.colors.textSecondary, "--panel-accent-bg": e.colors.primary + "15" };
 }
-const z = forwardRef(({ panels: o, className: a = "", style: s2, theme: d, minPanelWidth: u = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m, preventKeyboardScroll: f = true, disableSwipe: g = false }, v) => {
-  const b = useRef(null), y = C(d);
+const z$1 = forwardRef(({ panels: o, className: a = "", style: s2, theme: d, minPanelWidth: u = 350, idealPanelWidth: p2 = 0.333, showSeparator: h2 = false, onPanelChange: m, preventKeyboardScroll: f = true, disableSwipe: g = false }, v) => {
+  const b = useRef(null), y = C$1(d);
   useImperativeHandle(v, () => ({ scrollToPanel: (e) => {
     if (!b.current) return;
     const t = b.current, n = t.children[e];
@@ -3717,8 +3834,8 @@ const z = forwardRef(({ panels: o, className: a = "", style: s2, theme: d, minPa
     };
   }, [f]);
   const w = o.length, x = 2 * u;
-  let S2;
-  S2 = 1 === w || 2 === w ? "100%" : `max(${u}px, ${100 * p2}%)`;
+  let S;
+  S = 1 === w || 2 === w ? "100%" : `max(${u}px, ${100 * p2}%)`;
   const R = React2__default.useId().replace(/:/g, "_");
   return jsxs(Fragment, { children: [
     2 === w && /* @__PURE__ */ jsx("style", { children: `
@@ -3731,7 +3848,7 @@ const z = forwardRef(({ panels: o, className: a = "", style: s2, theme: d, minPa
               }
             }
           ` }),
-    /* @__PURE__ */ jsx("div", { ref: b, className: `snap-carousel-container ${g ? "swipe-disabled" : ""} ${a}`, style: { ...y, ...s2, "--snap-carousel-min-width": `${u}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": S2, "--snap-carousel-panel-count": w, "--snap-carousel-two-panel-threshold": `${x}px` }, onScroll: (e) => {
+    /* @__PURE__ */ jsx("div", { ref: b, className: `snap-carousel-container ${g ? "swipe-disabled" : ""} ${a}`, style: { ...y, ...s2, "--snap-carousel-min-width": `${u}px`, "--snap-carousel-ideal-width": 100 * p2 + "%", "--snap-carousel-gap": h2 ? "1px" : "0px", "--snap-carousel-panel-width": S, "--snap-carousel-panel-count": w, "--snap-carousel-two-panel-threshold": `${x}px` }, onScroll: (e) => {
       if (!m || !b.current || 0 === b.current.children.length) return;
       const t = b.current, n = t.getBoundingClientRect().left;
       let r2 = 0, o2 = 1 / 0;
@@ -3743,41 +3860,41 @@ const z = forwardRef(({ panels: o, className: a = "", style: s2, theme: d, minPa
     }, "data-panel-count": w, "data-carousel-id": R, children: o.map((t, n) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: t }, n)) })
   ] });
 });
-z.displayName = "SnapCarousel";
-var le$1, se$1;
-(se$1 = le$1 || (le$1 = {})).DragStart = "dragStart", se$1.DragMove = "dragMove", se$1.DragEnd = "dragEnd", se$1.DragCancel = "dragCancel", se$1.DragOver = "dragOver", se$1.RegisterDroppable = "registerDroppable", se$1.SetDroppableDisabled = "setDroppableDisabled", se$1.UnregisterDroppable = "unregisterDroppable";
-const de = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
-var Te$1, Ae;
-(Ae = Te$1 || (Te$1 = {}))[Ae.Forward = 1] = "Forward", Ae[Ae.Backward = -1] = "Backward";
-var _e$1, je$1, He$1, Ke$1;
-(je$1 = _e$1 || (_e$1 = {})).Click = "click", je$1.DragStart = "dragstart", je$1.Keydown = "keydown", je$1.ContextMenu = "contextmenu", je$1.Resize = "resize", je$1.SelectionChange = "selectionchange", je$1.VisibilityChange = "visibilitychange", (Ke$1 = He$1 || (He$1 = {})).Space = "Space", Ke$1.Down = "ArrowDown", Ke$1.Right = "ArrowRight", Ke$1.Left = "ArrowLeft", Ke$1.Up = "ArrowUp", Ke$1.Esc = "Escape", Ke$1.Enter = "Enter", Ke$1.Tab = "Tab";
+z$1.displayName = "SnapCarousel";
+var le$2, se$1;
+(se$1 = le$2 || (le$2 = {})).DragStart = "dragStart", se$1.DragMove = "dragMove", se$1.DragEnd = "dragEnd", se$1.DragCancel = "dragCancel", se$1.DragOver = "dragOver", se$1.RegisterDroppable = "registerDroppable", se$1.SetDroppableDisabled = "setDroppableDisabled", se$1.UnregisterDroppable = "unregisterDroppable";
+const de$1 = /* @__PURE__ */ Object.freeze({ x: 0, y: 0 });
+var Te$1, Ae$1;
+(Ae$1 = Te$1 || (Te$1 = {}))[Ae$1.Forward = 1] = "Forward", Ae$1[Ae$1.Backward = -1] = "Backward";
+var _e$2, je$1, He$1, Ke$1;
+(je$1 = _e$2 || (_e$2 = {})).Click = "click", je$1.DragStart = "dragstart", je$1.Keydown = "keydown", je$1.ContextMenu = "contextmenu", je$1.Resize = "resize", je$1.SelectionChange = "selectionchange", je$1.VisibilityChange = "visibilitychange", (Ke$1 = He$1 || (He$1 = {})).Space = "Space", Ke$1.Down = "ArrowDown", Ke$1.Right = "ArrowRight", Ke$1.Left = "ArrowLeft", Ke$1.Up = "ArrowUp", Ke$1.Esc = "Escape", Ke$1.Enter = "Enter", Ke$1.Tab = "Tab";
 ({ start: [He$1.Space, He$1.Enter], cancel: [He$1.Esc], end: [He$1.Space, He$1.Enter, He$1.Tab] });
-var rt, ot$1;
-(ot$1 = rt || (rt = {}))[ot$1.RightClick = 2] = "RightClick";
-var at, lt$1, st$1, ct$1;
-(lt$1 = at || (at = {}))[lt$1.Pointer = 0] = "Pointer", lt$1[lt$1.DraggableRect = 1] = "DraggableRect", (ct$1 = st$1 || (st$1 = {}))[ct$1.TreeOrder = 0] = "TreeOrder", ct$1[ct$1.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+var rt$1, ot$1;
+(ot$1 = rt$1 || (rt$1 = {}))[ot$1.RightClick = 2] = "RightClick";
+var at$1, lt$1, st$1, ct$1;
+(lt$1 = at$1 || (at$1 = {}))[lt$1.Pointer = 0] = "Pointer", lt$1[lt$1.DraggableRect = 1] = "DraggableRect", (ct$1 = st$1 || (st$1 = {}))[ct$1.TreeOrder = 0] = "TreeOrder", ct$1[ct$1.ReversedTreeOrder = 1] = "ReversedTreeOrder";
 ({ x: { [Te$1.Backward]: false, [Te$1.Forward]: false }, y: { [Te$1.Backward]: false, [Te$1.Forward]: false } });
-var pt, ht$1, mt$1;
-(ht$1 = pt || (pt = {}))[ht$1.Always = 0] = "Always", ht$1[ht$1.BeforeDragging = 1] = "BeforeDragging", ht$1[ht$1.WhileDragging = 2] = "WhileDragging", (mt$1 || (mt$1 = {})).Optimized = "optimized";
-({ droppable: { strategy: pt.WhileDragging, frequency: mt$1.Optimized } });
-/* @__PURE__ */ createContext({ ...de, scaleX: 1, scaleY: 1 });
-var $t, Bt$1;
-(Bt$1 = $t || ($t = {}))[Bt$1.Uninitialized = 0] = "Uninitialized", Bt$1[Bt$1.Initializing = 1] = "Initializing", Bt$1[Bt$1.Initialized = 2] = "Initialized";
-var Ut;
+var pt$1, ht$1, mt$1;
+(ht$1 = pt$1 || (pt$1 = {}))[ht$1.Always = 0] = "Always", ht$1[ht$1.BeforeDragging = 1] = "BeforeDragging", ht$1[ht$1.WhileDragging = 2] = "WhileDragging", (mt$1 || (mt$1 = {})).Optimized = "optimized";
+({ droppable: { strategy: pt$1.WhileDragging, frequency: mt$1.Optimized } });
+/* @__PURE__ */ createContext({ ...de$1, scaleX: 1, scaleY: 1 });
+var $t$1, Bt$1;
+(Bt$1 = $t$1 || ($t$1 = {}))[Bt$1.Uninitialized = 0] = "Uninitialized", Bt$1[Bt$1.Initializing = 1] = "Initializing", Bt$1[Bt$1.Initialized = 2] = "Initialized";
+var Ut$1;
 (() => {
   if ("undefined" != typeof window) {
     const e = window;
     return e.__principlemd_theme_context__ || (e.__principlemd_theme_context__ = createContext(void 0)), e.__principlemd_theme_context__;
   }
-  return Ut || (Ut = createContext(void 0)), Ut;
+  return Ut$1 || (Ut$1 = createContext(void 0)), Ut$1;
 })();
-var _e = Object.defineProperty;
-var Ee = (o, e, t) => e in o ? _e(o, e, { enumerable: true, configurable: true, writable: true, value: t }) : o[e] = t;
-var le = (o, e, t) => Ee(o, typeof e != "symbol" ? e + "" : e, t);
+var _e$1 = Object.defineProperty;
+var Ee = (o, e, t) => e in o ? _e$1(o, e, { enumerable: true, configurable: true, writable: true, value: t }) : o[e] = t;
+var le$1 = (o, e, t) => Ee(o, typeof e != "symbol" ? e + "" : e, t);
 class De {
   constructor() {
-    le(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
-    le(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
+    le$1(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
+    le$1(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
   }
   /**
    * Load all user-created workspace presets
@@ -4244,7 +4361,7 @@ class O {
     Object.keys(e).length;
   }
 }
-le(O, "adapter", new De());
+le$1(O, "adapter", new De());
 function gt(o, e, t, r2) {
   useEffect(() => {
     const s2 = e.on(
@@ -44329,6 +44446,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 styleElement = document.createElement("style");
+  styleElement.id = "themed-markdown-highlight-css";
+  styleElement.textContent = css2;
+  document.head.appendChild(styleElement);
+  isInjected = true;
+}
+injectHighlightStyles();
 var terminalTheme = {
   space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
   fonts: {
@@ -44366,52 +44573,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: {
@@ -45728,8 +45936,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, ...props }) => /* @__PURE__ */ React2__default.createElement("h1", {
@@ -46915,29 +47123,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;
   }
 `;
@@ -47663,7 +47867,6 @@ var panelConstraintFlags = /* @__PURE__ */ new Map();
 function reportConstraintsViolation(resizeHandleId, flag) {
   panelConstraintFlags.set(resizeHandleId, flag);
 }
-new AbortController();
 function useForceUpdate() {
   const [_, setCount] = useState(0);
   return useCallback(() => setCount((prevCount) => prevCount + 1), []);
@@ -47827,7 +48030,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;
@@ -47936,9 +48139,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}"]`);
@@ -48256,11 +48464,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,
@@ -49042,23 +49250,26 @@ function panelDataHelper(panelDataArray, panelData, layout) {
     pivotIndices
   };
 }
-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 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);
@@ -49067,9 +49278,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;
@@ -49078,74 +49289,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 C2 = 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="${C2}"][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="${C2}"][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;
+      if (y2.current)
         return;
-      const t2 = v.current, n2 = t2.getBoundingClientRect().left;
+      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": C2, 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;
 })();
 var DocumentView = ({
   content: content2,