@soroush.tech/markdown 0.1.0

package/dist/applyAction-BDkgYhOd.cjs

@@ -0,0 +1,120 @@
+//#region src/utils/applyAction.ts
+const fusesWithMarker = (char) => !/[\s*_~`]/.test(char);
+function stripWrap(action, { value, selectionStart, selectionEnd }) {
+	const { prefix, suffix } = action;
+	const selected = value.slice(selectionStart, selectionEnd);
+	const keep = (content) => content === action.placeholder ? "" : content;
+	if (selected.length >= prefix.length + suffix.length && selected.startsWith(prefix) && selected.endsWith(suffix)) {
+		const core = keep(selected.slice(prefix.length, selected.length - suffix.length));
+		return {
+			value: value.slice(0, selectionStart) + core + value.slice(selectionEnd),
+			selectionStart,
+			selectionEnd: selectionStart + core.length
+		};
+	}
+	if (selectionStart >= prefix.length && value.slice(selectionStart - prefix.length, selectionStart) === prefix && value.slice(selectionEnd, selectionEnd + suffix.length) === suffix) {
+		const start = selectionStart - prefix.length;
+		const core = keep(selected);
+		return {
+			value: value.slice(0, start) + core + value.slice(selectionEnd + suffix.length),
+			selectionStart: start,
+			selectionEnd: start + core.length
+		};
+	}
+	return null;
+}
+function wrapInline(action, { value, selectionStart, selectionEnd }) {
+	const selected = value.slice(selectionStart, selectionEnd);
+	const leadingLength = selected.length - selected.trimStart().length;
+	const trailingLength = selected.length - selected.trimEnd().length;
+	const core = selected.slice(leadingLength, selected.length - trailingLength) || action.placeholder;
+	let before = selected.slice(0, leadingLength);
+	if (!before && selectionStart > 0 && fusesWithMarker(value[selectionStart - 1])) before = " ";
+	let after = selected.slice(selected.length - trailingLength);
+	if (!after && selectionEnd < value.length && fusesWithMarker(value[selectionEnd])) after = " ";
+	const value_ = value.slice(0, selectionStart) + before + action.prefix + core + action.suffix + after + value.slice(selectionEnd);
+	const start = selectionStart + before.length + action.prefix.length;
+	return {
+		value: value_,
+		selectionStart: start,
+		selectionEnd: start + core.length
+	};
+}
+function wrapBlock(action, { value, selectionStart, selectionEnd }) {
+	const core = value.slice(selectionStart, selectionEnd) || action.placeholder;
+	const before = selectionStart > 0 && value[selectionStart - 1] !== "\n" ? "\n" : "";
+	const after = selectionEnd < value.length && value[selectionEnd] !== "\n" ? "\n" : "";
+	const value_ = value.slice(0, selectionStart) + before + action.prefix + core + action.suffix + after + value.slice(selectionEnd);
+	const start = selectionStart + before.length + action.prefix.length;
+	return {
+		value: value_,
+		selectionStart: start,
+		selectionEnd: start + core.length
+	};
+}
+function applyWrap(action, selection) {
+	if (action.block) return wrapBlock(action, selection);
+	return stripWrap(action, selection) ?? wrapInline(action, selection);
+}
+function toggleLinePrefix(action, line) {
+	if (!action.family) return action.linePrefix + line;
+	const existing = action.family.exec(line)?.[0] ?? "";
+	const stripped = line.slice(existing.length);
+	if (existing === action.linePrefix && action.toggle !== false) return stripped;
+	return action.linePrefix + stripped;
+}
+function applyLinePrefix(action, { value, selectionStart, selectionEnd }) {
+	const lineStart = selectionStart === 0 ? 0 : value.lastIndexOf("\n", selectionStart - 1) + 1;
+	const nextNewline = value.indexOf("\n", selectionEnd);
+	const lineEnd = nextNewline === -1 ? value.length : nextNewline;
+	const prefixed = value.slice(lineStart, lineEnd).split("\n").map((line) => toggleLinePrefix(action, line)).join("\n");
+	return {
+		value: value.slice(0, lineStart) + prefixed + value.slice(lineEnd),
+		selectionStart: lineStart,
+		selectionEnd: lineStart + prefixed.length
+	};
+}
+function fenceEndAfter(value, pos) {
+	let offset = 0;
+	let openStart = -1;
+	for (const line of value.split("\n")) {
+		const lineEnd = offset + line.length;
+		if (line.startsWith("```")) if (openStart === -1) openStart = offset;
+		else {
+			if (pos >= openStart && pos <= lineEnd) return lineEnd;
+			openStart = -1;
+		}
+		offset = lineEnd + 1;
+	}
+	return null;
+}
+function applyInsert(action, { value, selectionStart, selectionEnd }) {
+	const fenceEnd = fenceEndAfter(value, selectionStart);
+	const at = fenceEnd ?? selectionEnd;
+	const from = fenceEnd ?? selectionStart;
+	const value_ = value.slice(0, from) + action.snippet + value.slice(at);
+	const caret = from + action.snippet.length;
+	return {
+		value: value_,
+		selectionStart: caret,
+		selectionEnd: caret
+	};
+}
+/**
+* Pure transform: applies a toolbar `action` to the given selection and returns the next
+* source plus the selection to restore around the inserted markdown. No DOM access.
+*/
+function applyAction(action, selection) {
+	switch (action.kind) {
+		case "wrap": return applyWrap(action, selection);
+		case "linePrefix": return applyLinePrefix(action, selection);
+		case "insert": return applyInsert(action, selection);
+	}
+}
+//#endregion
+Object.defineProperty(exports, "applyAction", {
+	enumerable: true,
+	get: function() {
+		return applyAction;
+	}
+});

