@farming-labs/theme 0.1.103 → 0.1.105

package/dist/code-block-spacing.mjs

@@ -0,0 +1,49 @@
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/code-block-spacing.tsx
+const leadingWhitespacePattern = /^[\t ]+/;
+function whitespaceColumnCount(value) {
+	let columns = 0;
+	for (const char of value) columns += char === "	" ? 4 : 1;
+	return columns;
+}
+function splitLeadingWhitespace(value, key) {
+	const match = value.match(leadingWhitespacePattern);
+	if (!match) return value;
+	const leadingWhitespace = match[0] ?? "";
+	const rest = value.slice(leadingWhitespace.length);
+	if (!rest.startsWith("--")) return value;
+	const isSingleWordGap = leadingWhitespace === " ";
+	return [/* @__PURE__ */ jsx("span", {
+		"data-fd-code-space": isSingleWordGap ? "gap" : "indent",
+		style: { "--fd-code-space-count": whitespaceColumnCount(leadingWhitespace) },
+		children: leadingWhitespace
+	}, `${key}-space`), rest];
+}
+function normalizeNode(node, key) {
+	if (typeof node === "string") return splitLeadingWhitespace(node, key);
+	if (!React$1.isValidElement(node)) return node;
+	const props = node.props;
+	if (props.children === void 0) return node;
+	return React$1.cloneElement(node, void 0, React$1.Children.map(props.children, (child, index) => normalizeNode(child, `${key}-${index}`)));
+}
+function normalizeCodeSpacing(children) {
+	return React$1.Children.map(children, (child, index) => normalizeNode(child, `${index}`));
+}
+function createPreWithCodeSpacing(DefaultPre) {
+	return function PreWithCodeSpacing(props) {
+		const normalizedChildren = normalizeCodeSpacing(props.children);
+		if (typeof DefaultPre === "string") return /* @__PURE__ */ jsx("pre", {
+			...props,
+			children: normalizedChildren
+		});
+		return /* @__PURE__ */ jsx(DefaultPre, {
+			...props,
+			children: normalizedChildren
+		});
+	};
+}
+
+//#endregion
+export { createPreWithCodeSpacing };

package/dist/mdx.mjs

@@ -1,4 +1,5 @@
 import { MDXImg } from "./mdx-img.mjs";
+import { createPreWithCodeSpacing } from "./code-block-spacing.mjs";
 import { createPreWithCopyCallback } from "./code-block-copy-wrapper.mjs";
 import { HoverLink } from "./hover-link.mjs";
 import { extractPromptText } from "./prompt-text.mjs";
@@ -94,6 +95,8 @@ function getMDXComponents(overrides, options) {
 		...applyBuiltInComponentDefaults(options),
 		...overrides
 	};
+	const DefaultPre = base.pre;
+	if (DefaultPre) base.pre = createPreWithCodeSpacing(DefaultPre);
 	if (base.Prompt) {
 		const DefaultPrompt = base.Prompt;
 		base.Prompt = function PromptWithDocsContext(props) {
@@ -108,8 +111,8 @@ function getMDXComponents(overrides, options) {
 		};
 	}
 	if (options?.onCopyClick) {
-		const DefaultPre = base.pre;
-		if (DefaultPre) base.pre = createPreWithCopyCallback(DefaultPre, options.onCopyClick);
+		const CopyPre = base.pre;
+		if (CopyPre) base.pre = createPreWithCopyCallback(CopyPre, options.onCopyClick);
 	}
 	return base;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/theme",
-  "version": "0.1.103",
+  "version": "0.1.105",
   "description": "Theme package for @farming-labs/docs — layout, provider, MDX components, and styles",
   "keywords": [
     "docs",
@@ -139,7 +139,7 @@
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
     "vitest": "^3.2.4",
-    "@farming-labs/docs": "0.1.103"
+    "@farming-labs/docs": "0.1.105"
   },
   "peerDependencies": {
     "@farming-labs/docs": ">=0.0.1",

package/styles/base.css

@@ -139,12 +139,38 @@ article small,
 
 figure.shiki pre {
   padding: 0.15rem 0.5rem;
+  white-space: pre;
 }
 
 figure.shiki pre > code {
+  display: block;
+  white-space: inherit;
+}
+
+/* Wrapped Shiki lines can use grid rows; unwrapped token spans need inline flow for spaces. */
+figure.shiki pre > code:has(> .line),
+figure.shiki pre > code:has(> [data-line]) {
   display: grid;
 }
 
+figure.shiki pre > code > .line,
+figure.shiki pre > code > [data-line] {
+  white-space: inherit;
+}
+
+figure.shiki [data-fd-code-space] {
+  display: inline-block;
+  white-space: pre;
+}
+
+figure.shiki [data-fd-code-space="gap"] {
+  width: var(--fd-code-token-gap, 1.75ch);
+}
+
+figure.shiki [data-fd-code-space="indent"] {
+  width: calc(var(--fd-code-space-count, 1) * 1ch);
+}
+
 figure.shiki pre > code > [data-line] {
   padding: 0 0.25rem;
 }