@farming-labs/theme 0.0.2-beta.9 → 0.0.2

package/dist/ai-search-dialog.d.mts

@@ -1,10 +1,12 @@
 //#region src/ai-search-dialog.d.ts
+type LoaderVariant = "shimmer-dots" | "circular" | "dots" | "typing" | "wave" | "bars" | "pulse" | "pulse-dot" | "terminal" | "text-blink" | "text-shimmer" | "loading-dots";
 declare function DocsSearchDialog({
   open,
   onOpenChange,
   api,
   suggestedQuestions,
   aiLabel,
+  loaderVariant,
   loadingComponentHtml
 }: {
   open: boolean;
@@ -12,6 +14,7 @@ declare function DocsSearchDialog({
   api?: string;
   suggestedQuestions?: string[];
   aiLabel?: string;
+  loaderVariant?: LoaderVariant;
   loadingComponentHtml?: string;
 }): any;
 type FloatingPosition = "bottom-right" | "bottom-left" | "bottom-center";
@@ -23,6 +26,7 @@ declare function FloatingAIChat({
   triggerComponentHtml,
   suggestedQuestions,
   aiLabel,
+  loaderVariant,
   loadingComponentHtml
 }: {
   api?: string;
@@ -31,7 +35,25 @@ declare function FloatingAIChat({
   triggerComponentHtml?: string;
   suggestedQuestions?: string[];
   aiLabel?: string;
+  loaderVariant?: LoaderVariant;
+  loadingComponentHtml?: string;
+}): any;
+declare function AIModalDialog({
+  open,
+  onOpenChange,
+  api,
+  suggestedQuestions,
+  aiLabel,
+  loaderVariant,
+  loadingComponentHtml
+}: {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  api?: string;
+  suggestedQuestions?: string[];
+  aiLabel?: string;
+  loaderVariant?: LoaderVariant;
   loadingComponentHtml?: string;
 }): any;
 //#endregion
-export { DocsSearchDialog, FloatingAIChat };
+export { AIModalDialog, DocsSearchDialog, FloatingAIChat };

package/dist/ai-search-dialog.mjs

@@ -143,33 +143,145 @@ function XIcon() {
 		children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })]
 	});
 }