package/dist/applyAction-BGWMbUYT.mjs

@@ -0,0 +1,115 @@
+//#region src/utils/applyAction.ts
+const fusesWithMarker = (char) => !/[\s*_~`]/.test(char);
+function stripWrap(action, { value, selectionStart, selectionEnd }) {
+	const { prefix, suffix } = action;
+	const selected = value.slice(selectionStart, selectionEnd);
+	const keep = (content) => content === action.placeholder ? "" : content;
+	if (selected.length >= prefix.length + suffix.length && selected.startsWith(prefix) && selected.endsWith(suffix)) {
+		const core = keep(selected.slice(prefix.length, selected.length - suffix.length));
+		return {
+			value: value.slice(0, selectionStart) + core + value.slice(selectionEnd),
+			selectionStart,
+			selectionEnd: selectionStart + core.length
+		};
+	}
+	if (selectionStart >= prefix.length && value.slice(selectionStart - prefix.length, selectionStart) === prefix && value.slice(selectionEnd, selectionEnd + suffix.length) === suffix) {
+		const start = selectionStart - prefix.length;
+		const core = keep(selected);
+		return {
+			value: value.slice(0, start) + core + value.slice(selectionEnd + suffix.length),
+			selectionStart: start,
+			selectionEnd: start + core.length
+		};
+	}
+	return null;
+}
+function wrapInline(action, { value, selectionStart, selectionEnd }) {
+	const selected = value.slice(selectionStart, selectionEnd);
+	const leadingLength = selected.length - selected.trimStart().length;
+	const trailingLength = selected.length - selected.trimEnd().length;
+	const core = selected.slice(leadingLength, selected.length - trailingLength) || action.placeholder;
+	let before = selected.slice(0, leadingLength);
+	if (!before && selectionStart > 0 && fusesWithMarker(value[selectionStart - 1])) before = " ";
+	let after = selected.slice(selected.length - trailingLength);
+	if (!after && selectionEnd < value.length && fusesWithMarker(value[selectionEnd])) after = " ";
+	const value_ = value.slice(0, selectionStart) + before + action.prefix + core + action.suffix + after + value.slice(selectionEnd);
+	const start = selectionStart + before.length + action.prefix.length;
+	return {
+		value: value_,
+		selectionStart: start,
+		selectionEnd: start + core.length
+	};
+}
+function wrapBlock(action, { value, selectionStart, selectionEnd }) {
+	const core = value.slice(selectionStart, selectionEnd) || action.placeholder;
+	const before = selectionStart > 0 && value[selectionStart - 1] !== "\n" ? "\n" : "";
+	const after = selectionEnd < value.length && value[selectionEnd] !== "\n" ? "\n" : "";
+	const value_ = value.slice(0, selectionStart) + before + action.prefix + core + action.suffix + after + value.slice(selectionEnd);
+	const start = selectionStart + before.length + action.prefix.length;
+	return {
+		value: value_,
+		selectionStart: start,
+		selectionEnd: start + core.length
+	};
+}
+function applyWrap(action, selection) {
+	if (action.block) return wrapBlock(action, selection);
+	return stripWrap(action, selection) ?? wrapInline(action, selection);
+}
+function toggleLinePrefix(action, line) {
+	if (!action.family) return action.linePrefix + line;
+	const existing = action.family.exec(line)?.[0] ?? "";
+	const stripped = line.slice(existing.length);
+	if (existing === action.linePrefix && action.toggle !== false) return stripped;
+	return action.linePrefix + stripped;
+}
+function applyLinePrefix(action, { value, selectionStart, selectionEnd }) {
+	const lineStart = selectionStart === 0 ? 0 : value.lastIndexOf("\n", selectionStart - 1) + 1;
+	const nextNewline = value.indexOf("\n", selectionEnd);
+	const lineEnd = nextNewline === -1 ? value.length : nextNewline;
+	const prefixed = value.slice(lineStart, lineEnd).split("\n").map((line) => toggleLinePrefix(action, line)).join("\n");
+	return {
+		value: value.slice(0, lineStart) + prefixed + value.slice(lineEnd),
+		selectionStart: lineStart,
+		selectionEnd: lineStart + prefixed.length
+	};
+}
+function fenceEndAfter(value, pos) {
+	let offset = 0;
+	let openStart = -1;
+	for (const line of value.split("\n")) {
+		const lineEnd = offset + line.length;
+		if (line.startsWith("```")) if (openStart === -1) openStart = offset;
+		else {
+			if (pos >= openStart && pos <= lineEnd) return lineEnd;
+			openStart = -1;
+		}
+		offset = lineEnd + 1;
+	}
+	return null;
+}
+function applyInsert(action, { value, selectionStart, selectionEnd }) {
+	const fenceEnd = fenceEndAfter(value, selectionStart);
+	const at = fenceEnd ?? selectionEnd;
+	const from = fenceEnd ?? selectionStart;
+	const value_ = value.slice(0, from) + action.snippet + value.slice(at);
+	const caret = from + action.snippet.length;
+	return {
+		value: value_,
+		selectionStart: caret,
+		selectionEnd: caret
+	};
+}
+/**
+* Pure transform: applies a toolbar `action` to the given selection and returns the next
+* source plus the selection to restore around the inserted markdown. No DOM access.
+*/
+function applyAction(action, selection) {
+	switch (action.kind) {
+		case "wrap": return applyWrap(action, selection);
+		case "linePrefix": return applyLinePrefix(action, selection);
+		case "insert": return applyInsert(action, selection);
+	}
+}
+//#endregion
+export { applyAction as t };

