@industry-theme/markdown-panels 0.2.19 → 0.2.20

package/dist/panels.bundle.js

@@ -42082,7 +42082,8 @@ var createIndustryMarkdownComponents = ({
   enableHtmlPopout,
   slideHeaderMarginTopOverride,
   index: index2,
-  repositoryInfo
+  repositoryInfo,
+  editable = false
 }) => {
   const getLuminance = (hex) => {
     const rgb = hex.replace("#", "").match(/.{2}/g);
@@ -42103,9 +42104,11 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[5],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[4],
         fontFamily: theme2.fonts.heading,
+        paddingBottom: theme2.space[2],
+        borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
       ...props2
@@ -42116,9 +42119,11 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[4],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading,
+        paddingBottom: theme2.space[2],
+        borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
       ...props2
@@ -42129,12 +42134,48 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[3],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.semibold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading
       },
       ...props2
     }, children2),
+    h4: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("h4", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[2],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.semibold,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[2],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props2
+    }, children2),
+    h5: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("h5", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[1],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.semibold,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[1],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props2
+    }, children2),
+    h6: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("h6", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[1],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.medium,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[1],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props2
+    }, children2),
     p: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("p", {
       style: {
         color: theme2.colors.text,
@@ -42214,19 +42255,20 @@ var createIndustryMarkdownComponents = ({
           checked: isChecked,
           onChange: handleChange,
           onClick: (e) => e.stopPropagation(),
+          disabled: !editable,
           style: {
             marginRight: theme2.space[2],
             marginTop: theme2.space[1],
             width: "16px",
             height: "16px",
-            cursor: "pointer"
+            cursor: editable ? "pointer" : "default"
           },
           id
         }), /* @__PURE__ */ React2__default.createElement("label", {
           htmlFor: id,
           style: {
             flex: 1,
-            cursor: "pointer",
+            cursor: editable ? "pointer" : "default",
             color: isChecked ? theme2.colors.textMuted : "inherit",
             lineHeight: theme2.lineHeights.relaxed
           }
@@ -42496,7 +42538,7 @@ var createIndustryMarkdownComponents = ({
         }), "Fill & Copy (", placeholders.length, ")"))), isPrompt ? /* @__PURE__ */ React2__default.createElement("div", {
           style: {
             margin: 0,
-            padding: theme2.space[5],
+            padding: theme2.space[1],
             backgroundColor: "transparent",
             fontSize: theme2.fontSizes[1],
             lineHeight: theme2.lineHeights.body,
@@ -42523,7 +42565,7 @@ var createIndustryMarkdownComponents = ({
         })) : /* @__PURE__ */ React2__default.createElement("pre", {
           style: {
             margin: 0,
-            padding: theme2.space[4],
+            padding: theme2.space[1],
             backgroundColor: "transparent",
             overflow: "auto",
             fontSize: theme2.fontSizes[1],
@@ -43308,7 +43350,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
   maxScreenWidth: _maxScreenWidth,
   enableKeyboardScrolling = true,
   keyboardScrollConfig,
-  repositoryInfo
+  repositoryInfo,
+  editable = false
 }) {
   const slideRef = useRef(null);
   const scrollPositionsRef = useRef(/* @__PURE__ */ new Map());
@@ -43664,7 +43707,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
       enableHtmlPopout,
       slideHeaderMarginTopOverride,
       index: chunkIndex,
-      repositoryInfo
+      repositoryInfo,
+      editable
     });
     if (searchQuery) {
       return {
@@ -43697,7 +43741,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
     enableHtmlPopout,
     slideHeaderMarginTopOverride,
     repositoryInfo,
-    searchQuery
+    searchQuery,
+    editable
   ]);
   return /* @__PURE__ */ React2__default.createElement("div", {
     className: "markdown-slide",
@@ -47508,7 +47553,8 @@ var DocumentView = ({
   repositoryInfo,
   fontSizeScale,
   theme: theme2,
-  transparentBackground = false
+  transparentBackground = false,
+  editable = false
 }) => {
   const containerRef = useRef(null);
   const backgroundColor = transparentBackground ? "transparent" : theme2.colors.background;
@@ -47540,7 +47586,8 @@ var DocumentView = ({
     fontSizeScale,
     handlePromptCopy,
     repositoryInfo,
-    transparentBackground
+    transparentBackground,
+    editable
   })));
 };
 function parseMarkdownIntoPresentation2(markdownContent, repositoryInfo) {