-function DefaultLoadingIndicator({ label }) {
-	return /* @__PURE__ */ jsxs("span", {
-		className: "fd-ai-loading",
-		children: [/* @__PURE__ */ jsxs("span", {
-			className: "fd-ai-loading-text",
-			children: [label, " is thinking"]
-		}), /* @__PURE__ */ jsxs("span", {
-			className: "fd-ai-loading-dots",
-			children: [
-				/* @__PURE__ */ jsx("span", { className: "fd-ai-loading-dot" }),
-				/* @__PURE__ */ jsx("span", { className: "fd-ai-loading-dot" }),
-				/* @__PURE__ */ jsx("span", { className: "fd-ai-loading-dot" })
-			]
-		})]
-	});
+function LoaderIndicator({ variant = "shimmer-dots" }) {
+	const text = "Thinking";
+	switch (variant) {
+		case "circular": return /* @__PURE__ */ jsxs("div", {
+			className: "fd-ai-loader",
+			children: [/* @__PURE__ */ jsx("div", { className: "fd-ai-loader-circular" }), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Loading"
+			})]
+		});
+		case "dots": return /* @__PURE__ */ jsx("div", {
+			className: "fd-ai-loader",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "fd-ai-loader-dots",
+				children: [
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-bounce-dot" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-bounce-dot" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-bounce-dot" })
+				]
+			})
+		});
+		case "typing": return /* @__PURE__ */ jsx("div", {
+			className: "fd-ai-loader",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "fd-ai-loader-typing-dots",
+				children: [
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-typing-dot" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-typing-dot" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-typing-dot" })
+				]
+			})
+		});
+		case "wave": return /* @__PURE__ */ jsx("div", {
+			className: "fd-ai-loader",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "fd-ai-loader-wave",
+				children: [
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-wave-bar" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-wave-bar" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-wave-bar" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-wave-bar" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-wave-bar" })
+				]
+			})
+		});
+		case "bars": return /* @__PURE__ */ jsx("div", {
+			className: "fd-ai-loader",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "fd-ai-loader-bars",
+				children: [
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-bar" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-bar" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-bar" })
+				]
+			})
+		});
+		case "pulse": return /* @__PURE__ */ jsx("div", {
+			className: "fd-ai-loader",
+			children: /* @__PURE__ */ jsx("div", { className: "fd-ai-loader-pulse" })
+		});
+		case "pulse-dot": return /* @__PURE__ */ jsx("div", {
+			className: "fd-ai-loader",
+			children: /* @__PURE__ */ jsx("div", { className: "fd-ai-loader-pulse-dot" })
+		});
+		case "terminal": return /* @__PURE__ */ jsx("div", {
+			className: "fd-ai-loader",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "fd-ai-loader-terminal",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "fd-ai-loader-terminal-prompt",
+					children: ">"
+				}), /* @__PURE__ */ jsx("span", { className: "fd-ai-loader-terminal-cursor" })]
+			})
+		});
+		case "text-blink": return /* @__PURE__ */ jsx("div", {
+			className: "fd-ai-loader",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "fd-ai-loader-text-blink",
+				children: text
+			})
+		});
+		case "text-shimmer": return /* @__PURE__ */ jsx("div", {
+			className: "fd-ai-loader",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "fd-ai-loader-shimmer-text",
+				children: text
+			})
+		});
+		case "loading-dots": return /* @__PURE__ */ jsxs("div", {
+			className: "fd-ai-loader",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "fd-ai-loader-text",
+				children: text
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "fd-ai-loader-text-dots",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "fd-ai-loader-text-dot",
+						children: "."
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "fd-ai-loader-text-dot",
+						children: "."
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "fd-ai-loader-text-dot",
+						children: "."
+					})
+				]
+			})]
+		});
+		default: return /* @__PURE__ */ jsxs("div", {
+			className: "fd-ai-loader",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "fd-ai-loader-shimmer-text",
+				children: text
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "fd-ai-loader-typing-dots",
+				children: [
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-typing-dot" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-typing-dot" }),
+					/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-typing-dot" })
+				]
+			})]
+		});
+	}
 }
-function LoadingDots() {
+function InlineLoaderDots() {
 	return /* @__PURE__ */ jsxs("span", {
-		className: "fd-ai-loading-dots",
+		className: "fd-ai-loader-typing-dots",
+		style: { marginLeft: 0 },
 		children: [
-			/* @__PURE__ */ jsx("span", { className: "fd-ai-loading-dot" }),
-			/* @__PURE__ */ jsx("span", { className: "fd-ai-loading-dot" }),
-			/* @__PURE__ */ jsx("span", { className: "fd-ai-loading-dot" })
+			/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-typing-dot" }),
+			/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-typing-dot" }),
+			/* @__PURE__ */ jsx("span", { className: "fd-ai-loader-typing-dot" })
 		]
 	});
 }
-function AIChat({ api, messages, setMessages, aiInput, setAiInput, isStreaming, setIsStreaming, suggestedQuestions, aiLabel, loadingComponentHtml }) {
+function AIChat({ api, messages, setMessages, aiInput, setAiInput, isStreaming, setIsStreaming, suggestedQuestions, aiLabel, loaderVariant, loadingComponentHtml }) {
 	const label = aiLabel || "AI";
 	const aiInputRef = useRef(null);
 	const messagesEndRef = useRef(null);
@@ -311,7 +423,13 @@ function AIChat({ api, messages, setMessages, aiInput, setAiInput, isStreaming,
 					children: msg.content
 				}) : /* @__PURE__ */ jsx("div", {
 					className: "fd-ai-bubble-ai",
-					children: msg.content ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: renderMarkdown(msg.content) } }) : loadingComponentHtml ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: loadingComponentHtml } }) : /* @__PURE__ */ jsx(DefaultLoadingIndicator, { label })
+					children: msg.content ? /* @__PURE__ */ jsx("div", {
+						className: isStreaming && i === messages.length - 1 ? "fd-ai-streaming" : void 0,
+						dangerouslySetInnerHTML: { __html: renderMarkdown(msg.content) }
+					}) : loadingComponentHtml ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: loadingComponentHtml } }) : /* @__PURE__ */ jsx(LoaderIndicator, {
+						variant: loaderVariant,
+						label
+					})
 				})]
 			}, i)), /* @__PURE__ */ jsx("div", { ref: messagesEndRef })]
 		}), /* @__PURE__ */ jsxs("div", {
@@ -353,7 +471,7 @@ function AIChat({ api, messages, setMessages, aiInput, setAiInput, isStreaming,
 		})]
 	});
 }