package/dist/index-BO0LyUUG.d.cts

@@ -0,0 +1,27 @@
+//#region src/Mermaid/DiagramViewer.d.ts
+interface DiagramViewerProps {
+  /** The rendered mermaid SVG markup. */
+  svg: string;
+  /** Show the expand-to-fullscreen control and dialog. Off for the nested (in-dialog) viewer. */
+  expandable?: boolean;
+  /** 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 {
+  /** The mermaid diagram source — the body of a ` ```mermaid ` fenced block. */
+  chart: string;
+  /** Props forwarded to the diagram's zoom/pan viewer (e.g. `expandable`). */
+  diagram?: DiagramProps;
+}
+/**
+ * Renders a mermaid diagram. Until the client renders the SVG — and if the source is
+ * invalid — it falls back to the diagram source in a `CodeBlock`, so server output and
+ * 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-BO0LyUUG.d.mts

@@ -0,0 +1,27 @@
+//#region src/Mermaid/DiagramViewer.d.ts
+interface DiagramViewerProps {
+  /** The rendered mermaid SVG markup. */
+  svg: string;
+  /** Show the expand-to-fullscreen control and dialog. Off for the nested (in-dialog) viewer. */
+  expandable?: boolean;
+  /** 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 {
+  /** The mermaid diagram source — the body of a ` ```mermaid ` fenced block. */
+  chart: string;
+  /** Props forwarded to the diagram's zoom/pan viewer (e.g. `expandable`). */
+  diagram?: DiagramProps;
+}
+/**
+ * Renders a mermaid diagram. Until the client renders the SVG — and if the source is
+ * invalid — it falls back to the diagram source in a `CodeBlock`, so server output and
+ * 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-BtMTBOcM.d.cts

@@ -0,0 +1,48 @@
+import { ReactNode } from "react";
+import { ViewProps } from "@soroush.tech/design-system/View";
+//#region src/CodeBlock/CodeBlock.d.ts
+interface CodeBlockProps extends ViewProps {
+  children: ReactNode;
+}
+/**
+ * Fenced-code block: a horizontally scrollable, syntax-highlighted surface with a
+ * 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
+ * `@soroush.tech/design-system/theme` so `theme.syntax` is available wherever this
+ * package is imported. Merge one of the presets below into your theme via
+ * `createTheme(baseTheme, { syntax: syntaxDark })`, or supply your own.
+ */
+interface ThemeSyntax {
+  /** Default code text — plain identifiers, operators, punctuation. */
+  base: string;
+  /** Keywords, built-ins, types, literals, selector tags. */
+  keyword: string;
+  /** Strings, template literals, regular expressions. */
+  string: string;
+  /** Numbers, symbols, links. */
+  number: string;
+  /** Function / class titles, section headings, attributes. */
+  title: string;
+  /** Fields, constants, and property keys. */
+  constant: string;
+  /** Type and class names. */
+  type: string;
+  /** Comments and quotes — rendered dimmed and italic. */
+  comment: string;
+  /** Markup tags/names, meta, variables, deletions. */
+  tag: string;
+  /** Font family for the code surface — independent of `theme.fonts.mono`. */
+  font: string;
+}
+/** Matched to the JetBrains "Islands Dark" editor scheme. */
+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-BtMTBOcM.d.mts

