themed-markdown 0.1.39 → 0.1.41

package/dist/index.mjs

@@ -1448,7 +1448,7 @@ import { MoveRight } from "lucide-react";
 import React5, { useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
 
 // industryMarkdown/components/IndustryMermaidDiagram.tsx
-import { ZoomIn, ZoomOut, RotateCcw } from "lucide-react";
+import { ZoomIn, ZoomOut, RotateCcw, Expand } from "lucide-react";
 import React4, { useEffect as useEffect2, useRef, useState as useState3 } from "react";
 var getMermaidSync = () => {
   if (typeof window !== "undefined") {
@@ -1466,7 +1466,8 @@ function IndustryMermaidDiagram({
   onCopyError,
   onError,
   rootMargin = "200px",
-  isModalMode = false
+  isModalMode = false,
+  isFullSlide = false
 }) {
   const theme2 = themeOverride || theme;
   const [errorDetails, setErrorDetails] = useState3(null);
@@ -1474,7 +1475,9 @@ function IndustryMermaidDiagram({
   const [hasRendered, setHasRendered] = useState3(false);
   const [containerElement, setContainerElement] = useState3(null);
   const [zoomLevel, setZoomLevel] = useState3(1);
+  const [showFullSlide, setShowFullSlide] = useState3(false);
   const observerRef = useRef(null);
+  const wrapperRef = useRef(null);
   const containerRef = React4.useCallback((node) => {
     setContainerElement(node);
     if (observerRef.current) {
@@ -1514,7 +1517,7 @@ function IndustryMermaidDiagram({
       if (!mermaid || !containerElement)
         return;
       try {
-        const diagramBackground = theme2.colors.backgroundSecondary || theme2.colors.muted || theme2.colors.background;
+        const diagramBackground = isModalMode ? theme2.colors.background : theme2.colors.backgroundSecondary || theme2.colors.muted || theme2.colors.background;
         const nodeBackground = theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary || theme2.colors.primary + "22";
         mermaid.initialize({
           startOnLoad: false,
@@ -1558,21 +1561,35 @@ function IndustryMermaidDiagram({
           svgElement.style.height = "auto";
           svgElement.style.display = "block";
           svgElement.style.margin = "0 auto";
-          if (isModalMode) {
+          if (!svgElement.getAttribute("preserveAspectRatio")) {
+            svgElement.setAttribute("preserveAspectRatio", "xMidYMid meet");
+          }
+          if (isFullSlide) {
+            svgElement.style.width = "100%";
+            svgElement.style.height = "100%";
+            svgElement.style.maxWidth = "100%";
+            svgElement.style.maxHeight = "100%";
+            svgElement.style.objectFit = "contain";
+          } else if (isModalMode) {
             svgElement.style.width = "auto";
             svgElement.style.height = "auto";
+            svgElement.style.maxWidth = "none";
+            svgElement.style.maxHeight = "none";
+            svgElement.style.minWidth = "auto";
+            svgElement.style.minHeight = "auto";
             const viewBox = svgElement.getAttribute("viewBox");
             if (viewBox) {
               const [, , width, height] = viewBox.split(" ").map(Number);
               if (width && height) {
-                svgElement.setAttribute("width", width.toString());
-                svgElement.setAttribute("height", height.toString());
+                const scaleFactor = 3;
+                svgElement.setAttribute("width", (width * scaleFactor).toString());
+                svgElement.setAttribute("height", (height * scaleFactor).toString());
               }
             }
           } else {
             svgElement.style.maxHeight = "360px";
-            svgElement.style.width = "auto";
-            svgElement.style.maxWidth = "none";
+            svgElement.style.width = "100%";
+            svgElement.style.maxWidth = "100%";
           }
         } else {
           console.warn("No SVG element found after mermaid render");
@@ -1609,15 +1626,35 @@ function IndustryMermaidDiagram({
       }
     };
     renderDiagram();
-  }, [hasRendered, code, id, theme2, containerElement, onError, isModalMode]);
+  }, [hasRendered, code, id, theme2, containerElement, onError, isModalMode, isFullSlide]);
   useEffect2(() => {
-    if (!containerElement || !hasRendered)
+    if (!hasRendered || !containerElement)
       return;
     const svgElement = containerElement.querySelector("svg");
     if (svgElement) {
-      if (zoomLevel !== 1) {
+      if (showFullSlide) {
+        svgElement.style.maxHeight = "none";
+        svgElement.style.maxWidth = "none";
+        const viewBox = svgElement.getAttribute("viewBox");
+        if (viewBox && wrapperRef.current) {
+          const [, , svgWidth, svgHeight] = viewBox.split(" ").map(Number);
+          const wrapperRect = wrapperRef.current.getBoundingClientRect();
+          const availableWidth = wrapperRect.width * 0.9;
+          const availableHeight = wrapperRect.height * 0.9;
+          const scaleX = availableWidth / svgWidth;
+          const scaleY = availableHeight / svgHeight;
+          const optimalScale = Math.min(scaleX, scaleY);
+          svgElement.style.width = `${svgWidth}px`;
+          svgElement.style.height = `${svgHeight}px`;
+          svgElement.style.transform = `scale(${optimalScale})`;
+          svgElement.style.transformOrigin = "center center";
+        } else {
+          svgElement.style.width = "100%";
+          svgElement.style.height = "auto";
+        }
+      } else if (zoomLevel !== 1) {
         svgElement.style.transform = `scale(${zoomLevel})`;
-        svgElement.style.transformOrigin = "top center";
+        svgElement.style.transformOrigin = "center center";
         const containerRect = containerElement.getBoundingClientRect();
         const svgRect = svgElement.getBoundingClientRect();
         if (svgRect.width < containerRect.width) {
@@ -1627,14 +1664,14 @@ function IndustryMermaidDiagram({
         svgElement.style.transform = "";
         svgElement.style.transformOrigin = "";
         svgElement.style.margin = "0 auto";
-        if (!isModalMode) {
+        if (!isModalMode && !isFullSlide) {
           svgElement.style.maxHeight = "360px";
-          svgElement.style.width = "auto";
-          svgElement.style.maxWidth = "none";
+          svgElement.style.width = "100%";
+          svgElement.style.maxWidth = "100%";
         }
       }
     }
-  }, [zoomLevel, containerElement, hasRendered, isModalMode]);
+  }, [zoomLevel, containerElement, hasRendered, isModalMode, isFullSlide, showFullSlide]);
   useEffect2(() => {
     if (errorDetails && onCopyError) {
       const handleKeyDown = (e) => {
@@ -1651,11 +1688,30 @@ function IndustryMermaidDiagram({
     }
     return;
   }, [errorDetails, onCopyError, containerElement]);
-  const containerStyle = isModalMode ? {
+  const containerStyle = isFullSlide ? {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "transparent",
+    border: "none",
+    borderRadius: 0,
+    padding: theme2.space[4],
+    margin: 0,
+    overflow: "auto"
+  } : isModalMode ? {
     position: "relative",
-    width: "fit-content",
-    height: "fit-content",
-    display: "block",
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
     backgroundColor: "transparent",
     border: "none",
     borderRadius: 0,
@@ -1664,8 +1720,6 @@ function IndustryMermaidDiagram({
     overflow: "visible"
   } : {
     position: "relative",
-    width: "100%",
-    minHeight: "200px",
     maxHeight: "400px",
     display: "block",
     backgroundColor: hasRendered ? "transparent" : theme2.colors.backgroundSecondary,
@@ -1682,16 +1736,38 @@ function IndustryMermaidDiagram({
     fontSize: theme2.fontSizes[2],
     fontFamily: theme2.fonts.body
   };
-  return isModalMode ? /* @__PURE__ */ React4.createElement("div", {
-    ref: containerRef,
-    style: containerStyle,
-    className: "mermaid-container"
-  }, !hasRendered && /* @__PURE__ */ React4.createElement("div", {
-    style: placeholderStyle
-  }, /* @__PURE__ */ React4.createElement("div", null, "\uD83D\uDCCA Mermaid Diagram"), /* @__PURE__ */ React4.createElement("div", {
-    style: { fontSize: theme2.fontSizes[1], marginTop: theme2.space[2], opacity: 0.7 }
-  }, "Loading..."))) : /* @__PURE__ */ React4.createElement("div", {
-    style: { position: "relative" }
+  if (isModalMode || isFullSlide) {
+    return /* @__PURE__ */ React4.createElement("div", {
+      ref: containerRef,
+      style: containerStyle,
+      className: "mermaid-container"
+    }, !hasRendered && /* @__PURE__ */ React4.createElement("div", {
+      style: placeholderStyle
+    }, /* @__PURE__ */ React4.createElement("div", null, "\uD83D\uDCCA Mermaid Diagram"), /* @__PURE__ */ React4.createElement("div", {
+      style: { fontSize: theme2.fontSizes[1], marginTop: theme2.space[2], opacity: 0.7 }
+    }, "Loading...")));
+  }
+  const wrapperStyle = showFullSlide && !isFullSlide && !isModalMode ? {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: theme2.colors.background,
+    zIndex: 1000,
+    display: "flex",
+    flexDirection: "column",
+    padding: theme2.space[4]
+  } : {
+    position: "relative",
+    width: "100%"
+  };
+  return /* @__PURE__ */ React4.createElement("div", {
+    ref: wrapperRef,
+    style: wrapperStyle,
+    onClick: showFullSlide ? () => setShowFullSlide(false) : undefined
+  }, /* @__PURE__ */ React4.createElement("div", {
+    style: { position: "relative", width: "100%", height: showFullSlide ? "100%" : "auto" }
   }, hasRendered && /* @__PURE__ */ React4.createElement("div", {
     style: {
       position: "absolute",
@@ -1701,7 +1777,48 @@ function IndustryMermaidDiagram({
       display: "flex",
       gap: theme2.space[1]
     }
-  }, /* @__PURE__ */ React4.createElement("button", {
+  }, showFullSlide ? /* @__PURE__ */ React4.createElement("button", {
+    onClick: (e) => {
+      e.stopPropagation();
+      setShowFullSlide(false);
+    },
+    style: {
+      padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
+      backgroundColor: theme2.colors.background,
+      color: theme2.colors.text,
+      border: `1px solid ${theme2.colors.border}`,
+      borderRadius: theme2.radii[1],
+      fontSize: theme2.fontSizes[1],
+      fontWeight: theme2.fontWeights.medium,
+      cursor: "pointer",
+      fontFamily: theme2.fonts.body
+    }
+  }, "Close") : /* @__PURE__ */ React4.createElement("button", {
+    onClick: (e) => {
+      e.stopPropagation();
+      setShowFullSlide(true);
+      setTimeout(() => {
+        setZoomLevel(0.99);
+        setTimeout(() => setZoomLevel(1), 10);
+      }, 50);
+    },
+    style: {
+      padding: theme2.space[1],
+      backgroundColor: theme2.colors.backgroundSecondary,
+      border: `1px solid ${theme2.colors.border}`,
+      borderRadius: theme2.radii[1],
+      color: theme2.colors.text,
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "28px",
+      height: "28px"
+    },
+    title: "Expand to full slide"
+  }, /* @__PURE__ */ React4.createElement(Expand, {
+    size: 14
+  })), /* @__PURE__ */ React4.createElement("button", {
     onClick: () => setZoomLevel(Math.min(3, zoomLevel + 0.25)),
     disabled: zoomLevel >= 3,
     style: {
@@ -1742,8 +1859,15 @@ function IndustryMermaidDiagram({
   }, /* @__PURE__ */ React4.createElement(ZoomOut, {
     size: 14
   })), /* @__PURE__ */ React4.createElement("button", {
-    onClick: () => setZoomLevel(1),
-    disabled: zoomLevel === 1,
+    onClick: () => {
+      if (showFullSlide) {
+        setZoomLevel(0.99);
+        setTimeout(() => setZoomLevel(1), 10);
+      } else {
+        setZoomLevel(1);
+      }
+    },
+    disabled: zoomLevel === 1 && !showFullSlide,
     style: {
       padding: theme2.space[1],
       backgroundColor: theme2.colors.backgroundSecondary,
@@ -1762,14 +1886,38 @@ function IndustryMermaidDiagram({
   }, /* @__PURE__ */ React4.createElement(RotateCcw, {
     size: 14
   }))), /* @__PURE__ */ React4.createElement("div", {
+    style: showFullSlide ? {
+      width: "100%",
+      height: "100%",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      overflow: "visible",
+      padding: theme2.space[6]
+    } : {},
+    onClick: (e) => e.stopPropagation()
+  }, /* @__PURE__ */ React4.createElement("div", {
     ref: containerRef,
-    style: containerStyle,
+    style: showFullSlide ? {
+      position: "relative",
+      width: "auto",
+      height: "auto",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "transparent",
+      border: "none",
+      borderRadius: 0,
+      padding: 0,
+      margin: 0,
+      overflow: "visible"
+    } : containerStyle,
     className: "mermaid-container"
   }, !hasRendered && /* @__PURE__ */ React4.createElement("div", {
     style: placeholderStyle
   }, /* @__PURE__ */ React4.createElement("div", null, "\uD83D\uDCCA Mermaid Diagram"), /* @__PURE__ */ React4.createElement("div", {
     style: { fontSize: theme2.fontSizes[1], marginTop: theme2.space[2], opacity: 0.7 }
-  }, isIntersecting ? "Loading..." : "Scroll to view"))));
+  }, isIntersecting ? "Loading..." : "Scroll to view"))))));
 }
 
 // industryMarkdown/components/IndustryLazyMermaidDiagram.tsx
@@ -1856,7 +2004,7 @@ function IndustryLazyMermaidDiagram({
   }
   return /* @__PURE__ */ React5.createElement("div", {
     ref: containerRef,
-    style: { position: "relative" }
+    style: { position: "relative", width: "100%" }
   }, hasRendered && onShowInPanel && !hasError && /* @__PURE__ */ React5.createElement("button", {
     onClick: (e) => {
       e.stopPropagation();
@@ -2725,11 +2873,11 @@ function IndustryZoomableMermaidDiagram({
   id,
   theme: themeOverride,
   fitStrategy = "contain",
-  padding = 0.85
+  padding = 1
 }) {
   const { theme: contextTheme } = useTheme();
   const theme2 = themeOverride || contextTheme;
-  const [calculatedScale, setCalculatedScale] = useState7(0.8);
+  const [calculatedScale, setCalculatedScale] = useState7(1);
   const containerRef = useRef5(null);
   const diagramRef = useRef5(null);
   const [isCalculating, setIsCalculating] = useState7(true);
@@ -2747,15 +2895,22 @@ function IndustryZoomableMermaidDiagram({
         return;
       }
       let svgWidth, svgHeight;
-      const viewBox = svg.getAttribute("viewBox");
-      if (viewBox) {
-        const [, , width, height] = viewBox.split(" ").map(Number);
-        svgWidth = width;
-        svgHeight = height;
+      const explicitWidth = svg.getAttribute("width");
+      const explicitHeight = svg.getAttribute("height");
+      if (explicitWidth && explicitHeight) {
+        svgWidth = parseFloat(explicitWidth);
+        svgHeight = parseFloat(explicitHeight);
       } else {
-        const svgRect = svg.getBoundingClientRect();
-        svgWidth = svgRect.width / calculatedScale;
-        svgHeight = svgRect.height / calculatedScale;
+        const viewBox = svg.getAttribute("viewBox");
+        if (viewBox) {
+          const [, , width, height] = viewBox.split(" ").map(Number);
+          svgWidth = width;
+          svgHeight = height;
+        } else {
+          const svgRect = svg.getBoundingClientRect();
+          svgWidth = svgRect.width;
+          svgHeight = svgRect.height;
+        }
       }
       const containerWidth = container.clientWidth;
       const containerHeight = container.clientHeight;
@@ -2775,7 +2930,7 @@ function IndustryZoomableMermaidDiagram({
           scale = Math.min(containerWidth * padding / svgWidth, containerHeight * padding / svgHeight);
           break;
       }
-      scale = Math.min(Math.max(scale, 0.3), 2);
+      scale = Math.min(Math.max(scale, 0.3), 3);
       setCalculatedScale(scale);
       setIsCalculating(false);
     };
@@ -2783,7 +2938,8 @@ function IndustryZoomableMermaidDiagram({
       calculateOptimalScale();
     });
     resizeObserver.observe(containerRef.current);
-    setTimeout(calculateOptimalScale, 200);
+    setTimeout(calculateOptimalScale, 100);
+    setTimeout(calculateOptimalScale, 500);
     return () => {
       resizeObserver.disconnect();
     };
@@ -2809,11 +2965,11 @@ function IndustryZoomableMermaidDiagram({
   };
   return /* @__PURE__ */ React9.createElement("div", {
     ref: containerRef,
-    style: { width: "100%", height: "100%", position: "relative" }
+    style: { width: "100%", height: "100%", position: "relative", backgroundColor: theme2.colors.background }
   }, /* @__PURE__ */ React9.createElement(TransformWrapper, {
     limitToBounds: true,
     doubleClick: { disabled: true },
-    minScale: 0.3,
+    minScale: 0.1,
     maxScale: 10,
     initialScale: calculatedScale,
     initialPositionX: 0,
@@ -2870,16 +3026,15 @@ function IndustryZoomableMermaidDiagram({
     wrapperStyle: {
       width: "100%",
       height: "100%",
+      backgroundColor: theme2.colors.background,
       overflow: "hidden"
     },
     contentStyle: {
-      width: "fit-content",
-      height: "fit-content",
+      width: "100%",
+      height: "100%",
       display: "flex",
       alignItems: "center",
-      justifyContent: "center",
-      minWidth: "100%",
-      minHeight: "100%"
+      justifyContent: "center"
     }
   }, /* @__PURE__ */ React9.createElement("div", {
     ref: diagramRef,
@@ -2887,10 +3042,8 @@ function IndustryZoomableMermaidDiagram({
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      width: "fit-content",
-      height: "fit-content",
-      minWidth: "100%",
-      minHeight: "100%"
+      width: "100%",
+      height: "100%"
     }
   }, /* @__PURE__ */ React9.createElement(IndustryMermaidDiagram, {
     code,
@@ -2936,7 +3089,7 @@ function IndustryMermaidModal({
       left: 0,
       right: 0,
       bottom: 0,
-      backgroundColor: "rgba(0, 0, 0, 0.8)",
+      backgroundColor: "rgba(0, 0, 0, 0.9)",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -2950,9 +3103,9 @@ function IndustryMermaidModal({
       position: "relative",
       backgroundColor: theme2.colors.background,
       borderRadius: theme2.radii[3],
-      padding: theme2.space[5],
-      width: "90vw",
-      height: "90vh",
+      padding: 0,
+      width: "95vw",
+      height: "95vh",
       display: "flex",
       flexDirection: "column",
       overflow: "hidden",
@@ -2962,8 +3115,9 @@ function IndustryMermaidModal({
     onClick: onClose,
     style: {
       position: "absolute",
-      top: theme2.space[4],
-      right: theme2.space[4],
+      top: theme2.space[3],
+      right: theme2.space[3],
+      zIndex: 100,
       background: "none",
       border: "none",
       fontSize: theme2.fontSizes[5],
@@ -2989,7 +3143,7 @@ function IndustryMermaidModal({
     },
     "aria-label": "Close"
   }, "×"), /* @__PURE__ */ React10.createElement("div", {
-    style: { flex: 1, overflow: "hidden", position: "relative" }
+    style: { flex: 1, overflow: "hidden", position: "relative", backgroundColor: theme2.colors.background, padding: theme2.space[2] }
   }, /* @__PURE__ */ React10.createElement(IndustryZoomableMermaidDiagram, {
     id: "mermaid-modal-diagram",
     code: mermaidCode,

package/dist/industryMarkdown/components/FullSlideMermaid.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SlidePresentation } from './SlidePresentation';
+declare const meta: Meta<typeof SlidePresentation>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ExpandableDiagrams: Story;
+export declare const MixedContent: Story;
+//# sourceMappingURL=FullSlideMermaid.stories.d.ts.map

package/dist/industryMarkdown/components/FullSlideMermaid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullSlideMermaid.stories.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/FullSlideMermaid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAexC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4LnC,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA+E1B,CAAC"}

package/dist/industryMarkdown/components/IndustryMermaidDiagram.d.ts

@@ -14,7 +14,8 @@ interface IndustryMermaidDiagramProps {
     onError?: (hasError: boolean) => void;
     rootMargin?: string;
     isModalMode?: boolean;
+    isFullSlide?: boolean;
 }
-export declare function IndustryMermaidDiagram({ code, id, theme: themeOverride, onCopyError, onError, rootMargin, isModalMode, }: IndustryMermaidDiagramProps): React.JSX.Element;
+export declare function IndustryMermaidDiagram({ code, id, theme: themeOverride, onCopyError, onError, rootMargin, isModalMode, isFullSlide, }: IndustryMermaidDiagramProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=IndustryMermaidDiagram.d.ts.map

package/dist/industryMarkdown/components/IndustryMermaidDiagram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IndustryMermaidDiagram.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMermaidDiagram.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAyB,MAAM,qBAAqB,CAAC;AAEnE,UAAU,2BAA2B;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAmBD,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,EAAE,EACF,KAAK,EAAE,aAAa,EACpB,WAAW,EACX,OAAO,EACP,UAAoB,EACpB,WAAmB,GACpB,EAAE,2BAA2B,qBAyX7B"}
+{"version":3,"file":"IndustryMermaidDiagram.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMermaidDiagram.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAyB,MAAM,qBAAqB,CAAC;AAEnE,UAAU,2BAA2B;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAmBD,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,EAAE,EACF,KAAK,EAAE,aAAa,EACpB,WAAW,EACX,OAAO,EACP,UAAoB,EACpB,WAAmB,EACnB,WAAmB,GACpB,EAAE,2BAA2B,qBAsiB7B"}

package/dist/industryMarkdown/components/IndustryMermaidModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IndustryMermaidModal.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMermaidModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAI5C,UAAU,yBAAyB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;CACd;AAED,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,OAAO,EACP,WAAW,EACX,KAAK,GACN,EAAE,yBAAyB,4BAyG3B"}
+{"version":3,"file":"IndustryMermaidModal.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMermaidModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAI5C,UAAU,yBAAyB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;CACd;AAED,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,OAAO,EACP,WAAW,EACX,KAAK,GACN,EAAE,yBAAyB,4BA0G3B"}

package/dist/industryMarkdown/components/IndustryZoomableMermaidDiagram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IndustryZoomableMermaidDiagram.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryZoomableMermaidDiagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAItD,UAAU,mCAAmC;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,IAAI,EACJ,EAAE,EACF,KAAK,EAAE,aAAa,EACpB,WAAuB,EACvB,OAAc,GACf,EAAE,mCAAmC,qBAiPrC"}
+{"version":3,"file":"IndustryZoomableMermaidDiagram.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryZoomableMermaidDiagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAItD,UAAU,mCAAmC;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,IAAI,EACJ,EAAE,EACF,KAAK,EAAE,aAAa,EACpB,WAAuB,EACvB,OAAa,GACd,EAAE,mCAAmC,qBAyPrC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "themed-markdown",
-  "version": "0.1.39",
+  "version": "0.1.41",
   "description": "Industry-themed markdown renderer with presentation capabilities",
   "type": "module",
   "main": "dist/index.mjs",