-function DocsSearchDialog({ open, onOpenChange, api = "/api/docs", suggestedQuestions, aiLabel, loadingComponentHtml }) {
+function DocsSearchDialog({ open, onOpenChange, api = "/api/docs", suggestedQuestions, aiLabel, loaderVariant, loadingComponentHtml }) {
 	const [tab, setTab] = useState("search");
 	const [searchQuery, setSearchQuery] = useState("");
 	const [searchResults, setSearchResults] = useState([]);
@@ -496,7 +614,7 @@ function DocsSearchDialog({ open, onOpenChange, api = "/api/docs", suggestedQues
 							onKeyDown: handleSearchKeyDown,
 							className: "fd-ai-input"
 						}),
-						isSearching && /* @__PURE__ */ jsx(LoadingDots, {})
+						isSearching && /* @__PURE__ */ jsx(InlineLoaderDots, {})
 					]
 				}), /* @__PURE__ */ jsx("div", {
 					className: "fd-ai-results",
@@ -528,6 +646,7 @@ function DocsSearchDialog({ open, onOpenChange, api = "/api/docs", suggestedQues
 				setIsStreaming,
 				suggestedQuestions,
 				aiLabel,
+				loaderVariant,
 				loadingComponentHtml
 			})
 		]
@@ -602,7 +721,7 @@ function getContainerStyles(style, position) {
 function getAnimation(style) {
 	return style === "modal" ? "fd-ai-float-center-in 200ms ease-out" : "fd-ai-float-in 200ms ease-out";
 }
-function FloatingAIChat({ api = "/api/docs", position = "bottom-right", floatingStyle = "panel", triggerComponentHtml, suggestedQuestions, aiLabel, loadingComponentHtml }) {
+function FloatingAIChat({ api = "/api/docs", position = "bottom-right", floatingStyle = "panel", triggerComponentHtml, suggestedQuestions, aiLabel, loaderVariant, loadingComponentHtml }) {
 	const [mounted, setMounted] = useState(false);
 	const [isOpen, setIsOpen] = useState(false);
 	const [messages, setMessages] = useState([]);
@@ -640,6 +759,7 @@ function FloatingAIChat({ api = "/api/docs", position = "bottom-right", floating
 		setIsStreaming,
 		suggestedQuestions,
 		aiLabel,
+		loaderVariant,
 		loadingComponentHtml,
 		triggerComponentHtml,
 		position
@@ -688,6 +808,7 @@ function FloatingAIChat({ api = "/api/docs", position = "bottom-right", floating
 				setIsStreaming,
 				suggestedQuestions,
 				aiLabel,
+				loaderVariant,
 				loadingComponentHtml
 			})]
 		}),
@@ -696,16 +817,16 @@ function FloatingAIChat({ api = "/api/docs", position = "bottom-right", floating
 			className: "fd-ai-floating-trigger",
 			style: btnPosition,
 			dangerouslySetInnerHTML: { __html: triggerComponentHtml }
-		}) : /* @__PURE__ */ jsx("button", {
+		}) : /* @__PURE__ */ jsxs("button", {
 			onClick: () => setIsOpen(true),
 			"aria-label": `Ask ${aiName}`,
 			className: "fd-ai-floating-btn",
 			style: btnPosition,
-			children: /* @__PURE__ */ jsx(SparklesIcon, { size: 22 })
+			children: [/* @__PURE__ */ jsx(SparklesIcon, { size: 16 }), /* @__PURE__ */ jsxs("span", { children: ["Ask ", aiName] })]
 		}))
 	] }), document.body);
 }
