@farming-labs/theme 0.0.6 → 0.0.8

package/dist/docs-layout.mjs

@@ -424,8 +424,9 @@ function createDocsLayout(config) {
 	const githubUrl = typeof githubRaw === "string" ? githubRaw.replace(/\/$/, "") : githubRaw?.url.replace(/\/$/, "");
 	const githubBranch = typeof githubRaw === "object" ? githubRaw.branch ?? "main" : "main";
 	const githubDirectory = typeof githubRaw === "object" ? githubRaw.directory?.replace(/^\/|\/$/g, "") : void 0;
+	const staticExport = !!config.staticExport;
 	const aiConfig = config.ai;
-	const aiEnabled = !!aiConfig?.enabled;
+	const aiEnabled = !staticExport && !!aiConfig?.enabled;
 	const aiMode = aiConfig?.mode ?? "search";
 	const aiPosition = aiConfig?.position ?? "bottom-right";
 	const aiFloatingStyle = aiConfig?.floatingStyle ?? "panel";
@@ -465,7 +466,7 @@ function createDocsLayout(config) {
 				/* @__PURE__ */ jsx(TypographyStyle, { typography }),
 				/* @__PURE__ */ jsx(LayoutStyle, { layout: layoutDimensions }),
 				forcedTheme && /* @__PURE__ */ jsx(ForcedThemeScript, { theme: forcedTheme }),
-				/* @__PURE__ */ jsx(DocsCommandSearch, {}),
+				!staticExport && /* @__PURE__ */ jsx(DocsCommandSearch, {}),
 				aiEnabled && /* @__PURE__ */ jsx(DocsAIFeatures, {
 					mode: aiMode,
 					position: aiPosition,

package/dist/mdx-img.d.mts

@@ -0,0 +1,9 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import Image from "next/image";
+
+//#region src/mdx-img.d.ts
+type ImgProps = ComponentProps<typeof Image>;
+declare function MDXImg(props: ImgProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { MDXImg };

package/dist/mdx-img.mjs

@@ -0,0 +1,33 @@
+"use client";
+
+import { jsx } from "react/jsx-runtime";
+import Image from "next/image";
+
+//#region src/mdx-img.tsx
+/**
+* MDX image component that works with ![alt](url) when width/height are not provided.
+* Fumadocs-ui's default img uses Next.js Image which requires width and height;
+* markdown image syntax cannot provide these. This override uses unoptimized Image
+* with default dimensions when missing, so external (e.g. GitHub) images work.
+*/
+const DEFAULT_WIDTH = 800;
+const DEFAULT_HEIGHT = 600;
+function MDXImg(props) {
+	const { src, alt = "", width, height, style, ...rest } = props;
+	return /* @__PURE__ */ jsx(Image, {
+		src,
+		alt,
+		width: width != null ? Number(width) : DEFAULT_WIDTH,
+		height: height != null ? Number(height) : DEFAULT_HEIGHT,
+		unoptimized: !(width != null && height != null),
+		style: {
+			maxWidth: "100%",
+			height: "auto",
+			...style
+		},
+		...rest
+	});
+}
+
+//#endregion
+export { MDXImg };

package/dist/mdx.d.mts

@@ -1,3 +1,4 @@
+import { MDXImg } from "./mdx-img.mjs";
 import * as react from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Tab, Tabs } from "fumadocs-ui/components/tabs";
@@ -8,6 +9,7 @@ import * as fumadocs_ui_components_callout0 from "fumadocs-ui/components/callout
 
 //#region src/mdx.d.ts
 declare const extendedMdxComponents: {
+  img: typeof MDXImg;
   Tab: typeof Tab;
   Tabs: typeof Tabs;
   CodeBlockTab: typeof fumadocs_ui_components_codeblock0.CodeBlockTab;
@@ -18,9 +20,6 @@ declare const extendedMdxComponents: {
   Card: typeof fumadocs_ui_components_card0.Card;
   Cards: typeof fumadocs_ui_components_card0.Cards;
   a: react.FC<react.AnchorHTMLAttributes<HTMLAnchorElement>>;
-  img: (props: react.ImgHTMLAttributes<HTMLImageElement> & {
-    sizes?: string;
-  }) => react_jsx_runtime0.JSX.Element;
   h1: (props: react.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
   h2: (props: react.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
   h3: (props: react.HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;

package/dist/mdx.mjs

@@ -1,3 +1,4 @@
+import { MDXImg } from "./mdx-img.mjs";
 import { Tab, Tabs } from "fumadocs-ui/components/tabs";
 import defaultMdxComponents from "fumadocs-ui/mdx";
 
@@ -7,12 +8,15 @@ import defaultMdxComponents from "fumadocs-ui/mdx";
 *
 * Includes all default MDX components (headings, code blocks, callouts, cards)
 * plus Tabs/Tab for tabbed content and InstallTabs for package manager tabs.
+* Overrides `img` so that ![alt](url) in markdown works without width/height
+* (uses Next Image with unoptimized + default dimensions for external URLs).
 *
 * Usage in mdx-components.tsx:
 *   import { getMDXComponents } from "@farming-labs/theme/mdx";
 */
 const extendedMdxComponents = {
 	...defaultMdxComponents,
+	img: MDXImg,
 	Tab,
 	Tabs
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/theme",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "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.6"
+    "@farming-labs/docs": "0.0.8"
   },
   "peerDependencies": {
     "@farming-labs/docs": ">=0.0.1",