@fumadocs/base-ui 16.8.9 → 16.8.11

package/css/generated/shared.css

@@ -64,6 +64,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");
@@ -79,6 +80,7 @@
 @source inline("allowClear");
 @source inline("allowCopy");
 @source inline("allowDangerousHtml");
+@source inline("alphabet");
 @source inline("always");
 @source inline("an");
 @source inline("and");
@@ -132,6 +134,7 @@
 @source inline("bg-fd-secondary/50");
 @source inline("bg-transparent");
 @source inline("bind");
+@source inline("bitsLeft");
 @source inline("black");
 @source inline("block");
 @source inline("blocks");
@@ -151,6 +154,7 @@
 @source inline("bound");
 @source inline("boundary");
 @source inline("box-border");
+@source inline("buffer");
 @source inline("button");
 @source inline("buttonVariants");
 @source inline("by");
@@ -335,6 +339,7 @@
 @source inline("empty:mb-0");
 @source inline("en");
 @source inline("enabled");
+@source inline("encoded");
 @source inline("end-2");
 @source inline("endIdx");
 @source inline("endpoint");
@@ -494,6 +499,7 @@
 @source inline("input");
 @source inline("inputType");
 @source inline("inset-0");
+@source inline("inset-e-2");
 @source inline("inset-s-0");
 @source inline("inset-x-2");
 @source inline("inset-y-0");
@@ -917,6 +923,7 @@
 @source inline("sizes");
 @source inline("slots");
 @source inline("sm");
+@source inline("solid");
 @source inline("some");
 @source inline("source");
 @source inline("space");
@@ -931,6 +938,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");
@@ -1121,7 +1129,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/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 ${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

@@ -322,6 +322,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);
   }
@@ -391,9 +394,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/base-ui",
-  "version": "16.8.9",
+  "version": "16.8.11",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -125,7 +125,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"
   },
@@ -143,9 +143,9 @@
     "tailwindcss": "^4.3.0",
     "tsdown": "0.22.0",
     "unified": "^11.0.5",
-    "tsconfig": "0.0.0",
     "@fumadocs/cli": "1.3.10",
-    "fumadocs-core": "16.8.9"
+    "fumadocs-core": "16.8.11",
+    "tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "@takumi-rs/image-response": "*",
@@ -154,7 +154,7 @@
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.8.9"
+    "fumadocs-core": "16.8.11"
   },
   "peerDependenciesMeta": {
     "next": {