fumadocs-ui 16.8.10 → 16.8.11

package/css/generated/shared.css

@@ -68,6 +68,7 @@
 @source inline("[offset-distance:var(--offset-distance,0)]");
 @source inline("[scrollbar-width:none]");
 @source inline("a");
+@source inline("abcdefghijklmnopqrstuvwxyz234567");
 @source inline("about");
 @source inline("absolute");
 @source inline("action");
@@ -83,6 +84,7 @@
 @source inline("allowCopy");
 @source inline("allowDangerousHtml");
 @source inline("allowedMode");
+@source inline("alphabet");
 @source inline("always");
 @source inline("an");
 @source inline("and");
@@ -133,6 +135,7 @@
 @source inline("bg-transparent");
 @source inline("bind");
 @source inline("binded");
+@source inline("bitsLeft");
 @source inline("black");
 @source inline("block");
 @source inline("blocks");
@@ -150,6 +153,7 @@
 @source inline("bottom-0");
 @source inline("bottom-1.5");
 @source inline("boundary");
+@source inline("buffer");
 @source inline("button");
 @source inline("buttonVariants");
 @source inline("by");
@@ -311,6 +315,7 @@
 @source inline("empty:hidden");
 @source inline("en");
 @source inline("enabled");
+@source inline("encoded");
 @source inline("end-2");
 @source inline("endIdx");
 @source inline("endpoint");
@@ -465,6 +470,7 @@
 @source inline("input");
 @source inline("inputType");
 @source inline("inset-0");
+@source inline("inset-e-2");
 @source inline("inset-s-0");
 @source inline("inset-s-3");
 @source inline("inset-s-6");
@@ -899,6 +905,7 @@
 @source inline("static");
 @source inline("sticky");
 @source inline("still");
+@source inline("str");
 @source inline("string");
 @source inline("stroke");
 @source inline("stroke-fd-foreground/10");
@@ -1086,7 +1093,6 @@
 @source inline("z-2");
 @source inline("z-40");
 @source inline("z-50");
-@source inline("z-[-1]");
 @source inline("zoom");
 @source inline("zoomImg");
 @source inline("zoomMargin");

package/dist/components/banner.js