@@ -0,0 +1,48 @@
+import { ReactNode } from "react";
+import { ViewProps } from "@soroush.tech/design-system/View";
+//#region src/CodeBlock/CodeBlock.d.ts
+interface CodeBlockProps extends ViewProps {
+  children: ReactNode;
+}
+/**
+ * Fenced-code block: a horizontally scrollable, syntax-highlighted surface with a
+ * 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
+ * `@soroush.tech/design-system/theme` so `theme.syntax` is available wherever this
+ * package is imported. Merge one of the presets below into your theme via
+ * `createTheme(baseTheme, { syntax: syntaxDark })`, or supply your own.
+ */
+interface ThemeSyntax {
+  /** Default code text — plain identifiers, operators, punctuation. */
+  base: string;
+  /** Keywords, built-ins, types, literals, selector tags. */
+  keyword: string;
+  /** Strings, template literals, regular expressions. */
+  string: string;
+  /** Numbers, symbols, links. */
+  number: string;
+  /** Function / class titles, section headings, attributes. */
+  title: string;
+  /** Fields, constants, and property keys. */
+  constant: string;
+  /** Type and class names. */
+  type: string;
+  /** Comments and quotes — rendered dimmed and italic. */
+  comment: string;
+  /** Markup tags/names, meta, variables, deletions. */
+  tag: string;
+  /** Font family for the code surface — independent of `theme.fonts.mono`. */
+  font: string;
+}
+/** Matched to the JetBrains "Islands Dark" editor scheme. */
+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-rGZIhUgj.d.cts

