@soroush.tech/markdown 1.2.3-rc.4 → 1.2.3-rc.5

package/dist/{CodeBlock-CVlrvVPP.mjs → CodeBlock-CEZH1GuF.mjs}

@@ -4,7 +4,7 @@ import { Button } from "@soroush.tech/design-system/Button";
 import { Icon } from "@soroush.tech/design-system/Icon";
 import { styled } from "@soroush.tech/design-system";
 import { View } from "@soroush.tech/design-system/View";
-//#region ../hooks/src/useCopyToClipboard.ts
+// ../hooks/src/useCopyToClipboard.ts
 /** How long the "copied" confirmation stays true before reverting, in ms. */
 const COPIED_RESET_MS = 2e3;
 /**
@@ -34,8 +34,7 @@ function useCopyToClipboard(resetMs = COPIED_RESET_MS) {
 		}, [resetMs])
 	};
 }
-//#endregion
-//#region src/CodeBlock/CodeBlock.tsx
+// src/CodeBlock/CodeBlock.tsx
 const syntaxStyles = ({ theme }) => ({
 	color: theme.syntax.base,
 	fontFamily: theme.syntax.font,
@@ -126,8 +125,7 @@ function CodeBlock({ children, ...rest }) {
 		})]
 	});
 }
-//#endregion
-//#region src/CodeBlock/CodeBlock.data.ts
+// src/CodeBlock/CodeBlock.data.ts
 const font = "'JetBrains Mono Variable', 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace";
 /** Matched to the JetBrains "Islands Dark" editor scheme. */
 const syntaxDark = {
@@ -155,5 +153,4 @@ const syntaxLight = {
 	tag: "#008077",
 	font
 };
-//#endregion
 export { syntaxLight as n, CodeBlock as r, syntaxDark as t };

package/dist/{CodeBlock-Cymx1ZAY.cjs → CodeBlock-Cclo15NS.cjs}

@@ -4,7 +4,7 @@ let _soroush_tech_design_system_Button = require("@soroush.tech/design-system/Bu
 let _soroush_tech_design_system_Icon = require("@soroush.tech/design-system/Icon");
 let _soroush_tech_design_system = require("@soroush.tech/design-system");
 let _soroush_tech_design_system_View = require("@soroush.tech/design-system/View");
-//#region ../hooks/src/useCopyToClipboard.ts
+// ../hooks/src/useCopyToClipboard.ts
 /** How long the "copied" confirmation stays true before reverting, in ms. */
 const COPIED_RESET_MS = 2e3;
 /**
@@ -34,8 +34,7 @@ function useCopyToClipboard(resetMs = COPIED_RESET_MS) {
 		}, [resetMs])
 	};
 }
-//#endregion
-//#region src/CodeBlock/CodeBlock.tsx
+// src/CodeBlock/CodeBlock.tsx
 const syntaxStyles = ({ theme }) => ({
 	color: theme.syntax.base,
 	fontFamily: theme.syntax.font,
@@ -126,8 +125,7 @@ function CodeBlock({ children, ...rest }) {
 		})]
 	});
 }
-//#endregion
-//#region src/CodeBlock/CodeBlock.data.ts
+// src/CodeBlock/CodeBlock.data.ts
 const font = "'JetBrains Mono Variable', 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace";
 /** Matched to the JetBrains "Islands Dark" editor scheme. */
 const syntaxDark = {
@@ -155,7 +153,6 @@ const syntaxLight = {
 	tag: "#008077",
 	font
 };
-//#endregion
 Object.defineProperty(exports, "CodeBlock", {
 	enumerable: true,
 	get: function() {

package/dist/CodeBlock.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_CodeBlock = require("./CodeBlock-Cymx1ZAY.cjs");
+const require_CodeBlock = require("./CodeBlock-Cclo15NS.cjs");
 exports.CodeBlock = require_CodeBlock.CodeBlock;
 exports.syntaxDark = require_CodeBlock.syntaxDark;
 exports.syntaxLight = require_CodeBlock.syntaxLight;

package/dist/CodeBlock.d.cts

@@ -1,2 +1,2 @@
-import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-D1rI6OgO.cjs";
+import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-DLd7MehH.cjs";
 export { CodeBlock, CodeBlockProps, ThemeSyntax, syntaxDark, syntaxLight };

package/dist/CodeBlock.d.mts

@@ -1,2 +1,2 @@
-import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-D1rI6OgO.mjs";
+import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-DLd7MehH.mjs";
 export { CodeBlock, CodeBlockProps, ThemeSyntax, syntaxDark, syntaxLight };

package/dist/CodeBlock.mjs

@@ -1,2 +1 @@
-import { n as syntaxLight, r as CodeBlock, t as syntaxDark } from "./CodeBlock-CVlrvVPP.mjs";
-export { CodeBlock, syntaxDark, syntaxLight };
+export { r as CodeBlock, t as syntaxDark, n as syntaxLight } from "./CodeBlock-CEZH1GuF.mjs";

package/dist/Control.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_applyAction = require("./applyAction-eBwIRQNK.cjs");
+const require_applyAction = require("./applyAction-B3AwrWKV.cjs");
 const require_MarkdownContext = require("./MarkdownContext.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/Control/Control.tsx
+// src/Control/Control.tsx
 /**
 * The headless root of the Markdown compound: owns the shared value/selection state and exposes
 * it (plus a `dispatch` for toolbar actions) via context. It renders no UI of its own - the
@@ -57,5 +57,4 @@ function Control({ value, onChange, children }) {
 		children
 	});
 }
-//#endregion
 exports.Control = Control;

package/dist/Control.d.cts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/Control/Control.d.ts
 interface ControlProps {
   /** Current markdown source (controlled). */
   value: string;
@@ -14,5 +13,4 @@ interface ControlProps {
  * consumer arranges the parts and decides which panes to show.
  */
 declare function Control({ value, onChange, children }: Readonly<ControlProps>): import("react").JSX.Element;
-//#endregion
 export { Control, ControlProps };

package/dist/Control.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/Control/Control.d.ts
 interface ControlProps {
   /** Current markdown source (controlled). */
   value: string;
@@ -14,5 +13,4 @@ interface ControlProps {
  * consumer arranges the parts and decides which panes to show.
  */
 declare function Control({ value, onChange, children }: Readonly<ControlProps>): import("react").JSX.Element;
-//#endregion
 export { Control, ControlProps };

package/dist/Control.mjs

@@ -1,8 +1,8 @@
-import { t as applyAction } from "./applyAction-CegmXrxL.mjs";
+import { t as applyAction } from "./applyAction-CkTQJ5Iy.mjs";
 import { MarkdownContext } from "./MarkdownContext.mjs";
 import { useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Control/Control.tsx
+// src/Control/Control.tsx
 /**
 * The headless root of the Markdown compound: owns the shared value/selection state and exposes
 * it (plus a `dispatch` for toolbar actions) via context. It renders no UI of its own - the
@@ -56,5 +56,4 @@ function Control({ value, onChange, children }) {
 		children
 	});
 }
-//#endregion
 export { Control };

package/dist/Editor.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_applyAction = require("./applyAction-eBwIRQNK.cjs");
+const require_applyAction = require("./applyAction-B3AwrWKV.cjs");
 const require_MarkdownContext = require("./MarkdownContext.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -8,7 +8,7 @@ let _soroush_tech_design_system_Typography = require("@soroush.tech/design-syste
 let _soroush_tech_design_system = require("@soroush.tech/design-system");
 let _soroush_tech_design_system_theme = require("@soroush.tech/design-system/theme");
 let _soroush_tech_design_system_TextInput = require("@soroush.tech/design-system/TextInput");
-//#region src/Editor/Editor.tsx
+// src/Editor/Editor.tsx
 const EditorRoot = (0, _soroush_tech_design_system.styled)(_soroush_tech_design_system_Flex.Flex, {
 	name: "MarkdownEditor",
 	label: "MarkdownEditor"
@@ -126,5 +126,4 @@ function Editor({ value: valueProp, onChange: onChangeProp, placeholder = "Write
 		})]
 	});
 }
-//#endregion
 exports.Editor = Editor;

package/dist/Editor.d.cts

@@ -1,5 +1,4 @@
 import { TextInputColor, TextInputSize, TextInputTextColor, TextInputVariant } from "@soroush.tech/design-system/TextInput";
-//#region src/Editor/Editor.d.ts
 interface EditorProps {
   /** Standalone source value - used when rendered outside a `Control`. Ignored inside one. */
   value?: string;
@@ -41,5 +40,4 @@ interface EditorProps {
  * via `value`/`onChange`.
  */
 declare function Editor({ value: valueProp, onChange: onChangeProp, placeholder, minRows, maxRows, variant, color, textColor: textColorProp, size, name, id, error, required, disabled, showShortcutHint }: Readonly<EditorProps>): import("react").JSX.Element;
-//#endregion
 export { Editor, EditorProps };

package/dist/Editor.d.mts

@@ -1,5 +1,4 @@
 import { TextInputColor, TextInputSize, TextInputTextColor, TextInputVariant } from "@soroush.tech/design-system/TextInput";
-//#region src/Editor/Editor.d.ts
 interface EditorProps {
   /** Standalone source value - used when rendered outside a `Control`. Ignored inside one. */
   value?: string;
@@ -41,5 +40,4 @@ interface EditorProps {
  * via `value`/`onChange`.
  */
 declare function Editor({ value: valueProp, onChange: onChangeProp, placeholder, minRows, maxRows, variant, color, textColor: textColorProp, size, name, id, error, required, disabled, showShortcutHint }: Readonly<EditorProps>): import("react").JSX.Element;
-//#endregion
 export { Editor, EditorProps };

package/dist/Editor.mjs

@@ -1,4 +1,4 @@
-import { t as applyAction } from "./applyAction-CegmXrxL.mjs";
+import { t as applyAction } from "./applyAction-CkTQJ5Iy.mjs";
 import { MarkdownContext } from "./MarkdownContext.mjs";
 import { useContext, useId, useLayoutEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -7,7 +7,7 @@ import { Typography } from "@soroush.tech/design-system/Typography";
 import { styled } from "@soroush.tech/design-system";
 import { themeDefault, useTheme } from "@soroush.tech/design-system/theme";
 import { TextInput } from "@soroush.tech/design-system/TextInput";
-//#region src/Editor/Editor.tsx
+// src/Editor/Editor.tsx
 const EditorRoot = styled(Flex, {
 	name: "MarkdownEditor",
 	label: "MarkdownEditor"
@@ -125,5 +125,4 @@ function Editor({ value: valueProp, onChange: onChangeProp, placeholder = "Write
 		})]
 	});
 }
-//#endregion
 export { Editor };

package/dist/{LiveEdit-BVkUqJd5.mjs → LiveEdit-24uSWoSM.mjs}

@@ -1,5 +1,5 @@
 import { MarkdownContext } from "./MarkdownContext.mjs";
-import { t as Preview } from "./Preview-B95_mk1s.mjs";
+import { t as Preview } from "./Preview-DbR6jbs-.mjs";
 import { useContext, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { styled } from "@soroush.tech/design-system";
@@ -9,7 +9,7 @@ import rehypeParse from "rehype-parse";
 import rehypeRemark from "rehype-remark";
 import remarkStringify from "remark-stringify";
 import { unified } from "unified";
-//#region src/utils/blockToMarkdown.ts
+// src/utils/blockToMarkdown.ts
 const processor = unified().use(rehypeParse, { fragment: true }).use(rehypeRemark).use(remarkGfm).use(remarkStringify, {
 	bullet: "-",
 	fence: "`",
@@ -25,8 +25,7 @@ function blockToMarkdown(element) {
 	for (const junk of clone.querySelectorAll(".code-copy, button, svg")) junk.remove();
 	return String(processor.processSync(clone.innerHTML)).trimEnd();
 }
-//#endregion
-//#region src/utils/splitBlocks.ts
+// src/utils/splitBlocks.ts
 const FENCE = /^[ \t]{0,3}(`{3,}|~{3,})/;
 /**
 * The fence state after `line`: unchanged when the line carries no marker, the
@@ -80,8 +79,7 @@ function splitBlocks(value) {
 	});
 	return blocks;
 }
-//#endregion
-//#region src/LiveEdit/LiveEdit.tsx
+// src/LiveEdit/LiveEdit.tsx
 const LiveEditRoot = styled(View, {
 	name: "MarkdownLiveEdit",
 	label: "MarkdownLiveEdit"
@@ -207,5 +205,4 @@ function LiveEdit({ value: valueProp, onChange: onChangeProp, placeholder = "Cli
 		onDone: handleDone
 	}, `${generation}:${index}`)) });
 }
-//#endregion
 export { LiveEdit as t };

package/dist/{LiveEdit-Chb8D-NA.cjs → LiveEdit-BHA3ciln.cjs}

@@ -1,4 +1,4 @@
-const require_Preview = require("./Preview-BSieDKBE.cjs");
+const require_Preview = require("./Preview-P7K65WOV.cjs");
 const require_MarkdownContext = require("./MarkdownContext.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -12,7 +12,7 @@ let rehype_remark = require("rehype-remark");
 rehype_remark = require_Preview.__toESM(rehype_remark, 1);
 let remark_stringify = require("remark-stringify");
 remark_stringify = require_Preview.__toESM(remark_stringify, 1);
-//#region src/utils/blockToMarkdown.ts
+// src/utils/blockToMarkdown.ts
 const processor = (0, require("unified").unified)().use(rehype_parse.default, { fragment: true }).use(rehype_remark.default).use(remark_gfm.default).use(remark_stringify.default, {
 	bullet: "-",
 	fence: "`",
@@ -28,8 +28,7 @@ function blockToMarkdown(element) {
 	for (const junk of clone.querySelectorAll(".code-copy, button, svg")) junk.remove();
 	return String(processor.processSync(clone.innerHTML)).trimEnd();
 }
-//#endregion
-//#region src/utils/splitBlocks.ts
+// src/utils/splitBlocks.ts
 const FENCE = /^[ \t]{0,3}(`{3,}|~{3,})/;
 /**
 * The fence state after `line`: unchanged when the line carries no marker, the
@@ -83,8 +82,7 @@ function splitBlocks(value) {
 	});
 	return blocks;
 }
-//#endregion
-//#region src/LiveEdit/LiveEdit.tsx
+// src/LiveEdit/LiveEdit.tsx
 const LiveEditRoot = (0, _soroush_tech_design_system.styled)(_soroush_tech_design_system_View.View, {
 	name: "MarkdownLiveEdit",
 	label: "MarkdownLiveEdit"
@@ -210,7 +208,6 @@ function LiveEdit({ value: valueProp, onChange: onChangeProp, placeholder = "Cli
 		onDone: handleDone
 	}, `${generation}:${index}`)) });
 }
-//#endregion
 Object.defineProperty(exports, "LiveEdit", {
 	enumerable: true,
 	get: function() {

package/dist/LiveEdit.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_LiveEdit = require("./LiveEdit-Chb8D-NA.cjs");
+const require_LiveEdit = require("./LiveEdit-BHA3ciln.cjs");
 exports.LiveEdit = require_LiveEdit.LiveEdit;

package/dist/LiveEdit.d.cts

@@ -1,5 +1,4 @@
-import { r as PreviewSlotProps } from "./index-TT9-Qjsh.cjs";
-//#region src/LiveEdit/LiveEdit.d.ts
+import { r as PreviewSlotProps } from "./index-CooJPOhJ.cjs";
 interface LiveEditProps {
   /** Standalone source value - used when rendered outside a `Control`. Ignored inside one. */
   value?: string;
@@ -21,5 +20,4 @@ interface LiveEditProps {
  * context; standalone it is a plain controlled component.
  */
 declare function LiveEdit({ value: valueProp, onChange: onChangeProp, placeholder, slotProps }: Readonly<LiveEditProps>): import("react").JSX.Element;
-//#endregion
 export { LiveEdit, LiveEditProps };

package/dist/LiveEdit.d.mts

@@ -1,5 +1,4 @@
-import { r as PreviewSlotProps } from "./index-CBKWWR5Q.mjs";
-//#region src/LiveEdit/LiveEdit.d.ts
+import { r as PreviewSlotProps } from "./index-CX5oiCZj.mjs";
 interface LiveEditProps {
   /** Standalone source value - used when rendered outside a `Control`. Ignored inside one. */
   value?: string;
@@ -21,5 +20,4 @@ interface LiveEditProps {
  * context; standalone it is a plain controlled component.
  */
 declare function LiveEdit({ value: valueProp, onChange: onChangeProp, placeholder, slotProps }: Readonly<LiveEditProps>): import("react").JSX.Element;
-//#endregion
 export { LiveEdit, LiveEditProps };

package/dist/LiveEdit.mjs

@@ -1,2 +1 @@
-import { t as LiveEdit } from "./LiveEdit-BVkUqJd5.mjs";
-export { LiveEdit };
+export { t as LiveEdit } from "./LiveEdit-24uSWoSM.mjs";

package/dist/MarkdownContext.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react = require("react");
-//#region src/MarkdownContext/MarkdownContext.ts
+// src/MarkdownContext/MarkdownContext.ts
 const MarkdownContext = (0, react.createContext)(null);
 /** Reads the Markdown compound context; throws if used outside `<Markdown.Control>`. */
 function useMarkdownContext() {
@@ -8,6 +8,5 @@ function useMarkdownContext() {
 	if (!context) throw new Error("Markdown parts must be rendered inside <Markdown.Control>");
 	return context;
 }
-//#endregion
 exports.MarkdownContext = MarkdownContext;
 exports.useMarkdownContext = useMarkdownContext;

package/dist/MarkdownContext.d.cts

@@ -1,2 +1,2 @@
-import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-Cre2ivJn.cjs";
+import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-cG2-GTkG.cjs";
 export { MarkdownContext, MarkdownContextValue, MarkdownSelection, useMarkdownContext };

package/dist/MarkdownContext.d.mts

@@ -1,2 +1,2 @@
-import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-Cre2ivJn.mjs";
+import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-cG2-GTkG.mjs";
 export { MarkdownContext, MarkdownContextValue, MarkdownSelection, useMarkdownContext };

package/dist/MarkdownContext.mjs

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-//#region src/MarkdownContext/MarkdownContext.ts
+// src/MarkdownContext/MarkdownContext.ts
 const MarkdownContext = createContext(null);
 /** Reads the Markdown compound context; throws if used outside `<Markdown.Control>`. */
 function useMarkdownContext() {
@@ -7,5 +7,4 @@ function useMarkdownContext() {
 	if (!context) throw new Error("Markdown parts must be rendered inside <Markdown.Control>");
 	return context;
 }
-//#endregion
 export { MarkdownContext, useMarkdownContext };

package/dist/{Mermaid-B7vDwGQG.mjs → Mermaid-Cdtxi44F.mjs}

@@ -1,4 +1,4 @@
-import { r as CodeBlock } from "./CodeBlock-CVlrvVPP.mjs";
+import { r as CodeBlock } from "./CodeBlock-CEZH1GuF.mjs";
 import { useEffect, useId, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@soroush.tech/design-system/Button";
@@ -8,7 +8,7 @@ import { useTheme } from "@soroush.tech/design-system/theme";
 import { View } from "@soroush.tech/design-system/View";
 import { Grid } from "@soroush.tech/design-system/Grid";
 import { Modal } from "@soroush.tech/design-system/Modal";
-//#region src/Mermaid/DiagramViewer.tsx
+// src/Mermaid/DiagramViewer.tsx
 const MIN_SCALE = .2;
 const MAX_SCALE = 5;
 const ZOOM_STEP = .2;
@@ -177,8 +177,7 @@ function DiagramViewer({ svg, expandable = true, fill = false }) {
 		})
 	})] });
 }
-//#endregion
-//#region src/Mermaid/Mermaid.tsx
+// src/Mermaid/Mermaid.tsx
 async function toSvg(id, chart, theme) {
 	const { default: mermaid } = await import("mermaid");
 	mermaid.initialize({
@@ -227,5 +226,4 @@ function Mermaid({ chart, diagram }) {
 	});
 	return /* @__PURE__ */ jsx(CodeBlock, { children: chart });
 }
-//#endregion
 export { Mermaid as t };

package/dist/{Mermaid-CkUan4z-.cjs → Mermaid-D3_ZHgY2.cjs}

@@ -1,4 +1,4 @@
-const require_CodeBlock = require("./CodeBlock-Cymx1ZAY.cjs");
+const require_CodeBlock = require("./CodeBlock-Cclo15NS.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_design_system_Button = require("@soroush.tech/design-system/Button");
@@ -8,7 +8,7 @@ let _soroush_tech_design_system_theme = require("@soroush.tech/design-system/the
 let _soroush_tech_design_system_View = require("@soroush.tech/design-system/View");
 let _soroush_tech_design_system_Grid = require("@soroush.tech/design-system/Grid");
 let _soroush_tech_design_system_Modal = require("@soroush.tech/design-system/Modal");
-//#region src/Mermaid/DiagramViewer.tsx
+// src/Mermaid/DiagramViewer.tsx
 const MIN_SCALE = .2;
 const MAX_SCALE = 5;
 const ZOOM_STEP = .2;
@@ -177,8 +177,7 @@ function DiagramViewer({ svg, expandable = true, fill = false }) {
 		})
 	})] });
 }
-//#endregion
-//#region src/Mermaid/Mermaid.tsx
+// src/Mermaid/Mermaid.tsx
 async function toSvg(id, chart, theme) {
 	const { default: mermaid } = await import("mermaid");
 	mermaid.initialize({
@@ -227,7 +226,6 @@ function Mermaid({ chart, diagram }) {
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CodeBlock.CodeBlock, { children: chart });
 }
-//#endregion
 Object.defineProperty(exports, "Mermaid", {
 	enumerable: true,
 	get: function() {

package/dist/Mermaid.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Mermaid = require("./Mermaid-CkUan4z-.cjs");
+const require_Mermaid = require("./Mermaid-D3_ZHgY2.cjs");
 exports.Mermaid = require_Mermaid.Mermaid;

package/dist/Mermaid.d.cts

@@ -1,2 +1,2 @@
-import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-Bd3yPDn_.cjs";
+import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-6taYWZ6e.cjs";
 export { DiagramProps, Mermaid, MermaidProps };

package/dist/Mermaid.d.mts

@@ -1,2 +1,2 @@
-import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-Bd3yPDn_.mjs";
+import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-6taYWZ6e.mjs";
 export { DiagramProps, Mermaid, MermaidProps };

package/dist/Mermaid.mjs

@@ -1,2 +1 @@
-import { t as Mermaid } from "./Mermaid-B7vDwGQG.mjs";
-export { Mermaid };
+export { t as Mermaid } from "./Mermaid-Cdtxi44F.mjs";

package/dist/{Preview-B95_mk1s.mjs → Preview-DbR6jbs-.mjs}

@@ -1,5 +1,5 @@
-import { r as CodeBlock } from "./CodeBlock-CVlrvVPP.mjs";
-import { t as Mermaid } from "./Mermaid-B7vDwGQG.mjs";
+import { r as CodeBlock } from "./CodeBlock-CEZH1GuF.mjs";
+import { t as Mermaid } from "./Mermaid-Cdtxi44F.mjs";
 import { createContext, isValidElement, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Typography } from "@soroush.tech/design-system/Typography";
@@ -22,8 +22,7 @@ function isMermaidBlock(children) {
 	const { className } = children.props;
 	return typeof className === "string" && className.includes("language-mermaid");
 }
-//#endregion
-//#region src/Preview/Preview.tsx
+// src/Preview/Preview.tsx
 const remarkPlugins = [remarkGfm];
 const rehypePlugins = [rehypeSlug, [rehypeHighlight, { ignoreMissing: true }]];
 const PreviewRoot = styled(View, {
@@ -250,5 +249,4 @@ function Preview({ children, slotProps }) {
 		})
 	}) });
 }
-//#endregion
 export { Preview as t };

package/dist/{Preview-BSieDKBE.cjs → Preview-P7K65WOV.cjs}

@@ -1,4 +1,4 @@
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -19,9 +19,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-//#endregion
-const require_CodeBlock = require("./CodeBlock-Cymx1ZAY.cjs");
-const require_Mermaid = require("./Mermaid-CkUan4z-.cjs");
+const require_CodeBlock = require("./CodeBlock-Cclo15NS.cjs");
+const require_Mermaid = require("./Mermaid-D3_ZHgY2.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_design_system_Typography = require("@soroush.tech/design-system/Typography");
@@ -48,8 +47,7 @@ function isMermaidBlock(children) {
 	const { className } = children.props;
 	return typeof className === "string" && className.includes("language-mermaid");
 }
-//#endregion
-//#region src/Preview/Preview.tsx
+// src/Preview/Preview.tsx
 const remarkPlugins = [remark_gfm.default];
 const rehypePlugins = [rehype_slug.default, [rehype_highlight.default, { ignoreMissing: true }]];
 const PreviewRoot = (0, _soroush_tech_design_system.styled)(_soroush_tech_design_system_View.View, {
@@ -276,7 +274,6 @@ function Preview({ children, slotProps }) {
 		})
 	}) });
 }
-//#endregion
 Object.defineProperty(exports, "Preview", {
 	enumerable: true,
 	get: function() {

package/dist/Preview.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Preview = require("./Preview-BSieDKBE.cjs");
+const require_Preview = require("./Preview-P7K65WOV.cjs");
 exports.Preview = require_Preview.Preview;

package/dist/Preview.d.cts

@@ -1,2 +1,2 @@
-import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-TT9-Qjsh.cjs";
+import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-CooJPOhJ.cjs";
 export { Preview, PreviewProps, PreviewSlotProps };

package/dist/Preview.d.mts

@@ -1,2 +1,2 @@
-import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-CBKWWR5Q.mjs";
+import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-CX5oiCZj.mjs";
 export { Preview, PreviewProps, PreviewSlotProps };

package/dist/Preview.mjs

@@ -1,2 +1 @@
-import { t as Preview } from "./Preview-B95_mk1s.mjs";
-export { Preview };
+export { t as Preview } from "./Preview-DbR6jbs-.mjs";

package/dist/{Toolbar-zDEkBuqy.mjs → Toolbar-D3GoFKzb.mjs}

@@ -11,7 +11,7 @@ import { Typography } from "@soroush.tech/design-system/Typography";
 import { styled } from "@soroush.tech/design-system";
 import { themeDefault } from "@soroush.tech/design-system/theme";
 import { Popover } from "@soroush.tech/design-system/Popover";
-//#region src/utils/buildTableSnippet.ts
+// src/utils/buildTableSnippet.ts
 /**
 * Builds a GFM table snippet with `rows` total rows (a header row plus `rows - 1` body rows)
 * and `cols` columns, wrapped in blank lines so it sits on its own block.
@@ -24,8 +24,7 @@ function buildTableSnippet(rows, cols) {
 		...Array.from({ length: rows - 1 }, () => row(() => "Cell"))
 	].join("\n")}\n`;
 }
-//#endregion
-//#region src/utils/groupToolbarActions.ts
+// src/utils/groupToolbarActions.ts
 /**
 * Splits actions into render segments: consecutive actions sharing a `group` id collapse into
 * one segment (rendered as a joined `ButtonGroup`); ungrouped actions each get their own.
@@ -39,8 +38,7 @@ function groupToolbarActions(actions) {
 	});
 	return segments;
 }
-//#endregion
-//#region src/const.ts
+// src/const.ts
 const LIST_MARKER = /^(?:- \[[ xX]\] |- |\d+\. )/;
 /**
 * Every formatting action the toolbar exposes - one per markdown feature the `Markdown`
@@ -352,8 +350,7 @@ const mermaidDiagramAction = (snippet) => ({
 	kind: "insert",
 	snippet: `\n\`\`\`mermaid\n${snippet}\n\`\`\`\n`
 });
-//#endregion
-//#region src/Toolbar/TablePicker.tsx
+// src/Toolbar/TablePicker.tsx
 /** Smallest grid shown, and the hard cap it grows to as the hover nears the edge. */
 const MIN_EXTENT = 8;
 const MAX_EXTENT = 20;
@@ -471,8 +468,7 @@ function TablePicker({ onSelect }) {
 		})
 	})] });
 }
-//#endregion
-//#region src/Toolbar/Toolbar.tsx
+// src/Toolbar/Toolbar.tsx
 const HEADING_OPTIONS = HEADING_ACTIONS.map((action) => ({
 	label: action.label,
 	value: action.id
@@ -593,5 +589,4 @@ function Toolbar() {
 		]
 	});
 }
-//#endregion
 export { TablePicker as n, Toolbar as t };

package/dist/{Toolbar-BlMahuVU.cjs → Toolbar-XSZ61Hxf.cjs}

@@ -11,7 +11,7 @@ let _soroush_tech_design_system_Typography = require("@soroush.tech/design-syste
 let _soroush_tech_design_system = require("@soroush.tech/design-system");
 let _soroush_tech_design_system_theme = require("@soroush.tech/design-system/theme");
 let _soroush_tech_design_system_Popover = require("@soroush.tech/design-system/Popover");
-//#region src/utils/buildTableSnippet.ts
+// src/utils/buildTableSnippet.ts
 /**
 * Builds a GFM table snippet with `rows` total rows (a header row plus `rows - 1` body rows)
 * and `cols` columns, wrapped in blank lines so it sits on its own block.
@@ -24,8 +24,7 @@ function buildTableSnippet(rows, cols) {
 		...Array.from({ length: rows - 1 }, () => row(() => "Cell"))
 	].join("\n")}\n`;
 }
-//#endregion
-//#region src/utils/groupToolbarActions.ts
+// src/utils/groupToolbarActions.ts
 /**
 * Splits actions into render segments: consecutive actions sharing a `group` id collapse into
 * one segment (rendered as a joined `ButtonGroup`); ungrouped actions each get their own.
@@ -39,8 +38,7 @@ function groupToolbarActions(actions) {
 	});
 	return segments;
 }
-//#endregion
-//#region src/const.ts
+// src/const.ts
 const LIST_MARKER = /^(?:- \[[ xX]\] |- |\d+\. )/;
 /**
 * Every formatting action the toolbar exposes - one per markdown feature the `Markdown`
@@ -352,8 +350,7 @@ const mermaidDiagramAction = (snippet) => ({
 	kind: "insert",
 	snippet: `\n\`\`\`mermaid\n${snippet}\n\`\`\`\n`
 });
-//#endregion
-//#region src/Toolbar/TablePicker.tsx
+// src/Toolbar/TablePicker.tsx
 /** Smallest grid shown, and the hard cap it grows to as the hover nears the edge. */
 const MIN_EXTENT = 8;
 const MAX_EXTENT = 20;
@@ -471,8 +468,7 @@ function TablePicker({ onSelect }) {
 		})
 	})] });
 }
-//#endregion
-//#region src/Toolbar/Toolbar.tsx
+// src/Toolbar/Toolbar.tsx
 const HEADING_OPTIONS = HEADING_ACTIONS.map((action) => ({
 	label: action.label,
 	value: action.id
@@ -593,7 +589,6 @@ function Toolbar() {
 		]
 	});
 }
-//#endregion
 Object.defineProperty(exports, "TablePicker", {
 	enumerable: true,
 	get: function() {

package/dist/Toolbar.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Toolbar = require("./Toolbar-BlMahuVU.cjs");
+const require_Toolbar = require("./Toolbar-XSZ61Hxf.cjs");
 exports.TablePicker = require_Toolbar.TablePicker;
 exports.Toolbar = require_Toolbar.Toolbar;

package/dist/Toolbar.d.cts

@@ -1,13 +1,9 @@
-//#region src/Toolbar/Toolbar.d.ts
 /** Formatting buttons, heading + code-language selects, and the table-size picker. */
 declare function Toolbar(): import("react").JSX.Element;
-//#endregion
-//#region src/Toolbar/TablePicker.d.ts
 interface TablePickerProps {
   /** Fired with the chosen (rows, cols) when a grid cell is picked. */
   onSelect: (rows: number, cols: number) => void;
 }
 /** A "Table" trigger that opens a hover grid for choosing table dimensions. */
 declare function TablePicker({ onSelect }: Readonly<TablePickerProps>): import("react").JSX.Element;
-//#endregion
 export { TablePicker, TablePickerProps, Toolbar };

package/dist/Toolbar.d.mts

@@ -1,13 +1,9 @@
-//#region src/Toolbar/Toolbar.d.ts
 /** Formatting buttons, heading + code-language selects, and the table-size picker. */
 declare function Toolbar(): import("react").JSX.Element;
-//#endregion
-//#region src/Toolbar/TablePicker.d.ts
 interface TablePickerProps {
   /** Fired with the chosen (rows, cols) when a grid cell is picked. */
   onSelect: (rows: number, cols: number) => void;
 }
 /** A "Table" trigger that opens a hover grid for choosing table dimensions. */
 declare function TablePicker({ onSelect }: Readonly<TablePickerProps>): import("react").JSX.Element;
-//#endregion
 export { TablePicker, TablePickerProps, Toolbar };

package/dist/Toolbar.mjs

@@ -1,2 +1 @@
-import { n as TablePicker, t as Toolbar } from "./Toolbar-zDEkBuqy.mjs";
-export { TablePicker, Toolbar };
+export { n as TablePicker, t as Toolbar } from "./Toolbar-D3GoFKzb.mjs";

package/dist/{applyAction-eBwIRQNK.cjs → applyAction-B3AwrWKV.cjs}

@@ -1,4 +1,4 @@
-//#region src/utils/applyAction.ts
+// src/utils/applyAction.ts
 const fusesWithMarker = (char) => !/[\s*_~`]/.test(char);
 function stripWrap(action, { value, selectionStart, selectionEnd }) {
 	const { prefix, suffix } = action;
@@ -113,7 +113,6 @@ function applyAction(action, selection) {
 		case "insert": return applyInsert(action, selection);
 	}
 }
-//#endregion
 Object.defineProperty(exports, "applyAction", {
 	enumerable: true,
 	get: function() {

package/dist/{applyAction-CegmXrxL.mjs → applyAction-CkTQJ5Iy.mjs}

@@ -1,4 +1,4 @@
-//#region src/utils/applyAction.ts
+// src/utils/applyAction.ts
 const fusesWithMarker = (char) => !/[\s*_~`]/.test(char);
 function stripWrap(action, { value, selectionStart, selectionEnd }) {
 	const { prefix, suffix } = action;
@@ -113,5 +113,4 @@ function applyAction(action, selection) {
 		case "insert": return applyInsert(action, selection);
 	}
 }
-//#endregion
 export { applyAction as t };

package/dist/{index-Bd3yPDn_.d.cts → index-6taYWZ6e.d.cts}

@@ -1,4 +1,3 @@
-//#region src/Mermaid/DiagramViewer.d.ts
 interface DiagramViewerProps {
   /** The rendered mermaid SVG markup. */
   svg: string;
@@ -7,8 +6,6 @@ interface DiagramViewerProps {
   /** Fill the parent's height - used by the viewer inside the fullscreen dialog. */
   fill?: boolean;
 }
-//#endregion
-//#region src/Mermaid/Mermaid.d.ts
 /** DiagramViewer props a consumer may set - `svg` and `fill` are managed internally. */
 type DiagramProps = Omit<DiagramViewerProps, 'svg' | 'fill'>;
 interface MermaidProps {
@@ -23,5 +20,4 @@ interface MermaidProps {
  * no-JS readers still show something useful and hydration stays stable.
  */
 declare function Mermaid({ chart, diagram }: Readonly<MermaidProps>): import("react").JSX.Element;
-//#endregion
 export { Mermaid as n, MermaidProps as r, DiagramProps as t };

package/dist/{index-Bd3yPDn_.d.mts → index-6taYWZ6e.d.mts}

@@ -1,4 +1,3 @@
-//#region src/Mermaid/DiagramViewer.d.ts
 interface DiagramViewerProps {
   /** The rendered mermaid SVG markup. */
   svg: string;
@@ -7,8 +6,6 @@ interface DiagramViewerProps {
   /** Fill the parent's height - used by the viewer inside the fullscreen dialog. */
   fill?: boolean;
 }
-//#endregion
-//#region src/Mermaid/Mermaid.d.ts
 /** DiagramViewer props a consumer may set - `svg` and `fill` are managed internally. */
 type DiagramProps = Omit<DiagramViewerProps, 'svg' | 'fill'>;
 interface MermaidProps {
@@ -23,5 +20,4 @@ interface MermaidProps {
  * no-JS readers still show something useful and hydration stays stable.
  */
 declare function Mermaid({ chart, diagram }: Readonly<MermaidProps>): import("react").JSX.Element;
-//#endregion
 export { Mermaid as n, MermaidProps as r, DiagramProps as t };

package/dist/{index-TT9-Qjsh.d.cts → index-CX5oiCZj.d.mts}

@@ -1,13 +1,12 @@
-import { a as CodeBlockProps } from "./index-D1rI6OgO.cjs";
-import { r as MermaidProps } from "./index-Bd3yPDn_.cjs";
+import { a as CodeBlockProps } from "./index-DLd7MehH.mjs";
+import { r as MermaidProps } from "./index-6taYWZ6e.mjs";
+import { TypographyProps } from "@soroush.tech/design-system/Typography";
 import { ViewProps } from "@soroush.tech/design-system/View";
 import { QuoteProps } from "@soroush.tech/design-system/Quote";
 import { CheckboxProps } from "@soroush.tech/design-system/Checkbox";
 import { ImageProps } from "@soroush.tech/design-system/Image";
 import { LinkProps } from "@soroush.tech/design-system/Link";
 import { TableBodyProps, TableCellProps, TableHeadProps, TableProps, TableRowProps } from "@soroush.tech/design-system/Table";
-import { TypographyProps } from "@soroush.tech/design-system/Typography";
-//#region src/Preview/Preview.d.ts
 /**
  * Per-element prop overrides, merged over the design-system defaults (the caller's props win).
  * Keyed by markdown element - e.g. `slotProps={{ p: { color: 'primary' }, h1: { variant: 'h2' } }}`.
@@ -49,5 +48,4 @@ interface PreviewProps {
 }
 /** Renders a markdown string with every element mapped to a design-system primitive. */
 declare function Preview({ children, slotProps }: Readonly<PreviewProps>): import("react").JSX.Element;
-//#endregion
 export { PreviewProps as n, PreviewSlotProps as r, Preview as t };

package/dist/{index-CBKWWR5Q.d.mts → index-CooJPOhJ.d.cts}

@@ -1,13 +1,12 @@
-import { a as CodeBlockProps } from "./index-D1rI6OgO.mjs";
-import { r as MermaidProps } from "./index-Bd3yPDn_.mjs";
-import { TypographyProps } from "@soroush.tech/design-system/Typography";
+import { a as CodeBlockProps } from "./index-DLd7MehH.cjs";
+import { r as MermaidProps } from "./index-6taYWZ6e.cjs";
 import { ViewProps } from "@soroush.tech/design-system/View";
 import { QuoteProps } from "@soroush.tech/design-system/Quote";
 import { CheckboxProps } from "@soroush.tech/design-system/Checkbox";
 import { ImageProps } from "@soroush.tech/design-system/Image";
 import { LinkProps } from "@soroush.tech/design-system/Link";
 import { TableBodyProps, TableCellProps, TableHeadProps, TableProps, TableRowProps } from "@soroush.tech/design-system/Table";
-//#region src/Preview/Preview.d.ts
+import { TypographyProps } from "@soroush.tech/design-system/Typography";
 /**
  * Per-element prop overrides, merged over the design-system defaults (the caller's props win).
  * Keyed by markdown element - e.g. `slotProps={{ p: { color: 'primary' }, h1: { variant: 'h2' } }}`.
@@ -49,5 +48,4 @@ interface PreviewProps {
 }
 /** Renders a markdown string with every element mapped to a design-system primitive. */
 declare function Preview({ children, slotProps }: Readonly<PreviewProps>): import("react").JSX.Element;
-//#endregion
 export { PreviewProps as n, PreviewSlotProps as r, Preview as t };

package/dist/{index-D1rI6OgO.d.mts → index-DLd7MehH.d.cts}

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { ViewProps } from "@soroush.tech/design-system/View";
-//#region src/CodeBlock/CodeBlock.d.ts
 interface CodeBlockProps extends ViewProps {
   children: ReactNode;
 }
@@ -9,8 +8,6 @@ interface CodeBlockProps extends ViewProps {
  * copy-to-clipboard button that sticks to the top-right while the block is in view.
  */
 declare function CodeBlock({ children, ...rest }: Readonly<CodeBlockProps>): import("react").JSX.Element;
-//#endregion
-//#region src/CodeBlock/CodeBlock.data.d.ts
 /**
  * Syntax-highlighting tokens for `CodeBlock` - mapped onto highlight.js token classes.
  * Not part of design-system's own scales; `../index.ts` augments
@@ -44,5 +41,4 @@ interface ThemeSyntax {
 declare const syntaxDark: ThemeSyntax;
 /** Matched to the JetBrains "Islands Light" editor scheme. */
 declare const syntaxLight: ThemeSyntax;
-//#endregion
 export { CodeBlockProps as a, CodeBlock as i, syntaxDark as n, syntaxLight as r, ThemeSyntax as t };

package/dist/{index-D1rI6OgO.d.cts → index-DLd7MehH.d.mts}

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { ViewProps } from "@soroush.tech/design-system/View";
-//#region src/CodeBlock/CodeBlock.d.ts
 interface CodeBlockProps extends ViewProps {
   children: ReactNode;
 }
@@ -9,8 +8,6 @@ interface CodeBlockProps extends ViewProps {
  * copy-to-clipboard button that sticks to the top-right while the block is in view.
  */
 declare function CodeBlock({ children, ...rest }: Readonly<CodeBlockProps>): import("react").JSX.Element;
-//#endregion
-//#region src/CodeBlock/CodeBlock.data.d.ts
 /**
  * Syntax-highlighting tokens for `CodeBlock` - mapped onto highlight.js token classes.
  * Not part of design-system's own scales; `../index.ts` augments
@@ -44,5 +41,4 @@ interface ThemeSyntax {
 declare const syntaxDark: ThemeSyntax;
 /** Matched to the JetBrains "Islands Light" editor scheme. */
 declare const syntaxLight: ThemeSyntax;
-//#endregion
 export { CodeBlockProps as a, CodeBlock as i, syntaxDark as n, syntaxLight as r, ThemeSyntax as t };

package/dist/{index-Cre2ivJn.d.cts → index-cG2-GTkG.d.cts}

@@ -1,5 +1,4 @@
 import { IconName } from "@soroush.tech/design-system/Icon";
-//#region src/const.d.ts
 /** How a text label is rendered - mirrors the mark it inserts. */
 type ToolbarLabelEmphasis = 'bold' | 'italic' | 'strike';
 /** Shared presentation for a toolbar control. */
@@ -48,8 +47,6 @@ interface InsertAction extends BaseAction {
   snippet: string;
 }
 type ToolbarAction = WrapAction | LinePrefixAction | InsertAction;
-//#endregion
-//#region src/MarkdownContext/MarkdownContext.d.ts
 /** A textarea selection range shared between the Editor and the Toolbar. */
 interface MarkdownSelection {
   start: number;
@@ -72,5 +69,4 @@ interface MarkdownContextValue {
 declare const MarkdownContext: import("react").Context<MarkdownContextValue | null>;
 /** Reads the Markdown compound context; throws if used outside `<Markdown.Control>`. */
 declare function useMarkdownContext(): MarkdownContextValue;
-//#endregion
 export { useMarkdownContext as i, MarkdownContextValue as n, MarkdownSelection as r, MarkdownContext as t };

package/dist/{index-Cre2ivJn.d.mts → index-cG2-GTkG.d.mts}

@@ -1,5 +1,4 @@
 import { IconName } from "@soroush.tech/design-system/Icon";
-//#region src/const.d.ts
 /** How a text label is rendered - mirrors the mark it inserts. */
 type ToolbarLabelEmphasis = 'bold' | 'italic' | 'strike';
 /** Shared presentation for a toolbar control. */
@@ -48,8 +47,6 @@ interface InsertAction extends BaseAction {
   snippet: string;
 }
 type ToolbarAction = WrapAction | LinePrefixAction | InsertAction;
-//#endregion
-//#region src/MarkdownContext/MarkdownContext.d.ts
 /** A textarea selection range shared between the Editor and the Toolbar. */
 interface MarkdownSelection {
   start: number;
@@ -72,5 +69,4 @@ interface MarkdownContextValue {
 declare const MarkdownContext: import("react").Context<MarkdownContextValue | null>;
 /** Reads the Markdown compound context; throws if used outside `<Markdown.Control>`. */
 declare function useMarkdownContext(): MarkdownContextValue;
-//#endregion
 export { useMarkdownContext as i, MarkdownContextValue as n, MarkdownSelection as r, MarkdownContext as t };

package/dist/index.cjs

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Preview = require("./Preview-BSieDKBE.cjs");
+const require_Preview = require("./Preview-P7K65WOV.cjs");
 const require_MarkdownContext = require("./MarkdownContext.cjs");
 const require_Control = require("./Control.cjs");
-const require_Toolbar = require("./Toolbar-BlMahuVU.cjs");
+const require_Toolbar = require("./Toolbar-XSZ61Hxf.cjs");
 const require_Editor = require("./Editor.cjs");
-const require_CodeBlock = require("./CodeBlock-Cymx1ZAY.cjs");
-const require_Mermaid = require("./Mermaid-CkUan4z-.cjs");
-const require_LiveEdit = require("./LiveEdit-Chb8D-NA.cjs");
+const require_CodeBlock = require("./CodeBlock-Cclo15NS.cjs");
+const require_Mermaid = require("./Mermaid-D3_ZHgY2.cjs");
+const require_LiveEdit = require("./LiveEdit-BHA3ciln.cjs");
 exports.CodeBlock = require_CodeBlock.CodeBlock;
 exports.Control = require_Control.Control;
 exports.Editor = require_Editor.Editor;

package/dist/index.d.cts

@@ -1,12 +1,11 @@
-import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-D1rI6OgO.cjs";
+import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-DLd7MehH.cjs";
 import { Control, ControlProps } from "./Control.cjs";
 import { Editor, EditorProps } from "./Editor.cjs";
-import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-Bd3yPDn_.cjs";
-import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-TT9-Qjsh.cjs";
+import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-6taYWZ6e.cjs";
+import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-CooJPOhJ.cjs";
 import { LiveEdit, LiveEditProps } from "./LiveEdit.cjs";
-import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-Cre2ivJn.cjs";
+import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-cG2-GTkG.cjs";
 import { TablePicker, TablePickerProps, Toolbar } from "./Toolbar.cjs";
-//#region src/index.d.ts
 /**
  * Per-theme overrides for the `Mermaid` renderer, merged over (and winning against) its default
  * mermaid `themeVariables`. Common variables are listed for autocomplete; any other mermaid theme
@@ -48,5 +47,4 @@ declare module '@soroush.tech/design-system/theme' {
     syntax?: ThemeSyntax;
   }
 }
-//#endregion
 export { CodeBlock, CodeBlockProps, Control, ControlProps, DiagramProps, Editor, EditorProps, LiveEdit, LiveEditProps, MarkdownContext, MarkdownContextValue, MarkdownSelection, Mermaid, MermaidProps, MermaidThemeVariables, Preview, PreviewProps, PreviewSlotProps, TablePicker, TablePickerProps, ThemeSyntax, Toolbar, syntaxDark, syntaxLight, useMarkdownContext };

package/dist/index.d.mts

@@ -1,12 +1,11 @@
-import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-D1rI6OgO.mjs";
+import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-DLd7MehH.mjs";
 import { Control, ControlProps } from "./Control.mjs";
 import { Editor, EditorProps } from "./Editor.mjs";
-import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-Bd3yPDn_.mjs";
-import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-CBKWWR5Q.mjs";
+import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-6taYWZ6e.mjs";
+import { n as PreviewProps, r as PreviewSlotProps, t as Preview } from "./index-CX5oiCZj.mjs";
 import { LiveEdit, LiveEditProps } from "./LiveEdit.mjs";
-import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-Cre2ivJn.mjs";
+import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-cG2-GTkG.mjs";
 import { TablePicker, TablePickerProps, Toolbar } from "./Toolbar.mjs";
-//#region src/index.d.ts
 /**
  * Per-theme overrides for the `Mermaid` renderer, merged over (and winning against) its default
  * mermaid `themeVariables`. Common variables are listed for autocomplete; any other mermaid theme
@@ -48,5 +47,4 @@ declare module '@soroush.tech/design-system/theme' {
     syntax?: ThemeSyntax;
   }
 }
-//#endregion
 export { CodeBlock, CodeBlockProps, Control, ControlProps, DiagramProps, Editor, EditorProps, LiveEdit, LiveEditProps, MarkdownContext, MarkdownContextValue, MarkdownSelection, Mermaid, MermaidProps, MermaidThemeVariables, Preview, PreviewProps, PreviewSlotProps, TablePicker, TablePickerProps, ThemeSyntax, Toolbar, syntaxDark, syntaxLight, useMarkdownContext };

package/dist/index.mjs

@@ -1,9 +1,9 @@
 import { MarkdownContext, useMarkdownContext } from "./MarkdownContext.mjs";
 import { Control } from "./Control.mjs";
-import { n as TablePicker, t as Toolbar } from "./Toolbar-zDEkBuqy.mjs";
+import { n as TablePicker, t as Toolbar } from "./Toolbar-D3GoFKzb.mjs";
 import { Editor } from "./Editor.mjs";
-import { n as syntaxLight, r as CodeBlock, t as syntaxDark } from "./CodeBlock-CVlrvVPP.mjs";
-import { t as Mermaid } from "./Mermaid-B7vDwGQG.mjs";
-import { t as Preview } from "./Preview-B95_mk1s.mjs";
-import { t as LiveEdit } from "./LiveEdit-BVkUqJd5.mjs";
+import { n as syntaxLight, r as CodeBlock, t as syntaxDark } from "./CodeBlock-CEZH1GuF.mjs";
+import { t as Mermaid } from "./Mermaid-Cdtxi44F.mjs";
+import { t as Preview } from "./Preview-DbR6jbs-.mjs";
+import { t as LiveEdit } from "./LiveEdit-24uSWoSM.mjs";
 export { CodeBlock, Control, Editor, LiveEdit, MarkdownContext, Mermaid, Preview, TablePicker, Toolbar, syntaxDark, syntaxLight, useMarkdownContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/markdown",
-  "version": "1.2.3-rc.4",
+  "version": "1.2.3-rc.5",
   "description": "Headless, composable markdown editor + renderer for @soroush.tech/design-system - Control, Toolbar, Editor, and Preview built on react-markdown, remark-gfm, and rehype-highlight.",
   "keywords": [
     "markdown",
@@ -14,7 +14,7 @@
   ],
   "author": "Masoud Soroush <masoud@soroush.tech>",
   "license": "MIT",
-  "homepage": "https://soroush.tech/markdown",
+  "homepage": "https://docs.soroush.tech/markdown/",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/soroush-tech/design-system.git",
@@ -55,7 +55,7 @@
     "access": "public"
   },
   "dependencies": {
-    "mermaid": "^11.16.1",
+    "mermaid": "^12.2.0",
     "react-markdown": "^10.1.0",
     "rehype-highlight": "^7.0.2",
     "rehype-parse": "^9.0.1",
@@ -66,27 +66,27 @@
     "unified": "^11.0.5"
   },
   "peerDependencies": {
-    "@soroush.tech/design-system": "^1.3.3 || ^2.0.0-alpha.0",
+    "@soroush.tech/design-system": "^1.3.3 || ^2.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@storybook/react-vite": "^10.5.8",
+    "@storybook/react-vite": "^10.6.3",
     "@testing-library/jest-dom": "^7.0.1",
-    "@testing-library/react": "^16.3.2",
-    "@types/node": "^26.1.2",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
-    "@vitest/coverage-v8": "^4.1.10",
+    "@testing-library/react": "^16.3.3",
+    "@types/node": "^26.6.5",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitest/coverage-v8": "^5.0.5",
     "jsdom": "^29.1.1",
-    "oxlint": "^1.78.0",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "storybook": "^10.5.8",
+    "oxlint": "^1.89.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "storybook": "^10.6.3",
     "tsdown": "^0.22.14",
     "typescript": "~7.0.2",
-    "vitest": "^4.1.10",
-    "@soroush.tech/design-system": "2.0.0-rc.4",
+    "vitest": "^5.0.5",
+    "@soroush.tech/design-system": "2.0.0-rc.5",
     "@soroush.tech/eslint-config": "0.0.0",
     "@soroush.tech/hooks": "0.1.0"
   },