ensis-ui 0.0.0-stage → 3.0.0

package/dist/components/log/src/log-utils.js

@@ -0,0 +1,415 @@
+//#region src/components/log/src/log-utils.ts
+var RS_LOG_LEVELS = [
+	"trace",
+	"debug",
+	"info",
+	"notice",
+	"success",
+	"warn",
+	"error",
+	"fatal",
+	"plain"
+];
+/** 可过滤的级别（不含 plain）。 */
+var RS_LOG_FILTER_LEVELS = [
+	"trace",
+	"debug",
+	"info",
+	"notice",
+	"success",
+	"warn",
+	"error",
+	"fatal"
+];
+var LEVEL_SET = new Set(RS_LOG_LEVELS);
+/** RFC 5424：数字越小越严重。success 映射为 info(6)。 */
+var SYSLOG_OF = {
+	fatal: 2,
+	error: 3,
+	warn: 4,
+	notice: 5,
+	success: 6,
+	info: 6,
+	debug: 7,
+	trace: 7,
+	plain: null
+};
+/** OTel：数字越大越严重。取各档下限。 */
+var OTEL_OF = {
+	trace: 1,
+	debug: 5,
+	info: 9,
+	notice: 10,
+	success: 9,
+	warn: 13,
+	error: 17,
+	fatal: 21,
+	plain: null
+};
+var ALIAS_LEVEL = {
+	trace: "trace",
+	debug: "debug",
+	info: "info",
+	information: "info",
+	informational: "info",
+	notice: "notice",
+	success: "success",
+	ok: "success",
+	warn: "warn",
+	warning: "warn",
+	error: "error",
+	err: "error",
+	failed: "error",
+	failure: "error",
+	fatal: "fatal",
+	crit: "fatal",
+	critical: "fatal",
+	emerg: "fatal",
+	emergency: "fatal",
+	alert: "fatal",
+	panic: "fatal",
+	plain: "plain",
+	output: "plain"
+};
+function isRsLogLevel(value) {
+	return typeof value === "string" && LEVEL_SET.has(value);
+}
+/** RFC 5424 Severity（0–7）。plain 返回 null。 */
+function syslogSeverityOf(level) {
+	return SYSLOG_OF[level];
+}
+/** OpenTelemetry severity number。plain 返回 null。 */
+function otelSeverityOf(level) {
+	return OTEL_OF[level];
+}
+function levelFromSyslog(value) {
+	if (value <= 2) return "fatal";
+	if (value === 3) return "error";
+	if (value === 4) return "warn";
+	if (value === 5) return "notice";
+	if (value === 6) return "info";
+	return "debug";
+}
+function levelFromOtel(value) {
+	if (value >= 21) return "fatal";
+	if (value >= 17) return "error";
+	if (value >= 13) return "warn";
+	if (value >= 9) return "info";
+	if (value >= 5) return "debug";
+	return "trace";
+}
+/**
+* 把别名、syslog 0–7、OTel 1–24 收成规范级别。
+* 无法识别时返回 undefined，由调用方决定是否再推断。
+*/
+function parseRsLogLevel(value, scale = "auto") {
+	if (typeof value === "number" && Number.isFinite(value)) {
+		if (scale === "syslog") return levelFromSyslog(value);
+		if (scale === "otel") return levelFromOtel(value);
+		return value <= 7 ? levelFromSyslog(value) : levelFromOtel(value);
+	}
+	if (typeof value !== "string") return void 0;
+	const key = value.trim().toLowerCase();
+	if (!key) return void 0;
+	if (LEVEL_SET.has(key)) return key;
+	if (key in ALIAS_LEVEL) return ALIAS_LEVEL[key];
+	if (/^\d+$/.test(key)) return parseRsLogLevel(Number(key), scale);
+}
+/** 把任意输入收成日志行数组：字符串按行拆，对象原样保留。 */
+function asLogLineInputs(input) {
+	if (typeof input === "string") return splitLogText(input);
+	if (Array.isArray(input)) return input;
+	return [input];
+}
+/** 拆成行。统一 CRLF；去掉末尾空行，避免 textarea 尾巴多一行。 */
+function splitLogText(text) {
+	if (!text) return [];
+	const lines = text.replaceAll("\r\n", "\n").replaceAll("\r", "\n").split("\n");
+	if (lines.length > 1 && lines.at(-1) === "") lines.pop();
+	return lines;
+}
+/** 多条用户标识同时命中时，按严重程度取最高档。 */
+var MARKER_RANK = [
+	"fatal",
+	"error",
+	"warn",
+	"notice",
+	"success",
+	"info",
+	"debug",
+	"trace"
+];
+/**
+* 从一行正文推断语义色。
+* 1. [error] / [ok] 等方括号级别（别名走 parseRsLogLevel）
+* 2. 行首级别词，如 ERROR: / WARN
+* 3. 工具链行首：BUILD SUCCESS / BUILD FAILURE / Exception in thread / panic:
+* 4. 调用方 markers：成功 / 失败等产品标识（默认不扫）
+* 行上已有 level / severity 时不会走到这里。
+*/
+function inferLogLevel(text, options) {
+	const raw = text.trim();
+	if (!raw) return "plain";
+	const tagged = levelFromBracketTag(raw);
+	if (tagged) return tagged;
+	const leading = raw.match(/^([a-z]+)\b/i)?.[1];
+	const fromLead = leading ? parseRsLogLevel(leading) : void 0;
+	if (fromLead && fromLead !== "plain") return fromLead;
+	if (/^BUILD SUCCESS\b/i.test(raw)) return "success";
+	if (/^BUILD FAILURE\b/i.test(raw)) return "error";
+	if (/^Exception in thread\b/i.test(raw)) return "error";
+	if (/^panic:/i.test(raw)) return "fatal";
+	return levelFromMarkers(raw, options?.markers) ?? "plain";
+}
+function levelFromBracketTag(text) {
+	const tag = /\[([^\]\n]+)\]/g;
+	let match = tag.exec(text);
+	while (match) {
+		const level = parseRsLogLevel(match[1]);
+		if (level && level !== "plain") return level;
+		match = tag.exec(text);
+	}
+}
+function escapeRegExp(value) {
+	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+var MARKER_PATTERNS = /* @__PURE__ */ new Map();
+var MARKER_PATTERN_LIMIT = 64;
+function markerPattern(token) {
+	const cached = MARKER_PATTERNS.get(token);
+	if (cached) return cached;
+	const pattern = new RegExp(`(?<![A-Za-z0-9_])${escapeRegExp(token)}(?![A-Za-z0-9_])`, "i");
+	if (MARKER_PATTERNS.size >= MARKER_PATTERN_LIMIT) {
+		const oldest = MARKER_PATTERNS.keys().next().value;
+		if (oldest !== void 0) MARKER_PATTERNS.delete(oldest);
+	}
+	MARKER_PATTERNS.set(token, pattern);
+	return pattern;
+}
+function markerHits(text, marker) {
+	if (marker instanceof RegExp) {
+		const flags = marker.global ? marker.flags : `${marker.flags}g`;
+		const copy = new RegExp(marker.source, flags);
+		copy.lastIndex = 0;
+		return copy.test(text);
+	}
+	const token = marker.trim();
+	if (!token) return false;
+	return markerPattern(token).test(text);
+}
+/**
+* CSI / OSC / 单字符转义。与展示、搜索、级别推断共用。
+* 全局正则每次重置 lastIndex，避免跨行漏切。
+*/
+var ANSI_PATTERN = /[\u001B\u009B][[\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\d/#&.:=?%@~_]+)*|[a-zA-Z\d]+(?:;[-a-zA-Z\d/#&.:=?%@~_]*)*)?(?:\u0007|\u001B\\))|(?:\d{1,4}(?:;\d{0,4})*)?[\dA-PR-TZcf-nq-uy=><~])/g;
+function stripLogAnsi(text) {
+	if (!text.includes("\x1B") && !text.includes("›")) return text;
+	ANSI_PATTERN.lastIndex = 0;
+	return text.replace(ANSI_PATTERN, "");
+}
+function foldLogText(value, locale) {
+	if (!locale) return value.toLowerCase();
+	try {
+		return value.toLocaleLowerCase(locale);
+	} catch {
+		return value.toLowerCase();
+	}
+}
+function levelFromMarkers(text, markers) {
+	if (!markers) return void 0;
+	for (const level of MARKER_RANK) {
+		const list = markers[level];
+		if (!list?.length) continue;
+		for (const marker of list) if (markerHits(text, marker)) return level;
+	}
+}
+function lineText(input) {
+	return typeof input === "string" ? input : String(input.text ?? "");
+}
+function lineKey(input, index) {
+	if (typeof input !== "string" && input.id != null && input.id !== "") return String(input.id);
+	return `${index}:${lineText(input).slice(0, 48)}`;
+}
+function looksLikeInstant(value) {
+	return /^\d{4}-\d{2}-\d{2}/.test(value) || value.includes("T");
+}
+var DEFAULT_TIME_FORMAT = {
+	hour: "2-digit",
+	minute: "2-digit",
+	second: "2-digit",
+	hour12: false
+};
+var TIME_FORMATTERS = /* @__PURE__ */ new Map();
+var TIME_FORMATTER_LIMIT = 24;
+function logTimeFormatter(locale, options) {
+	const key = `${locale}\0${JSON.stringify(options)}`;
+	if (TIME_FORMATTERS.has(key)) return TIME_FORMATTERS.get(key) ?? null;
+	let formatter;
+	try {
+		formatter = new Intl.DateTimeFormat(locale, options);
+	} catch {
+		formatter = null;
+	}
+	if (TIME_FORMATTERS.size >= TIME_FORMATTER_LIMIT) {
+		const oldest = TIME_FORMATTERS.keys().next().value;
+		if (oldest !== void 0) TIME_FORMATTERS.delete(oldest);
+	}
+	TIME_FORMATTERS.set(key, formatter);
+	return formatter;
+}
+/** 能解析的瞬间走 Intl；已是展示串则原样保留。 */
+function formatLogTime(value, locale = "en-US", options = DEFAULT_TIME_FORMAT) {
+	if (value == null || value === "") return void 0;
+	const formatter = logTimeFormatter(locale, options);
+	if (value instanceof Date) {
+		if (Number.isNaN(value.getTime())) return void 0;
+		return formatter ? formatter.format(value) : value.toISOString();
+	}
+	if (typeof value === "number" && Number.isFinite(value)) {
+		const date = new Date(value);
+		if (Number.isNaN(date.getTime())) return void 0;
+		return formatter ? formatter.format(date) : date.toISOString();
+	}
+	if (typeof value === "string") {
+		if (looksLikeInstant(value)) {
+			const parsed = Date.parse(value);
+			if (!Number.isNaN(parsed)) {
+				const date = new Date(parsed);
+				return formatter ? formatter.format(date) : date.toISOString();
+			}
+		}
+		return value;
+	}
+}
+function resolveLineLevel(item, text, options) {
+	if (typeof item !== "string") {
+		const fromLevel = parseRsLogLevel(item.level, options.severityScale);
+		if (fromLevel) return fromLevel;
+		const fromSeverity = parseRsLogLevel(item.severity, options.severityScale ?? "auto");
+		if (fromSeverity) return fromSeverity;
+	}
+	return options.inferLevel !== false ? inferLogLevel(text, { markers: options.inferMarkers }) : "plain";
+}
+/** 把 string / 行对象收成渲染结构。inferLevel 默认开。 */
+function normalizeLogLines(source, options = {}) {
+	const raw = source == null ? [] : typeof source === "string" ? splitLogText(source) : source;
+	const max = options.maxLines;
+	const sliced = max != null && max > 0 && raw.length > max ? raw.slice(raw.length - max) : raw;
+	const origin = raw.length - sliced.length;
+	const locale = options.locale ?? "en-US";
+	return sliced.map((item, index) => {
+		const text = lineText(item);
+		const plain = stripLogAnsi(text);
+		const level = resolveLineLevel(item, plain, options);
+		const time = typeof item === "string" ? void 0 : formatLogTime(item.time, locale, options.timeFormat);
+		return {
+			key: lineKey(item, origin + index),
+			text,
+			plain,
+			level,
+			time,
+			seq: index + 1,
+			syslog: syslogSeverityOf(level),
+			otel: otelSeverityOf(level)
+		};
+	});
+}
+/** 把一行收成可写回 v-model 的结构（字符串保持字符串）。 */
+function toLogLineInput(input) {
+	if (typeof input === "string") return input;
+	const next = { text: String(input.text ?? "") };
+	const level = parseRsLogLevel(input.level);
+	if (input.id != null && input.id !== "") next.id = input.id;
+	if (level) next.level = level;
+	if (input.severity != null) next.severity = input.severity;
+	if (input.time != null && input.time !== "") next.time = input.time;
+	return next;
+}
+function joinLogLines(lines) {
+	return lines.map((line) => line.text).join("\n");
+}
+function clampLogCount(items, maxLines) {
+	if (maxLines == null || maxLines <= 0 || items.length <= maxLines) return items;
+	return items.slice(items.length - maxLines);
+}
+function filterLogLines(lines, options) {
+	const levels = options?.levels?.filter((level) => isRsLogLevel(level)) ?? [];
+	const query = options?.search?.trim() ?? "";
+	const folded = query ? foldLogText(query, options?.locale) : "";
+	return lines.filter((line) => {
+		if (levels.length > 0 && !levels.includes(line.level)) return false;
+		if (!folded) return true;
+		if (foldLogText(line.plain || line.text, options?.locale).includes(folded)) return true;
+		if (line.level.includes(folded)) return true;
+		const levelName = options?.levelText?.(line.level);
+		if (levelName && foldLogText(levelName, options?.locale).includes(folded)) return true;
+		return Boolean(line.time && foldLogText(line.time, options?.locale).includes(folded));
+	});
+}
+/** 按查询切开正文，供搜索高亮。大小写不敏感。 */
+function splitLogHighlight(text, query) {
+	const needle = query.trim();
+	if (!needle) return [{
+		text,
+		hit: false
+	}];
+	const source = text.toLowerCase();
+	const target = needle.toLowerCase();
+	const parts = [];
+	let cursor = 0;
+	while (cursor < text.length) {
+		const index = source.indexOf(target, cursor);
+		if (index < 0) {
+			parts.push({
+				text: text.slice(cursor),
+				hit: false
+			});
+			break;
+		}
+		if (index > cursor) parts.push({
+			text: text.slice(cursor, index),
+			hit: false
+		});
+		parts.push({
+			text: text.slice(index, index + needle.length),
+			hit: true
+		});
+		cursor = index + needle.length;
+	}
+	return parts.length > 0 ? parts : [{
+		text,
+		hit: false
+	}];
+}
+function resolveLogLive(live) {
+	if (live === true) return "polite";
+	if (live === false || live == null || live === "off") return "off";
+	return live;
+}
+function countDroppedLines(total, maxLines) {
+	if (maxLines == null || maxLines <= 0 || total <= maxLines) return 0;
+	return total - maxLines;
+}
+/** 复制优先级：选区 > 全文 > 当前行 > 可见行（含搜索过滤结果）。 */
+function resolveLogCopyText(options) {
+	const selection = options.selection?.trim();
+	if (selection) return {
+		text: selection,
+		source: "selection"
+	};
+	if (options.allTexts && options.allTexts.length > 0) return {
+		text: options.allTexts.join("\n"),
+		source: "all"
+	};
+	const active = options.activeText?.trim();
+	if (active) return {
+		text: active,
+		source: "line"
+	};
+	return {
+		text: options.visibleTexts.join("\n"),
+		source: "visible"
+	};
+}
+//#endregion
+export { RS_LOG_FILTER_LEVELS, RS_LOG_LEVELS, asLogLineInputs, clampLogCount, countDroppedLines, filterLogLines, formatLogTime, inferLogLevel, isRsLogLevel, joinLogLines, normalizeLogLines, otelSeverityOf, parseRsLogLevel, resolveLogCopyText, resolveLogLive, splitLogHighlight, splitLogText, stripLogAnsi, syslogSeverityOf, toLogLineInput };

package/dist/components/markdown/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RsMarkdown } from './src/RsMarkdown.js';
+export type { RsMarkdownExpose, RsMarkdownMode, RsMarkdownRenderOptions } from './src/markdown-utils';
+export { escapeHtml, isSafeHref, isSafeImageSrc, renderMarkdown, renderMarkdownInline, resolveMarkdownHeight, resolveMarkdownMode, } from './src/markdown-utils';

package/dist/components/markdown/src/RsMarkdown.css

@@ -0,0 +1,259 @@
+
+.rs-markdown {
+  --rs-markdown-bg: var(--rs-surface);
+  --rs-markdown-fg: var(--rs-text);
+  --rs-markdown-muted: var(--rs-muted);
+  --rs-markdown-border: var(--rs-border);
+  --rs-markdown-accent: var(--rs-primary);
+  --rs-markdown-radius: var(--rs-radius);
+  --rs-markdown-bar-bg: color-mix(in srgb, var(--rs-surface) 88%, var(--rs-muted-bg, var(--rs-border)) 12%);
+  --rs-markdown-code-bg: color-mix(in srgb, var(--rs-muted-bg, var(--rs-border)) 55%, transparent);
+  --rs-markdown-code-frame: color-mix(in srgb, var(--rs-surface) 92%, var(--rs-muted-bg, var(--rs-border)) 8%);
+  --rs-markdown-th-bg: color-mix(in srgb, var(--rs-muted-bg, var(--rs-border)) 40%, transparent);
+  --rs-markdown-measure: 48rem;
+  --rs-markdown-disabled-opacity: 0.65;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  min-height: 0;
+  min-width: 0;
+  box-sizing: border-box;
+  border: 1px solid var(--rs-markdown-border);
+  background: var(--rs-markdown-bg);
+  color: var(--rs-markdown-fg);
+  overflow: hidden;
+}
+.rs-markdown--rounded {
+  border-radius: var(--rs-markdown-radius);
+}
+.rs-markdown:focus-within {
+  border-color: var(--rs-focus-border, var(--rs-markdown-accent));
+}
+.rs-markdown--disabled {
+  opacity: var(--rs-markdown-disabled-opacity);
+  pointer-events: none;
+}
+.rs-markdown__toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--rs-space-xs);
+  flex: 0 0 auto;
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  border-bottom: 1px solid var(--rs-markdown-border);
+  background: var(--rs-markdown-bar-bg);
+}
+.rs-markdown__body {
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 0;
+  min-width: 0;
+  outline: none;
+}
+.rs-markdown--edit .rs-markdown__body,
+.rs-markdown--preview .rs-markdown__body {
+  flex-direction: column;
+}
+.rs-markdown--split .rs-markdown__body {
+  flex-direction: row;
+}
+.rs-markdown__editor,
+.rs-markdown__preview {
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 0;
+}
+.rs-markdown--split .rs-markdown__editor {
+  border-inline-end: 1px solid var(--rs-markdown-border);
+}
+.rs-markdown__preview {
+  overflow: auto;
+  padding: var(--rs-space-md) var(--rs-space-lg);
+  background: var(--rs-markdown-bg);
+}
+.rs-markdown__preview--empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.rs-markdown__empty {
+  margin: 0;
+  color: var(--rs-markdown-muted);
+  font-size: var(--rs-font-size-sm);
+}
+.rs-markdown__prose {
+  position: relative;
+  max-width: var(--rs-markdown-measure);
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-normal, 1.65);
+  overflow-wrap: anywhere;
+}
+.rs-markdown__prose > :first-child {
+  margin-top: 0;
+}
+.rs-markdown__prose > :last-child {
+  margin-bottom: 0;
+}
+.rs-markdown__prose h1,
+.rs-markdown__prose h2,
+.rs-markdown__prose h3,
+.rs-markdown__prose h4 {
+  margin: 1.25em 0 0.5em;
+  font-weight: var(--rs-font-weight-semibold);
+  line-height: 1.3;
+  letter-spacing: -0.01em;
+  color: var(--rs-markdown-fg);
+}
+.rs-markdown__prose h1 {
+  font-size: 1.5em;
+}
+.rs-markdown__prose h2 {
+  font-size: 1.25em;
+}
+.rs-markdown__prose h3 {
+  font-size: 1.1em;
+}
+.rs-markdown__prose p,
+.rs-markdown__prose ul,
+.rs-markdown__prose ol,
+.rs-markdown__prose blockquote,
+.rs-markdown__prose pre,
+.rs-markdown__prose .rs-markdown__codeblock,
+.rs-markdown__prose .rs-markdown__table-wrap {
+  margin: 0.75em 0;
+}
+.rs-markdown__prose ul,
+.rs-markdown__prose ol {
+  padding-inline-start: 1.4em;
+}
+.rs-markdown__prose li + li {
+  margin-top: 0.25em;
+}
+.rs-markdown__prose a {
+  color: var(--rs-markdown-accent);
+  text-decoration: underline;
+  text-underline-offset: 0.15em;
+  cursor: pointer;
+}
+.rs-markdown__prose a code {
+  color: inherit;
+}
+.rs-markdown__prose a:hover {
+  opacity: 0.85;
+}
+.rs-markdown__prose strong {
+  font-weight: var(--rs-font-weight-semibold);
+}
+.rs-markdown__prose blockquote {
+  padding-block: 0.15em;
+  padding-inline: 0.9em 0;
+  border-inline-start: 3px solid var(--rs-markdown-border);
+  color: var(--rs-markdown-muted);
+}
+.rs-markdown__prose hr {
+  margin: 1.25em 0;
+  border: 0;
+  border-top: 1px solid var(--rs-markdown-border);
+}
+.rs-markdown__prose code {
+  padding: 0.1em 0.35em;
+  border-radius: calc(var(--rs-markdown-radius) * 0.6);
+  background: var(--rs-markdown-code-bg);
+  font-family: var(--rs-font-mono);
+  font-size: 0.9em;
+}
+.rs-markdown__codeblock {
+  overflow: hidden;
+  border: 1px solid var(--rs-markdown-border);
+  border-radius: var(--rs-markdown-radius);
+  background: var(--rs-markdown-code-frame);
+}
+.rs-markdown__code-head {
+  display: flex;
+  align-items: center;
+  padding: 0.35rem 0.75rem;
+  border-bottom: 1px solid var(--rs-markdown-border);
+  font-size: var(--rs-font-size-xs);
+  color: var(--rs-markdown-muted);
+}
+.rs-markdown__pre {
+  margin: 0;
+  padding: 0.75rem 0.9rem;
+  overflow: auto;
+  font-family: var(--rs-font-mono);
+  font-size: 0.85em;
+  line-height: 1.55;
+}
+.rs-markdown__pre code {
+  padding: 0;
+  background: transparent;
+  border-radius: 0;
+  font-size: inherit;
+}
+.rs-markdown__table-wrap {
+  overflow: auto;
+}
+.rs-markdown__prose table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.95em;
+}
+.rs-markdown__prose th,
+.rs-markdown__prose td {
+  padding: 0.45em 0.7em;
+  border: 1px solid var(--rs-markdown-border);
+  text-align: start;
+}
+.rs-markdown__prose th {
+  background: var(--rs-markdown-th-bg);
+  font-weight: var(--rs-font-weight-semibold);
+}
+.rs-markdown__img {
+  max-width: 100%;
+  height: auto;
+  border-radius: var(--rs-markdown-radius);
+}
+.rs-markdown__task {
+  display: inline-block;
+  width: 0.9em;
+  height: 0.9em;
+  margin-block: 0 0.05em;
+  margin-inline: 0 0.4em;
+  border: 1px solid var(--rs-markdown-border);
+  border-radius: 0.15em;
+  vertical-align: middle;
+  background: var(--rs-markdown-bg);
+}
+.rs-markdown__task--on {
+  background: var(--rs-markdown-accent);
+  border-color: var(--rs-markdown-accent);
+  box-shadow: inset 0 0 0 0.12em var(--rs-markdown-bg);
+}
+.rs-markdown__prose li:has(> .rs-markdown__task) {
+  list-style: none;
+  margin-inline-start: -1.15em;
+}
+.rs-markdown__sr {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+@media (max-width: 40rem) {
+.rs-markdown--split .rs-markdown__body {
+    flex-direction: column;
+}
+.rs-markdown--split .rs-markdown__editor {
+    border-inline-end: 0;
+    border-block-end: 1px solid var(--rs-markdown-border);
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-markdown__preview {
+    scroll-behavior: auto;
+}
+}