-function FullModalAIChat({ api, isOpen, setIsOpen, messages, setMessages, aiInput, setAiInput, isStreaming, setIsStreaming, suggestedQuestions, aiLabel, loadingComponentHtml, triggerComponentHtml, position }) {
+function FullModalAIChat({ api, isOpen, setIsOpen, messages, setMessages, aiInput, setAiInput, isStreaming, setIsStreaming, suggestedQuestions, aiLabel, loaderVariant, loadingComponentHtml, triggerComponentHtml, position }) {
 	const label = aiLabel || "AI";
 	const inputRef = useRef(null);
 	const listRef = useRef(null);
@@ -831,13 +952,12 @@ function FullModalAIChat({ api, isOpen, setIsOpen, messages, setMessages, aiInpu
 						children: msg.role === "user" ? "you" : label
 					}), /* @__PURE__ */ jsx("div", {
 						className: "fd-ai-fm-msg-content",
-						children: msg.content ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: renderMarkdown(msg.content) } }) : loadingComponentHtml ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: loadingComponentHtml } }) : /* @__PURE__ */ jsxs("div", {
-							className: "fd-ai-fm-thinking",
-							children: [
-								/* @__PURE__ */ jsx("span", { className: "fd-ai-fm-thinking-dot" }),
-								/* @__PURE__ */ jsx("span", { className: "fd-ai-fm-thinking-dot" }),
-								/* @__PURE__ */ jsx("span", { className: "fd-ai-fm-thinking-dot" })
-							]
+						children: msg.content ? /* @__PURE__ */ jsx("div", {
+							className: isStreaming && i === messages.length - 1 ? "fd-ai-streaming" : void 0,
+							dangerouslySetInnerHTML: { __html: renderMarkdown(msg.content) }
+						}) : loadingComponentHtml ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: loadingComponentHtml } }) : /* @__PURE__ */ jsx(LoaderIndicator, {
+							variant: loaderVariant,
+							label
 						})
 					})]
 				}, i))
@@ -871,7 +991,7 @@ function FullModalAIChat({ api, isOpen, setIsOpen, messages, setMessages, aiInpu
 					}), isStreaming ? /* @__PURE__ */ jsx("button", {
 						className: "fd-ai-fm-send-btn",
 						onClick: () => setIsStreaming(false),
-						children: /* @__PURE__ */ jsx(LoadingDots, {})
+						children: /* @__PURE__ */ jsx(InlineLoaderDots, {})
 					}) : /* @__PURE__ */ jsx("button", {
 						className: "fd-ai-fm-send-btn",
 						"data-active": canSend,
@@ -932,6 +1052,96 @@ function TrashIcon() {
 		]
 	});
 }
