themed-markdown 0.1.9 → 0.1.11

package/dist/index.js

@@ -642,12 +642,20 @@ function IndustryMermaidDiagram({
           svgElement.style.display = "block";
           svgElement.style.margin = "0 auto";
           if (isModalMode) {
-            svgElement.style.width = "100%";
+            svgElement.style.width = "auto";
             svgElement.style.height = "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());
+              }
+            }
           } else {
             svgElement.style.maxHeight = "360px";
             svgElement.style.width = "auto";
-            svgElement.style.maxWidth = "100%";
+            svgElement.style.maxWidth = "none";
           }
         } else {
           console.warn("No SVG element found after mermaid render");
@@ -691,22 +699,25 @@ function IndustryMermaidDiagram({
     const svgElement = containerElement.querySelector("svg");
     if (svgElement) {
       if (zoomLevel !== 1) {
-        const originalWidth = svgElement.scrollWidth || svgElement.clientWidth;
-        const originalHeight = svgElement.scrollHeight || svgElement.clientHeight;
         svgElement.style.transform = `scale(${zoomLevel})`;
-        svgElement.style.transformOrigin = "top left";
-        svgElement.style.width = `${originalWidth * zoomLevel}px`;
-        svgElement.style.height = `${originalHeight * zoomLevel}px`;
+        svgElement.style.transformOrigin = "top center";
+        const containerRect = containerElement.getBoundingClientRect();
+        const svgRect = svgElement.getBoundingClientRect();
+        if (svgRect.width < containerRect.width) {
+          svgElement.style.margin = "0 auto";
+        }
       } else {
         svgElement.style.transform = "";
         svgElement.style.transformOrigin = "";
-        svgElement.style.width = "auto";
-        svgElement.style.height = "auto";
-        svgElement.style.maxHeight = "360px";
-        svgElement.style.maxWidth = "100%";
+        svgElement.style.margin = "0 auto";
+        if (!isModalMode) {
+          svgElement.style.maxHeight = "360px";
+          svgElement.style.width = "auto";
+          svgElement.style.maxWidth = "none";
+        }
       }
     }
-  }, [zoomLevel, containerElement, hasRendered]);
+  }, [zoomLevel, containerElement, hasRendered, isModalMode]);
   import_react3.useEffect(() => {
     if (errorDetails && onCopyError) {
       const handleKeyDown = (e) => {
@@ -723,7 +734,18 @@ function IndustryMermaidDiagram({
     }
     return;
   }, [errorDetails, onCopyError, containerElement]);
-  const containerStyle = {
+  const containerStyle = isModalMode ? {
+    position: "relative",
+    width: "fit-content",
+    height: "fit-content",
+    display: "block",
+    backgroundColor: "transparent",
+    border: "none",
+    borderRadius: 0,
+    padding: 0,
+    margin: 0,
+    overflow: "visible"
+  } : {
     position: "relative",
     width: "100%",
     minHeight: "200px",
@@ -734,7 +756,8 @@ function IndustryMermaidDiagram({
     borderRadius: theme2.radii[2],
     padding: hasRendered ? theme2.space[3] : theme2.space[4],
     margin: `${theme2.space[4]}px 0`,
-    overflow: hasRendered ? "auto" : "visible"
+    overflowX: hasRendered ? "auto" : "visible",
+    overflowY: hasRendered ? "auto" : "visible"
   };
   const placeholderStyle = {
     textAlign: "center",
@@ -742,9 +765,17 @@ function IndustryMermaidDiagram({
     fontSize: theme2.fontSizes[2],
     fontFamily: theme2.fonts.body
   };
-  return /* @__PURE__ */ import_react3.default.createElement("div", {
+  return isModalMode ? /* @__PURE__ */ import_react3.default.createElement("div", {
+    ref: containerRef,
+    style: containerStyle,
+    className: "mermaid-container"
+  }, !hasRendered && /* @__PURE__ */ import_react3.default.createElement("div", {
+    style: placeholderStyle
+  }, /* @__PURE__ */ import_react3.default.createElement("div", null, "\uD83D\uDCCA Mermaid Diagram"), /* @__PURE__ */ import_react3.default.createElement("div", {
+    style: { fontSize: theme2.fontSizes[1], marginTop: theme2.space[2], opacity: 0.7 }
+  }, "Loading..."))) : /* @__PURE__ */ import_react3.default.createElement("div", {
     style: { position: "relative" }
-  }, hasRendered && !isModalMode && /* @__PURE__ */ import_react3.default.createElement("div", {
+  }, hasRendered && /* @__PURE__ */ import_react3.default.createElement("div", {
     style: {
       position: "absolute",
       top: theme2.space[2],
@@ -1920,8 +1951,11 @@ function IndustryZoomableMermaidDiagram({
     initialScale: calculatedScale,
     initialPositionX: 0,
     initialPositionY: 0,
-    centerOnInit: true
-  }, ({ zoomIn, zoomOut, resetTransform }) => /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", {
+    centerOnInit: true,
+    centerZoomedOut: true,
+    alignmentAnimation: { disabled: true },
+    zoomAnimation: { disabled: false, size: 0.2 }
+  }, ({ centerView, instance }) => /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", {
     style: {
       position: "absolute",
       top: theme2.space[3],
@@ -1931,19 +1965,29 @@ function IndustryZoomableMermaidDiagram({
       gap: theme2.space[2]
     }
   }, /* @__PURE__ */ import_react8.default.createElement("button", {
-    onClick: () => zoomIn(),
+    onClick: () => {
+      const { scale } = instance.transformState;
+      const newScale = Math.min(scale * 1.2, 10);
+      centerView(newScale, 200, "easeOut");
+    },
     style: buttonStyle,
     onMouseEnter: handleButtonHover,
     onMouseLeave: handleButtonLeave,
     title: "Zoom in"
   }, "+"), /* @__PURE__ */ import_react8.default.createElement("button", {
-    onClick: () => zoomOut(),
+    onClick: () => {
+      const { scale } = instance.transformState;
+      const newScale = Math.max(scale * 0.833, 0.3);
+      centerView(newScale, 200, "easeOut");
+    },
     style: buttonStyle,
     onMouseEnter: handleButtonHover,
     onMouseLeave: handleButtonLeave,
     title: "Zoom out"
   }, "−"), /* @__PURE__ */ import_react8.default.createElement("button", {
-    onClick: () => resetTransform(),
+    onClick: () => {
+      centerView(calculatedScale, 200, "easeOut");
+    },
     style: buttonStyle,
     onMouseEnter: handleButtonHover,
     onMouseLeave: handleButtonLeave,
@@ -1956,34 +2000,36 @@ function IndustryZoomableMermaidDiagram({
       fontFamily: theme2.fonts.body
     }
   }, "Optimizing view...")), /* @__PURE__ */ import_react8.default.createElement(import_react_zoom_pan_pinch.TransformComponent, {
-    wrapperStyle: { width: "100%", height: "100%" },
-    contentStyle: {
+    wrapperStyle: {
       width: "100%",
       height: "100%",
+      overflow: "hidden"
+    },
+    contentStyle: {
+      width: "fit-content",
+      height: "fit-content",
       display: "flex",
       alignItems: "center",
-      justifyContent: "center"
+      justifyContent: "center",
+      minWidth: "100%",
+      minHeight: "100%"
     }
   }, /* @__PURE__ */ import_react8.default.createElement("div", {
     ref: diagramRef,
     style: {
-      width: "100%",
-      height: "100%",
       display: "flex",
       alignItems: "center",
-      justifyContent: "center"
-    }
-  }, /* @__PURE__ */ import_react8.default.createElement("div", {
-    style: {
-      width: "100%",
-      height: "100%",
-      overflow: "visible"
+      justifyContent: "center",
+      width: "fit-content",
+      height: "fit-content",
+      minWidth: "100%",
+      minHeight: "100%"
     }
   }, /* @__PURE__ */ import_react8.default.createElement(IndustryMermaidDiagram, {
     code,
     id,
     isModalMode: true
-  })))))));
+  }))))));
 }
 
 // industryMarkdown/components/IndustryMermaidModal.tsx
@@ -2686,9 +2732,9 @@ var IndustryMarkdownSlide = import_react11.default.memo(function IndustryMarkdow
     tagNames: [...import_hast_util_sanitize.defaultSchema.tagNames || [], "picture", "source"],
     attributes: {
       ...import_hast_util_sanitize.defaultSchema.attributes,
-      code: [...import_hast_util_sanitize.defaultSchema.attributes?.code || [], "className"],
-      span: [...import_hast_util_sanitize.defaultSchema.attributes?.span || [], "className"],
-      pre: [...import_hast_util_sanitize.defaultSchema.attributes?.pre || [], "className"],
+      code: [...import_hast_util_sanitize.defaultSchema.attributes?.code || [], "className", "style"],
+      span: [...import_hast_util_sanitize.defaultSchema.attributes?.span || [], "className", "style"],
+      pre: [...import_hast_util_sanitize.defaultSchema.attributes?.pre || [], "className", "style"],
       div: [...import_hast_util_sanitize.defaultSchema.attributes?.div || [], "style", "className", "id"],
       p: [...import_hast_util_sanitize.defaultSchema.attributes?.p || [], "style", "className", "id"],
       h1: [...import_hast_util_sanitize.defaultSchema.attributes?.h1 || [], "style", "className", "id"],
@@ -2721,7 +2767,15 @@ var IndustryMarkdownSlide = import_react11.default.memo(function IndustryMarkdow
       th: [...import_hast_util_sanitize.defaultSchema.attributes?.th || [], "style", "className"],
       td: [...import_hast_util_sanitize.defaultSchema.attributes?.td || [], "style", "className"],
       blockquote: [...import_hast_util_sanitize.defaultSchema.attributes?.blockquote || [], "style", "className"],
-      hr: [...import_hast_util_sanitize.defaultSchema.attributes?.hr || [], "style", "className"]
+      hr: [...import_hast_util_sanitize.defaultSchema.attributes?.hr || [], "style", "className"],
+      label: [...import_hast_util_sanitize.defaultSchema.attributes?.label || [], "style", "className", "for"],
+      input: [...import_hast_util_sanitize.defaultSchema.attributes?.input || [], "style", "className", "type", "placeholder", "value", "checked", "disabled"],
+      button: [...import_hast_util_sanitize.defaultSchema.attributes?.button || [], "style", "className", "type", "disabled"],
+      details: [...import_hast_util_sanitize.defaultSchema.attributes?.details || [], "style", "className", "open"],
+      summary: [...import_hast_util_sanitize.defaultSchema.attributes?.summary || [], "style", "className"],
+      footer: [...import_hast_util_sanitize.defaultSchema.attributes?.footer || [], "style", "className"],
+      header: [...import_hast_util_sanitize.defaultSchema.attributes?.header || [], "style", "className"],
+      section: [...import_hast_util_sanitize.defaultSchema.attributes?.section || [], "style", "className"]
     }
   }), []);
   const rootMargin = isVisible ? "0px" : "100px";
@@ -2872,6 +2926,17 @@ var SlidePresentation = ({
   const goToNextSlide = import_react12.useCallback(() => {
     navigateToSlide(currentSlide + 1);
   }, [currentSlide, navigateToSlide]);
+  const toggleFullscreen = import_react12.useCallback(() => {
+    if (!containerRef.current)
+      return;
+    if (!isFullscreen) {
+      containerRef.current.requestFullscreen?.();
+      setIsFullscreen(true);
+    } else {
+      document.exitFullscreen?.();
+      setIsFullscreen(false);
+    }
+  }, [isFullscreen]);
   import_react12.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
@@ -2879,33 +2944,52 @@ var SlidePresentation = ({
       }
       switch (event.key) {
         case "ArrowLeft":
-          if (event.ctrlKey || event.metaKey) {
-            event.preventDefault();
-            goToPreviousSlide();
-          }
+          event.preventDefault();
+          goToPreviousSlide();
           break;
         case "ArrowRight":
-          if (event.ctrlKey || event.metaKey) {
+          event.preventDefault();
+          goToNextSlide();
+          break;
+        case " ":
+          event.preventDefault();
+          goToNextSlide();
+          break;
+        case "Enter":
+          event.preventDefault();
+          goToNextSlide();
+          break;
+        case "Backspace":
+          event.preventDefault();
+          goToPreviousSlide();
+          break;
+        case "Home":
+          event.preventDefault();
+          navigateToSlide(0);
+          break;
+        case "End":
+          event.preventDefault();
+          navigateToSlide(slides.length - 1);
+          break;
+        case "f":
+        case "F":
+          if (!event.ctrlKey && !event.metaKey && !event.altKey) {
             event.preventDefault();
-            goToNextSlide();
+            toggleFullscreen();
           }
           break;
       }
+      if (!event.ctrlKey && !event.metaKey && !event.altKey) {
+        const num = parseInt(event.key);
+        if (num >= 1 && num <= 9 && num <= slides.length) {
+          event.preventDefault();
+          navigateToSlide(num - 1);
+        }
+      }
     };
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [goToPreviousSlide, goToNextSlide]);
-  const toggleFullscreen = import_react12.useCallback(() => {
-    if (!containerRef.current)
-      return;
-    if (!isFullscreen) {
-      containerRef.current.requestFullscreen?.();
-      setIsFullscreen(true);
-    } else {
-      document.exitFullscreen?.();
-      setIsFullscreen(false);
-    }
-  }, [isFullscreen]);
+  }, [goToPreviousSlide, goToNextSlide, navigateToSlide, slides.length, toggleFullscreen]);
   import_react12.useEffect(() => {
     if (currentSlide >= slides.length && slides.length > 0) {
       setCurrentSlide(slides.length - 1);
@@ -3304,7 +3388,7 @@ var IndustryEditableMarkdownSlide = ({
         clearTimeout(saveTimeoutRef.current);
       }
       saveTimeoutRef.current = setTimeout(() => {
-        handleSave();
+        handleSave(false);
       }, autoSaveDelay);
     }
     return () => {
@@ -3324,7 +3408,7 @@ var IndustryEditableMarkdownSlide = ({
     setEditContent(content);
     setIsEditing(false);
   }, [content]);
-  const handleSave = import_react14.useCallback(async () => {
+  const handleSave = import_react14.useCallback(async (exitEditMode = true) => {
     if (onContentChange) {
       onContentChange(editContent);
     }
@@ -3338,7 +3422,9 @@ var IndustryEditableMarkdownSlide = ({
         setIsSaving(false);
       }
     }
-    setIsEditing(false);
+    if (exitEditMode) {
+      setIsEditing(false);
+    }
   }, [editContent, onContentChange, onSave]);
   const handleKeyDown = import_react14.useCallback((e) => {
     if (e.key === "Escape") {
@@ -3388,7 +3474,7 @@ var IndustryEditableMarkdownSlide = ({
         gap: theme2.space[2]
       }
     }, /* @__PURE__ */ import_react14.default.createElement("button", {
-      onClick: handleSave,
+      onClick: () => handleSave(),
       disabled: isSaving,
       style: {
         display: "flex",

package/dist/index.mjs

@@ -560,12 +560,20 @@ function IndustryMermaidDiagram({
           svgElement.style.display = "block";
           svgElement.style.margin = "0 auto";
           if (isModalMode) {
-            svgElement.style.width = "100%";
+            svgElement.style.width = "auto";
             svgElement.style.height = "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());
+              }
+            }
           } else {
             svgElement.style.maxHeight = "360px";
             svgElement.style.width = "auto";
-            svgElement.style.maxWidth = "100%";
+            svgElement.style.maxWidth = "none";
           }
         } else {
           console.warn("No SVG element found after mermaid render");
@@ -609,22 +617,25 @@ function IndustryMermaidDiagram({
     const svgElement = containerElement.querySelector("svg");
     if (svgElement) {
       if (zoomLevel !== 1) {
-        const originalWidth = svgElement.scrollWidth || svgElement.clientWidth;
-        const originalHeight = svgElement.scrollHeight || svgElement.clientHeight;
         svgElement.style.transform = `scale(${zoomLevel})`;
-        svgElement.style.transformOrigin = "top left";
-        svgElement.style.width = `${originalWidth * zoomLevel}px`;
-        svgElement.style.height = `${originalHeight * zoomLevel}px`;
+        svgElement.style.transformOrigin = "top center";
+        const containerRect = containerElement.getBoundingClientRect();
+        const svgRect = svgElement.getBoundingClientRect();
+        if (svgRect.width < containerRect.width) {
+          svgElement.style.margin = "0 auto";
+        }
       } else {
         svgElement.style.transform = "";
         svgElement.style.transformOrigin = "";
-        svgElement.style.width = "auto";
-        svgElement.style.height = "auto";
-        svgElement.style.maxHeight = "360px";
-        svgElement.style.maxWidth = "100%";
+        svgElement.style.margin = "0 auto";
+        if (!isModalMode) {
+          svgElement.style.maxHeight = "360px";
+          svgElement.style.width = "auto";
+          svgElement.style.maxWidth = "none";
+        }
       }
     }
-  }, [zoomLevel, containerElement, hasRendered]);
+  }, [zoomLevel, containerElement, hasRendered, isModalMode]);
   useEffect2(() => {
     if (errorDetails && onCopyError) {
       const handleKeyDown = (e) => {
@@ -641,7 +652,18 @@ function IndustryMermaidDiagram({
     }
     return;
   }, [errorDetails, onCopyError, containerElement]);
-  const containerStyle = {
+  const containerStyle = isModalMode ? {
+    position: "relative",
+    width: "fit-content",
+    height: "fit-content",
+    display: "block",
+    backgroundColor: "transparent",
+    border: "none",
+    borderRadius: 0,
+    padding: 0,
+    margin: 0,
+    overflow: "visible"
+  } : {
     position: "relative",
     width: "100%",
     minHeight: "200px",
@@ -652,7 +674,8 @@ function IndustryMermaidDiagram({
     borderRadius: theme2.radii[2],
     padding: hasRendered ? theme2.space[3] : theme2.space[4],
     margin: `${theme2.space[4]}px 0`,
-    overflow: hasRendered ? "auto" : "visible"
+    overflowX: hasRendered ? "auto" : "visible",
+    overflowY: hasRendered ? "auto" : "visible"
   };
   const placeholderStyle = {
     textAlign: "center",
@@ -660,9 +683,17 @@ function IndustryMermaidDiagram({
     fontSize: theme2.fontSizes[2],
     fontFamily: theme2.fonts.body
   };
-  return /* @__PURE__ */ React3.createElement("div", {
+  return isModalMode ? /* @__PURE__ */ React3.createElement("div", {
+    ref: containerRef,
+    style: containerStyle,
+    className: "mermaid-container"
+  }, !hasRendered && /* @__PURE__ */ React3.createElement("div", {
+    style: placeholderStyle
+  }, /* @__PURE__ */ React3.createElement("div", null, "\uD83D\uDCCA Mermaid Diagram"), /* @__PURE__ */ React3.createElement("div", {
+    style: { fontSize: theme2.fontSizes[1], marginTop: theme2.space[2], opacity: 0.7 }
+  }, "Loading..."))) : /* @__PURE__ */ React3.createElement("div", {
     style: { position: "relative" }
-  }, hasRendered && !isModalMode && /* @__PURE__ */ React3.createElement("div", {
+  }, hasRendered && /* @__PURE__ */ React3.createElement("div", {
     style: {
       position: "absolute",
       top: theme2.space[2],
@@ -1838,8 +1869,11 @@ function IndustryZoomableMermaidDiagram({
     initialScale: calculatedScale,
     initialPositionX: 0,
     initialPositionY: 0,
-    centerOnInit: true
-  }, ({ zoomIn, zoomOut, resetTransform }) => /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", {
+    centerOnInit: true,
+    centerZoomedOut: true,
+    alignmentAnimation: { disabled: true },
+    zoomAnimation: { disabled: false, size: 0.2 }
+  }, ({ centerView, instance }) => /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", {
     style: {
       position: "absolute",
       top: theme2.space[3],
@@ -1849,19 +1883,29 @@ function IndustryZoomableMermaidDiagram({
       gap: theme2.space[2]
     }
   }, /* @__PURE__ */ React8.createElement("button", {
-    onClick: () => zoomIn(),
+    onClick: () => {
+      const { scale } = instance.transformState;
+      const newScale = Math.min(scale * 1.2, 10);
+      centerView(newScale, 200, "easeOut");
+    },
     style: buttonStyle,
     onMouseEnter: handleButtonHover,
     onMouseLeave: handleButtonLeave,
     title: "Zoom in"
   }, "+"), /* @__PURE__ */ React8.createElement("button", {
-    onClick: () => zoomOut(),
+    onClick: () => {
+      const { scale } = instance.transformState;
+      const newScale = Math.max(scale * 0.833, 0.3);
+      centerView(newScale, 200, "easeOut");
+    },
     style: buttonStyle,
     onMouseEnter: handleButtonHover,
     onMouseLeave: handleButtonLeave,
     title: "Zoom out"
   }, "−"), /* @__PURE__ */ React8.createElement("button", {
-    onClick: () => resetTransform(),
+    onClick: () => {
+      centerView(calculatedScale, 200, "easeOut");
+    },
     style: buttonStyle,
     onMouseEnter: handleButtonHover,
     onMouseLeave: handleButtonLeave,
@@ -1874,34 +1918,36 @@ function IndustryZoomableMermaidDiagram({
       fontFamily: theme2.fonts.body
     }
   }, "Optimizing view...")), /* @__PURE__ */ React8.createElement(TransformComponent, {
-    wrapperStyle: { width: "100%", height: "100%" },
-    contentStyle: {
+    wrapperStyle: {
       width: "100%",
       height: "100%",
+      overflow: "hidden"
+    },
+    contentStyle: {
+      width: "fit-content",
+      height: "fit-content",
       display: "flex",
       alignItems: "center",
-      justifyContent: "center"
+      justifyContent: "center",
+      minWidth: "100%",
+      minHeight: "100%"
     }
   }, /* @__PURE__ */ React8.createElement("div", {
     ref: diagramRef,
     style: {
-      width: "100%",
-      height: "100%",
       display: "flex",
       alignItems: "center",
-      justifyContent: "center"
-    }
-  }, /* @__PURE__ */ React8.createElement("div", {
-    style: {
-      width: "100%",
-      height: "100%",
-      overflow: "visible"
+      justifyContent: "center",
+      width: "fit-content",
+      height: "fit-content",
+      minWidth: "100%",
+      minHeight: "100%"
     }
   }, /* @__PURE__ */ React8.createElement(IndustryMermaidDiagram, {
     code,
     id,
     isModalMode: true
-  })))))));
+  }))))));
 }
 
 // industryMarkdown/components/IndustryMermaidModal.tsx
@@ -2604,9 +2650,9 @@ var IndustryMarkdownSlide = React11.memo(function IndustryMarkdownSlide2({
     tagNames: [...defaultSchema.tagNames || [], "picture", "source"],
     attributes: {
       ...defaultSchema.attributes,
-      code: [...defaultSchema.attributes?.code || [], "className"],
-      span: [...defaultSchema.attributes?.span || [], "className"],
-      pre: [...defaultSchema.attributes?.pre || [], "className"],
+      code: [...defaultSchema.attributes?.code || [], "className", "style"],
+      span: [...defaultSchema.attributes?.span || [], "className", "style"],
+      pre: [...defaultSchema.attributes?.pre || [], "className", "style"],
       div: [...defaultSchema.attributes?.div || [], "style", "className", "id"],
       p: [...defaultSchema.attributes?.p || [], "style", "className", "id"],
       h1: [...defaultSchema.attributes?.h1 || [], "style", "className", "id"],
@@ -2639,7 +2685,15 @@ var IndustryMarkdownSlide = React11.memo(function IndustryMarkdownSlide2({
       th: [...defaultSchema.attributes?.th || [], "style", "className"],
       td: [...defaultSchema.attributes?.td || [], "style", "className"],
       blockquote: [...defaultSchema.attributes?.blockquote || [], "style", "className"],
-      hr: [...defaultSchema.attributes?.hr || [], "style", "className"]
+      hr: [...defaultSchema.attributes?.hr || [], "style", "className"],
+      label: [...defaultSchema.attributes?.label || [], "style", "className", "for"],
+      input: [...defaultSchema.attributes?.input || [], "style", "className", "type", "placeholder", "value", "checked", "disabled"],
+      button: [...defaultSchema.attributes?.button || [], "style", "className", "type", "disabled"],
+      details: [...defaultSchema.attributes?.details || [], "style", "className", "open"],
+      summary: [...defaultSchema.attributes?.summary || [], "style", "className"],
+      footer: [...defaultSchema.attributes?.footer || [], "style", "className"],
+      header: [...defaultSchema.attributes?.header || [], "style", "className"],
+      section: [...defaultSchema.attributes?.section || [], "style", "className"]
     }
   }), []);
   const rootMargin = isVisible ? "0px" : "100px";
@@ -2790,6 +2844,17 @@ var SlidePresentation = ({
   const goToNextSlide = useCallback2(() => {
     navigateToSlide(currentSlide + 1);
   }, [currentSlide, navigateToSlide]);
+  const toggleFullscreen = useCallback2(() => {
+    if (!containerRef.current)
+      return;
+    if (!isFullscreen) {
+      containerRef.current.requestFullscreen?.();
+      setIsFullscreen(true);
+    } else {
+      document.exitFullscreen?.();
+      setIsFullscreen(false);
+    }
+  }, [isFullscreen]);
   useEffect8(() => {
     const handleKeyDown = (event) => {
       if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
@@ -2797,33 +2862,52 @@ var SlidePresentation = ({
       }
       switch (event.key) {
         case "ArrowLeft":
-          if (event.ctrlKey || event.metaKey) {
-            event.preventDefault();
-            goToPreviousSlide();
-          }
+          event.preventDefault();
+          goToPreviousSlide();
           break;
         case "ArrowRight":
-          if (event.ctrlKey || event.metaKey) {
+          event.preventDefault();
+          goToNextSlide();
+          break;
+        case " ":
+          event.preventDefault();
+          goToNextSlide();
+          break;
+        case "Enter":
+          event.preventDefault();
+          goToNextSlide();
+          break;
+        case "Backspace":
+          event.preventDefault();
+          goToPreviousSlide();
+          break;
+        case "Home":
+          event.preventDefault();
+          navigateToSlide(0);
+          break;
+        case "End":
+          event.preventDefault();
+          navigateToSlide(slides.length - 1);
+          break;
+        case "f":
+        case "F":
+          if (!event.ctrlKey && !event.metaKey && !event.altKey) {
             event.preventDefault();
-            goToNextSlide();
+            toggleFullscreen();
           }
           break;
       }
+      if (!event.ctrlKey && !event.metaKey && !event.altKey) {
+        const num = parseInt(event.key);
+        if (num >= 1 && num <= 9 && num <= slides.length) {
+          event.preventDefault();
+          navigateToSlide(num - 1);
+        }
+      }
     };
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [goToPreviousSlide, goToNextSlide]);
-  const toggleFullscreen = useCallback2(() => {
-    if (!containerRef.current)
-      return;
-    if (!isFullscreen) {
-      containerRef.current.requestFullscreen?.();
-      setIsFullscreen(true);
-    } else {
-      document.exitFullscreen?.();
-      setIsFullscreen(false);
-    }
-  }, [isFullscreen]);
+  }, [goToPreviousSlide, goToNextSlide, navigateToSlide, slides.length, toggleFullscreen]);
   useEffect8(() => {
     if (currentSlide >= slides.length && slides.length > 0) {
       setCurrentSlide(slides.length - 1);
@@ -3222,7 +3306,7 @@ var IndustryEditableMarkdownSlide = ({
         clearTimeout(saveTimeoutRef.current);
       }
       saveTimeoutRef.current = setTimeout(() => {
-        handleSave();
+        handleSave(false);
       }, autoSaveDelay);
     }
     return () => {
@@ -3242,7 +3326,7 @@ var IndustryEditableMarkdownSlide = ({
     setEditContent(content);
     setIsEditing(false);
   }, [content]);
-  const handleSave = useCallback4(async () => {
+  const handleSave = useCallback4(async (exitEditMode = true) => {
     if (onContentChange) {
       onContentChange(editContent);
     }
@@ -3256,7 +3340,9 @@ var IndustryEditableMarkdownSlide = ({
         setIsSaving(false);
       }
     }
-    setIsEditing(false);
+    if (exitEditMode) {
+      setIsEditing(false);
+    }
   }, [editContent, onContentChange, onSave]);
   const handleKeyDown = useCallback4((e) => {
     if (e.key === "Escape") {
@@ -3306,7 +3392,7 @@ var IndustryEditableMarkdownSlide = ({
         gap: theme2.space[2]
       }
     }, /* @__PURE__ */ React14.createElement("button", {
-      onClick: handleSave,
+      onClick: () => handleSave(),
       disabled: isSaving,
       style: {
         display: "flex",

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DocumentView } from './DocumentView';
+declare const meta: Meta<typeof DocumentView>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SingleDocument: Story;
+export declare const SegmentedDocument: Story;
+export declare const DarkThemeDocument: Story;
+export declare const WideDocument: Story;
+export declare const CompactSegments: Story;
+export declare const InteractiveDocument: Story;
+export declare const MermaidDiagramDocument: Story;
+//# sourceMappingURL=DocumentView.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentView.stories.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/DocumentView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAyBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA6InC,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAiEjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAkKpC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"IndustryEditableMarkdownSlide.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryEditableMarkdownSlide.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAyB,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE5F,MAAM,WAAW,kCAAmC,SAAQ,0BAA0B;IACpF,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CAuQtF,CAAC"}
+{"version":3,"file":"IndustryEditableMarkdownSlide.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryEditableMarkdownSlide.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,EAAY,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAyB,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE5F,MAAM,WAAW,kCAAmC,SAAQ,0BAA0B;IACpF,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CAyQtF,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { IndustryEditableMarkdownSlide } from './IndustryEditableMarkdownSlide';
+declare const meta: Meta<typeof IndustryEditableMarkdownSlide>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithAutoSave: Story;
+export declare const DarkTheme: Story;
+export declare const ReadOnly: Story;
+export declare const NoAutoSave: Story;
+export declare const Interactive: Story;
+export declare const WithComplexContent: Story;
+export declare const ErrorHandling: Story;
+export declare const HybridEditing: Story;
+export declare const PracticalDocumentationExample: Story;
+export declare const WithBadgesAndLabels: Story;
+export declare const WithHTMLContent: Story;
+export declare const CustomStyling: Story;
+//# sourceMappingURL=IndustryEditableMarkdownSlide.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IndustryEditableMarkdownSlide.stories.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryEditableMarkdownSlide.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAGhF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,6BAA6B,CA4BpD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+BnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkC1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAwDF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAgFhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAC;AAwEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KAgG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA+GjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmH7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA2B3B,CAAC"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Theme } from '../../industryTheme';
+export interface IndustryEditableMermaidDiagramProps {
+    code: string;
+    id: string;
+    theme: Theme;
+    onCodeChange?: (newCode: string) => void;
+    onSave?: (code: string) => Promise<void>;
+    autoSaveDelay?: number;
+    editable?: boolean;
+    showEditButton?: boolean;
+    onCopyError?: (mermaidCode: string, errorMessage: string) => void;
+    onError?: (hasError: boolean) => void;
+    rootMargin?: string;
+    isModalMode?: boolean;
+}
+export declare const IndustryEditableMermaidDiagram: React.FC<IndustryEditableMermaidDiagramProps>;
+//# sourceMappingURL=IndustryEditableMermaidDiagram.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IndustryEditableMermaidDiagram.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryEditableMermaidDiagram.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAI5C,MAAM,WAAW,mCAAmC;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,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;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,mCAAmC,CA0UxF,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { IndustryEditableMermaidDiagram } from './IndustryEditableMermaidDiagram';
+declare const meta: Meta<typeof IndustryEditableMermaidDiagram>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithAutoSave: Story;
+export declare const DarkTheme: Story;
+export declare const ReadOnly: Story;
+export declare const NoAutoSave: Story;
+export declare const Interactive: Story;
+export declare const SequenceDiagram: Story;
+export declare const ClassDiagram: Story;
+export declare const GanttChart: Story;
+export declare const ComplexFlowchart: Story;
+export declare const ErrorHandling: Story;
+export declare const ModalMode: Story;
+//# sourceMappingURL=IndustryEditableMermaidDiagram.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IndustryEditableMermaidDiagram.stories.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryEditableMermaidDiagram.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,8BAA8B,CA4BrD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyDnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAyDF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsB3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"IndustryMarkdownSlide.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMarkdownSlide.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AAGH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAQjF,OAAO,EAA0B,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAS9F,MAAM,WAAW,0BAA0B;IAEzC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtF,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,oBAAoB,CAAC,EAAE,CACrB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,kBAAkB,KACzB,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAChC,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAGlD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAG3B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAG5C,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AA0GD,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAGD,wBAAgB,4BAA4B,CAAC,MAAM,CAAC,EAAE,oBAAoB,GAAG,eAAe,EAAE,CA8D7F;AAED,eAAO,MAAM,qBAAqB,wDAulBhC,CAAC"}
+{"version":3,"file":"IndustryMarkdownSlide.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMarkdownSlide.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AAGH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAQjF,OAAO,EAA0B,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAS9F,MAAM,WAAW,0BAA0B;IAEzC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtF,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,oBAAoB,CAAC,EAAE,CACrB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,kBAAkB,KACzB,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAChC,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAGlD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAG3B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAG5C,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AA0GD,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAGD,wBAAgB,4BAA4B,CAAC,MAAM,CAAC,EAAE,oBAAoB,GAAG,eAAe,EAAE,CA8D7F;AAED,eAAO,MAAM,qBAAqB,wDAgmBhC,CAAC"}

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,qBA4U7B"}
+{"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"}

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,qBAuNrC"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SlidePresentation.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/SlidePresentation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI9E,MAAM,WAAW,sBAAsB;IAErC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,EAAE,KAAK,CAAC;IAGb,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAGtF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACrG,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkU9D,CAAC"}
+{"version":3,"file":"SlidePresentation.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/SlidePresentation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI9E,MAAM,WAAW,sBAAsB;IAErC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,EAAE,KAAK,CAAC;IAGb,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAGtF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACrG,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0W9D,CAAC"}

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

@@ -0,0 +1,16 @@
+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 BasicPresentation: Story;
+export declare const KeyboardShortcuts: Story;
+export declare const DarkThemePresentation: Story;
+export declare const TechnicalPresentation: Story;
+export declare const MinimalNavigation: Story;
+export declare const NoNavigation: Story;
+export declare const InteractiveSlides: Story;
+export declare const SingleSlide: Story;
+export declare const CustomHeight: Story;
+export declare const StartFromMiddle: Story;
+//# sourceMappingURL=SlidePresentation.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlidePresentation.stories.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/SlidePresentation.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,CA4BxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqTnC,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA8D/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAUnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAUnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA6D/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC"}

package/dist/industryMarkdown/index.d.ts

@@ -6,6 +6,8 @@ export { DocumentView } from './components/DocumentView';
 export type { DocumentViewProps } from './components/DocumentView';
 export { IndustryEditableMarkdownSlide } from './components/IndustryEditableMarkdownSlide';
 export type { IndustryEditableMarkdownSlideProps } from './components/IndustryEditableMarkdownSlide';
+export { IndustryEditableMermaidDiagram } from './components/IndustryEditableMermaidDiagram';
+export type { IndustryEditableMermaidDiagramProps } from './components/IndustryEditableMermaidDiagram';
 export { createIndustryMarkdownComponents } from './components/IndustryMarkdownComponents';
 export { IndustryHtmlModal, useIndustryHtmlModal } from './components/IndustryHtmlModal';
 export { IndustryPlaceholderModal } from './components/IndustryPlaceholderModal';

package/dist/industryMarkdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../industryMarkdown/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAC3F,YAAY,EAAE,kCAAkC,EAAE,MAAM,4CAA4C,CAAC;AAGrG,OAAO,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAG3F,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,8BAA8B,EAAE,MAAM,6CAA6C,CAAC;AAG7F,OAAO,EACL,6BAA6B,EAC7B,+BAA+B,EAC/B,uBAAuB,EACvB,uCAAuC,EACvC,sBAAsB,EACtB,iBAAiB,EACjB,kCAAkC,EAClC,0BAA0B,EAC1B,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,0BAA0B,EAC1B,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAG9B,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACL,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACV,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACf,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../industryMarkdown/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAC3F,YAAY,EAAE,kCAAkC,EAAE,MAAM,4CAA4C,CAAC;AAGrG,OAAO,EAAE,8BAA8B,EAAE,MAAM,6CAA6C,CAAC;AAC7F,YAAY,EAAE,mCAAmC,EAAE,MAAM,6CAA6C,CAAC;AAGvG,OAAO,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAC;AAG3F,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,8BAA8B,EAAE,MAAM,6CAA6C,CAAC;AAG7F,OAAO,EACL,6BAA6B,EAC7B,+BAA+B,EAC/B,uBAAuB,EACvB,uCAAuC,EACvC,sBAAsB,EACtB,iBAAiB,EACjB,kCAAkC,EAClC,0BAA0B,EAC1B,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,0BAA0B,EAC1B,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAG9B,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACL,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACV,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACf,MAAM,kBAAkB,CAAC"}

package/package.json

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