@@ -12,10 +12,14 @@ function Banner({ id, variant = "normal", changeLayout = true, height = "3rem",
 	"rgba(131,255,166,0.66)"
 ], ...props }) {
 	const [open, setOpen] = useState(true);
-	const globalKey = id ? `nd-banner-${id}` : null;
+	const globalKey = id ? `nd-banner-${encodeBase32(id)}` : null;
 	useEffect(() => {
-		if (globalKey) setOpen(localStorage.getItem(globalKey) !== "true");
+		if (globalKey && localStorage.getItem(globalKey) === "true") setOpen(false);
 	}, [globalKey]);
+	function onClose() {
+		setOpen(false);
+		if (globalKey) localStorage.setItem(globalKey, "true");
+	}
 	if (!open) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		id,
@@ -31,13 +35,10 @@ function Banner({ id, variant = "normal", changeLayout = true, height = "3rem",
 			id ? /* @__PURE__ */ jsx("button", {
 				type: "button",
 				"aria-label": "Close Banner",
-				onClick: () => {
-					setOpen(false);
-					if (globalKey) localStorage.setItem(globalKey, "true");
-				},
+				onClick: onClose,
 				className: cn(buttonVariants({
 					color: "ghost",
-					className: "absolute end-2 top-1/2 -translate-y-1/2 text-fd-muted-foreground/50",
+					className: "absolute inset-e-2 top-1/2 -translate-y-1/2 text-fd-muted-foreground/50",
 					size: "icon-sm"
 				})),
 				children: /* @__PURE__ */ jsx(X, {})
@@ -48,7 +49,7 @@ function Banner({ id, variant = "normal", changeLayout = true, height = "3rem",
 const maskImage = "linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)";
 function flow({ colors }) {
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		className: "absolute inset-0 z-[-1]",
+		className: "absolute inset-0 -z-1",
 		style: {
 			maskImage,
 			maskComposite: "intersect",
@@ -62,5 +63,21 @@ function flow({ colors }) {
             to { background-position: 100% 0;  }
          }` })] });
 }
+function encodeBase32(str) {
+	const alphabet = "abcdefghijklmnopqrstuvwxyz234567";
+	let encoded = "";
+	let buffer = 0;
+	let bitsLeft = 0;
+	for (let i = 0; i < str.length; i++) {
+		buffer = buffer << 8 | str.charCodeAt(i);
+		bitsLeft += 8;
+		while (bitsLeft >= 5) {
+			bitsLeft -= 5;
+			encoded += alphabet[buffer >> bitsLeft & 31];
+		}
+	}
+	if (bitsLeft > 0) encoded += alphabet[buffer << 5 - bitsLeft & 31];
+	return encoded;
+}
 //#endregion
 export { Banner };

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

@@ -5,7 +5,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?: "button" | "main" | "icon" | null | undefined;
+  variant?: "icon" | "main" | "button" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Header(props: ComponentProps<'header'>): string | number | bigint | true | _$react_jsx_runtime0.JSX.Element | Iterable<_$react.ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<_$react.ReactNode> | null | undefined>;
 //#endregion

package/dist/og/takumi.js

@@ -44,7 +44,7 @@ function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "
 			color: "white",
 			padding: "4rem",
 			backgroundColor: "#0c0c0c",
-			border: `18px solid ${primaryColor}`
+			borderBottom: `18px solid ${primaryColor}`
 		},
 		children: [
 			/* @__PURE__ */ jsx("p", {
@@ -62,7 +62,7 @@ function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "
 					margin: 0,
 					marginTop: "16px",
 					paddingBottom: "28px",
-					borderBottom: `8px dashed ${primaryColor}`
+					borderBottom: `10px dashed ${primaryColor}`
 				},
 				children: props.description
 			}),

package/dist/og.js

@@ -44,7 +44,7 @@ function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "
 			color: "white",
 			padding: "4rem",
 			backgroundColor: "#0c0c0c",
-			border: `18px solid ${primaryColor}`
+			borderBottom: `18px solid ${primaryColor}`
 		},
 		children: [
 			/* @__PURE__ */ jsx("p", {
@@ -62,7 +62,7 @@ function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "
 					margin: 0,
 					marginTop: "16px",
 					paddingBottom: "28px",
-					borderBottom: `8px dashed ${primaryColor}`
+					borderBottom: `10px dashed ${primaryColor}`
 				},
 				children: props.description
 			}),

package/dist/style.css

@@ -332,6 +332,9 @@
   .inset-e-0 {
     inset-inline-end: calc(var(--spacing) * 0);
   }
+  .inset-e-2 {
+    inset-inline-end: calc(var(--spacing) * 2);
+  }
   .-top-1\.5 {
     top: calc(var(--spacing) * -1.5);
   }
@@ -401,9 +404,6 @@
   .z-50 {
     z-index: 50;
   }
-  .z-\[-1\] {
-    z-index: -1;
-  }
   .col-span-full {
     grid-column: 1 / -1;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "16.8.10",
+  "version": "16.8.11",
   "description": "The Radix UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -138,7 +138,7 @@
     "rehype-raw": "^7.0.0",
     "scroll-into-view-if-needed": "^3.1.0",
     "shiki": "^4.0.2",
-    "tailwind-merge": "^3.5.0",
+    "tailwind-merge": "^3.6.0",
     "unist-util-visit": "^5.1.0",
     "@fumadocs/tailwind": "0.0.5"
   },
@@ -157,7 +157,7 @@
     "tsdown": "0.22.0",
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.3.10",
-    "fumadocs-core": "16.8.10",
+    "fumadocs-core": "16.8.11",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -167,7 +167,7 @@
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.8.10"
+    "fumadocs-core": "16.8.11"
   },
   "peerDependenciesMeta": {
     "next": {