@@ -0,0 +1,76 @@
+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. */
+interface BaseAction {
+  id: string;
+  /** Text label shown when no `icon` is set. */
+  label: string;
+  /** Accessible name — always the control's aria-label. */
+  ariaLabel: string;
+  /** Registry icon shown instead of the text label. */
+  icon?: IconName;
+  /** Styles the text label to mirror the mark (e.g. bold `B`). Ignored when `icon` is set. */
+  emphasis?: ToolbarLabelEmphasis;
+  /** Consecutive actions sharing a group id render as one joined button cluster. */
+  group?: string;
+}
+/** Wraps the selection (or a placeholder) in a leading/trailing marker — bold, links, code blocks. */
+interface WrapAction extends BaseAction {
+  kind: 'wrap';
+  prefix: string;
+  suffix: string;
+  placeholder: string;
+  /** Block-level fence (e.g. code block): separated by newlines and never toggled off. */
+  block?: boolean;
+}
+/** Prepends a marker to every line the selection touches — headings, quotes, lists. */
+interface LinePrefixAction extends BaseAction {
+  kind: 'linePrefix';
+  linePrefix: string;
+  /**
+   * Line-start pattern for a family of mutually-exclusive markers (e.g. all list types). When
+   * set, applying the action strips any matching marker first, then toggles its own off or
+   * replaces a sibling's — so the list/ordered/task buttons swap and toggle instead of stacking.
+   */
+  family?: RegExp;
+  /**
+   * Whether re-applying an action that already owns the line's marker removes it. Defaults to
+   * toggling off; set `false` for replace-only families (e.g. heading levels from a select,
+   * where picking a level should set it, not toggle it away).
+   */
+  toggle?: boolean;
+}
+/** Inserts a standalone snippet at the caret, ignoring the selection — tables, rules. */
+interface InsertAction extends BaseAction {
+  kind: 'insert';
+  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;
+  end: number;
+}
+interface MarkdownContextValue {
+  /** Current markdown source. */
+  value: string;
+  /** Called with the next source on edit or a toolbar action. */
+  onChange: (value: string) => void;
+  /** Applies a toolbar action at the last remembered selection and queues the caret to restore. */
+  dispatch: (action: ToolbarAction) => void;
+  /** Records the current textarea selection — the Editor calls this on select/blur. */
+  rememberSelection: (selection: MarkdownSelection) => void;
+  /** Queues a selection to restore after the next value change (e.g. after Tab). */
+  queueSelection: (selection: MarkdownSelection) => void;
+  /** Returns and clears the queued selection — the Editor's effect calls this to restore focus. */
+  takeQueuedSelection: () => MarkdownSelection | null;
+}
+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-rGZIhUgj.d.mts