+function AIModalDialog({ open, onOpenChange, api = "/api/docs", suggestedQuestions, aiLabel, loaderVariant, loadingComponentHtml }) {
+	const [messages, setMessages] = useState([]);
+	const [aiInput, setAiInput] = useState("");
+	const [isStreaming, setIsStreaming] = useState(false);
+	useEffect(() => {
+		if (!open) return;
+		const handler = (e) => {
+			if (e.key === "Escape") onOpenChange(false);
+		};
+		document.addEventListener("keydown", handler);
+		return () => document.removeEventListener("keydown", handler);
+	}, [open, onOpenChange]);
+	useEffect(() => {
+		if (open) document.body.style.overflow = "hidden";
+		else document.body.style.overflow = "";
+		return () => {
+			document.body.style.overflow = "";
+		};
+	}, [open]);
+	if (!open) return null;
+	const aiName = aiLabel || "AI";
+	return createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		onClick: () => onOpenChange(false),
+		className: "fd-ai-overlay"
+	}), /* @__PURE__ */ jsxs("div", {
+		role: "dialog",
+		"aria-modal": "true",
+		onClick: (e) => e.stopPropagation(),
+		className: "fd-ai-dialog fd-ai-modal-pure",
+		style: {
+			left: "50%",
+			top: "50%",
+			transform: "translate(-50%, -50%)",
+			width: "min(680px, calc(100vw - 32px))",
+			height: "min(560px, calc(100vh - 64px))",
+			animation: "fd-ai-float-center-in 200ms ease-out"
+		},
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "fd-ai-header",
+				children: [
+					/* @__PURE__ */ jsx(SparklesIcon, { size: 16 }),
+					/* @__PURE__ */ jsxs("span", {
+						className: "fd-ai-header-title",
+						children: ["Ask ", aiName]
+					}),
+					/* @__PURE__ */ jsx("kbd", {
+						className: "fd-ai-esc",
+						children: "ESC"
+					}),
+					/* @__PURE__ */ jsx("button", {
+						onClick: () => onOpenChange(false),
+						className: "fd-ai-close-btn",
+						children: /* @__PURE__ */ jsx(XIcon, {})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(AIChat, {
+				api,
+				messages,
+				setMessages,
+				aiInput,
+				setAiInput,
+				isStreaming,
+				setIsStreaming,
+				suggestedQuestions,
+				aiLabel,
+				loaderVariant,
+				loadingComponentHtml
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "fd-ai-modal-footer",
+				children: messages.length > 0 ? /* @__PURE__ */ jsxs("button", {
+					className: "fd-ai-fm-clear-btn",
+					onClick: () => {
+						if (!isStreaming) {
+							setMessages([]);
+							setAiInput("");
+						}
+					},
+					"aria-disabled": isStreaming,
+					children: [/* @__PURE__ */ jsx(TrashIcon, {}), /* @__PURE__ */ jsx("span", { children: "Clear chat" })]
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "fd-ai-modal-footer-hint",
+					children: "AI can be inaccurate, please verify the information."
+				})
+			})
+		]
+	})] }), document.body);
+}
 
 //#endregion
-export { DocsSearchDialog, FloatingAIChat };
+export { AIModalDialog, DocsSearchDialog, FloatingAIChat };

package/dist/colorful/index.d.mts

@@ -0,0 +1,78 @@
+import * as _farming_labs_docs0 from "@farming-labs/docs";
+
+//#region src/colorful/index.d.ts
+declare const ColorfulUIDefaults: {
+  colors: {
+    primary: string;
+    background: string;
+    muted: string;
+    border: string;
+  };
+  typography: {
+    font: {
+      style: {
+        sans: string;
+        mono: string;
+      };
+      h1: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+        letterSpacing: string;
+      };
+      h2: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+      };
+      h3: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+      };
+      h4: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+      };
+      body: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+      };
+      small: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+      };
+    };
+  };
+  layout: {
+    contentWidth: number;
+    sidebarWidth: number;
+    toc: {
+      enabled: boolean;
+      depth: number;
+      style: "directional";
+    };
+    header: {
+      height: number;
+      sticky: boolean;
+    };
+  };
+  components: {
+    Callout: {
+      variant: string;
+      icon: boolean;
+    };
+    CodeBlock: {
+      showCopyButton: boolean;
+    };
+    Tabs: {
+      style: string;
+    };
+  };
+};
+declare const colorful: (overrides?: Partial<_farming_labs_docs0.DocsTheme>) => _farming_labs_docs0.DocsTheme;
+//#endregion
+export { ColorfulUIDefaults, colorful };

