@fumadocs/base-ui 16.8.1 → 16.8.2

package/css/generated/shared.css

@@ -107,6 +107,7 @@
 @source inline("async");
 @source inline("at");
 @source inline("attribute");
+@source inline("auto");
 @source inline("await");
 @source inline("backdrop-blur-lg");
 @source inline("backdrop-blur-md");
@@ -158,6 +159,7 @@
 @source inline("border-s");
 @source inline("border-t");
 @source inline("border-transparent");
+@source inline("borderBottom");
 @source inline("bottom");
 @source inline("bottom-0");
 @source inline("bottom-1.5");
@@ -240,6 +242,7 @@
 @source inline("dangerouslySetInnerHTML");
 @source inline("dark");
 @source inline("dark:bg-(--shiki-dark-bg)");
+@source inline("dashed");
 @source inline("data");
 @source inline("data-[active=true]:text-fd-primary");
 @source inline("data-[active]:border-fd-primary");
@@ -603,13 +606,16 @@
 @source inline("lower");
 @source inline("lowerOffset");
 @source inline("ltr");
+@source inline("lucide");
+@source inline("lucide-book");
+@source inline("lucide-book-icon");
 @source inline("lucide-react");
 @source inline("made");
 @source inline("main");
 @source inline("make");
 @source inline("mapped");
 @source inline("margin");
-@source inline("marginBottom");
+@source inline("marginTop");
 @source inline("mark");
 @source inline("markdownUrl");
 @source inline("marked");
@@ -780,6 +786,7 @@
 @source inline("p-3");
 @source inline("p-4");
 @source inline("padding");
+@source inline("paddingBottom");
 @source inline("paddingInlineStart");
 @source inline("page");
 @source inline("pageUrl");
@@ -976,6 +983,7 @@
 @source inline("signature");
 @source inline("simple");
 @source inline("since");
+@source inline("site");
 @source inline("size");
 @source inline("size-1");
 @source inline("size-3");

package/dist/layouts/home/slots/header.d.ts

@@ -4,7 +4,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/layouts/home/slots/header.d.ts
 declare const navItemVariants: (props?: ({
-  variant?: "icon" | "button" | "main" | null | undefined;
+  variant?: "button" | "main" | "icon" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Header(props: ComponentProps<'header'>): _$react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/og.d.ts

@@ -16,6 +16,7 @@ declare function generateOGImage(options: GenerateProps & ImageResponseOptions):
 declare function generate({
   primaryColor,
   primaryTextColor,
+  icon,
   ...props
 }: GenerateProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/og.js

@@ -16,7 +16,25 @@ function generateOGImage(options) {
 		...rest
 	});
 }
-function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "rgb(255,150,255)", ...props }) {
+function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "rgb(255,150,255)", icon = /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "56",
+	height: "56",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	className: "lucide lucide-book-icon lucide-book",
+	children: /* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "11",
+		stroke: primaryTextColor,
+		strokeWidth: "2"
+	})
+}), ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		style: {
 			display: "flex",
@@ -26,27 +44,9 @@ function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "
 			color: "white",
 			padding: "4rem",
 			backgroundColor: "#0c0c0c",
-			backgroundImage: `linear-gradient(to top right, ${primaryColor}, transparent)`
+			border: `18px ${primaryColor}`
 		},
 		children: [
-			/* @__PURE__ */ jsxs("div", {
-				style: {
-					display: "flex",
-					flexDirection: "row",
-					alignItems: "center",
-					gap: "16px",
-					marginBottom: "12px",
-					color: primaryTextColor
-				},
-				children: [props.icon, /* @__PURE__ */ jsx("p", {
-					style: {
-						fontSize: "56px",
-						fontWeight: 600,
-						margin: 0
-					},
-					children: props.site
-				})]
-			}),
 			/* @__PURE__ */ jsx("p", {
 				style: {
 					fontWeight: 800,
@@ -59,9 +59,30 @@ function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "
 				style: {
 					fontSize: "52px",
 					color: "rgba(240,240,240,0.8)",
-					margin: 0
+					margin: 0,
+					marginTop: "16px",
+					paddingBottom: "28px",
+					borderBottom: `8px dashed ${primaryColor}`
 				},
 				children: props.description
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					flexDirection: "row",
+					alignItems: "center",
+					gap: "20px",
+					marginTop: "auto",
+					color: primaryTextColor
+				},
+				children: [icon, props.site && /* @__PURE__ */ jsx("p", {
+					style: {
+						fontSize: "56px",
+						fontWeight: 600,
+						margin: 0
+					},
+					children: props.site
+				})]
 			})
 		]
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fumadocs/base-ui",
-  "version": "16.8.1",
+  "version": "16.8.2",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -143,7 +143,7 @@
     "tsdown": "0.21.9",
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.3.8",
-    "fumadocs-core": "16.8.1",
+    "fumadocs-core": "16.8.2",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -153,7 +153,7 @@
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.8.1"
+    "fumadocs-core": "16.8.2"
   },
   "peerDependenciesMeta": {
     "next": {