@@ -0,0 +1,76 @@
+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. */
+interface BaseAction {
+  id: string;
+  /** Text label shown when no `icon` is set. */
+  label: string;
+  /** Accessible name — always the control's aria-label. */
+  ariaLabel: string;
+  /** Registry icon shown instead of the text label. */
+  icon?: IconName;
+  /** Styles the text label to mirror the mark (e.g. bold `B`). Ignored when `icon` is set. */
+  emphasis?: ToolbarLabelEmphasis;
+  /** Consecutive actions sharing a group id render as one joined button cluster. */
+  group?: string;
+}
+/** Wraps the selection (or a placeholder) in a leading/trailing marker — bold, links, code blocks. */
+interface WrapAction extends BaseAction {
+  kind: 'wrap';
+  prefix: string;
+  suffix: string;
+  placeholder: string;
+  /** Block-level fence (e.g. code block): separated by newlines and never toggled off. */
+  block?: boolean;
+}
+/** Prepends a marker to every line the selection touches — headings, quotes, lists. */
+interface LinePrefixAction extends BaseAction {
+  kind: 'linePrefix';
+  linePrefix: string;
+  /**
+   * Line-start pattern for a family of mutually-exclusive markers (e.g. all list types). When
+   * set, applying the action strips any matching marker first, then toggles its own off or
+   * replaces a sibling's — so the list/ordered/task buttons swap and toggle instead of stacking.
+   */
+  family?: RegExp;
+  /**
+   * Whether re-applying an action that already owns the line's marker removes it. Defaults to
+   * toggling off; set `false` for replace-only families (e.g. heading levels from a select,
+   * where picking a level should set it, not toggle it away).
+   */
+  toggle?: boolean;
+}
+/** Inserts a standalone snippet at the caret, ignoring the selection — tables, rules. */
+interface InsertAction extends BaseAction {
+  kind: 'insert';
+  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;
+  end: number;
+}
+interface MarkdownContextValue {
+  /** Current markdown source. */
+  value: string;
+  /** Called with the next source on edit or a toolbar action. */
+  onChange: (value: string) => void;
+  /** Applies a toolbar action at the last remembered selection and queues the caret to restore. */
+  dispatch: (action: ToolbarAction) => void;
+  /** Records the current textarea selection — the Editor calls this on select/blur. */
+  rememberSelection: (selection: MarkdownSelection) => void;
+  /** Queues a selection to restore after the next value change (e.g. after Tab). */
+  queueSelection: (selection: MarkdownSelection) => void;
+  /** Returns and clears the queued selection — the Editor's effect calls this to restore focus. */
+  takeQueuedSelection: () => MarkdownSelection | null;
+}
+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

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Preview = require("./Preview-BVT70uXa.cjs");
+const require_MarkdownContext = require("./MarkdownContext.cjs");
+const require_Control = require("./Control.cjs");
+const require_Toolbar = require("./Toolbar-Ba3l-oBU.cjs");
+const require_Editor = require("./Editor.cjs");
+const require_CodeBlock = require("./CodeBlock-Cymx1ZAY.cjs");
+const require_Mermaid = require("./Mermaid-DqP2Q0bt.cjs");
+exports.CodeBlock = require_CodeBlock.CodeBlock;
+exports.Control = require_Control.Control;
+exports.Editor = require_Editor.Editor;
+exports.MarkdownContext = require_MarkdownContext.MarkdownContext;
+exports.Mermaid = require_Mermaid.Mermaid;
+exports.Preview = require_Preview.Preview;
+exports.TablePicker = require_Toolbar.TablePicker;
+exports.Toolbar = require_Toolbar.Toolbar;
+exports.syntaxDark = require_CodeBlock.syntaxDark;
+exports.syntaxLight = require_CodeBlock.syntaxLight;
+exports.useMarkdownContext = require_MarkdownContext.useMarkdownContext;

package/dist/index.d.cts

@@ -0,0 +1,50 @@
+import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-BtMTBOcM.cjs";
+import { Control, ControlProps } from "./Control.cjs";
+import { Editor, EditorProps } from "./Editor.cjs";
+import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-rGZIhUgj.cjs";
+import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-BO0LyUUG.cjs";
+import { Preview, PreviewProps, PreviewSlotProps } from "./Preview.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
+ * variable is accepted. Set via `theme.mermaid` (e.g. `createTheme(baseTheme, { mermaid: … })`).
+ */
+interface MermaidThemeVariables {
+  darkMode?: boolean;
+  background?: string;
+  fontFamily?: string;
+  fontSize?: string;
+  primaryColor?: string;
+  primaryTextColor?: string;
+  primaryBorderColor?: string;
+  secondaryColor?: string;
+  tertiaryColor?: string;
+  lineColor?: string;
+  textColor?: string;
+  mainBkg?: string;
+  noteBkgColor?: string;
+  noteTextColor?: string;
+  [variable: string]: string | number | boolean | undefined;
+}
+declare module '@soroush.tech/design-system/theme' {
+  interface ThemeComponents {
+    MarkdownEditor?: import('@soroush.tech/design-system/theme').ComponentConfig;
+    MarkdownPreview?: import('@soroush.tech/design-system/theme').ComponentConfig;
+    MarkdownToolbar?: import('@soroush.tech/design-system/theme').ComponentConfig<Record<string, unknown>, 'root' | 'strike' | 'tablePickerCell'>;
+    CodeBlock?: import('@soroush.tech/design-system/theme').ComponentConfig<Record<string, unknown>, 'root' | 'surface'>;
+  }
+  interface Theme {
+    /** Per-theme overrides for the `Mermaid` renderer's mermaid `themeVariables`. */
+    mermaid?: MermaidThemeVariables;
+    /**
+     * Syntax-highlighting tokens for `CodeBlock` — see `syntaxDark`/`syntaxLight`. Optional
+     * only so `design-system`'s own `baseTheme` literal still satisfies `Theme` in this
+     * monorepo's source-consuming builds; `CodeBlock` requires it in practice (no fallback).
+     */
+    syntax?: ThemeSyntax;
+  }
+}
+//#endregion
+export { CodeBlock, CodeBlockProps, Control, ControlProps, DiagramProps, Editor, EditorProps, MarkdownContext, MarkdownContextValue, MarkdownSelection, Mermaid, MermaidProps, MermaidThemeVariables, Preview, PreviewProps, PreviewSlotProps, TablePicker, TablePickerProps, ThemeSyntax, Toolbar, syntaxDark, syntaxLight, useMarkdownContext };