package/dist/colorful/index.mjs

@@ -0,0 +1,82 @@
+import { createTheme } from "@farming-labs/docs";
+
+//#region src/colorful/index.ts
+/**
+* Colorful fumadocs theme preset — a faithful reproduction of the fumadocs
+* default (neutral) theme with description support.
+*
+* CSS: `@import "@farming-labs/theme/colorful/css";`
+*/
+const ColorfulUIDefaults = {
+	colors: {
+		primary: "hsl(40, 96%, 40%)",
+		background: "#ffffff",
+		muted: "#64748b",
+		border: "#e5e7eb"
+	},
+	typography: { font: {
+		style: {
+			sans: "Inter, system-ui, sans-serif",
+			mono: "JetBrains Mono, monospace"
+		},
+		h1: {
+			size: "1.875rem",
+			weight: 700,
+			lineHeight: "1.2",
+			letterSpacing: "-0.02em"
+		},
+		h2: {
+			size: "1.5rem",
+			weight: 600,
+			lineHeight: "1.3"
+		},
+		h3: {
+			size: "1.25rem",
+			weight: 600,
+			lineHeight: "1.4"
+		},
+		h4: {
+			size: "1.125rem",
+			weight: 600,
+			lineHeight: "1.4"
+		},
+		body: {
+			size: "1rem",
+			weight: 400,
+			lineHeight: "1.75"
+		},
+		small: {
+			size: "0.875rem",
+			weight: 400,
+			lineHeight: "1.5"
+		}
+	} },
+	layout: {
+		contentWidth: 768,
+		sidebarWidth: 260,
+		toc: {
+			enabled: true,
+			depth: 3,
+			style: "directional"
+		},
+		header: {
+			height: 56,
+			sticky: true
+		}
+	},
+	components: {
+		Callout: {
+			variant: "soft",
+			icon: true
+		},
+		CodeBlock: { showCopyButton: true },
+		Tabs: { style: "default" }
+	}
+};
+const colorful = createTheme({
+	name: "fumadocs-colorful",
+	ui: ColorfulUIDefaults
+});
+
+//#endregion
+export { ColorfulUIDefaults, colorful };

package/dist/darkbold/index.d.mts

@@ -0,0 +1,80 @@
+import * as _farming_labs_docs0 from "@farming-labs/docs";
+
+//#region src/darkbold/index.d.ts
+declare const DarkBoldUIDefaults: {
+  colors: {
+    primary: string;
+    background: string;
+    muted: string;
+    border: string;
+  };
+  typography: {
+    font: {
+      style: {
+        sans: string;
+        mono: string;
+      };
+      h1: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+        letterSpacing: string;
+      };
+      h2: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+        letterSpacing: string;
+      };
+      h3: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+        letterSpacing: string;
+      };
+      h4: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+      };
+      body: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+      };
+      small: {
+        size: string;
+        weight: number;
+        lineHeight: string;
+      };
+    };
+  };
+  layout: {
+    contentWidth: number;
+    sidebarWidth: number;
+    toc: {
+      enabled: boolean;
+      depth: number;
+      style: "default";
+    };
+    header: {
+      height: number;
+      sticky: boolean;
+    };
+  };
+  components: {
+    Callout: {
+      variant: string;
+      icon: boolean;
+    };
+    CodeBlock: {
+      showCopyButton: boolean;
+    };
+    Tabs: {
+      style: string;
+    };
+  };
+};
+declare const darkbold: (overrides?: Partial<_farming_labs_docs0.DocsTheme>) => _farming_labs_docs0.DocsTheme;
+//#endregion
+export { DarkBoldUIDefaults, darkbold };