@farming-labs/theme 0.0.9-beta.1 → 0.0.9

package/dist/docs-layout.mjs

@@ -452,54 +452,58 @@ function createDocsLayout(config) {
 			collapsible: sidebarProps.collapsible !== false,
 			flat: !!sidebarFlat
 		});
-		return /* @__PURE__ */ jsxs(DocsLayout, {
-			tree,
-			nav: {
-				title: navTitle,
-				url: navUrl
-			},
-			themeSwitch,
-			sidebar: finalSidebarProps,
-			...aiMode === "sidebar-icon" && aiEnabled ? { searchToggle: { components: { lg: /* @__PURE__ */ jsx(SidebarSearchWithAI, {}) } } } : {},
-			children: [
-				/* @__PURE__ */ jsx(ColorStyle, { colors }),
-				/* @__PURE__ */ jsx(TypographyStyle, { typography }),
-				/* @__PURE__ */ jsx(LayoutStyle, { layout: layoutDimensions }),
-				forcedTheme && /* @__PURE__ */ jsx(ForcedThemeScript, { theme: forcedTheme }),
-				!staticExport && /* @__PURE__ */ jsx(DocsCommandSearch, {}),
-				aiEnabled && /* @__PURE__ */ jsx(DocsAIFeatures, {
-					mode: aiMode,
-					position: aiPosition,
-					floatingStyle: aiFloatingStyle,
-					triggerComponentHtml: aiTriggerComponentHtml,
-					suggestedQuestions: aiSuggestedQuestions,
-					aiLabel,
-					loaderVariant: aiLoaderVariant,
-					loadingComponentHtml: aiLoadingComponentHtml,
-					models: aiModels,
-					defaultModelId: aiDefaultModelId
-				}),
-				/* @__PURE__ */ jsx(DocsPageClient, {
-					tocEnabled,
-					tocStyle,
-					breadcrumbEnabled,
-					entry: config.entry,
-					copyMarkdown: copyMarkdownEnabled,
-					openDocs: openDocsEnabled,
-					openDocsProviders,
-					pageActionsPosition,
-					pageActionsAlignment,
-					githubUrl,
-					githubBranch,
-					githubDirectory,
-					lastModifiedMap,
-					lastUpdatedEnabled,
-					lastUpdatedPosition,
-					llmsTxtEnabled,
-					descriptionMap,
-					children
-				})
-			]
+		return /* @__PURE__ */ jsx("div", {
+			id: "nd-docs-layout",
+			style: { display: "contents" },
+			children: /* @__PURE__ */ jsxs(DocsLayout, {
+				tree,
+				nav: {
+					title: navTitle,
+					url: navUrl
+				},
+				themeSwitch,
+				sidebar: finalSidebarProps,
+				...aiMode === "sidebar-icon" && aiEnabled ? { searchToggle: { components: { lg: /* @__PURE__ */ jsx(SidebarSearchWithAI, {}) } } } : {},
+				children: [
+					/* @__PURE__ */ jsx(ColorStyle, { colors }),
+					/* @__PURE__ */ jsx(TypographyStyle, { typography }),
+					/* @__PURE__ */ jsx(LayoutStyle, { layout: layoutDimensions }),
+					forcedTheme && /* @__PURE__ */ jsx(ForcedThemeScript, { theme: forcedTheme }),
+					!staticExport && /* @__PURE__ */ jsx(DocsCommandSearch, {}),
+					aiEnabled && /* @__PURE__ */ jsx(DocsAIFeatures, {
+						mode: aiMode,
+						position: aiPosition,
+						floatingStyle: aiFloatingStyle,
+						triggerComponentHtml: aiTriggerComponentHtml,
+						suggestedQuestions: aiSuggestedQuestions,
+						aiLabel,
+						loaderVariant: aiLoaderVariant,
+						loadingComponentHtml: aiLoadingComponentHtml,
+						models: aiModels,
+						defaultModelId: aiDefaultModelId
+					}),
+					/* @__PURE__ */ jsx(DocsPageClient, {
+						tocEnabled,
+						tocStyle,
+						breadcrumbEnabled,
+						entry: config.entry,
+						copyMarkdown: copyMarkdownEnabled,
+						openDocs: openDocsEnabled,
+						openDocsProviders,
+						pageActionsPosition,
+						pageActionsAlignment,
+						githubUrl,
+						githubBranch,
+						githubDirectory,
+						lastModifiedMap,
+						lastUpdatedEnabled,
+						lastUpdatedPosition,
+						llmsTxtEnabled,
+						descriptionMap,
+						children
+					})
+				]
+			})
 		});
 	};
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/theme",
-  "version": "0.0.9-beta.1",
+  "version": "0.0.9",
   "description": "Theme package for @farming-labs/docs — layout, provider, MDX components, and styles",
   "keywords": [
     "docs",
@@ -103,7 +103,7 @@
     "next": ">=14.0.0",
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
-    "@farming-labs/docs": "0.0.9-beta.1"
+    "@farming-labs/docs": "0.0.9"
   },
   "peerDependencies": {
     "@farming-labs/docs": ">=0.0.1",

package/styles/base.css

@@ -290,7 +290,9 @@ figure.shiki:has(figcaption) figcaption {
     border-color 0.15s;
   user-select: none;
 }
-
+.fd-ai-fm-msg-content .fd-ai-code-block pre {
+  padding:10px !important;
+}
 .fd-page-action-btn:hover {
   color: var(--color-fd-accent-foreground);
   background: var(--color-fd-accent);

package/styles/pixel-border.css

@@ -139,14 +139,19 @@ code:not(pre code) {
  * ═══════════════════════════════════════════════════════════════════ */
 
 /* ─── Wider content area on desktop ──────────────────────────────── */
-/* :root {
-  --fd-layout-width: 1400px;
-} */
 
-/* ─── Docs grid: pin sidebar left, TOC right, content fills middle ── */
+@media (min-width: 1024px) {
+  :root {
+    --fd-layout-width: 1400px;
+  }
+}
+
+/* ─── Docs grid: sidebar | content | TOC — with gap and constrained TOC ── */
 @media (min-width: 768px) {
-  #nd-docs-layout {
-    grid-template-columns: var(--fd-sidebar-col, 0px) 1fr min-content !important;
+  #nd-docs-layout,
+  [style*="fd-sidebar-col"] {
+    grid-template-columns: var(--fd-sidebar-col, 0px) minmax(0, 1fr) min(var(--fd-toc-width, 260px), 260px) !important;
+    gap: 24px !important;
   }
 }