package/dist/index.d.mts

@@ -0,0 +1,50 @@
+import { a as CodeBlockProps, i as CodeBlock, n as syntaxDark, r as syntaxLight, t as ThemeSyntax } from "./index-BtMTBOcM.mjs";
+import { Control, ControlProps } from "./Control.mjs";
+import { Editor, EditorProps } from "./Editor.mjs";
+import { i as useMarkdownContext, n as MarkdownContextValue, r as MarkdownSelection, t as MarkdownContext } from "./index-rGZIhUgj.mjs";
+import { n as Mermaid, r as MermaidProps, t as DiagramProps } from "./index-BO0LyUUG.mjs";
+import { Preview, PreviewProps, PreviewSlotProps } from "./Preview.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
+ * variable is accepted. Set via `theme.mermaid` (e.g. `createTheme(baseTheme, { mermaid: … })`).
+ */
+interface MermaidThemeVariables {
+  darkMode?: boolean;
+  background?: string;
+  fontFamily?: string;
+  fontSize?: string;
+  primaryColor?: string;
+  primaryTextColor?: string;
+  primaryBorderColor?: string;
+  secondaryColor?: string;
+  tertiaryColor?: string;
+  lineColor?: string;
+  textColor?: string;
+  mainBkg?: string;
+  noteBkgColor?: string;
+  noteTextColor?: string;
+  [variable: string]: string | number | boolean | undefined;
+}
+declare module '@soroush.tech/design-system/theme' {
+  interface ThemeComponents {
+    MarkdownEditor?: import('@soroush.tech/design-system/theme').ComponentConfig;
+    MarkdownPreview?: import('@soroush.tech/design-system/theme').ComponentConfig;
+    MarkdownToolbar?: import('@soroush.tech/design-system/theme').ComponentConfig<Record<string, unknown>, 'root' | 'strike' | 'tablePickerCell'>;
+    CodeBlock?: import('@soroush.tech/design-system/theme').ComponentConfig<Record<string, unknown>, 'root' | 'surface'>;
+  }
+  interface Theme {
+    /** Per-theme overrides for the `Mermaid` renderer's mermaid `themeVariables`. */
+    mermaid?: MermaidThemeVariables;
+    /**
+     * Syntax-highlighting tokens for `CodeBlock` — see `syntaxDark`/`syntaxLight`. Optional
+     * only so `design-system`'s own `baseTheme` literal still satisfies `Theme` in this
+     * monorepo's source-consuming builds; `CodeBlock` requires it in practice (no fallback).
+     */
+    syntax?: ThemeSyntax;
+  }
+}
+//#endregion
+export { CodeBlock, CodeBlockProps, Control, ControlProps, DiagramProps, Editor, EditorProps, MarkdownContext, MarkdownContextValue, MarkdownSelection, Mermaid, MermaidProps, MermaidThemeVariables, Preview, PreviewProps, PreviewSlotProps, TablePicker, TablePickerProps, ThemeSyntax, Toolbar, syntaxDark, syntaxLight, useMarkdownContext };