themed-markdown 0.1.82 → 0.1.84

package/dist/index.mjs

@@ -151,7 +151,9 @@ var landingPageTheme = {
     textMuted: "#6b7280",
     highlightBg: "#403b0f",
     highlightBorder: "#80761e",
-    textOnPrimary: "#000000"
+    textOnPrimary: "#000000",
+    textOnSecondary: "#ffffff",
+    textOnAccent: "#ffffff"
   },
   buttons: {
     primary: {
@@ -253,7 +255,9 @@ var landingPageLightTheme = {
     textMuted: "#aaaaaa",
     highlightBg: "#fff9c4",
     highlightBorder: "#fff389",
-    textOnPrimary: "#ffffff"
+    textOnPrimary: "#ffffff",
+    textOnSecondary: "#000000",
+    textOnAccent: "#ffffff"
   },
   buttons: {
     primary: {
@@ -356,7 +360,9 @@ var regalTheme = {
     textMuted: "#8b7968",
     highlightBg: "#534724",
     highlightBorder: "#8c701a",
-    textOnPrimary: "#1a1f2e"
+    textOnPrimary: "#1a1f2e",
+    textOnSecondary: "#1a1f2e",
+    textOnAccent: "#1a1f2e"
   },
   buttons: {
     primary: {
@@ -470,7 +476,9 @@ var terminalTheme = {
     textMuted: "#666666",
     highlightBg: "#40391e",
     highlightBorder: "#7f7530",
-    textOnPrimary: "#ffffff"
+    textOnPrimary: "#ffffff",
+    textOnSecondary: "#0a0a0a",
+    textOnAccent: "#0a0a0a"
   },
   modes: {
     light: {
@@ -495,7 +503,10 @@ var terminalTheme = {
       textTertiary: "#999999",
       textMuted: "#b3b3b3",
       highlightBg: "#fff9c4",
-      highlightBorder: "#fff389"
+      highlightBorder: "#fff389",
+      textOnPrimary: "#ffffff",
+      textOnSecondary: "#ffffff",
+      textOnAccent: "#ffffff"
     }
   },
   buttons: {
@@ -614,7 +625,9 @@ var matrixTheme = {
     textMuted: "#484848",
     highlightBg: "#00360d",
     highlightBorder: "#006c1b",
-    textOnPrimary: "#000000"
+    textOnPrimary: "#000000",
+    textOnSecondary: "#000000",
+    textOnAccent: "#000000"
   },
   buttons: {
     primary: {
@@ -732,7 +745,9 @@ var matrixMinimalTheme = {
     textMuted: "#484848",
     highlightBg: "#002b0b",
     highlightBorder: "#005615",
-    textOnPrimary: "#000000"
+    textOnPrimary: "#000000",
+    textOnSecondary: "#000000",
+    textOnAccent: "#000000"
   },
   buttons: {
     primary: {
@@ -850,7 +865,9 @@ var slateTheme = {
     textMuted: "#4b5563",
     highlightBg: "#513c19",
     highlightBorder: "#875d14",
-    textOnPrimary: "#1a1c1e"
+    textOnPrimary: "#1a1c1e",
+    textOnSecondary: "#e5e7eb",
+    textOnAccent: "#1a1c1e"
   },
   buttons: {
     primary: {
@@ -4317,2784 +4334,9 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
     theme: theme2
   }));
 });
-// node_modules/@principal-ade/panels/dist/index.esm.js
-import { jsx as e, jsxs as t, Fragment as n } from "react/jsx-runtime";
-import r, { useState as o, useRef as i, useCallback as a, useEffect as l, forwardRef as s, useImperativeHandle as c, useMemo as d, useLayoutEffect as u, createContext as p, memo as h, useReducer as m, useContext as f } from "react";
-
-// node_modules/react-resizable-panels/dist/react-resizable-panels.browser.development.js
-import * as React14 from "react";
-import { createContext as createContext2, useLayoutEffect as useLayoutEffect2, useRef as useRef8, forwardRef, createElement, useContext as useContext2, useImperativeHandle, useState as useState10, useCallback as useCallback2, useEffect as useEffect8, useMemo as useMemo3 } from "react";
-var PanelGroupContext = createContext2(null);
-PanelGroupContext.displayName = "PanelGroupContext";
-var DATA_ATTRIBUTES = {
-  group: "data-panel-group",
-  groupDirection: "data-panel-group-direction",
-  groupId: "data-panel-group-id",
-  panel: "data-panel",
-  panelCollapsible: "data-panel-collapsible",
-  panelId: "data-panel-id",
-  panelSize: "data-panel-size",
-  resizeHandle: "data-resize-handle",
-  resizeHandleActive: "data-resize-handle-active",
-  resizeHandleEnabled: "data-panel-resize-handle-enabled",
-  resizeHandleId: "data-panel-resize-handle-id",
-  resizeHandleState: "data-resize-handle-state"
-};
-var PRECISION = 10;
-var useIsomorphicLayoutEffect = useLayoutEffect2;
-var useId = React14["useId".toString()];
-var wrappedUseId = typeof useId === "function" ? useId : () => null;
-var counter = 0;
-function useUniqueId(idFromParams = null) {
-  const idFromUseId = wrappedUseId();
-  const idRef = useRef8(idFromParams || idFromUseId || null);
-  if (idRef.current === null) {
-    idRef.current = "" + counter++;
-  }
-  return idFromParams !== null && idFromParams !== undefined ? idFromParams : idRef.current;
-}
-function PanelWithForwardedRef({
-  children,
-  className: classNameFromProps = "",
-  collapsedSize,
-  collapsible,
-  defaultSize,
-  forwardedRef,
-  id: idFromProps,
-  maxSize,
-  minSize,
-  onCollapse,
-  onExpand,
-  onResize,
-  order,
-  style: styleFromProps,
-  tagName: Type = "div",
-  ...rest
-}) {
-  const context = useContext2(PanelGroupContext);
-  if (context === null) {
-    throw Error(`Panel components must be rendered within a PanelGroup container`);
-  }
-  const {
-    collapsePanel,
-    expandPanel,
-    getPanelSize,
-    getPanelStyle,
-    groupId,
-    isPanelCollapsed,
-    reevaluatePanelConstraints,
-    registerPanel,
-    resizePanel,
-    unregisterPanel
-  } = context;
-  const panelId = useUniqueId(idFromProps);
-  const panelDataRef = useRef8({
-    callbacks: {
-      onCollapse,
-      onExpand,
-      onResize
-    },
-    constraints: {
-      collapsedSize,
-      collapsible,
-      defaultSize,
-      maxSize,
-      minSize
-    },
-    id: panelId,
-    idIsFromProps: idFromProps !== undefined,
-    order
-  });
-  const devWarningsRef = useRef8({
-    didLogMissingDefaultSizeWarning: false
-  });
-  {
-    if (!devWarningsRef.current.didLogMissingDefaultSizeWarning)
-      ;
-  }
-  useIsomorphicLayoutEffect(() => {
-    const {
-      callbacks,
-      constraints
-    } = panelDataRef.current;
-    const prevConstraints = {
-      ...constraints
-    };
-    panelDataRef.current.id = panelId;
-    panelDataRef.current.idIsFromProps = idFromProps !== undefined;
-    panelDataRef.current.order = order;
-    callbacks.onCollapse = onCollapse;
-    callbacks.onExpand = onExpand;
-    callbacks.onResize = onResize;
-    constraints.collapsedSize = collapsedSize;
-    constraints.collapsible = collapsible;
-    constraints.defaultSize = defaultSize;
-    constraints.maxSize = maxSize;
-    constraints.minSize = minSize;
-    if (prevConstraints.collapsedSize !== constraints.collapsedSize || prevConstraints.collapsible !== constraints.collapsible || prevConstraints.maxSize !== constraints.maxSize || prevConstraints.minSize !== constraints.minSize) {
-      reevaluatePanelConstraints(panelDataRef.current, prevConstraints);
-    }
-  });
-  useIsomorphicLayoutEffect(() => {
-    const panelData = panelDataRef.current;
-    registerPanel(panelData);
-    return () => {
-      unregisterPanel(panelData);
-    };
-  }, [order, panelId, registerPanel, unregisterPanel]);
-  useImperativeHandle(forwardedRef, () => ({
-    collapse: () => {
-      collapsePanel(panelDataRef.current);
-    },
-    expand: (minSize2) => {
-      expandPanel(panelDataRef.current, minSize2);
-    },
-    getId() {
-      return panelId;
-    },
-    getSize() {
-      return getPanelSize(panelDataRef.current);
-    },
-    isCollapsed() {
-      return isPanelCollapsed(panelDataRef.current);
-    },
-    isExpanded() {
-      return !isPanelCollapsed(panelDataRef.current);
-    },
-    resize: (size) => {
-      resizePanel(panelDataRef.current, size);
-    }
-  }), [collapsePanel, expandPanel, getPanelSize, isPanelCollapsed, panelId, resizePanel]);
-  const style = getPanelStyle(panelDataRef.current, defaultSize);
-  return createElement(Type, {
-    ...rest,
-    children,
-    className: classNameFromProps,
-    id: panelId,
-    style: {
-      ...style,
-      ...styleFromProps
-    },
-    [DATA_ATTRIBUTES.groupId]: groupId,
-    [DATA_ATTRIBUTES.panel]: "",
-    [DATA_ATTRIBUTES.panelCollapsible]: collapsible || undefined,
-    [DATA_ATTRIBUTES.panelId]: panelId,
-    [DATA_ATTRIBUTES.panelSize]: parseFloat("" + style.flexGrow).toFixed(1)
-  });
-}
-var Panel = forwardRef((props, ref) => createElement(PanelWithForwardedRef, {
-  ...props,
-  forwardedRef: ref
-}));
-PanelWithForwardedRef.displayName = "Panel";
-Panel.displayName = "forwardRef(Panel)";
-var nonce;
-function getNonce() {
-  return nonce;
-}
-var currentCursorStyle = null;
-var enabled = true;
-var getCustomCursorStyleFunction = null;
-var prevRuleIndex = -1;
-var styleElement = null;
-function getCursorStyle(state, constraintFlags, isPointerDown) {
-  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 (getCustomCursorStyleFunction) {
-    return getCustomCursorStyleFunction({
-      exceedsHorizontalMaximum: horizontalMax,
-      exceedsHorizontalMinimum: horizontalMin,
-      exceedsVerticalMaximum: verticalMax,
-      exceedsVerticalMinimum: verticalMin,
-      intersectsHorizontalDragHandle: state === "horizontal" || state === "intersection",
-      intersectsVerticalDragHandle: state === "vertical" || state === "intersection",
-      isPointerDown
-    });
-  }
-  if (constraintFlags) {
-    if (horizontalMin) {
-      if (verticalMin) {
-        return "se-resize";
-      } else if (verticalMax) {
-        return "ne-resize";
-      } else {
-        return "e-resize";
-      }
-    } else if (horizontalMax) {
-      if (verticalMin) {
-        return "sw-resize";
-      } else if (verticalMax) {
-        return "nw-resize";
-      } else {
-        return "w-resize";
-      }
-    } else if (verticalMin) {
-      return "s-resize";
-    } else if (verticalMax) {
-      return "n-resize";
-    }
-  }
-  switch (state) {
-    case "horizontal":
-      return "ew-resize";
-    case "intersection":
-      return "move";
-    case "vertical":
-      return "ns-resize";
-  }
-}
-function resetGlobalCursorStyle() {
-  if (styleElement !== null) {
-    document.head.removeChild(styleElement);
-    currentCursorStyle = null;
-    styleElement = null;
-    prevRuleIndex = -1;
-  }
-}
-function setGlobalCursorStyle(state, constraintFlags, isPointerDown) {
-  var _styleElement$sheet$i, _styleElement$sheet2;
-  if (!enabled) {
-    return;
-  }
-  const style = getCursorStyle(state, constraintFlags, isPointerDown);
-  if (currentCursorStyle === style) {
-    return;
-  }
-  currentCursorStyle = style;
-  if (styleElement === null) {
-    styleElement = document.createElement("style");
-    const nonce2 = getNonce();
-    if (nonce2) {
-      styleElement.setAttribute("nonce", nonce2);
-    }
-    document.head.appendChild(styleElement);
-  }
-  if (prevRuleIndex >= 0) {
-    var _styleElement$sheet;
-    (_styleElement$sheet = styleElement.sheet) === null || _styleElement$sheet === undefined || _styleElement$sheet.removeRule(prevRuleIndex);
-  }
-  prevRuleIndex = (_styleElement$sheet$i = (_styleElement$sheet2 = styleElement.sheet) === null || _styleElement$sheet2 === undefined ? undefined : _styleElement$sheet2.insertRule(`*{cursor: ${style} !important;}`)) !== null && _styleElement$sheet$i !== undefined ? _styleElement$sheet$i : -1;
-}
-function isKeyDown(event) {
-  return event.type === "keydown";
-}
-function isPointerEvent(event) {
-  return event.type.startsWith("pointer");
-}
-function isMouseEvent(event) {
-  return event.type.startsWith("mouse");
-}
-function getResizeEventCoordinates(event) {
-  if (isPointerEvent(event)) {
-    if (event.isPrimary) {
-      return {
-        x: event.clientX,
-        y: event.clientY
-      };
-    }
-  } else if (isMouseEvent(event)) {
-    return {
-      x: event.clientX,
-      y: event.clientY
-    };
-  }
-  return {
-    x: Infinity,
-    y: Infinity
-  };
-}
-function getInputType() {
-  if (typeof matchMedia === "function") {
-    return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
-  }
-}
-function intersects(rectOne, rectTwo, strict) {
-  if (strict) {
-    return rectOne.x < rectTwo.x + rectTwo.width && rectOne.x + rectOne.width > rectTwo.x && rectOne.y < rectTwo.y + rectTwo.height && rectOne.y + rectOne.height > rectTwo.y;
-  } else {
-    return rectOne.x <= rectTwo.x + rectTwo.width && rectOne.x + rectOne.width >= rectTwo.x && rectOne.y <= rectTwo.y + rectTwo.height && rectOne.y + rectOne.height >= rectTwo.y;
-  }
-}
-function compare(a, b) {
-  if (a === b)
-    throw new Error("Cannot compare node with itself");
-  const ancestors = {
-    a: get_ancestors(a),
-    b: get_ancestors(b)
-  };
-  let common_ancestor;
-  while (ancestors.a.at(-1) === ancestors.b.at(-1)) {
-    a = ancestors.a.pop();
-    b = ancestors.b.pop();
-    common_ancestor = a;
-  }
-  assert(common_ancestor, "Stacking order can only be calculated for elements with a common ancestor");
-  const z_indexes = {
-    a: get_z_index(find_stacking_context(ancestors.a)),
-    b: get_z_index(find_stacking_context(ancestors.b))
-  };
-  if (z_indexes.a === z_indexes.b) {
-    const children = common_ancestor.childNodes;
-    const furthest_ancestors = {
-      a: ancestors.a.at(-1),
-      b: ancestors.b.at(-1)
-    };
-    let i = children.length;
-    while (i--) {
-      const child = children[i];
-      if (child === furthest_ancestors.a)
-        return 1;
-      if (child === furthest_ancestors.b)
-        return -1;
-    }
-  }
-  return Math.sign(z_indexes.a - z_indexes.b);
-}
-var props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function is_flex_item(node) {
-  var _get_parent;
-  const display = getComputedStyle((_get_parent = get_parent(node)) !== null && _get_parent !== undefined ? _get_parent : node).display;
-  return display === "flex" || display === "inline-flex";
-}
-function creates_stacking_context(node) {
-  const style = getComputedStyle(node);
-  if (style.position === "fixed")
-    return true;
-  if (style.zIndex !== "auto" && (style.position !== "static" || is_flex_item(node)))
-    return true;
-  if (+style.opacity < 1)
-    return true;
-  if ("transform" in style && style.transform !== "none")
-    return true;
-  if ("webkitTransform" in style && style.webkitTransform !== "none")
-    return true;
-  if ("mixBlendMode" in style && style.mixBlendMode !== "normal")
-    return true;
-  if ("filter" in style && style.filter !== "none")
-    return true;
-  if ("webkitFilter" in style && style.webkitFilter !== "none")
-    return true;
-  if ("isolation" in style && style.isolation === "isolate")
-    return true;
-  if (props.test(style.willChange))
-    return true;
-  if (style.webkitOverflowScrolling === "touch")
-    return true;
-  return false;
-}
-function find_stacking_context(nodes) {
-  let i = nodes.length;
-  while (i--) {
-    const node = nodes[i];
-    assert(node, "Missing node");
-    if (creates_stacking_context(node))
-      return node;
-  }
-  return null;
-}
-function get_z_index(node) {
-  return node && Number(getComputedStyle(node).zIndex) || 0;
-}
-function get_ancestors(node) {
-  const ancestors = [];
-  while (node) {
-    ancestors.push(node);
-    node = get_parent(node);
-  }
-  return ancestors;
-}
-function get_parent(node) {
-  const {
-    parentNode
-  } = node;
-  if (parentNode && parentNode instanceof ShadowRoot) {
-    return parentNode.host;
-  }
-  return parentNode;
-}
-var EXCEEDED_HORIZONTAL_MIN = 1;
-var EXCEEDED_HORIZONTAL_MAX = 2;
-var EXCEEDED_VERTICAL_MIN = 4;
-var EXCEEDED_VERTICAL_MAX = 8;
-var isCoarsePointer = getInputType() === "coarse";
-var intersectingHandles = [];
-var isPointerDown = false;
-var ownerDocumentCounts = new Map;
-var panelConstraintFlags = new Map;
-var registeredResizeHandlers = new Set;
-function registerResizeHandle(resizeHandleId, element, direction, hitAreaMargins, setResizeHandlerState) {
-  var _ownerDocumentCounts$;
-  const {
-    ownerDocument
-  } = element;
-  const data = {
-    direction,
-    element,
-    hitAreaMargins,
-    setResizeHandlerState
-  };
-  const count = (_ownerDocumentCounts$ = ownerDocumentCounts.get(ownerDocument)) !== null && _ownerDocumentCounts$ !== undefined ? _ownerDocumentCounts$ : 0;
-  ownerDocumentCounts.set(ownerDocument, count + 1);
-  registeredResizeHandlers.add(data);
-  updateListeners();
-  return function unregisterResizeHandle() {
-    var _ownerDocumentCounts$2;
-    panelConstraintFlags.delete(resizeHandleId);
-    registeredResizeHandlers.delete(data);
-    const count2 = (_ownerDocumentCounts$2 = ownerDocumentCounts.get(ownerDocument)) !== null && _ownerDocumentCounts$2 !== undefined ? _ownerDocumentCounts$2 : 1;
-    ownerDocumentCounts.set(ownerDocument, count2 - 1);
-    updateListeners();
-    if (count2 === 1) {
-      ownerDocumentCounts.delete(ownerDocument);
-    }
-    if (intersectingHandles.includes(data)) {
-      const index = intersectingHandles.indexOf(data);
-      if (index >= 0) {
-        intersectingHandles.splice(index, 1);
-      }
-      updateCursor();
-      setResizeHandlerState("up", true, null);
-    }
-  };
-}
-function handlePointerDown(event) {
-  const {
-    target
-  } = event;
-  const {
-    x,
-    y
-  } = getResizeEventCoordinates(event);
-  isPointerDown = true;
-  recalculateIntersectingHandles({
-    target,
-    x,
-    y
-  });
-  updateListeners();
-  if (intersectingHandles.length > 0) {
-    updateResizeHandlerStates("down", event);
-    updateCursor();
-    event.preventDefault();
-    if (!isWithinResizeHandle(target)) {
-      event.stopImmediatePropagation();
-    }
-  }
-}
-function handlePointerMove(event) {
-  const {
-    x,
-    y
-  } = getResizeEventCoordinates(event);
-  if (isPointerDown && event.type !== "pointerleave" && event.buttons === 0) {
-    isPointerDown = false;
-    updateResizeHandlerStates("up", event);
-  }
-  if (!isPointerDown) {
-    const {
-      target
-    } = event;
-    recalculateIntersectingHandles({
-      target,
-      x,
-      y
-    });
-  }
-  updateResizeHandlerStates("move", event);
-  updateCursor();
-  if (intersectingHandles.length > 0) {
-    event.preventDefault();
-  }
-}
-function handlePointerUp(event) {
-  const {
-    target
-  } = event;
-  const {
-    x,
-    y
-  } = getResizeEventCoordinates(event);
-  panelConstraintFlags.clear();
-  isPointerDown = false;
-  if (intersectingHandles.length > 0) {
-    event.preventDefault();
-    if (!isWithinResizeHandle(target)) {
-      event.stopImmediatePropagation();
-    }
-  }
-  updateResizeHandlerStates("up", event);
-  recalculateIntersectingHandles({
-    target,
-    x,
-    y
-  });
-  updateCursor();
-  updateListeners();
-}
-function isWithinResizeHandle(element) {
-  let currentElement = element;
-  while (currentElement) {
-    if (currentElement.hasAttribute(DATA_ATTRIBUTES.resizeHandle)) {
-      return true;
-    }
-    currentElement = currentElement.parentElement;
-  }
-  return false;
-}
-function recalculateIntersectingHandles({
-  target,
-  x,
-  y
-}) {
-  intersectingHandles.splice(0);
-  let targetElement = null;
-  if (target instanceof HTMLElement || target instanceof SVGElement) {
-    targetElement = target;
-  }
-  registeredResizeHandlers.forEach((data) => {
-    const {
-      element: dragHandleElement,
-      hitAreaMargins
-    } = data;
-    const dragHandleRect = dragHandleElement.getBoundingClientRect();
-    const {
-      bottom,
-      left,
-      right,
-      top
-    } = dragHandleRect;
-    const margin = isCoarsePointer ? hitAreaMargins.coarse : hitAreaMargins.fine;
-    const eventIntersects = x >= left - margin && x <= right + margin && y >= top - margin && y <= bottom + margin;
-    if (eventIntersects) {
-      if (targetElement !== null && document.contains(targetElement) && dragHandleElement !== targetElement && !dragHandleElement.contains(targetElement) && !targetElement.contains(dragHandleElement) && compare(targetElement, dragHandleElement) > 0) {
-        let currentElement = targetElement;
-        let didIntersect = false;
-        while (currentElement) {
-          if (currentElement.contains(dragHandleElement)) {
-            break;
-          } else if (intersects(currentElement.getBoundingClientRect(), dragHandleRect, true)) {
-            didIntersect = true;
-            break;
-          }
-          currentElement = currentElement.parentElement;
-        }
-        if (didIntersect) {
-          return;
-        }
-      }
-      intersectingHandles.push(data);
-    }
-  });
-}
-function reportConstraintsViolation(resizeHandleId, flag) {
-  panelConstraintFlags.set(resizeHandleId, flag);
-}
-function updateCursor() {
-  let intersectsHorizontal = false;
-  let intersectsVertical = false;
-  intersectingHandles.forEach((data) => {
-    const {
-      direction
-    } = data;
-    if (direction === "horizontal") {
-      intersectsHorizontal = true;
-    } else {
-      intersectsVertical = true;
-    }
-  });
-  let constraintFlags = 0;
-  panelConstraintFlags.forEach((flag) => {
-    constraintFlags |= flag;
-  });
-  if (intersectsHorizontal && intersectsVertical) {
-    setGlobalCursorStyle("intersection", constraintFlags, isPointerDown);
-  } else if (intersectsHorizontal) {
-    setGlobalCursorStyle("horizontal", constraintFlags, isPointerDown);
-  } else if (intersectsVertical) {
-    setGlobalCursorStyle("vertical", constraintFlags, isPointerDown);
-  } else {
-    resetGlobalCursorStyle();
-  }
-}
-var listenersAbortController;
-function updateListeners() {
-  var _listenersAbortContro;
-  (_listenersAbortContro = listenersAbortController) === null || _listenersAbortContro === undefined || _listenersAbortContro.abort();
-  listenersAbortController = new AbortController;
-  const options = {
-    capture: true,
-    signal: listenersAbortController.signal
-  };
-  if (!registeredResizeHandlers.size) {
-    return;
-  }
-  if (isPointerDown) {
-    if (intersectingHandles.length > 0) {
-      ownerDocumentCounts.forEach((count, ownerDocument) => {
-        const {
-          body
-        } = ownerDocument;
-        if (count > 0) {
-          body.addEventListener("contextmenu", handlePointerUp, options);
-          body.addEventListener("pointerleave", handlePointerMove, options);
-          body.addEventListener("pointermove", handlePointerMove, options);
-        }
-      });
-    }
-    ownerDocumentCounts.forEach((_, ownerDocument) => {
-      const {
-        body
-      } = ownerDocument;
-      body.addEventListener("pointerup", handlePointerUp, options);
-      body.addEventListener("pointercancel", handlePointerUp, options);
-    });
-  } else {
-    ownerDocumentCounts.forEach((count, ownerDocument) => {
-      const {
-        body
-      } = ownerDocument;
-      if (count > 0) {
-        body.addEventListener("pointerdown", handlePointerDown, options);
-        body.addEventListener("pointermove", handlePointerMove, options);
-      }
-    });
-  }
-}
-function updateResizeHandlerStates(action, event) {
-  registeredResizeHandlers.forEach((data) => {
-    const {
-      setResizeHandlerState
-    } = data;
-    const isActive = intersectingHandles.includes(data);
-    setResizeHandlerState(action, isActive, event);
-  });
-}
-function useForceUpdate() {
-  const [_, setCount] = useState10(0);
-  return useCallback2(() => setCount((prevCount) => prevCount + 1), []);
-}
-function assert(expectedCondition, message) {
-  if (!expectedCondition) {
-    console.error(message);
-    throw Error(message);
-  }
-}
-function fuzzyCompareNumbers(actual, expected, fractionDigits = PRECISION) {
-  if (actual.toFixed(fractionDigits) === expected.toFixed(fractionDigits)) {
-    return 0;
-  } else {
-    return actual > expected ? 1 : -1;
-  }
-}
-function fuzzyNumbersEqual$1(actual, expected, fractionDigits = PRECISION) {
-  return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
-}
-function fuzzyNumbersEqual(actual, expected, fractionDigits) {
-  return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
-}
-function fuzzyLayoutsEqual(actual, expected, fractionDigits) {
-  if (actual.length !== expected.length) {
-    return false;
-  }
-  for (let index = 0;index < actual.length; index++) {
-    const actualSize = actual[index];
-    const expectedSize = expected[index];
-    if (!fuzzyNumbersEqual(actualSize, expectedSize, fractionDigits)) {
-      return false;
-    }
-  }
-  return true;
-}
-function resizePanel({
-  panelConstraints: panelConstraintsArray,
-  panelIndex,
-  size
-}) {
-  const panelConstraints = panelConstraintsArray[panelIndex];
-  assert(panelConstraints != null, `Panel constraints not found for index ${panelIndex}`);
-  let {
-    collapsedSize = 0,
-    collapsible,
-    maxSize = 100,
-    minSize = 0
-  } = panelConstraints;
-  if (fuzzyCompareNumbers(size, minSize) < 0) {
-    if (collapsible) {
-      const halfwayPoint = (collapsedSize + minSize) / 2;
-      if (fuzzyCompareNumbers(size, halfwayPoint) < 0) {
-        size = collapsedSize;
-      } else {
-        size = minSize;
-      }
-    } else {
-      size = minSize;
-    }
-  }
-  size = Math.min(maxSize, size);
-  size = parseFloat(size.toFixed(PRECISION));
-  return size;
-}
-function adjustLayoutByDelta({
-  delta,
-  initialLayout,
-  panelConstraints: panelConstraintsArray,
-  pivotIndices,
-  prevLayout,
-  trigger
-}) {
-  if (fuzzyNumbersEqual(delta, 0)) {
-    return initialLayout;
-  }
-  const nextLayout = [...initialLayout];
-  const [firstPivotIndex, secondPivotIndex] = pivotIndices;
-  assert(firstPivotIndex != null, "Invalid first pivot index");
-  assert(secondPivotIndex != null, "Invalid second pivot index");
-  let deltaApplied = 0;
-  {
-    if (trigger === "keyboard") {
-      {
-        const index = delta < 0 ? secondPivotIndex : firstPivotIndex;
-        const panelConstraints = panelConstraintsArray[index];
-        assert(panelConstraints, `Panel constraints not found for index ${index}`);
-        const {
-          collapsedSize = 0,
-          collapsible,
-          minSize = 0
-        } = panelConstraints;
-        if (collapsible) {
-          const prevSize = initialLayout[index];
-          assert(prevSize != null, `Previous layout not found for panel index ${index}`);
-          if (fuzzyNumbersEqual(prevSize, collapsedSize)) {
-            const localDelta = minSize - prevSize;
-            if (fuzzyCompareNumbers(localDelta, Math.abs(delta)) > 0) {
-              delta = delta < 0 ? 0 - localDelta : localDelta;
-            }
-          }
-        }
-      }
-      {
-        const index = delta < 0 ? firstPivotIndex : secondPivotIndex;
-        const panelConstraints = panelConstraintsArray[index];
-        assert(panelConstraints, `No panel constraints found for index ${index}`);
-        const {
-          collapsedSize = 0,
-          collapsible,
-          minSize = 0
-        } = panelConstraints;
-        if (collapsible) {
-          const prevSize = initialLayout[index];
-          assert(prevSize != null, `Previous layout not found for panel index ${index}`);
-          if (fuzzyNumbersEqual(prevSize, minSize)) {
-            const localDelta = prevSize - collapsedSize;
-            if (fuzzyCompareNumbers(localDelta, Math.abs(delta)) > 0) {
-              delta = delta < 0 ? 0 - localDelta : localDelta;
-            }
-          }
-        }
-      }
-    }
-  }
-  {
-    const increment = delta < 0 ? 1 : -1;
-    let index = delta < 0 ? secondPivotIndex : firstPivotIndex;
-    let maxAvailableDelta = 0;
-    while (true) {
-      const prevSize = initialLayout[index];
-      assert(prevSize != null, `Previous layout not found for panel index ${index}`);
-      const maxSafeSize = resizePanel({
-        panelConstraints: panelConstraintsArray,
-        panelIndex: index,
-        size: 100
-      });
-      const delta2 = maxSafeSize - prevSize;
-      maxAvailableDelta += delta2;
-      index += increment;
-      if (index < 0 || index >= panelConstraintsArray.length) {
-        break;
-      }
-    }
-    const minAbsDelta = Math.min(Math.abs(delta), Math.abs(maxAvailableDelta));
-    delta = delta < 0 ? 0 - minAbsDelta : minAbsDelta;
-  }
-  {
-    const pivotIndex = delta < 0 ? firstPivotIndex : secondPivotIndex;
-    let index = pivotIndex;
-    while (index >= 0 && index < panelConstraintsArray.length) {
-      const deltaRemaining = Math.abs(delta) - Math.abs(deltaApplied);
-      const prevSize = initialLayout[index];
-      assert(prevSize != null, `Previous layout not found for panel index ${index}`);
-      const unsafeSize = prevSize - deltaRemaining;
-      const safeSize = resizePanel({
-        panelConstraints: panelConstraintsArray,
-        panelIndex: index,
-        size: unsafeSize
-      });
-      if (!fuzzyNumbersEqual(prevSize, safeSize)) {
-        deltaApplied += prevSize - safeSize;
-        nextLayout[index] = safeSize;
-        if (deltaApplied.toFixed(3).localeCompare(Math.abs(delta).toFixed(3), undefined, {
-          numeric: true
-        }) >= 0) {
-          break;
-        }
-      }
-      if (delta < 0) {
-        index--;
-      } else {
-        index++;
-      }
-    }
-  }
-  if (fuzzyLayoutsEqual(prevLayout, nextLayout)) {
-    return prevLayout;
-  }
-  {
-    const pivotIndex = delta < 0 ? secondPivotIndex : firstPivotIndex;
-    const prevSize = initialLayout[pivotIndex];
-    assert(prevSize != null, `Previous layout not found for panel index ${pivotIndex}`);
-    const unsafeSize = prevSize + deltaApplied;
-    const safeSize = resizePanel({
-      panelConstraints: panelConstraintsArray,
-      panelIndex: pivotIndex,
-      size: unsafeSize
-    });
-    nextLayout[pivotIndex] = safeSize;
-    if (!fuzzyNumbersEqual(safeSize, unsafeSize)) {
-      let deltaRemaining = unsafeSize - safeSize;
-      const pivotIndex2 = delta < 0 ? secondPivotIndex : firstPivotIndex;
-      let index = pivotIndex2;
-      while (index >= 0 && index < panelConstraintsArray.length) {
-        const prevSize2 = nextLayout[index];
-        assert(prevSize2 != null, `Previous layout not found for panel index ${index}`);
-        const unsafeSize2 = prevSize2 + deltaRemaining;
-        const safeSize2 = resizePanel({
-          panelConstraints: panelConstraintsArray,
-          panelIndex: index,
-          size: unsafeSize2
-        });
-        if (!fuzzyNumbersEqual(prevSize2, safeSize2)) {
-          deltaRemaining -= safeSize2 - prevSize2;
-          nextLayout[index] = safeSize2;
-        }
-        if (fuzzyNumbersEqual(deltaRemaining, 0)) {
-          break;
-        }
-        if (delta > 0) {
-          index--;
-        } else {
-          index++;
-        }
-      }
-    }
-  }
-  const totalSize = nextLayout.reduce((total, size) => size + total, 0);
-  if (!fuzzyNumbersEqual(totalSize, 100)) {
-    return prevLayout;
-  }
-  return nextLayout;
-}
-function calculateAriaValues({
-  layout,
-  panelsArray,
-  pivotIndices
-}) {
-  let currentMinSize = 0;
-  let currentMaxSize = 100;
-  let totalMinSize = 0;
-  let totalMaxSize = 0;
-  const firstIndex = pivotIndices[0];
-  assert(firstIndex != null, "No pivot index found");
-  panelsArray.forEach((panelData, index) => {
-    const {
-      constraints
-    } = panelData;
-    const {
-      maxSize = 100,
-      minSize = 0
-    } = constraints;
-    if (index === firstIndex) {
-      currentMinSize = minSize;
-      currentMaxSize = maxSize;
-    } else {
-      totalMinSize += minSize;
-      totalMaxSize += maxSize;
-    }
-  });
-  const valueMax = Math.min(currentMaxSize, 100 - totalMinSize);
-  const valueMin = Math.max(currentMinSize, 100 - totalMaxSize);
-  const valueNow = layout[firstIndex];
-  return {
-    valueMax,
-    valueMin,
-    valueNow
-  };
-}
-function getResizeHandleElementsForGroup(groupId, scope = document) {
-  return Array.from(scope.querySelectorAll(`[${DATA_ATTRIBUTES.resizeHandleId}][data-panel-group-id="${groupId}"]`));
-}
-function getResizeHandleElementIndex(groupId, id, scope = document) {
-  const handles = getResizeHandleElementsForGroup(groupId, scope);
-  const index = handles.findIndex((handle) => handle.getAttribute(DATA_ATTRIBUTES.resizeHandleId) === id);
-  return index !== null && index !== undefined ? index : null;
-}
-function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
-  const index = getResizeHandleElementIndex(groupId, dragHandleId, panelGroupElement);
-  return index != null ? [index, index + 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) {
-  if (isHTMLElement(rootElement) && rootElement.dataset.panelGroupId == id) {
-    return rootElement;
-  }
-  const element = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
-  if (element) {
-    return element;
-  }
-  return null;
-}
-function getResizeHandleElement(id, scope = document) {
-  const element = scope.querySelector(`[${DATA_ATTRIBUTES.resizeHandleId}="${id}"]`);
-  if (element) {
-    return element;
-  }
-  return null;
-}
-function getResizeHandlePanelIds(groupId, handleId, panelsArray, scope = document) {
-  var _panelsArray$index$id, _panelsArray$index, _panelsArray$id, _panelsArray;
-  const handle = getResizeHandleElement(handleId, scope);
-  const handles = getResizeHandleElementsForGroup(groupId, scope);
-  const index = handle ? handles.indexOf(handle) : -1;
-  const idBefore = (_panelsArray$index$id = (_panelsArray$index = panelsArray[index]) === null || _panelsArray$index === undefined ? undefined : _panelsArray$index.id) !== null && _panelsArray$index$id !== undefined ? _panelsArray$index$id : null;
-  const idAfter = (_panelsArray$id = (_panelsArray = panelsArray[index + 1]) === null || _panelsArray === undefined ? undefined : _panelsArray.id) !== null && _panelsArray$id !== undefined ? _panelsArray$id : null;
-  return [idBefore, idAfter];
-}
-function useWindowSplitterPanelGroupBehavior({
-  committedValuesRef,
-  eagerValuesRef,
-  groupId,
-  layout,
-  panelDataArray,
-  panelGroupElement,
-  setLayout
-}) {
-  const devWarningsRef = useRef8({
-    didWarnAboutMissingResizeHandle: false
-  });
-  useIsomorphicLayoutEffect(() => {
-    if (!panelGroupElement) {
-      return;
-    }
-    const resizeHandleElements = getResizeHandleElementsForGroup(groupId, panelGroupElement);
-    for (let index = 0;index < panelDataArray.length - 1; index++) {
-      const {
-        valueMax,
-        valueMin,
-        valueNow
-      } = calculateAriaValues({
-        layout,
-        panelsArray: panelDataArray,
-        pivotIndices: [index, index + 1]
-      });
-      const resizeHandleElement = resizeHandleElements[index];
-      if (resizeHandleElement == null) {
-        {
-          const {
-            didWarnAboutMissingResizeHandle
-          } = devWarningsRef.current;
-          if (!didWarnAboutMissingResizeHandle) {
-            devWarningsRef.current.didWarnAboutMissingResizeHandle = true;
-            console.warn(`WARNING: Missing resize handle for PanelGroup "${groupId}"`);
-          }
-        }
-      } else {
-        const panelData = panelDataArray[index];
-        assert(panelData, `No panel data found for index "${index}"`);
-        resizeHandleElement.setAttribute("aria-controls", panelData.id);
-        resizeHandleElement.setAttribute("aria-valuemax", "" + Math.round(valueMax));
-        resizeHandleElement.setAttribute("aria-valuemin", "" + Math.round(valueMin));
-        resizeHandleElement.setAttribute("aria-valuenow", valueNow != null ? "" + Math.round(valueNow) : "");
-      }
-    }
-    return () => {
-      resizeHandleElements.forEach((resizeHandleElement, index) => {
-        resizeHandleElement.removeAttribute("aria-controls");
-        resizeHandleElement.removeAttribute("aria-valuemax");
-        resizeHandleElement.removeAttribute("aria-valuemin");
-        resizeHandleElement.removeAttribute("aria-valuenow");
-      });
-    };
-  }, [groupId, layout, panelDataArray, panelGroupElement]);
-  useEffect8(() => {
-    if (!panelGroupElement) {
-      return;
-    }
-    const eagerValues = eagerValuesRef.current;
-    assert(eagerValues, `Eager values not found`);
-    const {
-      panelDataArray: panelDataArray2
-    } = eagerValues;
-    const groupElement = getPanelGroupElement(groupId, panelGroupElement);
-    assert(groupElement != null, `No group found for id "${groupId}"`);
-    const handles = getResizeHandleElementsForGroup(groupId, panelGroupElement);
-    assert(handles, `No resize handles found for group id "${groupId}"`);
-    const cleanupFunctions = handles.map((handle) => {
-      const handleId = handle.getAttribute(DATA_ATTRIBUTES.resizeHandleId);
-      assert(handleId, `Resize handle element has no handle id attribute`);
-      const [idBefore, idAfter] = getResizeHandlePanelIds(groupId, handleId, panelDataArray2, panelGroupElement);
-      if (idBefore == null || idAfter == null) {
-        return () => {};
-      }
-      const onKeyDown = (event) => {
-        if (event.defaultPrevented) {
-          return;
-        }
-        switch (event.key) {
-          case "Enter": {
-            event.preventDefault();
-            const index = panelDataArray2.findIndex((panelData) => panelData.id === idBefore);
-            if (index >= 0) {
-              const panelData = panelDataArray2[index];
-              assert(panelData, `No panel data found for index ${index}`);
-              const size = layout[index];
-              const {
-                collapsedSize = 0,
-                collapsible,
-                minSize = 0
-              } = panelData.constraints;
-              if (size != null && collapsible) {
-                const nextLayout = adjustLayoutByDelta({
-                  delta: fuzzyNumbersEqual(size, collapsedSize) ? minSize - collapsedSize : collapsedSize - size,
-                  initialLayout: layout,
-                  panelConstraints: panelDataArray2.map((panelData2) => panelData2.constraints),
-                  pivotIndices: determinePivotIndices(groupId, handleId, panelGroupElement),
-                  prevLayout: layout,
-                  trigger: "keyboard"
-                });
-                if (layout !== nextLayout) {
-                  setLayout(nextLayout);
-                }
-              }
-            }
-            break;
-          }
-        }
-      };
-      handle.addEventListener("keydown", onKeyDown);
-      return () => {
-        handle.removeEventListener("keydown", onKeyDown);
-      };
-    });
-    return () => {
-      cleanupFunctions.forEach((cleanupFunction) => cleanupFunction());
-    };
-  }, [panelGroupElement, committedValuesRef, eagerValuesRef, groupId, layout, panelDataArray, setLayout]);
-}
-function areEqual(arrayA, arrayB) {
-  if (arrayA.length !== arrayB.length) {
-    return false;
-  }
-  for (let index = 0;index < arrayA.length; index++) {
-    if (arrayA[index] !== arrayB[index]) {
-      return false;
-    }
-  }
-  return true;
-}
-function getResizeEventCursorPosition(direction, event) {
-  const isHorizontal = direction === "horizontal";
-  const {
-    x,
-    y
-  } = getResizeEventCoordinates(event);
-  return isHorizontal ? x : y;
-}
-function calculateDragOffsetPercentage(event, dragHandleId, direction, initialDragState, panelGroupElement) {
-  const isHorizontal = direction === "horizontal";
-  const handleElement = getResizeHandleElement(dragHandleId, panelGroupElement);
-  assert(handleElement, `No resize handle element found for id "${dragHandleId}"`);
-  const groupId = handleElement.getAttribute(DATA_ATTRIBUTES.groupId);
-  assert(groupId, `Resize handle element has no group id attribute`);
-  let {
-    initialCursorPosition
-  } = initialDragState;
-  const cursorPosition = getResizeEventCursorPosition(direction, event);
-  const groupElement = getPanelGroupElement(groupId, panelGroupElement);
-  assert(groupElement, `No group element found for id "${groupId}"`);
-  const groupRect = groupElement.getBoundingClientRect();
-  const groupSizeInPixels = isHorizontal ? groupRect.width : groupRect.height;
-  const offsetPixels = cursorPosition - initialCursorPosition;
-  const offsetPercentage = offsetPixels / groupSizeInPixels * 100;
-  return offsetPercentage;
-}
-function calculateDeltaPercentage(event, dragHandleId, direction, initialDragState, keyboardResizeBy, panelGroupElement) {
-  if (isKeyDown(event)) {
-    const isHorizontal = direction === "horizontal";
-    let delta = 0;
-    if (event.shiftKey) {
-      delta = 100;
-    } else if (keyboardResizeBy != null) {
-      delta = keyboardResizeBy;
-    } else {
-      delta = 10;
-    }
-    let movement = 0;
-    switch (event.key) {
-      case "ArrowDown":
-        movement = isHorizontal ? 0 : delta;
-        break;
-      case "ArrowLeft":
-        movement = isHorizontal ? -delta : 0;
-        break;
-      case "ArrowRight":
-        movement = isHorizontal ? delta : 0;
-        break;
-      case "ArrowUp":
-        movement = isHorizontal ? 0 : -delta;
-        break;
-      case "End":
-        movement = 100;
-        break;
-      case "Home":
-        movement = -100;
-        break;
-    }
-    return movement;
-  } else {
-    if (initialDragState == null) {
-      return 0;
-    }
-    return calculateDragOffsetPercentage(event, dragHandleId, direction, initialDragState, panelGroupElement);
-  }
-}
-function calculateUnsafeDefaultLayout({
-  panelDataArray
-}) {
-  const layout = Array(panelDataArray.length);
-  const panelConstraintsArray = panelDataArray.map((panelData) => panelData.constraints);
-  let numPanelsWithSizes = 0;
-  let remainingSize = 100;
-  for (let index = 0;index < panelDataArray.length; index++) {
-    const panelConstraints = panelConstraintsArray[index];
-    assert(panelConstraints, `Panel constraints not found for index ${index}`);
-    const {
-      defaultSize
-    } = panelConstraints;
-    if (defaultSize != null) {
-      numPanelsWithSizes++;
-      layout[index] = defaultSize;
-      remainingSize -= defaultSize;
-    }
-  }
-  for (let index = 0;index < panelDataArray.length; index++) {
-    const panelConstraints = panelConstraintsArray[index];
-    assert(panelConstraints, `Panel constraints not found for index ${index}`);
-    const {
-      defaultSize
-    } = panelConstraints;
-    if (defaultSize != null) {
-      continue;
-    }
-    const numRemainingPanels = panelDataArray.length - numPanelsWithSizes;
-    const size = remainingSize / numRemainingPanels;
-    numPanelsWithSizes++;
-    layout[index] = size;
-    remainingSize -= size;
-  }
-  return layout;
-}
-function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap) {
-  layout.forEach((size, index) => {
-    const panelData = panelsArray[index];
-    assert(panelData, `Panel data not found for index ${index}`);
-    const {
-      callbacks,
-      constraints,
-      id: panelId
-    } = panelData;
-    const {
-      collapsedSize = 0,
-      collapsible
-    } = constraints;
-    const lastNotifiedSize = panelIdToLastNotifiedSizeMap[panelId];
-    if (lastNotifiedSize == null || size !== lastNotifiedSize) {
-      panelIdToLastNotifiedSizeMap[panelId] = size;
-      const {
-        onCollapse,
-        onExpand,
-        onResize
-      } = callbacks;
-      if (onResize) {
-        onResize(size, lastNotifiedSize);
-      }
-      if (collapsible && (onCollapse || onExpand)) {
-        if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual$1(size, collapsedSize)) {
-          onExpand();
-        }
-        if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual$1(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual$1(size, collapsedSize)) {
-          onCollapse();
-        }
-      }
-    }
-  });
-}
-function compareLayouts(a, b) {
-  if (a.length !== b.length) {
-    return false;
-  } else {
-    for (let index = 0;index < a.length; index++) {
-      if (a[index] != b[index]) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
-function computePanelFlexBoxStyle({
-  defaultSize,
-  dragState,
-  layout,
-  panelData,
-  panelIndex,
-  precision = 3
-}) {
-  const size = layout[panelIndex];
-  let flexGrow;
-  if (size == null) {
-    flexGrow = defaultSize != null ? defaultSize.toFixed(precision) : "1";
-  } else if (panelData.length === 1) {
-    flexGrow = "1";
-  } else {
-    flexGrow = size.toFixed(precision);
-  }
-  return {
-    flexBasis: 0,
-    flexGrow,
-    flexShrink: 1,
-    overflow: "hidden",
-    pointerEvents: dragState !== null ? "none" : undefined
-  };
-}
-function debounce(callback, durationMs = 10) {
-  let timeoutId = null;
-  let callable = (...args) => {
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      callback(...args);
-    }, durationMs);
-  };
-  return callable;
-}
-function initializeDefaultStorage(storageObject) {
-  try {
-    if (typeof localStorage !== "undefined") {
-      storageObject.getItem = (name) => {
-        return localStorage.getItem(name);
-      };
-      storageObject.setItem = (name, value) => {
-        localStorage.setItem(name, value);
-      };
-    } else {
-      throw new Error("localStorage not supported in this environment");
-    }
-  } catch (error) {
-    console.error(error);
-    storageObject.getItem = () => null;
-    storageObject.setItem = () => {};
-  }
-}
-function getPanelGroupKey(autoSaveId) {
-  return `react-resizable-panels:${autoSaveId}`;
-}
-function getPanelKey(panels) {
-  return panels.map((panel) => {
-    const {
-      constraints,
-      id,
-      idIsFromProps,
-      order
-    } = panel;
-    if (idIsFromProps) {
-      return id;
-    } else {
-      return order ? `${order}:${JSON.stringify(constraints)}` : JSON.stringify(constraints);
-    }
-  }).sort((a, b) => a.localeCompare(b)).join(",");
-}
-function loadSerializedPanelGroupState(autoSaveId, storage) {
-  try {
-    const panelGroupKey = getPanelGroupKey(autoSaveId);
-    const serialized = storage.getItem(panelGroupKey);
-    if (serialized) {
-      const parsed = JSON.parse(serialized);
-      if (typeof parsed === "object" && parsed != null) {
-        return parsed;
-      }
-    }
-  } catch (error) {}
-  return null;
-}
-function loadPanelGroupState(autoSaveId, panels, storage) {
-  var _loadSerializedPanelG, _state$panelKey;
-  const state = (_loadSerializedPanelG = loadSerializedPanelGroupState(autoSaveId, storage)) !== null && _loadSerializedPanelG !== undefined ? _loadSerializedPanelG : {};
-  const panelKey = getPanelKey(panels);
-  return (_state$panelKey = state[panelKey]) !== null && _state$panelKey !== undefined ? _state$panelKey : null;
-}
-function savePanelGroupState(autoSaveId, panels, panelSizesBeforeCollapse, sizes, storage) {
-  var _loadSerializedPanelG2;
-  const panelGroupKey = getPanelGroupKey(autoSaveId);
-  const panelKey = getPanelKey(panels);
-  const state = (_loadSerializedPanelG2 = loadSerializedPanelGroupState(autoSaveId, storage)) !== null && _loadSerializedPanelG2 !== undefined ? _loadSerializedPanelG2 : {};
-  state[panelKey] = {
-    expandToSizes: Object.fromEntries(panelSizesBeforeCollapse.entries()),
-    layout: sizes
-  };
-  try {
-    storage.setItem(panelGroupKey, JSON.stringify(state));
-  } catch (error) {
-    console.error(error);
-  }
-}
-function validatePanelConstraints({
-  panelConstraints: panelConstraintsArray,
-  panelId,
-  panelIndex
-}) {
-  {
-    const warnings = [];
-    const panelConstraints = panelConstraintsArray[panelIndex];
-    assert(panelConstraints, `No panel constraints found for index ${panelIndex}`);
-    const {
-      collapsedSize = 0,
-      collapsible = false,
-      defaultSize,
-      maxSize = 100,
-      minSize = 0
-    } = panelConstraints;
-    if (minSize > maxSize) {
-      warnings.push(`min size (${minSize}%) should not be greater than max size (${maxSize}%)`);
-    }
-    if (defaultSize != null) {
-      if (defaultSize < 0) {
-        warnings.push("default size should not be less than 0");
-      } else if (defaultSize < minSize && (!collapsible || defaultSize !== collapsedSize)) {
-        warnings.push("default size should not be less than min size");
-      }
-      if (defaultSize > 100) {
-        warnings.push("default size should not be greater than 100");
-      } else if (defaultSize > maxSize) {
-        warnings.push("default size should not be greater than max size");
-      }
-    }
-    if (collapsedSize > minSize) {
-      warnings.push("collapsed size should not be greater than min size");
-    }
-    if (warnings.length > 0) {
-      const name = panelId != null ? `Panel "${panelId}"` : "Panel";
-      console.warn(`${name} has an invalid configuration:
-
-${warnings.join(`
-`)}`);
-      return false;
-    }
-  }
-  return true;
-}
-function validatePanelGroupLayout({
-  layout: prevLayout,
-  panelConstraints
-}) {
-  const nextLayout = [...prevLayout];
-  const nextLayoutTotalSize = nextLayout.reduce((accumulated, current) => accumulated + current, 0);
-  if (nextLayout.length !== panelConstraints.length) {
-    throw Error(`Invalid ${panelConstraints.length} panel layout: ${nextLayout.map((size) => `${size}%`).join(", ")}`);
-  } else if (!fuzzyNumbersEqual(nextLayoutTotalSize, 100) && nextLayout.length > 0) {
-    {
-      console.warn(`WARNING: Invalid layout total size: ${nextLayout.map((size) => `${size}%`).join(", ")}. Layout normalization will be applied.`);
-    }
-    for (let index = 0;index < panelConstraints.length; index++) {
-      const unsafeSize = nextLayout[index];
-      assert(unsafeSize != null, `No layout data found for index ${index}`);
-      const safeSize = 100 / nextLayoutTotalSize * unsafeSize;
-      nextLayout[index] = safeSize;
-    }
-  }
-  let remainingSize = 0;
-  for (let index = 0;index < panelConstraints.length; index++) {
-    const unsafeSize = nextLayout[index];
-    assert(unsafeSize != null, `No layout data found for index ${index}`);
-    const safeSize = resizePanel({
-      panelConstraints,
-      panelIndex: index,
-      size: unsafeSize
-    });
-    if (unsafeSize != safeSize) {
-      remainingSize += unsafeSize - safeSize;
-      nextLayout[index] = safeSize;
-    }
-  }
-  if (!fuzzyNumbersEqual(remainingSize, 0)) {
-    for (let index = 0;index < panelConstraints.length; index++) {
-      const prevSize = nextLayout[index];
-      assert(prevSize != null, `No layout data found for index ${index}`);
-      const unsafeSize = prevSize + remainingSize;
-      const safeSize = resizePanel({
-        panelConstraints,
-        panelIndex: index,
-        size: unsafeSize
-      });
-      if (prevSize !== safeSize) {
-        remainingSize -= safeSize - prevSize;
-        nextLayout[index] = safeSize;
-        if (fuzzyNumbersEqual(remainingSize, 0)) {
-          break;
-        }
-      }
-    }
-  }
-  return nextLayout;
-}
-var LOCAL_STORAGE_DEBOUNCE_INTERVAL = 100;
-var defaultStorage = {
-  getItem: (name) => {
-    initializeDefaultStorage(defaultStorage);
-    return defaultStorage.getItem(name);
-  },
-  setItem: (name, value) => {
-    initializeDefaultStorage(defaultStorage);
-    defaultStorage.setItem(name, value);
-  }
-};
-var debounceMap = {};
-function PanelGroupWithForwardedRef({
-  autoSaveId = null,
-  children,
-  className: classNameFromProps = "",
-  direction,
-  forwardedRef,
-  id: idFromProps = null,
-  onLayout = null,
-  keyboardResizeBy = null,
-  storage = defaultStorage,
-  style: styleFromProps,
-  tagName: Type = "div",
-  ...rest
-}) {
-  const groupId = useUniqueId(idFromProps);
-  const panelGroupElementRef = useRef8(null);
-  const [dragState, setDragState] = useState10(null);
-  const [layout, setLayout] = useState10([]);
-  const forceUpdate = useForceUpdate();
-  const panelIdToLastNotifiedSizeMapRef = useRef8({});
-  const panelSizeBeforeCollapseRef = useRef8(new Map);
-  const prevDeltaRef = useRef8(0);
-  const committedValuesRef = useRef8({
-    autoSaveId,
-    direction,
-    dragState,
-    id: groupId,
-    keyboardResizeBy,
-    onLayout,
-    storage
-  });
-  const eagerValuesRef = useRef8({
-    layout,
-    panelDataArray: [],
-    panelDataArrayChanged: false
-  });
-  const devWarningsRef = useRef8({
-    didLogIdAndOrderWarning: false,
-    didLogPanelConstraintsWarning: false,
-    prevPanelIds: []
-  });
-  useImperativeHandle(forwardedRef, () => ({
-    getId: () => committedValuesRef.current.id,
-    getLayout: () => {
-      const {
-        layout: layout2
-      } = eagerValuesRef.current;
-      return layout2;
-    },
-    setLayout: (unsafeLayout) => {
-      const {
-        onLayout: onLayout2
-      } = committedValuesRef.current;
-      const {
-        layout: prevLayout,
-        panelDataArray
-      } = eagerValuesRef.current;
-      const safeLayout = validatePanelGroupLayout({
-        layout: unsafeLayout,
-        panelConstraints: panelDataArray.map((panelData) => panelData.constraints)
-      });
-      if (!areEqual(prevLayout, safeLayout)) {
-        setLayout(safeLayout);
-        eagerValuesRef.current.layout = safeLayout;
-        if (onLayout2) {
-          onLayout2(safeLayout);
-        }
-        callPanelCallbacks(panelDataArray, safeLayout, panelIdToLastNotifiedSizeMapRef.current);
-      }
-    }
-  }), []);
-  useIsomorphicLayoutEffect(() => {
-    committedValuesRef.current.autoSaveId = autoSaveId;
-    committedValuesRef.current.direction = direction;
-    committedValuesRef.current.dragState = dragState;
-    committedValuesRef.current.id = groupId;
-    committedValuesRef.current.onLayout = onLayout;
-    committedValuesRef.current.storage = storage;
-  });
-  useWindowSplitterPanelGroupBehavior({
-    committedValuesRef,
-    eagerValuesRef,
-    groupId,
-    layout,
-    panelDataArray: eagerValuesRef.current.panelDataArray,
-    setLayout,
-    panelGroupElement: panelGroupElementRef.current
-  });
-  useEffect8(() => {
-    const {
-      panelDataArray
-    } = eagerValuesRef.current;
-    if (autoSaveId) {
-      if (layout.length === 0 || layout.length !== panelDataArray.length) {
-        return;
-      }
-      let debouncedSave = debounceMap[autoSaveId];
-      if (debouncedSave == null) {
-        debouncedSave = debounce(savePanelGroupState, LOCAL_STORAGE_DEBOUNCE_INTERVAL);
-        debounceMap[autoSaveId] = debouncedSave;
-      }
-      const clonedPanelDataArray = [...panelDataArray];
-      const clonedPanelSizesBeforeCollapse = new Map(panelSizeBeforeCollapseRef.current);
-      debouncedSave(autoSaveId, clonedPanelDataArray, clonedPanelSizesBeforeCollapse, layout, storage);
-    }
-  }, [autoSaveId, layout, storage]);
-  useEffect8(() => {
-    {
-      const {
-        panelDataArray
-      } = eagerValuesRef.current;
-      const {
-        didLogIdAndOrderWarning,
-        didLogPanelConstraintsWarning,
-        prevPanelIds
-      } = devWarningsRef.current;
-      if (!didLogIdAndOrderWarning) {
-        const panelIds = panelDataArray.map(({
-          id
-        }) => id);
-        devWarningsRef.current.prevPanelIds = panelIds;
-        const panelsHaveChanged = prevPanelIds.length > 0 && !areEqual(prevPanelIds, panelIds);
-        if (panelsHaveChanged) {
-          if (panelDataArray.find(({
-            idIsFromProps,
-            order
-          }) => !idIsFromProps || order == null)) {
-            devWarningsRef.current.didLogIdAndOrderWarning = true;
-            console.warn(`WARNING: Panel id and order props recommended when panels are dynamically rendered`);
-          }
-        }
-      }
-      if (!didLogPanelConstraintsWarning) {
-        const panelConstraints = panelDataArray.map((panelData) => panelData.constraints);
-        for (let panelIndex = 0;panelIndex < panelConstraints.length; panelIndex++) {
-          const panelData = panelDataArray[panelIndex];
-          assert(panelData, `Panel data not found for index ${panelIndex}`);
-          const isValid = validatePanelConstraints({
-            panelConstraints,
-            panelId: panelData.id,
-            panelIndex
-          });
-          if (!isValid) {
-            devWarningsRef.current.didLogPanelConstraintsWarning = true;
-            break;
-          }
-        }
-      }
-    }
-  });
-  const collapsePanel = useCallback2((panelData) => {
-    const {
-      onLayout: onLayout2
-    } = committedValuesRef.current;
-    const {
-      layout: prevLayout,
-      panelDataArray
-    } = eagerValuesRef.current;
-    if (panelData.constraints.collapsible) {
-      const panelConstraintsArray = panelDataArray.map((panelData2) => panelData2.constraints);
-      const {
-        collapsedSize = 0,
-        panelSize,
-        pivotIndices
-      } = panelDataHelper(panelDataArray, panelData, prevLayout);
-      assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
-      if (!fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
-        panelSizeBeforeCollapseRef.current.set(panelData.id, panelSize);
-        const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
-        const delta = isLastPanel ? panelSize - collapsedSize : collapsedSize - panelSize;
-        const nextLayout = adjustLayoutByDelta({
-          delta,
-          initialLayout: prevLayout,
-          panelConstraints: panelConstraintsArray,
-          pivotIndices,
-          prevLayout,
-          trigger: "imperative-api"
-        });
-        if (!compareLayouts(prevLayout, nextLayout)) {
-          setLayout(nextLayout);
-          eagerValuesRef.current.layout = nextLayout;
-          if (onLayout2) {
-            onLayout2(nextLayout);
-          }
-          callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
-        }
-      }
-    }
-  }, []);
-  const expandPanel = useCallback2((panelData, minSizeOverride) => {
-    const {
-      onLayout: onLayout2
-    } = committedValuesRef.current;
-    const {
-      layout: prevLayout,
-      panelDataArray
-    } = eagerValuesRef.current;
-    if (panelData.constraints.collapsible) {
-      const panelConstraintsArray = panelDataArray.map((panelData2) => panelData2.constraints);
-      const {
-        collapsedSize = 0,
-        panelSize = 0,
-        minSize: minSizeFromProps = 0,
-        pivotIndices
-      } = panelDataHelper(panelDataArray, panelData, prevLayout);
-      const minSize = minSizeOverride !== null && minSizeOverride !== undefined ? minSizeOverride : minSizeFromProps;
-      if (fuzzyNumbersEqual$1(panelSize, collapsedSize)) {
-        const prevPanelSize = panelSizeBeforeCollapseRef.current.get(panelData.id);
-        const baseSize = prevPanelSize != null && prevPanelSize >= minSize ? prevPanelSize : minSize;
-        const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
-        const delta = isLastPanel ? panelSize - baseSize : baseSize - panelSize;
-        const nextLayout = adjustLayoutByDelta({
-          delta,
-          initialLayout: prevLayout,
-          panelConstraints: panelConstraintsArray,
-          pivotIndices,
-          prevLayout,
-          trigger: "imperative-api"
-        });
-        if (!compareLayouts(prevLayout, nextLayout)) {
-          setLayout(nextLayout);
-          eagerValuesRef.current.layout = nextLayout;
-          if (onLayout2) {
-            onLayout2(nextLayout);
-          }
-          callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
-        }
-      }
-    }
-  }, []);
-  const getPanelSize = useCallback2((panelData) => {
-    const {
-      layout: layout2,
-      panelDataArray
-    } = eagerValuesRef.current;
-    const {
-      panelSize
-    } = panelDataHelper(panelDataArray, panelData, layout2);
-    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
-    return panelSize;
-  }, []);
-  const getPanelStyle = useCallback2((panelData, defaultSize) => {
-    const {
-      panelDataArray
-    } = eagerValuesRef.current;
-    const panelIndex = findPanelDataIndex(panelDataArray, panelData);
-    return computePanelFlexBoxStyle({
-      defaultSize,
-      dragState,
-      layout,
-      panelData: panelDataArray,
-      panelIndex
-    });
-  }, [dragState, layout]);
-  const isPanelCollapsed = useCallback2((panelData) => {
-    const {
-      layout: layout2,
-      panelDataArray
-    } = eagerValuesRef.current;
-    const {
-      collapsedSize = 0,
-      collapsible,
-      panelSize
-    } = panelDataHelper(panelDataArray, panelData, layout2);
-    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
-    return collapsible === true && fuzzyNumbersEqual$1(panelSize, collapsedSize);
-  }, []);
-  const isPanelExpanded = useCallback2((panelData) => {
-    const {
-      layout: layout2,
-      panelDataArray
-    } = eagerValuesRef.current;
-    const {
-      collapsedSize = 0,
-      collapsible,
-      panelSize
-    } = panelDataHelper(panelDataArray, panelData, layout2);
-    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
-    return !collapsible || fuzzyCompareNumbers(panelSize, collapsedSize) > 0;
-  }, []);
-  const registerPanel = useCallback2((panelData) => {
-    const {
-      panelDataArray
-    } = eagerValuesRef.current;
-    panelDataArray.push(panelData);
-    panelDataArray.sort((panelA, panelB) => {
-      const orderA = panelA.order;
-      const orderB = panelB.order;
-      if (orderA == null && orderB == null) {
-        return 0;
-      } else if (orderA == null) {
-        return -1;
-      } else if (orderB == null) {
-        return 1;
-      } else {
-        return orderA - orderB;
-      }
-    });
-    eagerValuesRef.current.panelDataArrayChanged = true;
-    forceUpdate();
-  }, [forceUpdate]);
-  useIsomorphicLayoutEffect(() => {
-    if (eagerValuesRef.current.panelDataArrayChanged) {
-      eagerValuesRef.current.panelDataArrayChanged = false;
-      const {
-        autoSaveId: autoSaveId2,
-        onLayout: onLayout2,
-        storage: storage2
-      } = committedValuesRef.current;
-      const {
-        layout: prevLayout,
-        panelDataArray
-      } = eagerValuesRef.current;
-      let unsafeLayout = null;
-      if (autoSaveId2) {
-        const state = loadPanelGroupState(autoSaveId2, panelDataArray, storage2);
-        if (state) {
-          panelSizeBeforeCollapseRef.current = new Map(Object.entries(state.expandToSizes));
-          unsafeLayout = state.layout;
-        }
-      }
-      if (unsafeLayout == null) {
-        unsafeLayout = calculateUnsafeDefaultLayout({
-          panelDataArray
-        });
-      }
-      const nextLayout = validatePanelGroupLayout({
-        layout: unsafeLayout,
-        panelConstraints: panelDataArray.map((panelData) => panelData.constraints)
-      });
-      if (!areEqual(prevLayout, nextLayout)) {
-        setLayout(nextLayout);
-        eagerValuesRef.current.layout = nextLayout;
-        if (onLayout2) {
-          onLayout2(nextLayout);
-        }
-        callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
-      }
-    }
-  });
-  useIsomorphicLayoutEffect(() => {
-    const eagerValues = eagerValuesRef.current;
-    return () => {
-      eagerValues.layout = [];
-    };
-  }, []);
-  const registerResizeHandle2 = useCallback2((dragHandleId) => {
-    let isRTL = false;
-    const panelGroupElement = panelGroupElementRef.current;
-    if (panelGroupElement) {
-      const style2 = window.getComputedStyle(panelGroupElement, null);
-      if (style2.getPropertyValue("direction") === "rtl") {
-        isRTL = true;
-      }
-    }
-    return function resizeHandler(event) {
-      event.preventDefault();
-      const panelGroupElement2 = panelGroupElementRef.current;
-      if (!panelGroupElement2) {
-        return () => null;
-      }
-      const {
-        direction: direction2,
-        dragState: dragState2,
-        id: groupId2,
-        keyboardResizeBy: keyboardResizeBy2,
-        onLayout: onLayout2
-      } = committedValuesRef.current;
-      const {
-        layout: prevLayout,
-        panelDataArray
-      } = eagerValuesRef.current;
-      const {
-        initialLayout
-      } = dragState2 !== null && dragState2 !== undefined ? dragState2 : {};
-      const pivotIndices = determinePivotIndices(groupId2, dragHandleId, panelGroupElement2);
-      let delta = calculateDeltaPercentage(event, dragHandleId, direction2, dragState2, keyboardResizeBy2, panelGroupElement2);
-      const isHorizontal = direction2 === "horizontal";
-      if (isHorizontal && isRTL) {
-        delta = -delta;
-      }
-      const panelConstraints = panelDataArray.map((panelData) => panelData.constraints);
-      const nextLayout = adjustLayoutByDelta({
-        delta,
-        initialLayout: initialLayout !== null && initialLayout !== undefined ? initialLayout : prevLayout,
-        panelConstraints,
-        pivotIndices,
-        prevLayout,
-        trigger: isKeyDown(event) ? "keyboard" : "mouse-or-touch"
-      });
-      const layoutChanged = !compareLayouts(prevLayout, nextLayout);
-      if (isPointerEvent(event) || isMouseEvent(event)) {
-        if (prevDeltaRef.current != delta) {
-          prevDeltaRef.current = delta;
-          if (!layoutChanged && delta !== 0) {
-            if (isHorizontal) {
-              reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_HORIZONTAL_MIN : EXCEEDED_HORIZONTAL_MAX);
-            } else {
-              reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_VERTICAL_MIN : EXCEEDED_VERTICAL_MAX);
-            }
-          } else {
-            reportConstraintsViolation(dragHandleId, 0);
-          }
-        }
-      }
-      if (layoutChanged) {
-        setLayout(nextLayout);
-        eagerValuesRef.current.layout = nextLayout;
-        if (onLayout2) {
-          onLayout2(nextLayout);
-        }
-        callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
-      }
-    };
-  }, []);
-  const resizePanel2 = useCallback2((panelData, unsafePanelSize) => {
-    const {
-      onLayout: onLayout2
-    } = committedValuesRef.current;
-    const {
-      layout: prevLayout,
-      panelDataArray
-    } = eagerValuesRef.current;
-    const panelConstraintsArray = panelDataArray.map((panelData2) => panelData2.constraints);
-    const {
-      panelSize,
-      pivotIndices
-    } = panelDataHelper(panelDataArray, panelData, prevLayout);
-    assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
-    const isLastPanel = findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1;
-    const delta = isLastPanel ? panelSize - unsafePanelSize : unsafePanelSize - panelSize;
-    const nextLayout = adjustLayoutByDelta({
-      delta,
-      initialLayout: prevLayout,
-      panelConstraints: panelConstraintsArray,
-      pivotIndices,
-      prevLayout,
-      trigger: "imperative-api"
-    });
-    if (!compareLayouts(prevLayout, nextLayout)) {
-      setLayout(nextLayout);
-      eagerValuesRef.current.layout = nextLayout;
-      if (onLayout2) {
-        onLayout2(nextLayout);
-      }
-      callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current);
-    }
-  }, []);
-  const reevaluatePanelConstraints = useCallback2((panelData, prevConstraints) => {
-    const {
-      layout: layout2,
-      panelDataArray
-    } = eagerValuesRef.current;
-    const {
-      collapsedSize: prevCollapsedSize = 0,
-      collapsible: prevCollapsible
-    } = prevConstraints;
-    const {
-      collapsedSize: nextCollapsedSize = 0,
-      collapsible: nextCollapsible,
-      maxSize: nextMaxSize = 100,
-      minSize: nextMinSize = 0
-    } = panelData.constraints;
-    const {
-      panelSize: prevPanelSize
-    } = panelDataHelper(panelDataArray, panelData, layout2);
-    if (prevPanelSize == null) {
-      return;
-    }
-    if (prevCollapsible && nextCollapsible && fuzzyNumbersEqual$1(prevPanelSize, prevCollapsedSize)) {
-      if (!fuzzyNumbersEqual$1(prevCollapsedSize, nextCollapsedSize)) {
-        resizePanel2(panelData, nextCollapsedSize);
-      }
-    } else if (prevPanelSize < nextMinSize) {
-      resizePanel2(panelData, nextMinSize);
-    } else if (prevPanelSize > nextMaxSize) {
-      resizePanel2(panelData, nextMaxSize);
-    }
-  }, [resizePanel2]);
-  const startDragging = useCallback2((dragHandleId, event) => {
-    const {
-      direction: direction2
-    } = committedValuesRef.current;
-    const {
-      layout: layout2
-    } = eagerValuesRef.current;
-    if (!panelGroupElementRef.current) {
-      return;
-    }
-    const handleElement = getResizeHandleElement(dragHandleId, panelGroupElementRef.current);
-    assert(handleElement, `Drag handle element not found for id "${dragHandleId}"`);
-    const initialCursorPosition = getResizeEventCursorPosition(direction2, event);
-    setDragState({
-      dragHandleId,
-      dragHandleRect: handleElement.getBoundingClientRect(),
-      initialCursorPosition,
-      initialLayout: layout2
-    });
-  }, []);
-  const stopDragging = useCallback2(() => {
-    setDragState(null);
-  }, []);
-  const unregisterPanel = useCallback2((panelData) => {
-    const {
-      panelDataArray
-    } = eagerValuesRef.current;
-    const index = findPanelDataIndex(panelDataArray, panelData);
-    if (index >= 0) {
-      panelDataArray.splice(index, 1);
-      delete panelIdToLastNotifiedSizeMapRef.current[panelData.id];
-      eagerValuesRef.current.panelDataArrayChanged = true;
-      forceUpdate();
-    }
-  }, [forceUpdate]);
-  const context = useMemo3(() => ({
-    collapsePanel,
-    direction,
-    dragState,
-    expandPanel,
-    getPanelSize,
-    getPanelStyle,
-    groupId,
-    isPanelCollapsed,
-    isPanelExpanded,
-    reevaluatePanelConstraints,
-    registerPanel,
-    registerResizeHandle: registerResizeHandle2,
-    resizePanel: resizePanel2,
-    startDragging,
-    stopDragging,
-    unregisterPanel,
-    panelGroupElement: panelGroupElementRef.current
-  }), [collapsePanel, dragState, direction, expandPanel, getPanelSize, getPanelStyle, groupId, isPanelCollapsed, isPanelExpanded, reevaluatePanelConstraints, registerPanel, registerResizeHandle2, resizePanel2, startDragging, stopDragging, unregisterPanel]);
-  const style = {
-    display: "flex",
-    flexDirection: direction === "horizontal" ? "row" : "column",
-    height: "100%",
-    overflow: "hidden",
-    width: "100%"
-  };
-  return createElement(PanelGroupContext.Provider, {
-    value: context
-  }, createElement(Type, {
-    ...rest,
-    children,
-    className: classNameFromProps,
-    id: idFromProps,
-    ref: panelGroupElementRef,
-    style: {
-      ...style,
-      ...styleFromProps
-    },
-    [DATA_ATTRIBUTES.group]: "",
-    [DATA_ATTRIBUTES.groupDirection]: direction,
-    [DATA_ATTRIBUTES.groupId]: groupId
-  }));
-}
-var PanelGroup = forwardRef((props2, ref) => createElement(PanelGroupWithForwardedRef, {
-  ...props2,
-  forwardedRef: ref
-}));
-PanelGroupWithForwardedRef.displayName = "PanelGroup";
-PanelGroup.displayName = "forwardRef(PanelGroup)";
-function findPanelDataIndex(panelDataArray, panelData) {
-  return panelDataArray.findIndex((prevPanelData) => prevPanelData === panelData || prevPanelData.id === panelData.id);
-}
-function panelDataHelper(panelDataArray, panelData, layout) {
-  const panelIndex = findPanelDataIndex(panelDataArray, panelData);
-  const isLastPanel = panelIndex === panelDataArray.length - 1;
-  const pivotIndices = isLastPanel ? [panelIndex - 1, panelIndex] : [panelIndex, panelIndex + 1];
-  const panelSize = layout[panelIndex];
-  return {
-    ...panelData.constraints,
-    panelSize,
-    pivotIndices
-  };
-}
-function useWindowSplitterResizeHandlerBehavior({
-  disabled,
-  handleId,
-  resizeHandler,
-  panelGroupElement
-}) {
-  useEffect8(() => {
-    if (disabled || resizeHandler == null || panelGroupElement == null) {
-      return;
-    }
-    const handleElement = getResizeHandleElement(handleId, panelGroupElement);
-    if (handleElement == null) {
-      return;
-    }
-    const onKeyDown = (event) => {
-      if (event.defaultPrevented) {
-        return;
-      }
-      switch (event.key) {
-        case "ArrowDown":
-        case "ArrowLeft":
-        case "ArrowRight":
-        case "ArrowUp":
-        case "End":
-        case "Home": {
-          event.preventDefault();
-          resizeHandler(event);
-          break;
-        }
-        case "F6": {
-          event.preventDefault();
-          const groupId = handleElement.getAttribute(DATA_ATTRIBUTES.groupId);
-          assert(groupId, `No group element found for id "${groupId}"`);
-          const handles = getResizeHandleElementsForGroup(groupId, panelGroupElement);
-          const index = getResizeHandleElementIndex(groupId, handleId, panelGroupElement);
-          assert(index !== null, `No resize element found for id "${handleId}"`);
-          const nextIndex = event.shiftKey ? index > 0 ? index - 1 : handles.length - 1 : index + 1 < handles.length ? index + 1 : 0;
-          const nextHandle = handles[nextIndex];
-          nextHandle.focus();
-          break;
-        }
-      }
-    };
-    handleElement.addEventListener("keydown", onKeyDown);
-    return () => {
-      handleElement.removeEventListener("keydown", onKeyDown);
-    };
-  }, [panelGroupElement, disabled, handleId, resizeHandler]);
-}
-function PanelResizeHandle({
-  children = null,
-  className: classNameFromProps = "",
-  disabled = false,
-  hitAreaMargins,
-  id: idFromProps,
-  onBlur,
-  onClick,
-  onDragging,
-  onFocus,
-  onPointerDown,
-  onPointerUp,
-  style: styleFromProps = {},
-  tabIndex = 0,
-  tagName: Type = "div",
-  ...rest
-}) {
-  var _hitAreaMargins$coars, _hitAreaMargins$fine;
-  const elementRef = useRef8(null);
-  const callbacksRef = useRef8({
-    onClick,
-    onDragging,
-    onPointerDown,
-    onPointerUp
-  });
-  useEffect8(() => {
-    callbacksRef.current.onClick = onClick;
-    callbacksRef.current.onDragging = onDragging;
-    callbacksRef.current.onPointerDown = onPointerDown;
-    callbacksRef.current.onPointerUp = onPointerUp;
-  });
-  const panelGroupContext = useContext2(PanelGroupContext);
-  if (panelGroupContext === null) {
-    throw Error(`PanelResizeHandle components must be rendered within a PanelGroup container`);
-  }
-  const {
-    direction,
-    groupId,
-    registerResizeHandle: registerResizeHandleWithParentGroup,
-    startDragging,
-    stopDragging,
-    panelGroupElement
-  } = panelGroupContext;
-  const resizeHandleId = useUniqueId(idFromProps);
-  const [state, setState] = useState10("inactive");
-  const [isFocused, setIsFocused] = useState10(false);
-  const [resizeHandler, setResizeHandler] = useState10(null);
-  const committedValuesRef = useRef8({
-    state
-  });
-  useIsomorphicLayoutEffect(() => {
-    committedValuesRef.current.state = state;
-  });
-  useEffect8(() => {
-    if (disabled) {
-      setResizeHandler(null);
-    } else {
-      const resizeHandler2 = registerResizeHandleWithParentGroup(resizeHandleId);
-      setResizeHandler(() => resizeHandler2);
-    }
-  }, [disabled, resizeHandleId, registerResizeHandleWithParentGroup]);
-  const coarseHitAreaMargins = (_hitAreaMargins$coars = hitAreaMargins === null || hitAreaMargins === undefined ? undefined : hitAreaMargins.coarse) !== null && _hitAreaMargins$coars !== undefined ? _hitAreaMargins$coars : 15;
-  const fineHitAreaMargins = (_hitAreaMargins$fine = hitAreaMargins === null || hitAreaMargins === undefined ? undefined : hitAreaMargins.fine) !== null && _hitAreaMargins$fine !== undefined ? _hitAreaMargins$fine : 5;
-  useEffect8(() => {
-    if (disabled || resizeHandler == null) {
-      return;
-    }
-    const element = elementRef.current;
-    assert(element, "Element ref not attached");
-    let didMove = false;
-    const setResizeHandlerState = (action, isActive, event) => {
-      if (!isActive) {
-        setState("inactive");
-        return;
-      }
-      switch (action) {
-        case "down": {
-          setState("drag");
-          didMove = false;
-          assert(event, 'Expected event to be defined for "down" action');
-          startDragging(resizeHandleId, event);
-          const {
-            onDragging: onDragging2,
-            onPointerDown: onPointerDown2
-          } = callbacksRef.current;
-          onDragging2 === null || onDragging2 === undefined || onDragging2(true);
-          onPointerDown2 === null || onPointerDown2 === undefined || onPointerDown2();
-          break;
-        }
-        case "move": {
-          const {
-            state: state2
-          } = committedValuesRef.current;
-          didMove = true;
-          if (state2 !== "drag") {
-            setState("hover");
-          }
-          assert(event, 'Expected event to be defined for "move" action');
-          resizeHandler(event);
-          break;
-        }
-        case "up": {
-          setState("hover");
-          stopDragging();
-          const {
-            onClick: onClick2,
-            onDragging: onDragging2,
-            onPointerUp: onPointerUp2
-          } = callbacksRef.current;
-          onDragging2 === null || onDragging2 === undefined || onDragging2(false);
-          onPointerUp2 === null || onPointerUp2 === undefined || onPointerUp2();
-          if (!didMove) {
-            onClick2 === null || onClick2 === undefined || onClick2();
-          }
-          break;
-        }
-      }
-    };
-    return registerResizeHandle(resizeHandleId, element, direction, {
-      coarse: coarseHitAreaMargins,
-      fine: fineHitAreaMargins
-    }, setResizeHandlerState);
-  }, [coarseHitAreaMargins, direction, disabled, fineHitAreaMargins, registerResizeHandleWithParentGroup, resizeHandleId, resizeHandler, startDragging, stopDragging]);
-  useWindowSplitterResizeHandlerBehavior({
-    disabled,
-    handleId: resizeHandleId,
-    resizeHandler,
-    panelGroupElement
-  });
-  const style = {
-    touchAction: "none",
-    userSelect: "none"
-  };
-  return createElement(Type, {
-    ...rest,
-    children,
-    className: classNameFromProps,
-    id: idFromProps,
-    onBlur: () => {
-      setIsFocused(false);
-      onBlur === null || onBlur === undefined || onBlur();
-    },
-    onFocus: () => {
-      setIsFocused(true);
-      onFocus === null || onFocus === undefined || onFocus();
-    },
-    ref: elementRef,
-    role: "separator",
-    style: {
-      ...style,
-      ...styleFromProps
-    },
-    tabIndex,
-    [DATA_ATTRIBUTES.groupDirection]: direction,
-    [DATA_ATTRIBUTES.groupId]: groupId,
-    [DATA_ATTRIBUTES.resizeHandle]: "",
-    [DATA_ATTRIBUTES.resizeHandleActive]: state === "drag" ? "pointer" : isFocused ? "keyboard" : undefined,
-    [DATA_ATTRIBUTES.resizeHandleEnabled]: !disabled,
-    [DATA_ATTRIBUTES.resizeHandleId]: resizeHandleId,
-    [DATA_ATTRIBUTES.resizeHandleState]: state
-  });
-}
-PanelResizeHandle.displayName = "PanelResizeHandle";
-
-// node_modules/@principal-ade/panels/dist/index.esm.js
-import { flushSync as y, unstable_batchedUpdates as w, createPortal as x } from "react-dom";
-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: S, onExpandComplete: R2, theme: N }) => {
-  const [E, D] = o(p2), [z, M] = o(false), [T, A] = o(false), [k, L] = o(p2), [P, F] = o(p2 ? 0 : c2), $ = i(null), B = i(undefined), O = i(undefined), I = i(undefined), q = a((e2, t2, n3) => {
-    if (!$.current)
-      return;
-    B.current && cancelAnimationFrame(B.current), O.current = performance.now();
-    const r3 = (o2) => {
-      if (!O.current || !$.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;
-      $.current.resize(s3), a2 < 1 ? B.current = requestAnimationFrame(r3) : (t2 === 0 ? $.current.collapse() : $.current.resize(t2), M(false), n3 && n3());
-    };
-    B.current = requestAnimationFrame(r3);
-  }, [f2]), W = a(() => {
-    z || T || (M(true), D(true), w2 && w2(), q(P, 0, () => {
-      F(0), L(true), x2 && x2();
-    }));
-  }, [z, T, P, q, w2, x2]), _ = a(() => {
-    z || T || (M(true), D(false), L(false), S && S(), q(0, c2, () => {
-      F(c2), R2 && R2();
-    }));
-  }, [z, T, c2, q, S, R2]), j = a(() => {
-    E ? _() : W();
-  }, [E, W, _]), H = a((e2) => {
-    z || (F(e2), e2 > 0 && D(false));
-  }, [z]), K = a(() => {
-    A(true);
-  }, []), U = a(() => {
-    A(false);
-  }, []);
-  l(() => {
-    p2 !== E && (p2 ? W() : _());
-  }, [p2]), l(() => {
-    p2 && !z ? L(true) : p2 || z || L(false);
-  }, [p2, z]), l(() => {
-    const e2 = B.current, t2 = I.current;
-    return () => {
-      e2 && cancelAnimationFrame(e2), t2 && clearTimeout(t2);
-    };
-  }, []);
-  const X = s2 === "left", Y = E ? X ? "▸" : "◂" : X ? "◂" : "▸", V = C(N), J = z && !T ? { transition: `flex ${f2}ms ${y2}` } : undefined, G = (e2) => {
-    let t2 = "hybrid-panel";
-    return e2 && (t2 += " collapsible-panel", z && !T && (t2 += " animating"), E && (t2 += " collapsed")), t2;
-  };
-  return e("div", { className: `animated-resizable-layout ${u2}`, style: { ...V, ...h2 }, children: /* @__PURE__ */ t(PanelGroup, { direction: "horizontal", onLayout: U, children: [
-    /* @__PURE__ */ e(Panel, { ref: X ? $ : undefined, collapsible: X, defaultSize: X ? p2 ? 0 : c2 : undefined, minSize: X ? d2 : 30, collapsedSize: 0, onResize: X ? H : undefined, onCollapse: X ? () => D(true) : undefined, onExpand: X ? () => D(false) : undefined, className: G(X), style: X ? J : undefined, children: /* @__PURE__ */ e("div", { className: "panel-content-wrapper", style: { opacity: X && E ? 0 : 1, transition: z ? `opacity ${0.5 * f2}ms ${y2}` : "none" }, children: n2 }) }),
-    /* @__PURE__ */ e(PanelResizeHandle, { className: "resize-handle " + (k ? "collapsed" : ""), onDragging: K, style: k ? { visibility: "hidden", width: 0 } : undefined, children: m2 && /* @__PURE__ */ e("div", { className: "handle-bar", children: /* @__PURE__ */ e("button", { onClick: j, className: "collapse-toggle", disabled: z, "aria-label": E ? "Expand panel" : "Collapse panel", children: Y }) }) }),
-    /* @__PURE__ */ e(Panel, { ref: X ? undefined : $, collapsible: !X, defaultSize: X ? undefined : p2 ? 0 : c2, minSize: X ? 30 : d2, collapsedSize: 0, onResize: X ? undefined : H, onCollapse: X ? undefined : () => D(true), onExpand: X ? undefined : () => D(false), className: G(!X), style: X ? undefined : J, children: /* @__PURE__ */ e("div", { className: "panel-content-wrapper", style: { opacity: !X && E ? 0 : 1, transition: z ? `opacity ${0.5 * f2}ms ${y2}` : "none" }, children: r2 }) })
-  ] }) });
-};
-var z = s(({ 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 = i(null), y2 = i(false), w2 = i(null), x2 = C(d2);
-  c(v, () => ({ scrollToPanel: (e2) => {
-    if (!b.current)
-      return;
-    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" }), w2.current = setTimeout(() => {
-        y2.current = false;
-      }, 500);
-    }
-  }, getCurrentPanel: () => {
-    if (!b.current || b.current.children.length === 0)
-      return 0;
-    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);
-      a3 < r2 && (r2 = a3, n2 = o3);
-    }
-    return n2;
-  } }));
-  l(() => {
-    if (!f2 || !b.current)
-      return;
-    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;
-      [" ", "Space", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown"].includes(e3.key) && e3.preventDefault();
-    };
-    return e2.addEventListener("keydown", t2), () => {
-      e2.removeEventListener("keydown", t2);
-    };
-  }, [f2]), l(() => () => {
-    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 = r.useId().replace(/:/g, "_");
-  return t(n, { children: [
-    S === 2 && /* @__PURE__ */ e("style", { children: `
-            .snap-carousel-container[data-carousel-id="${E}"][data-panel-count="2"] .snap-carousel-panel {
-              width: 100%;
-            }
-            @container (min-width: ${R2}px) {
-              .snap-carousel-container[data-carousel-id="${E}"][data-panel-count="2"] .snap-carousel-panel {
-                width: 50%;
-              }
-            }
-          ` }),
-    /* @__PURE__ */ e("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 = 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": S, "data-carousel-id": E, children: o2.map((t2, n2) => /* @__PURE__ */ e("div", { className: "snap-carousel-panel", children: t2 }, n2)) })
-  ] });
-});
-z.displayName = "SnapCarousel";
-var A = typeof window != "undefined" && window.document !== undefined && window.document.createElement !== undefined;
-function k(e2) {
-  const t2 = Object.prototype.toString.call(e2);
-  return t2 === "[object Window]" || t2 === "[object global]";
-}
-function L(e2) {
-  return "nodeType" in e2;
-}
-function P(e2) {
-  var t2, n2;
-  return e2 ? k(e2) ? e2 : L(e2) && (t2 = (n2 = e2.ownerDocument) == null ? undefined : n2.defaultView) != null ? t2 : window : window;
-}
-function F(e2) {
-  const { Document: t2 } = P(e2);
-  return e2 instanceof t2;
-}
-function $(e2) {
-  return !k(e2) && e2 instanceof P(e2).HTMLElement;
-}
-function B(e2) {
-  return e2 instanceof P(e2).SVGElement;
-}
-function O(e2) {
-  return e2 ? k(e2) ? e2.document : L(e2) ? F(e2) ? e2 : $(e2) || B(e2) ? e2.ownerDocument : document : document : document;
-}
-function X(e2) {
-  return function(t2) {
-    for (var n2 = arguments.length, r2 = new Array(n2 > 1 ? n2 - 1 : 0), o2 = 1;o2 < n2; o2++)
-      r2[o2 - 1] = arguments[o2];
-    return r2.reduce((t3, n3) => {
-      const r3 = Object.entries(n3);
-      for (const [o3, i2] of r3) {
-        const n4 = t3[o3];
-        n4 != null && (t3[o3] = n4 + e2 * i2);
-      }
-      return t3;
-    }, { ...t2 });
-  };
-}
-var Y = /* @__PURE__ */ X(1);
-var V = /* @__PURE__ */ X(-1);
-function J(e2) {
-  if (!e2)
-    return false;
-  const { KeyboardEvent: t2 } = P(e2.target);
-  return t2 && e2 instanceof t2;
-}
-function G(e2) {
-  if (function(e3) {
-    if (!e3)
-      return false;
-    const { TouchEvent: t2 } = P(e3.target);
-    return t2 && e3 instanceof t2;
-  }(e2)) {
-    if (e2.touches && e2.touches.length) {
-      const { clientX: t2, clientY: n2 } = e2.touches[0];
-      return { x: t2, y: n2 };
-    }
-    if (e2.changedTouches && e2.changedTouches.length) {
-      const { clientX: t2, clientY: n2 } = e2.changedTouches[0];
-      return { x: t2, y: n2 };
-    }
-  }
-  return function(e3) {
-    return "clientX" in e3 && "clientY" in e3;
-  }(e2) ? { x: e2.clientX, y: e2.clientY } : null;
-}
-var le;
-var se;
-(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 xe = { ignoreTransform: false };
-function Ce(e2, t2) {
-  t2 === undefined && (t2 = xe);
-  let n2 = e2.getBoundingClientRect();
-  if (t2.ignoreTransform) {
-    const { transform: t3, transformOrigin: r3 } = P(e2).getComputedStyle(e2);
-    t3 && (n2 = function(e3, t4, n3) {
-      const r4 = function(e4) {
-        if (e4.startsWith("matrix3d(")) {
-          const t5 = e4.slice(9, -1).split(/, /);
-          return { x: +t5[12], y: +t5[13], scaleX: +t5[0], scaleY: +t5[5] };
-        }
-        if (e4.startsWith("matrix(")) {
-          const t5 = e4.slice(7, -1).split(/, /);
-          return { x: +t5[4], y: +t5[5], scaleX: +t5[0], scaleY: +t5[3] };
-        }
-        return null;
-      }(t4);
-      if (!r4)
-        return e3;
-      const { scaleX: o3, scaleY: i3, x: a3, y: l3 } = r4, s3 = e3.left - a3 - (1 - o3) * parseFloat(n3), c2 = e3.top - l3 - (1 - i3) * parseFloat(n3.slice(n3.indexOf(" ") + 1)), d2 = o3 ? e3.width / o3 : e3.width, u2 = i3 ? e3.height / i3 : e3.height;
-      return { width: d2, height: u2, top: c2, right: s3 + d2, bottom: c2 + u2, left: s3 };
-    }(n2, t3, r3));
-  }
-  const { top: r2, left: o2, width: i2, height: a2, bottom: l2, right: s2 } = n2;
-  return { top: r2, left: o2, width: i2, height: a2, bottom: l2, right: s2 };
-}
-function Se(e2) {
-  return Ce(e2, { ignoreTransform: true });
-}
-function Re(e2, t2) {
-  const n2 = [];
-  return e2 ? function r(o2) {
-    if (t2 != null && n2.length >= t2)
-      return n2;
-    if (!o2)
-      return n2;
-    if (F(o2) && o2.scrollingElement != null && !n2.includes(o2.scrollingElement))
-      return n2.push(o2.scrollingElement), n2;
-    if (!$(o2) || B(o2))
-      return n2;
-    if (n2.includes(o2))
-      return n2;
-    const i2 = P(e2).getComputedStyle(o2);
-    return o2 !== e2 && function(e3, t3) {
-      t3 === undefined && (t3 = P(e3).getComputedStyle(e3));
-      const n3 = /(auto|scroll|overlay)/;
-      return ["overflow", "overflowX", "overflowY"].some((e4) => {
-        const r2 = t3[e4];
-        return typeof r2 == "string" && n3.test(r2);
-      });
-    }(o2, i2) && n2.push(o2), function(e3, t3) {
-      return t3 === undefined && (t3 = P(e3).getComputedStyle(e3)), t3.position === "fixed";
-    }(o2, i2) ? n2 : r(o2.parentNode);
-  }(e2) : n2;
-}
-function Ne(e2) {
-  const [t2] = Re(e2, 1);
-  return t2 != null ? t2 : null;
-}
-var Te;
-var Ae;
-function ke(e2) {
-  return !(!A || !e2) && e2 === document.scrollingElement;
-}
-function Le(e2) {
-  const t2 = { x: 0, y: 0 }, n2 = ke(e2) ? { height: window.innerHeight, width: window.innerWidth } : { height: e2.clientHeight, width: e2.clientWidth }, r2 = { x: e2.scrollWidth - n2.width, y: e2.scrollHeight - n2.height };
-  return { isTop: e2.scrollTop <= t2.y, isLeft: e2.scrollLeft <= t2.x, isBottom: e2.scrollTop >= r2.y, isRight: e2.scrollLeft >= r2.x, maxScroll: r2, minScroll: t2 };
-}
-(Ae = Te || (Te = {}))[Ae.Forward = 1] = "Forward", Ae[Ae.Backward = -1] = "Backward";
-function $e(e2) {
-  if (e2 === document.scrollingElement) {
-    const { innerWidth: e3, innerHeight: t3 } = window;
-    return { top: 0, left: 0, right: e3, bottom: t3, width: e3, height: t3 };
-  }
-  const { top: t2, left: n2, right: r2, bottom: o2 } = e2.getBoundingClientRect();
-  return { top: t2, left: n2, right: r2, bottom: o2, width: e2.clientWidth, height: e2.clientHeight };
-}
-class qe {
-  constructor(e2) {
-    this.target = undefined, this.listeners = [], this.removeAll = () => {
-      this.listeners.forEach((e3) => {
-        var t2;
-        return (t2 = this.target) == null ? undefined : t2.removeEventListener(...e3);
-      });
-    }, this.target = e2;
-  }
-  add(e2, t2, n2) {
-    var r2;
-    (r2 = this.target) == null || r2.addEventListener(e2, t2, n2), this.listeners.push([e2, t2, n2]);
-  }
-}
-function We(e2, t2) {
-  const n2 = Math.abs(e2.x), r2 = Math.abs(e2.y);
-  return typeof t2 == "number" ? Math.sqrt(n2 ** 2 + r2 ** 2) > t2 : ("x" in t2) && ("y" in t2) ? n2 > t2.x && r2 > t2.y : ("x" in t2) ? n2 > t2.x : ("y" in t2) && r2 > t2.y;
-}
-var _e;
-var je;
-var He;
-var Ke;
-function Ue(e2) {
-  e2.preventDefault();
-}
-function Xe(e2) {
-  e2.stopPropagation();
-}
-(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";
-var Ye = { start: [He.Space, He.Enter], cancel: [He.Esc], end: [He.Space, He.Enter, He.Tab] };
-var Ve = (e2, t2) => {
-  let { currentCoordinates: n2 } = t2;
-  switch (e2.code) {
-    case He.Right:
-      return { ...n2, x: n2.x + 25 };
-    case He.Left:
-      return { ...n2, x: n2.x - 25 };
-    case He.Down:
-      return { ...n2, y: n2.y + 25 };
-    case He.Up:
-      return { ...n2, y: n2.y - 25 };
-  }
-};
-
-class Je {
-  constructor(e2) {
-    this.props = undefined, this.autoScrollEnabled = false, this.referenceCoordinates = undefined, this.listeners = undefined, this.windowListeners = undefined, this.props = e2;
-    const { event: { target: t2 } } = e2;
-    this.props = e2, this.listeners = new qe(O(t2)), this.windowListeners = new qe(P(t2)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
-  }
-  attach() {
-    this.handleStart(), this.windowListeners.add(_e.Resize, this.handleCancel), this.windowListeners.add(_e.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(_e.Keydown, this.handleKeyDown));
-  }
-  handleStart() {
-    const { activeNode: e2, onStart: t2 } = this.props, n2 = e2.node.current;
-    n2 && function(e3, t3) {
-      if (t3 === undefined && (t3 = Ce), !e3)
-        return;
-      const { top: n3, left: r2, bottom: o2, right: i2 } = t3(e3);
-      Ne(e3) && (o2 <= 0 || i2 <= 0 || n3 >= window.innerHeight || r2 >= window.innerWidth) && e3.scrollIntoView({ block: "center", inline: "center" });
-    }(n2), t2(de);
-  }
-  handleKeyDown(e2) {
-    if (J(e2)) {
-      const { active: t2, context: n2, options: r2 } = this.props, { keyboardCodes: o2 = Ye, coordinateGetter: i2 = Ve, scrollBehavior: a2 = "smooth" } = r2, { code: l2 } = e2;
-      if (o2.end.includes(l2))
-        return void this.handleEnd(e2);
-      if (o2.cancel.includes(l2))
-        return void this.handleCancel(e2);
-      const { collisionRect: s2 } = n2.current, c2 = s2 ? { x: s2.left, y: s2.top } : de;
-      this.referenceCoordinates || (this.referenceCoordinates = c2);
-      const d2 = i2(e2, { active: t2, context: n2.current, currentCoordinates: c2 });
-      if (d2) {
-        const t3 = V(d2, c2), r3 = { x: 0, y: 0 }, { scrollableAncestors: o3 } = n2.current;
-        for (const n3 of o3) {
-          const o4 = e2.code, { isTop: i3, isRight: l3, isLeft: s3, isBottom: c3, maxScroll: u2, minScroll: p2 } = Le(n3), h2 = $e(n3), m2 = { x: Math.min(o4 === He.Right ? h2.right - h2.width / 2 : h2.right, Math.max(o4 === He.Right ? h2.left : h2.left + h2.width / 2, d2.x)), y: Math.min(o4 === He.Down ? h2.bottom - h2.height / 2 : h2.bottom, Math.max(o4 === He.Down ? h2.top : h2.top + h2.height / 2, d2.y)) }, f2 = o4 === He.Right && !l3 || o4 === He.Left && !s3, g = o4 === He.Down && !c3 || o4 === He.Up && !i3;
-          if (f2 && m2.x !== d2.x) {
-            const e3 = n3.scrollLeft + t3.x, i4 = o4 === He.Right && e3 <= u2.x || o4 === He.Left && e3 >= p2.x;
-            if (i4 && !t3.y)
-              return void n3.scrollTo({ left: e3, behavior: a2 });
-            r3.x = i4 ? n3.scrollLeft - e3 : o4 === He.Right ? n3.scrollLeft - u2.x : n3.scrollLeft - p2.x, r3.x && n3.scrollBy({ left: -r3.x, behavior: a2 });
-            break;
-          }
-          if (g && m2.y !== d2.y) {
-            const e3 = n3.scrollTop + t3.y, i4 = o4 === He.Down && e3 <= u2.y || o4 === He.Up && e3 >= p2.y;
-            if (i4 && !t3.x)
-              return void n3.scrollTo({ top: e3, behavior: a2 });
-            r3.y = i4 ? n3.scrollTop - e3 : o4 === He.Down ? n3.scrollTop - u2.y : n3.scrollTop - p2.y, r3.y && n3.scrollBy({ top: -r3.y, behavior: a2 });
-            break;
-          }
-        }
-        this.handleMove(e2, Y(V(d2, this.referenceCoordinates), r3));
-      }
-    }
-  }
-  handleMove(e2, t2) {
-    const { onMove: n2 } = this.props;
-    e2.preventDefault(), n2(t2);
-  }
-  handleEnd(e2) {
-    const { onEnd: t2 } = this.props;
-    e2.preventDefault(), this.detach(), t2();
-  }
-  handleCancel(e2) {
-    const { onCancel: t2 } = this.props;
-    e2.preventDefault(), this.detach(), t2();
-  }
-  detach() {
-    this.listeners.removeAll(), this.windowListeners.removeAll();
-  }
-}
-function Ge(e2) {
-  return Boolean(e2 && "distance" in e2);
-}
-function Qe(e2) {
-  return Boolean(e2 && "delay" in e2);
-}
-Je.activators = [{ eventName: "onKeyDown", handler: (e2, t2, n2) => {
-  let { keyboardCodes: r2 = Ye, onActivation: o2 } = t2, { active: i2 } = n2;
-  const { code: a2 } = e2.nativeEvent;
-  if (r2.start.includes(a2)) {
-    const t3 = i2.activatorNode.current;
-    return (!t3 || e2.target === t3) && (e2.preventDefault(), o2 == null || o2({ event: e2.nativeEvent }), true);
-  }
-  return false;
-} }];
-
-class Ze {
-  constructor(e2, t2, n2) {
-    var r2;
-    n2 === undefined && (n2 = function(e3) {
-      const { EventTarget: t3 } = P(e3);
-      return e3 instanceof t3 ? e3 : O(e3);
-    }(e2.event.target)), this.props = undefined, this.events = undefined, this.autoScrollEnabled = true, this.document = undefined, this.activated = false, this.initialCoordinates = undefined, this.timeoutId = null, this.listeners = undefined, this.documentListeners = undefined, this.windowListeners = undefined, this.props = e2, this.events = t2;
-    const { event: o2 } = e2, { target: i2 } = o2;
-    this.props = e2, this.events = t2, this.document = O(i2), this.documentListeners = new qe(this.document), this.listeners = new qe(n2), this.windowListeners = new qe(P(i2)), this.initialCoordinates = (r2 = G(o2)) != null ? r2 : de, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
-  }
-  attach() {
-    const { events: e2, props: { options: { activationConstraint: t2, bypassActivationConstraint: n2 } } } = this;
-    if (this.listeners.add(e2.move.name, this.handleMove, { passive: false }), this.listeners.add(e2.end.name, this.handleEnd), e2.cancel && this.listeners.add(e2.cancel.name, this.handleCancel), this.windowListeners.add(_e.Resize, this.handleCancel), this.windowListeners.add(_e.DragStart, Ue), this.windowListeners.add(_e.VisibilityChange, this.handleCancel), this.windowListeners.add(_e.ContextMenu, Ue), this.documentListeners.add(_e.Keydown, this.handleKeydown), t2) {
-      if (n2 != null && n2({ event: this.props.event, activeNode: this.props.activeNode, options: this.props.options }))
-        return this.handleStart();
-      if (Qe(t2))
-        return this.timeoutId = setTimeout(this.handleStart, t2.delay), void this.handlePending(t2);
-      if (Ge(t2))
-        return void this.handlePending(t2);
-    }
-    this.handleStart();
-  }
-  detach() {
-    this.listeners.removeAll(), this.windowListeners.removeAll(), setTimeout(this.documentListeners.removeAll, 50), this.timeoutId !== null && (clearTimeout(this.timeoutId), this.timeoutId = null);
-  }
-  handlePending(e2, t2) {
-    const { active: n2, onPending: r2 } = this.props;
-    r2(n2, e2, this.initialCoordinates, t2);
-  }
-  handleStart() {
-    const { initialCoordinates: e2 } = this, { onStart: t2 } = this.props;
-    e2 && (this.activated = true, this.documentListeners.add(_e.Click, Xe, { capture: true }), this.removeTextSelection(), this.documentListeners.add(_e.SelectionChange, this.removeTextSelection), t2(e2));
-  }
-  handleMove(e2) {
-    var t2;
-    const { activated: n2, initialCoordinates: r2, props: o2 } = this, { onMove: i2, options: { activationConstraint: a2 } } = o2;
-    if (!r2)
-      return;
-    const l2 = (t2 = G(e2)) != null ? t2 : de, s2 = V(r2, l2);
-    if (!n2 && a2) {
-      if (Ge(a2)) {
-        if (a2.tolerance != null && We(s2, a2.tolerance))
-          return this.handleCancel();
-        if (We(s2, a2.distance))
-          return this.handleStart();
-      }
-      return Qe(a2) && We(s2, a2.tolerance) ? this.handleCancel() : void this.handlePending(a2, s2);
-    }
-    e2.cancelable && e2.preventDefault(), i2(l2);
-  }
-  handleEnd() {
-    const { onAbort: e2, onEnd: t2 } = this.props;
-    this.detach(), this.activated || e2(this.props.active), t2();
-  }
-  handleCancel() {
-    const { onAbort: e2, onCancel: t2 } = this.props;
-    this.detach(), this.activated || e2(this.props.active), t2();
-  }
-  handleKeydown(e2) {
-    e2.code === He.Esc && this.handleCancel();
-  }
-  removeTextSelection() {
-    var e2;
-    (e2 = this.document.getSelection()) == null || e2.removeAllRanges();
-  }
-}
-var et = { cancel: { name: "pointercancel" }, move: { name: "pointermove" }, end: { name: "pointerup" } };
-
-class tt extends Ze {
-  constructor(e2) {
-    const { event: t2 } = e2, n2 = O(t2.target);
-    super(e2, et, n2);
-  }
-}
-tt.activators = [{ eventName: "onPointerDown", handler: (e2, t2) => {
-  let { nativeEvent: n2 } = e2, { onActivation: r2 } = t2;
-  return !(!n2.isPrimary || n2.button !== 0) && (r2 == null || r2({ event: n2 }), true);
-} }];
-var nt = { move: { name: "mousemove" }, end: { name: "mouseup" } };
-var rt;
-var ot;
-(ot = rt || (rt = {}))[ot.RightClick = 2] = "RightClick";
-(class extends Ze {
-  constructor(e2) {
-    super(e2, nt, O(e2.event.target));
-  }
-}).activators = [{ eventName: "onMouseDown", handler: (e2, t2) => {
-  let { nativeEvent: n2 } = e2, { onActivation: r2 } = t2;
-  return n2.button !== rt.RightClick && (r2 == null || r2({ event: n2 }), true);
-} }];
-var it = { cancel: { name: "touchcancel" }, move: { name: "touchmove" }, end: { name: "touchend" } };
-var at;
-var lt;
-var st;
-var ct;
-(class extends Ze {
-  constructor(e2) {
-    super(e2, it);
-  }
-  static setup() {
-    return window.addEventListener(it.move.name, e2, { capture: false, passive: false }), function() {
-      window.removeEventListener(it.move.name, e2);
-    };
-    function e2() {}
-  }
-}).activators = [{ eventName: "onTouchStart", handler: (e2, t2) => {
-  let { nativeEvent: n2 } = e2, { onActivation: r2 } = t2;
-  const { touches: o2 } = n2;
-  return !(o2.length > 1) && (r2 == null || r2({ event: n2 }), true);
-} }], (lt = at || (at = {}))[lt.Pointer = 0] = "Pointer", lt[lt.DraggableRect = 1] = "DraggableRect", (ct = st || (st = {}))[ct.TreeOrder = 0] = "TreeOrder", ct[ct.ReversedTreeOrder = 1] = "ReversedTreeOrder";
-var ut = { x: { [Te.Backward]: false, [Te.Forward]: false }, y: { [Te.Backward]: false, [Te.Forward]: false } };
-var pt;
-var ht;
-var mt;
-(ht = pt || (pt = {}))[ht.Always = 0] = "Always", ht[ht.BeforeDragging = 1] = "BeforeDragging", ht[ht.WhileDragging = 2] = "WhileDragging", (mt || (mt = {})).Optimized = "optimized";
-var Dt = { draggable: { measure: Se }, droppable: { measure: Se, strategy: pt.WhileDragging, frequency: mt.Optimized }, dragOverlay: { measure: Ce } };
-var Ft = /* @__PURE__ */ p({ ...de, scaleX: 1, scaleY: 1 });
-var $t;
-var Bt;
-(Bt = $t || ($t = {}))[Bt.Uninitialized = 0] = "Uninitialized", Bt[Bt.Initializing = 1] = "Initializing", Bt[Bt.Initialized = 2] = "Initialized";
-var Ut;
-var Xt = (() => {
-  if (typeof window != "undefined") {
-    const e2 = window;
-    return e2.__principlemd_theme_context__ || (e2.__principlemd_theme_context__ = p(undefined)), e2.__principlemd_theme_context__;
-  }
-  return Ut || (Ut = p(undefined)), Ut;
-})();
-
 // industryMarkdown/components/SlidePresentation.tsx
-import React18, { useState as useState11, useCallback as useCallback3, useRef as useRef10, useEffect as useEffect10 } from "react";
+import { AnimatedResizableLayout } from "@principal-ade/panels";
+import React17, { useState as useState10, useCallback as useCallback2, useRef as useRef9, useEffect as useEffect9 } from "react";
 
 // industryMarkdown/utils/extractSlideTitles.ts
 function extractSlideTitle2(content, slideIndex) {
@@ -7126,17 +4368,17 @@ import {
   PanelRightClose,
   Columns,
   ExternalLink,
-  X as X2
+  X
 } from "lucide-react";
-import React16 from "react";
+import React15 from "react";
 
 // industryMarkdown/components/FocusLeftIcon.tsx
-import React15 from "react";
+import React14 from "react";
 var FocusLeftIcon = ({
   size = 18,
   color = "currentColor",
   style
-}) => /* @__PURE__ */ React15.createElement("svg", {
+}) => /* @__PURE__ */ React14.createElement("svg", {
   width: size,
   height: size,
   viewBox: "0 0 24 24",
@@ -7146,13 +4388,13 @@ var FocusLeftIcon = ({
   strokeLinecap: "round",
   strokeLinejoin: "round",
   style
-}, /* @__PURE__ */ React15.createElement("rect", {
+}, /* @__PURE__ */ React14.createElement("rect", {
   x: "3",
   y: "3",
   width: "18",
   height: "18",
   rx: "1"
-}), /* @__PURE__ */ React15.createElement("path", {
+}), /* @__PURE__ */ React14.createElement("path", {
   d: "M9 12L15 12M15 12L12 9M15 12L12 15",
   strokeWidth: "1.5"
 }));
@@ -7160,7 +4402,7 @@ var FocusRightIcon = ({
   size = 18,
   color = "currentColor",
   style
-}) => /* @__PURE__ */ React15.createElement("svg", {
+}) => /* @__PURE__ */ React14.createElement("svg", {
   width: size,
   height: size,
   viewBox: "0 0 24 24",
@@ -7170,13 +4412,13 @@ var FocusRightIcon = ({
   strokeLinecap: "round",
   strokeLinejoin: "round",
   style
-}, /* @__PURE__ */ React15.createElement("rect", {
+}, /* @__PURE__ */ React14.createElement("rect", {
   x: "3",
   y: "3",
   width: "18",
   height: "18",
   rx: "1"
-}), /* @__PURE__ */ React15.createElement("path", {
+}), /* @__PURE__ */ React14.createElement("path", {
   d: "M15 12L9 12M9 12L12 9M9 12L12 15",
   strokeWidth: "1.5"
 }));
@@ -7193,8 +4435,8 @@ var HeaderButton = ({
   minWidth,
   padding
 }) => {
-  const [isHovered, setIsHovered] = React16.useState(false);
-  return /* @__PURE__ */ React16.createElement("button", {
+  const [isHovered, setIsHovered] = React15.useState(false);
+  return /* @__PURE__ */ React15.createElement("button", {
     onClick,
     disabled,
     onMouseEnter: () => setIsHovered(true),
@@ -7246,7 +4488,7 @@ var SlideNavigationHeader = ({
   onCollapseRight
 }) => {
   const navigationHeight = "48px";
-  return /* @__PURE__ */ React16.createElement("div", {
+  return /* @__PURE__ */ React15.createElement("div", {
     style: {
       height: navigationHeight,
       minHeight: navigationHeight,
@@ -7258,41 +4500,41 @@ var SlideNavigationHeader = ({
       backgroundColor: theme2.colors.background,
       flexShrink: 0
     }
-  }, /* @__PURE__ */ React16.createElement("div", {
+  }, /* @__PURE__ */ React15.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
       gap: theme2.space[2]
     }
-  }, /* @__PURE__ */ React16.createElement(HeaderButton, {
+  }, /* @__PURE__ */ React15.createElement(HeaderButton, {
     onClick: onToggleTOC,
     active: showTOC,
     theme: theme2,
     title: tocDisplayMode === "sidebar" ? showTOC ? "Hide table of contents (T)" : "Show table of contents (T)" : showTOC ? "Close table of contents (Esc)" : "Open table of contents (T)"
-  }, /* @__PURE__ */ React16.createElement(Menu, {
+  }, /* @__PURE__ */ React15.createElement(Menu, {
     size: 18
-  })), /* @__PURE__ */ React16.createElement(HeaderButton, {
+  })), /* @__PURE__ */ React15.createElement(HeaderButton, {
     onClick: onPrevious,
     disabled: currentSlide === 0,
     theme: theme2,
     title: "Previous slide",
     minWidth: isMobile ? undefined : "100px",
     width: isMobile ? "36px" : undefined
-  }, /* @__PURE__ */ React16.createElement(ChevronLeft, {
+  }, /* @__PURE__ */ React15.createElement(ChevronLeft, {
     size: 18
-  }), !isMobile && "Previous"), viewMode === "book" && onCollapseLeft && /* @__PURE__ */ React16.createElement(HeaderButton, {
+  }), !isMobile && "Previous"), viewMode === "book" && onCollapseLeft && /* @__PURE__ */ React15.createElement(HeaderButton, {
     onClick: onCollapseLeft,
     active: collapseRight,
     theme: theme2,
     title: collapseLeft ? "Expand left panel" : collapseRight ? "Show both panels" : "Focus on left panel"
-  }, collapseLeft ? /* @__PURE__ */ React16.createElement(PanelLeftClose, {
+  }, collapseLeft ? /* @__PURE__ */ React15.createElement(PanelLeftClose, {
     size: 18,
     style: { transform: "rotate(180deg)" }
-  }) : collapseRight ? /* @__PURE__ */ React16.createElement(Columns, {
+  }) : collapseRight ? /* @__PURE__ */ React15.createElement(Columns, {
     size: 18
-  }) : /* @__PURE__ */ React16.createElement(FocusLeftIcon, {
+  }) : /* @__PURE__ */ React15.createElement(FocusLeftIcon, {
     size: 18
-  }))), showSlideCounter && /* @__PURE__ */ React16.createElement("div", {
+  }))), showSlideCounter && /* @__PURE__ */ React15.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -7300,72 +4542,72 @@ var SlideNavigationHeader = ({
       fontSize: theme2.fontSizes[1],
       fontFamily: theme2.fonts.monospace
     }
-  }, viewMode === "book" ? /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("span", {
+  }, viewMode === "book" ? /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("span", {
     style: { fontWeight: 600 }
-  }, Math.floor(currentSlide / 2) + 1), /* @__PURE__ */ React16.createElement("span", {
+  }, Math.floor(currentSlide / 2) + 1), /* @__PURE__ */ React15.createElement("span", {
     style: { opacity: 0.5, margin: "0 0.4em" }
-  }, "of"), /* @__PURE__ */ React16.createElement("span", {
+  }, "of"), /* @__PURE__ */ React15.createElement("span", {
     style: { fontWeight: 600 }
-  }, Math.ceil(totalSlides / 2))) : /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("span", {
+  }, Math.ceil(totalSlides / 2))) : /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("span", {
     style: { fontWeight: 600 }
-  }, currentSlide + 1), /* @__PURE__ */ React16.createElement("span", {
+  }, currentSlide + 1), /* @__PURE__ */ React15.createElement("span", {
     style: { opacity: 0.5, margin: "0 0.4em" }
-  }, "of"), /* @__PURE__ */ React16.createElement("span", {
+  }, "of"), /* @__PURE__ */ React15.createElement("span", {
     style: { fontWeight: 600 }
-  }, totalSlides))), /* @__PURE__ */ React16.createElement("div", {
+  }, totalSlides))), /* @__PURE__ */ React15.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
       gap: theme2.space[2]
     }
-  }, viewMode === "book" && onCollapseRight && /* @__PURE__ */ React16.createElement(HeaderButton, {
+  }, viewMode === "book" && onCollapseRight && /* @__PURE__ */ React15.createElement(HeaderButton, {
     onClick: onCollapseRight,
     active: collapseLeft,
     theme: theme2,
     title: collapseRight ? "Expand right panel" : collapseLeft ? "Show both panels" : "Focus on right panel"
-  }, collapseRight ? /* @__PURE__ */ React16.createElement(PanelRightClose, {
+  }, collapseRight ? /* @__PURE__ */ React15.createElement(PanelRightClose, {
     size: 18,
     style: { transform: "rotate(180deg)" }
-  }) : collapseLeft ? /* @__PURE__ */ React16.createElement(Columns, {
+  }) : collapseLeft ? /* @__PURE__ */ React15.createElement(Columns, {
     size: 18
-  }) : /* @__PURE__ */ React16.createElement(FocusRightIcon, {
+  }) : /* @__PURE__ */ React15.createElement(FocusRightIcon, {
     size: 18
-  })), /* @__PURE__ */ React16.createElement(HeaderButton, {
+  })), /* @__PURE__ */ React15.createElement(HeaderButton, {
     onClick: onNext,
     disabled: currentSlide === totalSlides - 1,
     theme: theme2,
     title: "Next slide",
     minWidth: isMobile ? undefined : "100px",
     width: isMobile ? "36px" : undefined
-  }, !isMobile && "Next", /* @__PURE__ */ React16.createElement(ChevronRight, {
+  }, !isMobile && "Next", /* @__PURE__ */ React15.createElement(ChevronRight, {
     size: 18
-  })), showPopoutButton && onPopout && !isPopout && /* @__PURE__ */ React16.createElement(HeaderButton, {
+  })), showPopoutButton && onPopout && !isPopout && /* @__PURE__ */ React15.createElement(HeaderButton, {
     onClick: onPopout,
     theme: theme2,
     title: "Pop out to new window"
-  }, /* @__PURE__ */ React16.createElement(ExternalLink, {
+  }, /* @__PURE__ */ React15.createElement(ExternalLink, {
     size: 18
-  })), isPopout && onClose && /* @__PURE__ */ React16.createElement(HeaderButton, {
+  })), isPopout && onClose && /* @__PURE__ */ React15.createElement(HeaderButton, {
     onClick: onClose,
     theme: theme2,
     title: "Close window"
-  }, /* @__PURE__ */ React16.createElement(X2, {
+  }, /* @__PURE__ */ React15.createElement(X, {
     size: 18
-  })), showFullscreenButton && !showPopoutButton && /* @__PURE__ */ React16.createElement(HeaderButton, {
+  })), showFullscreenButton && !showPopoutButton && /* @__PURE__ */ React15.createElement(HeaderButton, {
     onClick: onToggleFullscreen,
     disabled: isMobile,
     theme: theme2,
     title: isMobile ? "Fullscreen not available on mobile" : isFullscreen ? "Exit fullscreen (F)" : "Enter fullscreen (F)"
-  }, isFullscreen ? /* @__PURE__ */ React16.createElement(Minimize2, {
+  }, isFullscreen ? /* @__PURE__ */ React15.createElement(Minimize2, {
     size: 18
-  }) : /* @__PURE__ */ React16.createElement(Maximize2, {
+  }) : /* @__PURE__ */ React15.createElement(Maximize2, {
     size: 18
   }))));
 };
 
 // industryMarkdown/components/SlideSearchBar.tsx
-import { Search, X as X3 } from "lucide-react";
-import React17, { useRef as useRef9, useEffect as useEffect9 } from "react";
+import { Search, X as X2 } from "lucide-react";
+import React16, { useRef as useRef8, useEffect as useEffect8 } from "react";
 var SlideSearchBar = ({
   showSearch,
   searchQuery,
@@ -7379,13 +4621,13 @@ var SlideSearchBar = ({
   onClose,
   onClear
 }) => {
-  const searchInputRef = useRef9(null);
-  useEffect9(() => {
+  const searchInputRef = useRef8(null);
+  useEffect8(() => {
     if (showSearch && searchInputRef.current) {
       searchInputRef.current.focus();
     }
   }, [showSearch]);
-  return /* @__PURE__ */ React17.createElement("div", {
+  return /* @__PURE__ */ React16.createElement("div", {
     style: {
       position: "fixed",
       bottom: 0,
@@ -7402,14 +4644,14 @@ var SlideSearchBar = ({
       padding: `0 ${theme2.space[3]}px`,
       gap: theme2.space[3]
     }
-  }, /* @__PURE__ */ React17.createElement(Search, {
+  }, /* @__PURE__ */ React16.createElement(Search, {
     size: 20,
     style: { color: theme2.colors.textSecondary, flexShrink: 0 }
-  }), /* @__PURE__ */ React17.createElement("input", {
+  }), /* @__PURE__ */ React16.createElement("input", {
     ref: searchInputRef,
     type: "text",
     value: searchQuery,
-    onChange: (e2) => setSearchQuery(e2.target.value),
+    onChange: (e) => setSearchQuery(e.target.value),
     placeholder: "Search slides...",
     style: {
       flex: "0 0 auto",
@@ -7423,20 +4665,20 @@ var SlideSearchBar = ({
       fontFamily: theme2.fonts.body,
       outline: "none"
     },
-    onFocus: (e2) => {
-      e2.currentTarget.style.borderColor = theme2.colors.primary;
+    onFocus: (e) => {
+      e.currentTarget.style.borderColor = theme2.colors.primary;
     },
-    onBlur: (e2) => {
-      e2.currentTarget.style.borderColor = theme2.colors.border;
+    onBlur: (e) => {
+      e.currentTarget.style.borderColor = theme2.colors.border;
     }
-  }), searchQuery && /* @__PURE__ */ React17.createElement("div", {
+  }), searchQuery && /* @__PURE__ */ React16.createElement("div", {
     style: {
       color: theme2.colors.textSecondary,
       fontSize: theme2.fontSizes[0],
       fontFamily: theme2.fonts.body,
       flexShrink: 0
     }
-  }, searchResults.length > 0 ? /* @__PURE__ */ React17.createElement(React17.Fragment, null, searchResults.reduce((sum, r2) => sum + r2.count, 0), " matches in ", searchResults.length, " ", "slide", searchResults.length !== 1 ? "s" : "") : "No results"), /* @__PURE__ */ React17.createElement("div", {
+  }, searchResults.length > 0 ? /* @__PURE__ */ React16.createElement(React16.Fragment, null, searchResults.reduce((sum, r) => sum + r.count, 0), " matches in ", searchResults.length, " ", "slide", searchResults.length !== 1 ? "s" : "") : "No results"), /* @__PURE__ */ React16.createElement("div", {
     style: {
       flex: 1,
       display: "flex",
@@ -7447,7 +4689,7 @@ var SlideSearchBar = ({
       minHeight: "32px",
       padding: `0 ${theme2.space[1]}px`
     }
-  }, searchQuery && !searchResults.some((r2) => r2.slideIndex === searchStartSlide) && /* @__PURE__ */ React17.createElement("div", {
+  }, searchQuery && !searchResults.some((r) => r.slideIndex === searchStartSlide) && /* @__PURE__ */ React16.createElement("div", {
     style: {
       display: "inline-flex",
       alignItems: "center",
@@ -7463,11 +4705,11 @@ var SlideSearchBar = ({
       flexShrink: 0,
       opacity: 0.7
     }
-  }, /* @__PURE__ */ React17.createElement("span", {
+  }, /* @__PURE__ */ React16.createElement("span", {
     style: { fontWeight: 600 }
-  }, "#", searchStartSlide + 1, " (start)"), /* @__PURE__ */ React17.createElement("span", {
+  }, "#", searchStartSlide + 1, " (start)"), /* @__PURE__ */ React16.createElement("span", {
     style: { opacity: 0.8 }
-  }, "(no matches)")), searchResults.map((result, index) => /* @__PURE__ */ React17.createElement("button", {
+  }, "(no matches)")), searchResults.map((result, index) => /* @__PURE__ */ React16.createElement("button", {
     key: result.slideIndex,
     onClick: () => onResultClick(index, result.slideIndex),
     style: {
@@ -7486,22 +4728,22 @@ var SlideSearchBar = ({
       whiteSpace: "nowrap",
       flexShrink: 0
     },
-    onMouseOver: (e2) => {
+    onMouseOver: (e) => {
       if (currentSearchResult !== index) {
-        e2.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
+        e.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
       }
     },
-    onMouseOut: (e2) => {
+    onMouseOut: (e) => {
       if (currentSearchResult !== index) {
-        e2.currentTarget.style.backgroundColor = theme2.colors.background;
+        e.currentTarget.style.backgroundColor = theme2.colors.background;
       }
     },
     title: `Slide ${result.slideIndex + 1}: ${slideTitles[result.slideIndex]}`
-  }, /* @__PURE__ */ React17.createElement("span", {
+  }, /* @__PURE__ */ React16.createElement("span", {
     style: { fontWeight: 600 }
-  }, "#", result.slideIndex + 1), /* @__PURE__ */ React17.createElement("span", {
+  }, "#", result.slideIndex + 1), /* @__PURE__ */ React16.createElement("span", {
     style: { opacity: 0.8 }
-  }, "(", result.count, " match", result.count !== 1 ? "es" : "", ")")))), searchQuery && onClear && /* @__PURE__ */ React17.createElement("button", {
+  }, "(", result.count, " match", result.count !== 1 ? "es" : "", ")")))), searchQuery && onClear && /* @__PURE__ */ React16.createElement("button", {
     onClick: () => {
       onClear();
       searchInputRef.current?.focus();
@@ -7520,14 +4762,14 @@ var SlideSearchBar = ({
       transition: "all 0.2s ease",
       flexShrink: 0
     },
-    onMouseOver: (e2) => {
-      e2.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
+    onMouseOver: (e) => {
+      e.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
     },
-    onMouseOut: (e2) => {
-      e2.currentTarget.style.backgroundColor = "transparent";
+    onMouseOut: (e) => {
+      e.currentTarget.style.backgroundColor = "transparent";
     },
     title: "Clear search"
-  }, "Clear"), /* @__PURE__ */ React17.createElement("button", {
+  }, "Clear"), /* @__PURE__ */ React16.createElement("button", {
     onClick: onClose,
     style: {
       display: "flex",
@@ -7543,14 +4785,14 @@ var SlideSearchBar = ({
       transition: "all 0.2s ease",
       flexShrink: 0
     },
-    onMouseOver: (e2) => {
-      e2.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
+    onMouseOver: (e) => {
+      e.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
     },
-    onMouseOut: (e2) => {
-      e2.currentTarget.style.backgroundColor = "transparent";
+    onMouseOut: (e) => {
+      e.currentTarget.style.backgroundColor = "transparent";
     },
     title: "Close search (Esc)"
-  }, /* @__PURE__ */ React17.createElement(X3, {
+  }, /* @__PURE__ */ React16.createElement(X2, {
     size: 16
   })));
 };
@@ -7582,8 +4824,8 @@ var SlidePresentation = ({
   fontSizeScale,
   theme: theme2
 }) => {
-  const [isMobile, setIsMobile] = useState11(false);
-  useEffect10(() => {
+  const [isMobile, setIsMobile] = useState10(false);
+  useEffect9(() => {
     const checkMobile = () => {
       setIsMobile(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent) || window.innerWidth < 768);
     };
@@ -7593,17 +4835,17 @@ var SlidePresentation = ({
   }, []);
   const effectiveTocDisplayMode = isMobile ? "overlay" : tocDisplayMode;
   const defaultTocOpen = initialTocOpen ?? effectiveTocDisplayMode === "sidebar";
-  const [currentSlide, setCurrentSlide] = useState11(initialSlide);
-  const [isFullscreen, setIsFullscreen] = useState11(false);
-  const [showTOC, setShowTOC] = useState11(defaultTocOpen);
-  const [showSearch, setShowSearch] = useState11(false);
-  const [searchQuery, setSearchQuery] = useState11("");
-  const [searchResults, setSearchResults] = useState11([]);
-  const [currentSearchResult, setCurrentSearchResult] = useState11(-1);
-  const [searchStartSlide, setSearchStartSlide] = useState11(0);
-  const containerRef = useRef10(null);
+  const [currentSlide, setCurrentSlide] = useState10(initialSlide);
+  const [isFullscreen, setIsFullscreen] = useState10(false);
+  const [showTOC, setShowTOC] = useState10(defaultTocOpen);
+  const [showSearch, setShowSearch] = useState10(false);
+  const [searchQuery, setSearchQuery] = useState10("");
+  const [searchResults, setSearchResults] = useState10([]);
+  const [currentSearchResult, setCurrentSearchResult] = useState10(-1);
+  const [searchStartSlide, setSearchStartSlide] = useState10(0);
+  const containerRef = useRef9(null);
   const slideTitles = extractAllSlideTitles(slides);
-  const navigateToSlide = useCallback3((slideIndex) => {
+  const navigateToSlide = useCallback2((slideIndex) => {
     if (slideIndex >= 0 && slideIndex < slides.length) {
       setCurrentSlide(slideIndex);
       onSlideChange?.(slideIndex);
@@ -7612,7 +4854,7 @@ var SlidePresentation = ({
       }
     }
   }, [slides.length, onSlideChange, effectiveTocDisplayMode]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!searchQuery.trim()) {
       setSearchResults([]);
       setCurrentSearchResult(-1);
@@ -7630,7 +4872,7 @@ var SlidePresentation = ({
     setSearchResults(results);
     setCurrentSearchResult(-1);
   }, [searchQuery, slides]);
-  const navigateToSearchResult = useCallback3((resultIndex) => {
+  const navigateToSearchResult = useCallback2((resultIndex) => {
     if (searchResults.length === 0)
       return;
     let newIndex = resultIndex;
@@ -7645,22 +4887,22 @@ var SlidePresentation = ({
       navigateToSlide(targetSlide);
     }
   }, [searchResults, navigateToSlide, currentSlide, currentSearchResult]);
-  const closeSearch = useCallback3(() => {
+  const closeSearch = useCallback2(() => {
     setShowSearch(false);
   }, []);
-  const clearSearch = useCallback3(() => {
+  const clearSearch = useCallback2(() => {
     setSearchQuery("");
     setSearchResults([]);
     setCurrentSearchResult(-1);
     setSearchStartSlide(0);
   }, []);
-  const goToPreviousSlide = useCallback3(() => {
+  const goToPreviousSlide = useCallback2(() => {
     navigateToSlide(currentSlide - 1);
   }, [currentSlide, navigateToSlide]);
-  const goToNextSlide = useCallback3(() => {
+  const goToNextSlide = useCallback2(() => {
     navigateToSlide(currentSlide + 1);
   }, [currentSlide, navigateToSlide]);
-  const toggleFullscreen = useCallback3(() => {
+  const toggleFullscreen = useCallback2(() => {
     if (!containerRef.current)
       return;
     if (!isFullscreen) {
@@ -7671,7 +4913,7 @@ var SlidePresentation = ({
       setIsFullscreen(false);
     }
   }, [isFullscreen]);
-  useEffect10(() => {
+  useEffect9(() => {
     const handleKeyDown = (event) => {
       if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
         if (showSearch && (event.key === "Tab" || event.key === "Enter" || event.key === "Escape")) {} else {
@@ -7789,12 +5031,12 @@ var SlidePresentation = ({
     currentSearchResult,
     tocDisplayMode
   ]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (currentSlide >= slides.length && slides.length > 0) {
       setCurrentSlide(slides.length - 1);
     }
   }, [slides.length, currentSlide]);
-  return /* @__PURE__ */ React18.createElement("div", {
+  return /* @__PURE__ */ React17.createElement("div", {
     ref: containerRef,
     style: {
       height: containerHeight,
@@ -7803,7 +5045,7 @@ var SlidePresentation = ({
       backgroundColor: theme2.colors.background,
       position: "relative"
     }
-  }, showNavigation && /* @__PURE__ */ React18.createElement(SlideNavigationHeader, {
+  }, showNavigation && /* @__PURE__ */ React17.createElement(SlideNavigationHeader, {
     currentSlide,
     totalSlides: slides.length,
     showTOC,
@@ -7821,18 +5063,18 @@ var SlidePresentation = ({
     onToggleFullscreen: toggleFullscreen,
     onPopout,
     onClose
-  }), /* @__PURE__ */ React18.createElement("div", {
+  }), /* @__PURE__ */ React17.createElement("div", {
     style: {
       flex: 1,
       overflow: "hidden",
       position: "relative",
       display: "flex"
     }
-  }, effectiveTocDisplayMode === "sidebar" ? /* @__PURE__ */ React18.createElement(R, {
+  }, effectiveTocDisplayMode === "sidebar" ? /* @__PURE__ */ React17.createElement(AnimatedResizableLayout, {
     key: `toc-${tocSidebarPosition}`,
     collapsed: !showTOC,
     collapsibleSide: tocSidebarPosition,
-    leftPanel: tocSidebarPosition === "left" ? /* @__PURE__ */ React18.createElement("div", {
+    leftPanel: tocSidebarPosition === "left" ? /* @__PURE__ */ React17.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
@@ -7840,7 +5082,7 @@ var SlidePresentation = ({
         overflowY: "auto",
         overflowX: "hidden"
       }
-    }, /* @__PURE__ */ React18.createElement("div", {
+    }, /* @__PURE__ */ React17.createElement("div", {
       style: {
         padding: theme2.space[3],
         borderBottom: `1px solid ${theme2.colors.border}`,
@@ -7849,7 +5091,7 @@ var SlidePresentation = ({
         top: 0,
         zIndex: 1
       }
-    }, /* @__PURE__ */ React18.createElement("h3", {
+    }, /* @__PURE__ */ React17.createElement("h3", {
       style: {
         margin: 0,
         fontSize: theme2.fontSizes[3],
@@ -7857,16 +5099,16 @@ var SlidePresentation = ({
         color: theme2.colors.text,
         fontWeight: 600
       }
-    }, "Table of Contents"), /* @__PURE__ */ React18.createElement("p", {
+    }, "Table of Contents"), /* @__PURE__ */ React17.createElement("p", {
       style: {
         margin: `${theme2.space[1]}px 0 0 0`,
         fontSize: theme2.fontSizes[0],
         color: theme2.colors.textSecondary,
         fontFamily: theme2.fonts.body
       }
-    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React18.createElement("div", {
+    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React17.createElement("div", {
       style: { padding: theme2.space[2] }
-    }, slideTitles.map((title, index) => /* @__PURE__ */ React18.createElement("button", {
+    }, slideTitles.map((title, index) => /* @__PURE__ */ React17.createElement("button", {
       key: index,
       onClick: () => navigateToSlide(index),
       style: {
@@ -7885,19 +5127,19 @@ var SlidePresentation = ({
         transition: "all 0.2s ease",
         position: "relative"
       },
-      onMouseOver: (e2) => {
+      onMouseOver: (e) => {
         if (currentSlide !== index) {
-          e2.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
+          e.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
         }
       },
-      onMouseOut: (e2) => {
+      onMouseOut: (e) => {
         if (currentSlide !== index) {
-          e2.currentTarget.style.backgroundColor = "transparent";
+          e.currentTarget.style.backgroundColor = "transparent";
         }
       }
-    }, /* @__PURE__ */ React18.createElement("div", {
+    }, /* @__PURE__ */ React17.createElement("div", {
       style: { display: "flex", alignItems: "center", gap: theme2.space[2] }
-    }, /* @__PURE__ */ React18.createElement("span", {
+    }, /* @__PURE__ */ React17.createElement("span", {
       style: {
         display: "inline-block",
         minWidth: "24px",
@@ -7905,14 +5147,14 @@ var SlidePresentation = ({
         fontFamily: theme2.fonts.monospace,
         opacity: 0.6
       }
-    }, index + 1, "."), /* @__PURE__ */ React18.createElement("span", {
+    }, index + 1, "."), /* @__PURE__ */ React17.createElement("span", {
       style: {
         flex: 1,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       }
-    }, title)), currentSlide === index && /* @__PURE__ */ React18.createElement("div", {
+    }, title)), currentSlide === index && /* @__PURE__ */ React17.createElement("div", {
       style: {
         position: "absolute",
         left: 0,
@@ -7923,9 +5165,9 @@ var SlidePresentation = ({
         backgroundColor: currentSlide === index ? theme2.colors.background : theme2.colors.primary,
         borderRadius: "0 2px 2px 0"
       }
-    }))))) : /* @__PURE__ */ React18.createElement("div", {
+    }))))) : /* @__PURE__ */ React17.createElement("div", {
       style: { height: "100%", width: "100%", position: "relative" }
-    }, slides.length > 0 ? /* @__PURE__ */ React18.createElement(IndustryMarkdownSlide, {
+    }, slides.length > 0 ? /* @__PURE__ */ React17.createElement(IndustryMarkdownSlide, {
       content: slides[currentSlide] || "",
       slideIdPrefix: `${slideIdPrefix}-${currentSlide}`,
       slideIndex: currentSlide,
@@ -7940,7 +5182,7 @@ var SlidePresentation = ({
       handlePromptCopy,
       fontSizeScale,
       searchQuery: showSearch ? searchQuery : undefined
-    }) : /* @__PURE__ */ React18.createElement("div", {
+    }) : /* @__PURE__ */ React17.createElement("div", {
       style: {
         height: "100%",
         display: "flex",
@@ -7951,7 +5193,7 @@ var SlidePresentation = ({
         fontFamily: theme2.fonts.body
       }
     }, "No slides available")),
-    rightPanel: tocSidebarPosition === "right" ? /* @__PURE__ */ React18.createElement("div", {
+    rightPanel: tocSidebarPosition === "right" ? /* @__PURE__ */ React17.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
@@ -7959,7 +5201,7 @@ var SlidePresentation = ({
         overflowY: "auto",
         overflowX: "hidden"
       }
-    }, /* @__PURE__ */ React18.createElement("div", {
+    }, /* @__PURE__ */ React17.createElement("div", {
       style: {
         padding: theme2.space[3],
         borderBottom: `1px solid ${theme2.colors.border}`,
@@ -7968,7 +5210,7 @@ var SlidePresentation = ({
         top: 0,
         zIndex: 1
       }
-    }, /* @__PURE__ */ React18.createElement("h3", {
+    }, /* @__PURE__ */ React17.createElement("h3", {
       style: {
         margin: 0,
         fontSize: theme2.fontSizes[3],
@@ -7976,16 +5218,16 @@ var SlidePresentation = ({
         color: theme2.colors.text,
         fontWeight: 600
       }
-    }, "Table of Contents"), /* @__PURE__ */ React18.createElement("p", {
+    }, "Table of Contents"), /* @__PURE__ */ React17.createElement("p", {
       style: {
         margin: `${theme2.space[1]}px 0 0 0`,
         fontSize: theme2.fontSizes[0],
         color: theme2.colors.textSecondary,
         fontFamily: theme2.fonts.body
       }
-    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React18.createElement("div", {
+    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React17.createElement("div", {
       style: { padding: theme2.space[2] }
-    }, slideTitles.map((title, index) => /* @__PURE__ */ React18.createElement("button", {
+    }, slideTitles.map((title, index) => /* @__PURE__ */ React17.createElement("button", {
       key: index,
       onClick: () => navigateToSlide(index),
       style: {
@@ -8004,19 +5246,19 @@ var SlidePresentation = ({
         transition: "all 0.2s ease",
         position: "relative"
       },
-      onMouseOver: (e2) => {
+      onMouseOver: (e) => {
         if (currentSlide !== index) {
-          e2.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
+          e.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
         }
       },
-      onMouseOut: (e2) => {
+      onMouseOut: (e) => {
         if (currentSlide !== index) {
-          e2.currentTarget.style.backgroundColor = "transparent";
+          e.currentTarget.style.backgroundColor = "transparent";
         }
       }
-    }, /* @__PURE__ */ React18.createElement("div", {
+    }, /* @__PURE__ */ React17.createElement("div", {
       style: { display: "flex", alignItems: "center", gap: theme2.space[2] }
-    }, /* @__PURE__ */ React18.createElement("span", {
+    }, /* @__PURE__ */ React17.createElement("span", {
       style: {
         display: "inline-block",
         minWidth: "24px",
@@ -8024,14 +5266,14 @@ var SlidePresentation = ({
         fontFamily: theme2.fonts.monospace,
         opacity: 0.6
       }
-    }, index + 1, "."), /* @__PURE__ */ React18.createElement("span", {
+    }, index + 1, "."), /* @__PURE__ */ React17.createElement("span", {
       style: {
         flex: 1,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       }
-    }, title)), currentSlide === index && /* @__PURE__ */ React18.createElement("div", {
+    }, title)), currentSlide === index && /* @__PURE__ */ React17.createElement("div", {
       style: {
         position: "absolute",
         left: 0,
@@ -8042,9 +5284,9 @@ var SlidePresentation = ({
         backgroundColor: currentSlide === index ? theme2.colors.background : theme2.colors.primary,
         borderRadius: "0 2px 2px 0"
       }
-    }))))) : /* @__PURE__ */ React18.createElement("div", {
+    }))))) : /* @__PURE__ */ React17.createElement("div", {
       style: { height: "100%", width: "100%", position: "relative" }
-    }, slides.length > 0 ? /* @__PURE__ */ React18.createElement(IndustryMarkdownSlide, {
+    }, slides.length > 0 ? /* @__PURE__ */ React17.createElement(IndustryMarkdownSlide, {
       content: slides[currentSlide] || "",
       slideIdPrefix: `${slideIdPrefix}-${currentSlide}`,
       slideIndex: currentSlide,
@@ -8059,7 +5301,7 @@ var SlidePresentation = ({
       handlePromptCopy,
       fontSizeScale,
       searchQuery: showSearch ? searchQuery : undefined
-    }) : /* @__PURE__ */ React18.createElement("div", {
+    }) : /* @__PURE__ */ React17.createElement("div", {
       style: {
         height: "100%",
         display: "flex",
@@ -8074,7 +5316,7 @@ var SlidePresentation = ({
     minSize: 15,
     showCollapseButton: false,
     theme: theme2
-  }) : /* @__PURE__ */ React18.createElement(React18.Fragment, null, effectiveTocDisplayMode === "overlay" && /* @__PURE__ */ React18.createElement("div", {
+  }) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, effectiveTocDisplayMode === "overlay" && /* @__PURE__ */ React17.createElement("div", {
     style: {
       position: "absolute",
       top: 0,
@@ -8089,7 +5331,7 @@ var SlidePresentation = ({
       overflowY: "auto",
       overflowX: "hidden"
     }
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React17.createElement("div", {
     style: {
       padding: theme2.space[3],
       borderBottom: `1px solid ${theme2.colors.border}`,
@@ -8098,7 +5340,7 @@ var SlidePresentation = ({
       top: 0,
       zIndex: 1
     }
-  }, /* @__PURE__ */ React18.createElement("h3", {
+  }, /* @__PURE__ */ React17.createElement("h3", {
     style: {
       margin: 0,
       fontSize: theme2.fontSizes[3],
@@ -8106,16 +5348,16 @@ var SlidePresentation = ({
       color: theme2.colors.text,
       fontWeight: 600
     }
-  }, "Table of Contents"), /* @__PURE__ */ React18.createElement("p", {
+  }, "Table of Contents"), /* @__PURE__ */ React17.createElement("p", {
     style: {
       margin: `${theme2.space[1]}px 0 0 0`,
       fontSize: theme2.fontSizes[0],
       color: theme2.colors.textSecondary,
       fontFamily: theme2.fonts.body
     }
-  }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React18.createElement("div", {
+  }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React17.createElement("div", {
     style: { padding: theme2.space[2] }
-  }, slideTitles.map((title, index) => /* @__PURE__ */ React18.createElement("button", {
+  }, slideTitles.map((title, index) => /* @__PURE__ */ React17.createElement("button", {
     key: index,
     onClick: () => navigateToSlide(index),
     style: {
@@ -8134,19 +5376,19 @@ var SlidePresentation = ({
       transition: "all 0.2s ease",
       position: "relative"
     },
-    onMouseOver: (e2) => {
+    onMouseOver: (e) => {
       if (currentSlide !== index) {
-        e2.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
+        e.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
       }
     },
-    onMouseOut: (e2) => {
+    onMouseOut: (e) => {
       if (currentSlide !== index) {
-        e2.currentTarget.style.backgroundColor = "transparent";
+        e.currentTarget.style.backgroundColor = "transparent";
       }
     }
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React17.createElement("div", {
     style: { display: "flex", alignItems: "center", gap: theme2.space[2] }
-  }, /* @__PURE__ */ React18.createElement("span", {
+  }, /* @__PURE__ */ React17.createElement("span", {
     style: {
       display: "inline-block",
       minWidth: "24px",
@@ -8154,14 +5396,14 @@ var SlidePresentation = ({
       fontFamily: theme2.fonts.monospace,
       opacity: 0.6
     }
-  }, index + 1, "."), /* @__PURE__ */ React18.createElement("span", {
+  }, index + 1, "."), /* @__PURE__ */ React17.createElement("span", {
     style: {
       flex: 1,
       overflow: "hidden",
       textOverflow: "ellipsis",
       whiteSpace: "nowrap"
     }
-  }, title)), currentSlide === index && /* @__PURE__ */ React18.createElement("div", {
+  }, title)), currentSlide === index && /* @__PURE__ */ React17.createElement("div", {
     style: {
       position: "absolute",
       left: 0,
@@ -8172,7 +5414,7 @@ var SlidePresentation = ({
       backgroundColor: currentSlide === index ? theme2.colors.background : theme2.colors.primary,
       borderRadius: "0 2px 2px 0"
     }
-  }))))), effectiveTocDisplayMode === "overlay" && showTOC && /* @__PURE__ */ React18.createElement("div", {
+  }))))), effectiveTocDisplayMode === "overlay" && showTOC && /* @__PURE__ */ React17.createElement("div", {
     onClick: () => setShowTOC(false),
     style: {
       position: "absolute",
@@ -8184,12 +5426,12 @@ var SlidePresentation = ({
       zIndex: 9,
       cursor: "pointer"
     }
-  }), /* @__PURE__ */ React18.createElement("div", {
+  }), /* @__PURE__ */ React17.createElement("div", {
     style: {
       flex: 1,
       position: "relative"
     }
-  }, slides.length > 0 ? /* @__PURE__ */ React18.createElement(IndustryMarkdownSlide, {
+  }, slides.length > 0 ? /* @__PURE__ */ React17.createElement(IndustryMarkdownSlide, {
     content: slides[currentSlide] || "",
     slideIdPrefix: `${slideIdPrefix}-${currentSlide}`,
     slideIndex: currentSlide,
@@ -8204,7 +5446,7 @@ var SlidePresentation = ({
     handlePromptCopy,
     fontSizeScale,
     searchQuery: showSearch ? searchQuery : undefined
-  }) : /* @__PURE__ */ React18.createElement("div", {
+  }) : /* @__PURE__ */ React17.createElement("div", {
     style: {
       height: "100%",
       display: "flex",
@@ -8214,7 +5456,7 @@ var SlidePresentation = ({
       fontSize: theme2.fontSizes[2],
       fontFamily: theme2.fonts.body
     }
-  }, "No slides available")))), showNavigation && slides.length > 1 && /* @__PURE__ */ React18.createElement("div", {
+  }, "No slides available")))), showNavigation && slides.length > 1 && /* @__PURE__ */ React17.createElement("div", {
     style: {
       position: "absolute",
       bottom: 0,
@@ -8224,14 +5466,14 @@ var SlidePresentation = ({
       backgroundColor: theme2.colors.border,
       opacity: 0.3
     }
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React17.createElement("div", {
     style: {
       height: "100%",
       width: `${(currentSlide + 1) / slides.length * 100}%`,
       backgroundColor: theme2.colors.primary,
       transition: "width 0.3s ease"
     }
-  })), /* @__PURE__ */ React18.createElement(SlideSearchBar, {
+  })), /* @__PURE__ */ React17.createElement(SlideSearchBar, {
     showSearch,
     searchQuery,
     setSearchQuery,
@@ -8249,7 +5491,8 @@ var SlidePresentation = ({
   }));
 };
 // industryMarkdown/components/SlidePresentationBook.tsx
-import React19, { useState as useState12, useCallback as useCallback4, useRef as useRef11, useEffect as useEffect11 } from "react";
+import { AnimatedResizableLayout as AnimatedResizableLayout2 } from "@principal-ade/panels";
+import React18, { useState as useState11, useCallback as useCallback3, useRef as useRef10, useEffect as useEffect10 } from "react";
 var SlidePresentationBook = ({
   slides,
   initialSlide = 0,
@@ -8279,8 +5522,8 @@ var SlidePresentationBook = ({
   repositoryInfo,
   width
 }) => {
-  const [isMobile, setIsMobile] = useState12(false);
-  useEffect11(() => {
+  const [isMobile, setIsMobile] = useState11(false);
+  useEffect10(() => {
     const checkMobile = () => {
       setIsMobile(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent) || window.innerWidth < 768);
     };
@@ -8291,20 +5534,20 @@ var SlidePresentationBook = ({
   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] = useState12(adjustedInitialSlide);
-  const [isFullscreen, setIsFullscreen] = useState12(false);
-  const [showTOC, setShowTOC] = useState12(defaultTocOpen);
-  const [showSearch, setShowSearch] = useState12(false);
-  const [searchQuery, setSearchQuery] = useState12("");
-  const [searchResults, setSearchResults] = useState12([]);
-  const [currentSearchResult, setCurrentSearchResult] = useState12(-1);
-  const [searchStartSlide, setSearchStartSlide] = useState12(0);
-  const [collapsedSide, setCollapsedSide] = useState12(null);
-  const [lastInteractedSide, setLastInteractedSide] = useState12("left");
-  const containerRef = useRef11(null);
+  const [currentSlide, setCurrentSlide] = useState11(adjustedInitialSlide);
+  const [isFullscreen, setIsFullscreen] = useState11(false);
+  const [showTOC, setShowTOC] = useState11(defaultTocOpen);
+  const [showSearch, setShowSearch] = useState11(false);
+  const [searchQuery, setSearchQuery] = useState11("");
+  const [searchResults, setSearchResults] = useState11([]);
+  const [currentSearchResult, setCurrentSearchResult] = useState11(-1);
+  const [searchStartSlide, setSearchStartSlide] = useState11(0);
+  const [collapsedSide, setCollapsedSide] = useState11(null);
+  const [lastInteractedSide, setLastInteractedSide] = useState11("left");
+  const containerRef = useRef10(null);
   const slideTitles = extractAllSlideTitles(slides);
   const stepSize = viewMode === "book" ? 2 : 1;
-  const navigateToSlide = useCallback4((slideIndex) => {
+  const navigateToSlide = useCallback3((slideIndex) => {
     const targetSlide = viewMode === "book" ? Math.floor(slideIndex / 2) * 2 : slideIndex;
     if (targetSlide >= 0 && targetSlide < slides.length) {
       setCurrentSlide(targetSlide);
@@ -8314,7 +5557,7 @@ var SlidePresentationBook = ({
       }
     }
   }, [slides.length, onSlideChange, viewMode, effectiveTocDisplayMode]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!searchQuery.trim()) {
       setSearchResults([]);
       setCurrentSearchResult(-1);
@@ -8332,7 +5575,7 @@ var SlidePresentationBook = ({
     setSearchResults(results);
     setCurrentSearchResult(-1);
   }, [searchQuery, slides]);
-  const navigateToSearchResult = useCallback4((resultIndex) => {
+  const navigateToSearchResult = useCallback3((resultIndex) => {
     if (searchResults.length === 0)
       return;
     let newIndex = resultIndex;
@@ -8347,22 +5590,22 @@ var SlidePresentationBook = ({
       navigateToSlide(targetSlide);
     }
   }, [searchResults, navigateToSlide, currentSlide, currentSearchResult]);
-  const closeSearch = useCallback4(() => {
+  const closeSearch = useCallback3(() => {
     setShowSearch(false);
   }, []);
-  const clearSearch = useCallback4(() => {
+  const clearSearch = useCallback3(() => {
     setSearchQuery("");
     setSearchResults([]);
     setCurrentSearchResult(-1);
     setSearchStartSlide(0);
   }, []);
-  const goToPreviousSlide = useCallback4(() => {
+  const goToPreviousSlide = useCallback3(() => {
     navigateToSlide(currentSlide - stepSize);
   }, [currentSlide, navigateToSlide, stepSize]);
-  const goToNextSlide = useCallback4(() => {
+  const goToNextSlide = useCallback3(() => {
     navigateToSlide(currentSlide + stepSize);
   }, [currentSlide, navigateToSlide, stepSize]);
-  const handleCollapseLeft = useCallback4(() => {
+  const handleCollapseLeft = useCallback3(() => {
     if (collapsedSide === "left") {
       setCollapsedSide(null);
     } else if (collapsedSide === "right") {
@@ -8372,7 +5615,7 @@ var SlidePresentationBook = ({
       setCollapsedSide("right");
     }
   }, [collapsedSide]);
-  const handleCollapseRight = useCallback4(() => {
+  const handleCollapseRight = useCallback3(() => {
     if (collapsedSide === "right") {
       setCollapsedSide(null);
     } else if (collapsedSide === "left") {
@@ -8382,7 +5625,7 @@ var SlidePresentationBook = ({
       setCollapsedSide("left");
     }
   }, [collapsedSide]);
-  const toggleFullscreen = useCallback4(() => {
+  const toggleFullscreen = useCallback3(() => {
     if (!containerRef.current)
       return;
     if (!isFullscreen) {
@@ -8393,7 +5636,7 @@ var SlidePresentationBook = ({
       setIsFullscreen(false);
     }
   }, [isFullscreen]);
-  useEffect11(() => {
+  useEffect10(() => {
     const handleKeyDown = (event) => {
       if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
         if (showSearch && (event.key === "Tab" || event.key === "Enter" || event.key === "Escape")) {} else {
@@ -8512,14 +5755,14 @@ var SlidePresentationBook = ({
     searchResults,
     effectiveTocDisplayMode
   ]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (currentSlide >= slides.length && slides.length > 0) {
       setCurrentSlide(slides.length - 1);
     }
   }, [slides.length, currentSlide]);
   const leftSlideIndex = currentSlide;
   const rightSlideIndex = viewMode === "book" ? currentSlide + 1 : -1;
-  return /* @__PURE__ */ React19.createElement("div", {
+  return /* @__PURE__ */ React18.createElement("div", {
     ref: containerRef,
     style: {
       height: containerHeight,
@@ -8528,7 +5771,7 @@ var SlidePresentationBook = ({
       backgroundColor: theme2.colors.background,
       position: "relative"
     }
-  }, showNavigation && /* @__PURE__ */ React19.createElement(SlideNavigationHeader, {
+  }, showNavigation && /* @__PURE__ */ React18.createElement(SlideNavigationHeader, {
     currentSlide,
     totalSlides: slides.length,
     showTOC,
@@ -8551,7 +5794,7 @@ var SlidePresentationBook = ({
     onClose,
     onCollapseLeft: handleCollapseLeft,
     onCollapseRight: handleCollapseRight
-  }), /* @__PURE__ */ React19.createElement("div", {
+  }), /* @__PURE__ */ React18.createElement("div", {
     style: {
       flex: 1,
       width: "100%",
@@ -8559,11 +5802,11 @@ var SlidePresentationBook = ({
       position: "relative",
       display: "flex"
     }
-  }, viewMode === "single" && effectiveTocDisplayMode === "sidebar" ? /* @__PURE__ */ React19.createElement(R, {
+  }, viewMode === "single" && effectiveTocDisplayMode === "sidebar" ? /* @__PURE__ */ React18.createElement(AnimatedResizableLayout2, {
     key: `toc-${tocSidebarPosition}`,
     collapsed: !showTOC,
     collapsibleSide: tocSidebarPosition,
-    leftPanel: tocSidebarPosition === "left" ? /* @__PURE__ */ React19.createElement("div", {
+    leftPanel: tocSidebarPosition === "left" ? /* @__PURE__ */ React18.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
@@ -8571,7 +5814,7 @@ var SlidePresentationBook = ({
         overflowY: "auto",
         overflowX: "hidden"
       }
-    }, /* @__PURE__ */ React19.createElement("div", {
+    }, /* @__PURE__ */ React18.createElement("div", {
       style: {
         padding: theme2.space[3],
         borderBottom: `1px solid ${theme2.colors.border}`,
@@ -8580,7 +5823,7 @@ var SlidePresentationBook = ({
         top: 0,
         zIndex: 1
       }
-    }, /* @__PURE__ */ React19.createElement("h3", {
+    }, /* @__PURE__ */ React18.createElement("h3", {
       style: {
         margin: 0,
         fontSize: theme2.fontSizes[3],
@@ -8588,18 +5831,18 @@ var SlidePresentationBook = ({
         color: theme2.colors.text,
         fontWeight: 600
       }
-    }, "Table of Contents"), /* @__PURE__ */ React19.createElement("p", {
+    }, "Table of Contents"), /* @__PURE__ */ React18.createElement("p", {
       style: {
         margin: `${theme2.space[1]}px 0 0 0`,
         fontSize: theme2.fontSizes[0],
         color: theme2.colors.textSecondary,
         fontFamily: theme2.fonts.body
       }
-    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React19.createElement("div", {
+    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React18.createElement("div", {
       style: { padding: theme2.space[2] }
     }, slideTitles.map((title, index) => {
       const isCurrentPage = index === currentSlide;
-      return /* @__PURE__ */ React19.createElement("button", {
+      return /* @__PURE__ */ React18.createElement("button", {
         key: index,
         onClick: () => navigateToSlide(index),
         style: {
@@ -8618,19 +5861,19 @@ var SlidePresentationBook = ({
           transition: "all 0.2s ease",
           position: "relative"
         },
-        onMouseOver: (e2) => {
+        onMouseOver: (e) => {
           if (!isCurrentPage) {
-            e2.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
+            e.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
           }
         },
-        onMouseOut: (e2) => {
+        onMouseOut: (e) => {
           if (!isCurrentPage) {
-            e2.currentTarget.style.backgroundColor = "transparent";
+            e.currentTarget.style.backgroundColor = "transparent";
           }
         }
-      }, /* @__PURE__ */ React19.createElement("div", {
+      }, /* @__PURE__ */ React18.createElement("div", {
         style: { display: "flex", alignItems: "center", gap: theme2.space[2] }
-      }, /* @__PURE__ */ React19.createElement("span", {
+      }, /* @__PURE__ */ React18.createElement("span", {
         style: {
           display: "inline-block",
           minWidth: "24px",
@@ -8638,14 +5881,14 @@ var SlidePresentationBook = ({
           fontFamily: theme2.fonts.monospace,
           opacity: 0.6
         }
-      }, index + 1, "."), /* @__PURE__ */ React19.createElement("span", {
+      }, index + 1, "."), /* @__PURE__ */ React18.createElement("span", {
         style: {
           flex: 1,
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         }
-      }, title)), isCurrentPage && /* @__PURE__ */ React19.createElement("div", {
+      }, title)), isCurrentPage && /* @__PURE__ */ React18.createElement("div", {
         style: {
           position: "absolute",
           left: 0,
@@ -8657,9 +5900,9 @@ var SlidePresentationBook = ({
           borderRadius: "0 2px 2px 0"
         }
       }));
-    }))) : /* @__PURE__ */ React19.createElement("div", {
+    }))) : /* @__PURE__ */ React18.createElement("div", {
       style: { height: "100%", width: "100%", position: "relative" }
-    }, slides.length > 0 ? /* @__PURE__ */ React19.createElement(IndustryMarkdownSlide, {
+    }, slides.length > 0 ? /* @__PURE__ */ React18.createElement(IndustryMarkdownSlide, {
       content: slides[leftSlideIndex] || "",
       slideIdPrefix: `${slideIdPrefix}-${leftSlideIndex}`,
       slideIndex: leftSlideIndex,
@@ -8676,7 +5919,7 @@ var SlidePresentationBook = ({
       searchQuery: showSearch ? searchQuery : undefined,
       repositoryInfo,
       containerWidth: width
-    }) : /* @__PURE__ */ React19.createElement("div", {
+    }) : /* @__PURE__ */ React18.createElement("div", {
       style: {
         height: "100%",
         display: "flex",
@@ -8687,7 +5930,7 @@ var SlidePresentationBook = ({
         fontFamily: theme2.fonts.body
       }
     }, "No slides available")),
-    rightPanel: tocSidebarPosition === "right" ? /* @__PURE__ */ React19.createElement("div", {
+    rightPanel: tocSidebarPosition === "right" ? /* @__PURE__ */ React18.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
@@ -8695,7 +5938,7 @@ var SlidePresentationBook = ({
         overflowY: "auto",
         overflowX: "hidden"
       }
-    }, /* @__PURE__ */ React19.createElement("div", {
+    }, /* @__PURE__ */ React18.createElement("div", {
       style: {
         padding: theme2.space[3],
         borderBottom: `1px solid ${theme2.colors.border}`,
@@ -8704,7 +5947,7 @@ var SlidePresentationBook = ({
         top: 0,
         zIndex: 1
       }
-    }, /* @__PURE__ */ React19.createElement("h3", {
+    }, /* @__PURE__ */ React18.createElement("h3", {
       style: {
         margin: 0,
         fontSize: theme2.fontSizes[3],
@@ -8712,18 +5955,18 @@ var SlidePresentationBook = ({
         color: theme2.colors.text,
         fontWeight: 600
       }
-    }, "Table of Contents"), /* @__PURE__ */ React19.createElement("p", {
+    }, "Table of Contents"), /* @__PURE__ */ React18.createElement("p", {
       style: {
         margin: `${theme2.space[1]}px 0 0 0`,
         fontSize: theme2.fontSizes[0],
         color: theme2.colors.textSecondary,
         fontFamily: theme2.fonts.body
       }
-    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React19.createElement("div", {
+    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React18.createElement("div", {
       style: { padding: theme2.space[2] }
     }, slideTitles.map((title, index) => {
       const isCurrentPage = index === currentSlide;
-      return /* @__PURE__ */ React19.createElement("button", {
+      return /* @__PURE__ */ React18.createElement("button", {
         key: index,
         onClick: () => navigateToSlide(index),
         style: {
@@ -8742,19 +5985,19 @@ var SlidePresentationBook = ({
           transition: "all 0.2s ease",
           position: "relative"
         },
-        onMouseOver: (e2) => {
+        onMouseOver: (e) => {
           if (!isCurrentPage) {
-            e2.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
+            e.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
           }
         },
-        onMouseOut: (e2) => {
+        onMouseOut: (e) => {
           if (!isCurrentPage) {
-            e2.currentTarget.style.backgroundColor = "transparent";
+            e.currentTarget.style.backgroundColor = "transparent";
           }
         }
-      }, /* @__PURE__ */ React19.createElement("div", {
+      }, /* @__PURE__ */ React18.createElement("div", {
         style: { display: "flex", alignItems: "center", gap: theme2.space[2] }
-      }, /* @__PURE__ */ React19.createElement("span", {
+      }, /* @__PURE__ */ React18.createElement("span", {
         style: {
           display: "inline-block",
           minWidth: "24px",
@@ -8762,14 +6005,14 @@ var SlidePresentationBook = ({
           fontFamily: theme2.fonts.monospace,
           opacity: 0.6
         }
-      }, index + 1, "."), /* @__PURE__ */ React19.createElement("span", {
+      }, index + 1, "."), /* @__PURE__ */ React18.createElement("span", {
         style: {
           flex: 1,
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         }
-      }, title)), isCurrentPage && /* @__PURE__ */ React19.createElement("div", {
+      }, title)), isCurrentPage && /* @__PURE__ */ React18.createElement("div", {
         style: {
           position: "absolute",
           left: 0,
@@ -8781,9 +6024,9 @@ var SlidePresentationBook = ({
           borderRadius: "0 2px 2px 0"
         }
       }));
-    }))) : /* @__PURE__ */ React19.createElement("div", {
+    }))) : /* @__PURE__ */ React18.createElement("div", {
       style: { height: "100%", width: "100%", position: "relative" }
-    }, slides.length > 0 ? /* @__PURE__ */ React19.createElement(IndustryMarkdownSlide, {
+    }, slides.length > 0 ? /* @__PURE__ */ React18.createElement(IndustryMarkdownSlide, {
       content: slides[leftSlideIndex] || "",
       slideIdPrefix: `${slideIdPrefix}-${leftSlideIndex}`,
       slideIndex: leftSlideIndex,
@@ -8800,7 +6043,7 @@ var SlidePresentationBook = ({
       searchQuery: showSearch ? searchQuery : undefined,
       repositoryInfo,
       containerWidth: width
-    }) : /* @__PURE__ */ React19.createElement("div", {
+    }) : /* @__PURE__ */ React18.createElement("div", {
       style: {
         height: "100%",
         display: "flex",
@@ -8815,7 +6058,7 @@ var SlidePresentationBook = ({
     minSize: 15,
     showCollapseButton: false,
     theme: theme2
-  }) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, effectiveTocDisplayMode === "overlay" && /* @__PURE__ */ React19.createElement("div", {
+  }) : /* @__PURE__ */ React18.createElement(React18.Fragment, null, effectiveTocDisplayMode === "overlay" && /* @__PURE__ */ React18.createElement("div", {
     style: {
       position: "absolute",
       ...isMobile ? {
@@ -8841,7 +6084,7 @@ var SlidePresentationBook = ({
       overflowY: "auto",
       overflowX: "hidden"
     }
-  }, /* @__PURE__ */ React19.createElement("div", {
+  }, /* @__PURE__ */ React18.createElement("div", {
     style: {
       padding: theme2.space[3],
       borderBottom: `1px solid ${theme2.colors.border}`,
@@ -8850,7 +6093,7 @@ var SlidePresentationBook = ({
       top: 0,
       zIndex: 1
     }
-  }, /* @__PURE__ */ React19.createElement("h3", {
+  }, /* @__PURE__ */ React18.createElement("h3", {
     style: {
       margin: 0,
       fontSize: theme2.fontSizes[3],
@@ -8858,18 +6101,18 @@ var SlidePresentationBook = ({
       color: theme2.colors.text,
       fontWeight: 600
     }
-  }, "Table of Contents"), /* @__PURE__ */ React19.createElement("p", {
+  }, "Table of Contents"), /* @__PURE__ */ React18.createElement("p", {
     style: {
       margin: `${theme2.space[1]}px 0 0 0`,
       fontSize: theme2.fontSizes[0],
       color: theme2.colors.textSecondary,
       fontFamily: theme2.fonts.body
     }
-  }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React19.createElement("div", {
+  }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React18.createElement("div", {
     style: { padding: theme2.space[2] }
   }, slideTitles.map((title, index) => {
     const isCurrentPage = viewMode === "book" ? index === leftSlideIndex || index === rightSlideIndex : index === currentSlide;
-    return /* @__PURE__ */ React19.createElement("button", {
+    return /* @__PURE__ */ React18.createElement("button", {
       key: index,
       onClick: () => navigateToSlide(index),
       style: {
@@ -8888,19 +6131,19 @@ var SlidePresentationBook = ({
         transition: "all 0.2s ease",
         position: "relative"
       },
-      onMouseOver: (e2) => {
+      onMouseOver: (e) => {
         if (!isCurrentPage) {
-          e2.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
+          e.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
         }
       },
-      onMouseOut: (e2) => {
+      onMouseOut: (e) => {
         if (!isCurrentPage) {
-          e2.currentTarget.style.backgroundColor = "transparent";
+          e.currentTarget.style.backgroundColor = "transparent";
         }
       }
-    }, /* @__PURE__ */ React19.createElement("div", {
+    }, /* @__PURE__ */ React18.createElement("div", {
       style: { display: "flex", alignItems: "center", gap: theme2.space[2] }
-    }, /* @__PURE__ */ React19.createElement("span", {
+    }, /* @__PURE__ */ React18.createElement("span", {
       style: {
         display: "inline-block",
         minWidth: "24px",
@@ -8908,14 +6151,14 @@ var SlidePresentationBook = ({
         fontFamily: theme2.fonts.monospace,
         opacity: 0.6
       }
-    }, index + 1, "."), /* @__PURE__ */ React19.createElement("span", {
+    }, index + 1, "."), /* @__PURE__ */ React18.createElement("span", {
       style: {
         flex: 1,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       }
-    }, title)), isCurrentPage && /* @__PURE__ */ React19.createElement("div", {
+    }, title)), isCurrentPage && /* @__PURE__ */ React18.createElement("div", {
       style: {
         position: "absolute",
         left: 0,
@@ -8927,7 +6170,7 @@ var SlidePresentationBook = ({
         borderRadius: "0 2px 2px 0"
       }
     }));
-  }))), effectiveTocDisplayMode === "overlay" && showTOC && /* @__PURE__ */ React19.createElement("div", {
+  }))), effectiveTocDisplayMode === "overlay" && showTOC && /* @__PURE__ */ React18.createElement("div", {
     onClick: () => setShowTOC(false),
     style: {
       position: "absolute",
@@ -8939,7 +6182,7 @@ var SlidePresentationBook = ({
       zIndex: 9,
       cursor: "pointer"
     }
-  }), /* @__PURE__ */ React19.createElement("div", {
+  }), /* @__PURE__ */ React18.createElement("div", {
     style: {
       flex: 1,
       position: "relative",
@@ -8949,18 +6192,18 @@ var SlidePresentationBook = ({
       backgroundColor: theme2.colors.background,
       width: "100%"
     }
-  }, slides.length > 0 ? viewMode === "book" && slides.length > 1 ? /* @__PURE__ */ React19.createElement(R, {
+  }, slides.length > 0 ? viewMode === "book" && slides.length > 1 ? /* @__PURE__ */ React18.createElement(AnimatedResizableLayout2, {
     key: `${lastInteractedSide}-${collapsedSide}`,
     collapsed: collapsedSide !== null,
     collapsibleSide: lastInteractedSide,
-    leftPanel: /* @__PURE__ */ React19.createElement("div", {
+    leftPanel: /* @__PURE__ */ React18.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
         position: "relative",
         overflow: "hidden"
       }
-    }, /* @__PURE__ */ React19.createElement("div", {
+    }, /* @__PURE__ */ React18.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
@@ -8975,7 +6218,7 @@ var SlidePresentationBook = ({
         right: 0,
         bottom: 0
       }
-    }, /* @__PURE__ */ React19.createElement(IndustryMarkdownSlide, {
+    }, /* @__PURE__ */ React18.createElement(IndustryMarkdownSlide, {
       content: slides[leftSlideIndex] || "",
       slideIdPrefix: `${slideIdPrefix}-${leftSlideIndex}`,
       slideIndex: leftSlideIndex,
@@ -9000,14 +6243,14 @@ var SlidePresentationBook = ({
       },
       disableScroll: false
     }))),
-    rightPanel: rightSlideIndex < slides.length ? /* @__PURE__ */ React19.createElement("div", {
+    rightPanel: rightSlideIndex < slides.length ? /* @__PURE__ */ React18.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
         position: "relative",
         overflow: "hidden"
       }
-    }, /* @__PURE__ */ React19.createElement("div", {
+    }, /* @__PURE__ */ React18.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
@@ -9022,7 +6265,7 @@ var SlidePresentationBook = ({
         right: 0,
         bottom: 0
       }
-    }, /* @__PURE__ */ React19.createElement(IndustryMarkdownSlide, {
+    }, /* @__PURE__ */ React18.createElement(IndustryMarkdownSlide, {
       content: slides[rightSlideIndex] || "",
       slideIdPrefix: `${slideIdPrefix}-${rightSlideIndex}`,
       slideIndex: rightSlideIndex,
@@ -9046,7 +6289,7 @@ var SlidePresentationBook = ({
         top: `${theme2.space[3]}px`
       },
       disableScroll: false
-    }))) : /* @__PURE__ */ React19.createElement("div", {
+    }))) : /* @__PURE__ */ React18.createElement("div", {
       style: {
         height: "100%",
         backgroundColor: theme2.colors.background,
@@ -9066,7 +6309,7 @@ var SlidePresentationBook = ({
     minSize: 30,
     showCollapseButton: false,
     theme: theme2
-  }) : /* @__PURE__ */ React19.createElement("div", {
+  }) : /* @__PURE__ */ React18.createElement("div", {
     style: {
       flex: "1 1 0%",
       backgroundColor: "transparent",
@@ -9081,7 +6324,7 @@ var SlidePresentationBook = ({
         justifyContent: "center"
       } : {}
     }
-  }, /* @__PURE__ */ React19.createElement("div", {
+  }, /* @__PURE__ */ React18.createElement("div", {
     style: {
       ...viewMode === "book" && slides.length === 1 ? {
         width: "50%",
@@ -9093,7 +6336,7 @@ var SlidePresentationBook = ({
         height: "100%"
       }
     }
-  }, /* @__PURE__ */ React19.createElement(IndustryMarkdownSlide, {
+  }, /* @__PURE__ */ React18.createElement(IndustryMarkdownSlide, {
     content: slides[leftSlideIndex] || "",
     slideIdPrefix: `${slideIdPrefix}-${leftSlideIndex}`,
     slideIndex: leftSlideIndex,
@@ -9112,7 +6355,7 @@ var SlidePresentationBook = ({
     containerWidth: width,
     transparentBackground: false,
     disableScroll: false
-  }))) : /* @__PURE__ */ React19.createElement("div", {
+  }))) : /* @__PURE__ */ React18.createElement("div", {
     style: {
       height: "100%",
       display: "flex",
@@ -9122,7 +6365,7 @@ var SlidePresentationBook = ({
       fontSize: theme2.fontSizes[2],
       fontFamily: theme2.fonts.body
     }
-  }, "No slides available")), viewMode === "book" && slides.length > 1 && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", {
+  }, "No slides available")), viewMode === "book" && slides.length > 1 && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", {
     style: {
       position: "absolute",
       bottom: theme2.space[3],
@@ -9131,7 +6374,7 @@ var SlidePresentationBook = ({
       color: theme2.colors.textSecondary,
       fontFamily: theme2.fonts.monospace
     }
-  }, leftSlideIndex + 1), rightSlideIndex < slides.length && /* @__PURE__ */ React19.createElement("div", {
+  }, leftSlideIndex + 1), rightSlideIndex < slides.length && /* @__PURE__ */ React18.createElement("div", {
     style: {
       position: "absolute",
       bottom: theme2.space[3],
@@ -9140,7 +6383,7 @@ var SlidePresentationBook = ({
       color: theme2.colors.textSecondary,
       fontFamily: theme2.fonts.monospace
     }
-  }, rightSlideIndex + 1)))), showNavigation && slides.length > 1 && /* @__PURE__ */ React19.createElement("div", {
+  }, rightSlideIndex + 1)))), showNavigation && slides.length > 1 && /* @__PURE__ */ React18.createElement("div", {
     style: {
       position: "absolute",
       bottom: 0,
@@ -9150,14 +6393,14 @@ var SlidePresentationBook = ({
       backgroundColor: theme2.colors.border,
       opacity: 0.3
     }
-  }, /* @__PURE__ */ React19.createElement("div", {
+  }, /* @__PURE__ */ React18.createElement("div", {
     style: {
       height: "100%",
       width: `${(currentSlide + stepSize) / slides.length * 100}%`,
       backgroundColor: theme2.colors.primary,
       transition: "width 0.3s ease"
     }
-  })), /* @__PURE__ */ React19.createElement(SlideSearchBar, {
+  })), /* @__PURE__ */ React18.createElement(SlideSearchBar, {
     showSearch,
     searchQuery,
     setSearchQuery,
@@ -9175,7 +6418,7 @@ var SlidePresentationBook = ({
   }));
 };
 // industryMarkdown/components/DocumentView.tsx
-import React20, { useRef as useRef12 } from "react";
+import React19, { useRef as useRef11 } from "react";
 var DocumentView = ({
   content,
   onCheckboxChange,
@@ -9194,22 +6437,22 @@ var DocumentView = ({
   transparentBackground = false,
   editable = false
 }) => {
-  const containerRef = useRef12(null);
+  const containerRef = useRef11(null);
   const backgroundColor = transparentBackground ? "transparent" : theme2.colors.background;
-  return /* @__PURE__ */ React20.createElement("div", {
+  return /* @__PURE__ */ React19.createElement("div", {
     ref: containerRef,
     style: {
       height: "100%",
       overflow: "auto",
       backgroundColor
     }
-  }, /* @__PURE__ */ React20.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     style: {
       maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
       margin: "0 auto",
       height: "100%"
     }
-  }, /* @__PURE__ */ React20.createElement(IndustryMarkdownSlide, {
+  }, /* @__PURE__ */ React19.createElement(IndustryMarkdownSlide, {
     content,
     slideIdPrefix,
     slideIndex: 0,
@@ -9230,7 +6473,7 @@ var DocumentView = ({
   })));
 };
 // industryMarkdown/components/SkillMarkdown.tsx
-import React21 from "react";
+import React20 from "react";
 var formatRelativeTime = (dateString) => {
   try {
     const date = new Date(dateString);
@@ -9261,15 +6504,15 @@ var SkillMetadataSection = ({
   metadata,
   theme: theme2
 }) => {
-  return /* @__PURE__ */ React21.createElement("div", {
+  return /* @__PURE__ */ React20.createElement("div", {
     style: {
       borderBottom: `2px solid ${theme2.colors.border}`,
       paddingBottom: theme2.space[3],
       marginBottom: theme2.space[2]
     }
-  }, /* @__PURE__ */ React21.createElement("div", {
+  }, /* @__PURE__ */ React20.createElement("div", {
     style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", marginBottom: theme2.space[2] }
-  }, /* @__PURE__ */ React21.createElement("h1", {
+  }, /* @__PURE__ */ React20.createElement("h1", {
     style: {
       fontSize: theme2.fontSizes[6],
       fontWeight: 700,
@@ -9277,9 +6520,9 @@ var SkillMetadataSection = ({
       color: theme2.colors.text,
       fontFamily: theme2.fonts.heading
     }
-  }, metadata.name), (metadata.metadata?.["last-updated"] || metadata.license) && /* @__PURE__ */ React21.createElement("div", {
+  }, metadata.name), (metadata.metadata?.["last-updated"] || metadata.license) && /* @__PURE__ */ React20.createElement("div", {
     style: { display: "flex", flexDirection: "column", alignItems: "flex-end", gap: theme2.space[1], marginLeft: theme2.space[3], marginTop: theme2.space[1] }
-  }, metadata.metadata?.["last-updated"] && /* @__PURE__ */ React21.createElement("span", {
+  }, metadata.metadata?.["last-updated"] && /* @__PURE__ */ React20.createElement("span", {
     style: {
       fontSize: theme2.fontSizes[0],
       color: theme2.colors.textSecondary,
@@ -9287,7 +6530,7 @@ var SkillMetadataSection = ({
       fontWeight: 500,
       whiteSpace: "nowrap"
     }
-  }, formatRelativeTime(metadata.metadata["last-updated"])), metadata.license && /* @__PURE__ */ React21.createElement("span", {
+  }, formatRelativeTime(metadata.metadata["last-updated"])), metadata.license && /* @__PURE__ */ React20.createElement("span", {
     style: {
       fontSize: theme2.fontSizes[1],
       color: theme2.colors.textSecondary,
@@ -9295,7 +6538,7 @@ var SkillMetadataSection = ({
       fontWeight: 500,
       whiteSpace: "nowrap"
     }
-  }, metadata.license))), /* @__PURE__ */ React21.createElement("p", {
+  }, metadata.license))), /* @__PURE__ */ React20.createElement("p", {
     style: {
       fontSize: theme2.fontSizes[3],
       color: theme2.colors.textSecondary,
@@ -9314,9 +6557,9 @@ var SkillMarkdown = ({
   showRawOnError = false,
   containerWidth
 }) => {
-  const [parsed, setParsed] = React21.useState(null);
-  const [error, setError] = React21.useState(null);
-  React21.useEffect(() => {
+  const [parsed, setParsed] = React20.useState(null);
+  const [error, setError] = React20.useState(null);
+  React20.useEffect(() => {
     try {
       const skill = parseSkillMarkdown(content);
       setParsed(skill);
@@ -9330,16 +6573,16 @@ var SkillMarkdown = ({
     }
   }, [content, onParsed, onError]);
   if (!theme2 || !theme2.space) {
-    return /* @__PURE__ */ React21.createElement("div", {
+    return /* @__PURE__ */ React20.createElement("div", {
       className,
       style: { width: "100%", height: "100%" }
-    }, /* @__PURE__ */ React21.createElement("div", {
+    }, /* @__PURE__ */ React20.createElement("div", {
       style: { padding: "2rem", textAlign: "center", color: "#856404" }
     }, "Error: Theme not available. Wrap component in ThemeProvider."));
   }
   if (error) {
     if (showRawOnError) {
-      return /* @__PURE__ */ React21.createElement("div", {
+      return /* @__PURE__ */ React20.createElement("div", {
         className,
         style: {
           width: "100%",
@@ -9347,9 +6590,9 @@ var SkillMarkdown = ({
           overflow: "auto",
           background: theme2.colors.background
         }
-      }, /* @__PURE__ */ React21.createElement("div", {
+      }, /* @__PURE__ */ React20.createElement("div", {
         style: { padding: theme2.space[3] }
-      }, /* @__PURE__ */ React21.createElement(IndustryMarkdownSlide, {
+      }, /* @__PURE__ */ React20.createElement(IndustryMarkdownSlide, {
         content,
         theme: theme2,
         slideIdPrefix: "skill-fallback",
@@ -9358,7 +6601,7 @@ var SkillMarkdown = ({
         containerWidth
       })));
     }
-    return /* @__PURE__ */ React21.createElement("div", {
+    return /* @__PURE__ */ React20.createElement("div", {
       className,
       style: {
         display: "flex",
@@ -9371,7 +6614,7 @@ var SkillMarkdown = ({
         background: theme2.colors.background,
         overflow: "auto"
       }
-    }, /* @__PURE__ */ React21.createElement("div", {
+    }, /* @__PURE__ */ React20.createElement("div", {
       style: {
         background: "#fff3cd",
         border: "1px solid #ffc107",
@@ -9379,9 +6622,9 @@ var SkillMarkdown = ({
         padding: theme2.space[4],
         maxWidth: "600px"
       }
-    }, /* @__PURE__ */ React21.createElement("h2", {
+    }, /* @__PURE__ */ React20.createElement("h2", {
       style: { color: "#856404", marginTop: 0 }
-    }, "Failed to parse SKILL.md"), /* @__PURE__ */ React21.createElement("p", {
+    }, "Failed to parse SKILL.md"), /* @__PURE__ */ React20.createElement("p", {
       style: {
         fontWeight: 600,
         color: "#856404",
@@ -9389,9 +6632,9 @@ var SkillMarkdown = ({
         textTransform: "uppercase",
         letterSpacing: "0.5px"
       }
-    }, error instanceof SkillParseError && "Parse Error", error instanceof SkillValidationError && "Validation Error", !(error instanceof SkillParseError) && !(error instanceof SkillValidationError) && "Error"), /* @__PURE__ */ React21.createElement("p", {
+    }, error instanceof SkillParseError && "Parse Error", error instanceof SkillValidationError && "Validation Error", !(error instanceof SkillParseError) && !(error instanceof SkillValidationError) && "Error"), /* @__PURE__ */ React20.createElement("p", {
       style: { color: "#856404", margin: `${theme2.space[3]} 0` }
-    }, error.message), error instanceof SkillValidationError && error.field && /* @__PURE__ */ React21.createElement("p", {
+    }, error.message), error instanceof SkillValidationError && error.field && /* @__PURE__ */ React20.createElement("p", {
       style: {
         fontFamily: theme2.fonts.monospace,
         color: "#856404",
@@ -9400,7 +6643,7 @@ var SkillMarkdown = ({
     }, "Field: ", error.field)));
   }
   if (!parsed) {
-    return /* @__PURE__ */ React21.createElement("div", {
+    return /* @__PURE__ */ React20.createElement("div", {
       className,
       style: {
         display: "flex",
@@ -9415,7 +6658,7 @@ var SkillMarkdown = ({
       }
     }, "Loading...");
   }
-  return /* @__PURE__ */ React21.createElement("div", {
+  return /* @__PURE__ */ React20.createElement("div", {
     className,
     style: {
       width: "100%",
@@ -9424,25 +6667,25 @@ var SkillMarkdown = ({
       flexDirection: "column",
       background: theme2.colors.background
     }
-  }, /* @__PURE__ */ React21.createElement("div", {
+  }, /* @__PURE__ */ React20.createElement("div", {
     style: { padding: theme2.space[3], paddingBottom: 0 }
-  }, /* @__PURE__ */ React21.createElement(SkillMetadataSection, {
+  }, /* @__PURE__ */ React20.createElement(SkillMetadataSection, {
     metadata: parsed.metadata,
     theme: theme2
-  })), /* @__PURE__ */ React21.createElement("div", {
+  })), /* @__PURE__ */ React20.createElement("div", {
     style: { flex: 1, overflow: "auto", padding: theme2.space[3], paddingTop: 0 }
-  }, /* @__PURE__ */ React21.createElement("div", {
+  }, /* @__PURE__ */ React20.createElement("div", {
     style: { display: "flex", gap: theme2.space[4], alignItems: "flex-start" }
-  }, /* @__PURE__ */ React21.createElement("div", {
+  }, /* @__PURE__ */ React20.createElement("div", {
     style: { flex: 1, minWidth: 0 }
-  }, /* @__PURE__ */ React21.createElement(IndustryMarkdownSlide, {
+  }, /* @__PURE__ */ React20.createElement(IndustryMarkdownSlide, {
     content: parsed.body,
     theme: theme2,
     slideIdPrefix: "skill-body",
     slideIndex: 0,
     isVisible: true,
     containerWidth
-  })), (parsed.metadata.compatibility || parsed.metadata["allowed-tools"] || parsed.metadata.metadata) && /* @__PURE__ */ React21.createElement("div", {
+  })), (parsed.metadata.compatibility || parsed.metadata["allowed-tools"] || parsed.metadata.metadata) && /* @__PURE__ */ React20.createElement("div", {
     style: {
       width: "300px",
       flexShrink: 0,
@@ -9451,9 +6694,9 @@ var SkillMarkdown = ({
       position: "sticky",
       top: theme2.space[3]
     }
-  }, parsed.metadata.compatibility && /* @__PURE__ */ React21.createElement("div", {
+  }, parsed.metadata.compatibility && /* @__PURE__ */ React20.createElement("div", {
     style: { marginBottom: theme2.space[3] }
-  }, /* @__PURE__ */ React21.createElement("div", {
+  }, /* @__PURE__ */ React20.createElement("div", {
     style: {
       fontFamily: theme2.fonts.heading,
       fontWeight: 600,
@@ -9463,11 +6706,11 @@ var SkillMarkdown = ({
       color: theme2.colors.textSecondary,
       marginBottom: theme2.space[1]
     }
-  }, "Compatibility"), /* @__PURE__ */ React21.createElement("div", {
+  }, "Compatibility"), /* @__PURE__ */ React20.createElement("div", {
     style: { fontSize: theme2.fontSizes[1], color: theme2.colors.text, fontFamily: theme2.fonts.body }
-  }, parsed.metadata.compatibility)), parsed.metadata["allowed-tools"] && parsed.metadata["allowed-tools"].length > 0 && /* @__PURE__ */ React21.createElement("div", {
+  }, parsed.metadata.compatibility)), parsed.metadata["allowed-tools"] && parsed.metadata["allowed-tools"].length > 0 && /* @__PURE__ */ React20.createElement("div", {
     style: { marginBottom: theme2.space[3] }
-  }, /* @__PURE__ */ React21.createElement("div", {
+  }, /* @__PURE__ */ React20.createElement("div", {
     style: {
       fontFamily: theme2.fonts.heading,
       fontWeight: 600,
@@ -9477,9 +6720,9 @@ var SkillMarkdown = ({
       color: theme2.colors.textSecondary,
       marginBottom: theme2.space[1]
     }
-  }, "Allowed Tools"), /* @__PURE__ */ React21.createElement("div", {
+  }, "Allowed Tools"), /* @__PURE__ */ React20.createElement("div", {
     style: { display: "flex", flexWrap: "wrap", gap: theme2.space[1] }
-  }, parsed.metadata["allowed-tools"].map((tool, index) => /* @__PURE__ */ React21.createElement("span", {
+  }, parsed.metadata["allowed-tools"].map((tool, index) => /* @__PURE__ */ React20.createElement("span", {
     key: index,
     style: {
       display: "inline-block",
@@ -9494,7 +6737,7 @@ var SkillMarkdown = ({
       fontWeight: 500,
       fontFamily: theme2.fonts.monospace
     }
-  }, tool)))), parsed.metadata.metadata && Object.keys(parsed.metadata.metadata).length > 0 && /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("div", {
+  }, tool)))), parsed.metadata.metadata && Object.keys(parsed.metadata.metadata).length > 0 && /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("div", {
     style: {
       fontFamily: theme2.fonts.heading,
       fontWeight: 600,
@@ -9504,18 +6747,18 @@ var SkillMarkdown = ({
       color: theme2.colors.textSecondary,
       marginBottom: theme2.space[1]
     }
-  }, "Metadata"), /* @__PURE__ */ React21.createElement("div", {
+  }, "Metadata"), /* @__PURE__ */ React20.createElement("div", {
     style: { display: "flex", flexDirection: "column", gap: theme2.space[1] }
-  }, Object.entries(parsed.metadata.metadata).filter(([key]) => key !== "last-updated").map(([key, value]) => /* @__PURE__ */ React21.createElement("div", {
+  }, Object.entries(parsed.metadata.metadata).filter(([key]) => key !== "last-updated").map(([key, value]) => /* @__PURE__ */ React20.createElement("div", {
     key
-  }, /* @__PURE__ */ React21.createElement("div", {
+  }, /* @__PURE__ */ React20.createElement("div", {
     style: {
       fontSize: theme2.fontSizes[0],
       fontWeight: 600,
       color: theme2.colors.textSecondary,
       fontFamily: theme2.fonts.body
     }
-  }, key, ":"), /* @__PURE__ */ React21.createElement("div", {
+  }, key, ":"), /* @__PURE__ */ React20.createElement("div", {
     style: {
       fontSize: theme2.fontSizes[1],
       color: theme2.colors.text,