@fumadocs/base-ui 16.7.3 → 16.7.4

package/css/generated/shared.css

@@ -137,7 +137,6 @@
 @source inline("bg-fd-primary/10");
 @source inline("bg-fd-secondary");
 @source inline("bg-fd-secondary/50");
-@source inline("bg-linear-to-t");
 @source inline("bg-transparent");
 @source inline("bind");
 @source inline("black");
@@ -314,7 +313,6 @@
 @source inline("defineI18nUI");
 @source inline("defined");
 @source inline("delay");
-@source inline("delay-25");
 @source inline("dependencies");
 @source inline("depends");
 @source inline("deprecated");
@@ -493,7 +491,6 @@
 @source inline("hover:bg-fd-accent");
 @source inline("hover:bg-fd-accent/80");
 @source inline("hover:bg-fd-primary/80");
-@source inline("hover:delay-0");
 @source inline("hover:text-fd-accent-foreground");
 @source inline("hovered");
 @source inline("hovering");
@@ -904,6 +901,7 @@
 @source inline("scroll-m-20");
 @source inline("scroll-m-24");
 @source inline("scroll-m-28");
+@source inline("scroll-m-4");
 @source inline("scrollIntoView");
 @source inline("scrollMode");
 @source inline("scrollY");
@@ -1076,7 +1074,6 @@
 @source inline("transition-opacity");
 @source inline("transition-transform");
 @source inline("translate");
-@source inline("translate-y-1/2");
 @source inline("translations");
 @source inline("transparent");
 @source inline("tree");
@@ -1142,7 +1139,6 @@
 @source inline("variants");
 @source inline("vertical");
 @source inline("via");
-@source inline("via-fd-primary");
 @source inline("viewBox");
 @source inline("viewRef");
 @source inline("viewport");

package/dist/components/toc/clerk.js

@@ -64,7 +64,7 @@ function TOCItems({ ref, className, ...props }) {
 		children: [/* @__PURE__ */ jsx("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: `0 0 ${svg.width} ${svg.height}`,
-			className: "absolute inset-0 transition-[clip-path] delay-25",
+			className: "absolute transition-[clip-path]",
 			style: {
 				width: svg.width,
 				height: svg.height,
@@ -94,7 +94,7 @@ function ThumbBox() {
 	const item = items.findLast((item) => ids.includes(item.url.slice(1)));
 	if (!item) return;
 	return /* @__PURE__ */ jsx("div", {
-		className: "absolute size-1 bg-fd-primary rounded-full delay-25 transition-transform",
+		className: "absolute size-1 bg-fd-primary rounded-full transition-transform",
 		style: { translate: `calc(${getLineOffset(item.depth)}px - 1.25px) calc(var(--fd-top) + var(--fd-height))` }
 	});
 }
@@ -113,7 +113,7 @@ function TOCItem({ item, upper = item.depth, lower = item.depth }) {
 	return /* @__PURE__ */ jsxs(Primitive.TOCItem, {
 		href: item.url,
 		style: { paddingInlineStart: getItemOffset(item.depth) },
-		className: "prose relative py-1.5 text-sm text-fd-muted-foreground hover:text-fd-accent-foreground transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary",
+		className: "prose relative py-1.5 text-sm scroll-m-4 text-fd-muted-foreground hover:text-fd-accent-foreground transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary",
 		children: [
 			offset !== upperOffset && /* @__PURE__ */ jsx("svg", {
 				xmlns: "http://www.w3.org/2000/svg",

package/dist/components/toc/default.js

@@ -15,11 +15,9 @@ function TOCItems({ ref, className, ...props }) {
 		className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground",
 		children: text.tocNoHeadings
 	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(TocThumb, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TocThumb, {
 		containerRef,
-		align: "center",
-		className: "absolute top-(--fd-top) h-(--fd-height) w-px bg-linear-to-t via-fd-primary transition-[top,height] delay-25",
-		children: [/* @__PURE__ */ jsx("div", { className: "absolute top-0 -translate-y-1/2 size-1 rounded-e-full bg-fd-primary" }), /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 translate-y-1/2 size-1 rounded-e-full bg-fd-primary" })]
+		className: "absolute top-(--fd-top) inset-s-0 w-0.5 h-(--fd-height) rounded-e-full bg-fd-primary transition-[top,height]"
 	}), /* @__PURE__ */ jsx("div", {
 		ref: mergeRefs(ref, containerRef),
 		className: cn("flex flex-col border-s border-fd-foreground/10", className),
@@ -30,7 +28,7 @@ function TOCItems({ ref, className, ...props }) {
 function TOCItem({ item }) {
 	return /* @__PURE__ */ jsx(Primitive.TOCItem, {
 		href: item.url,
-		className: cn("prose py-1.5 text-sm text-fd-muted-foreground transition-colors delay-25 wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary hover:text-fd-accent-foreground hover:delay-0", item.depth <= 2 && "ps-3", item.depth === 3 && "ps-6", item.depth >= 4 && "ps-8"),
+		className: cn("prose py-1.5 text-sm text-fd-muted-foreground scroll-m-4 transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary hover:text-fd-accent-foreground", item.depth <= 2 && "ps-3", item.depth === 3 && "ps-6", item.depth >= 4 && "ps-8"),
 		children: item.title
 	});
 }

package/dist/layouts/docs/page/slots/toc.js

@@ -36,13 +36,13 @@ const TocPopoverContext = createContext(null);
 function TOCPopover({ container, trigger, content, header, footer, style }) {
 	return /* @__PURE__ */ jsxs(PageTOCPopover, {
 		...container,
-		children: [/* @__PURE__ */ jsx(PageTOCPopoverTrigger, { ...trigger }), /* @__PURE__ */ jsx(PageTOCPopoverContent, {
+		children: [/* @__PURE__ */ jsx(PageTOCPopoverTrigger, { ...trigger }), /* @__PURE__ */ jsxs(PageTOCPopoverContent, {
 			...content,
-			children: /* @__PURE__ */ jsxs("div", { children: [
+			children: [
 				header,
 				/* @__PURE__ */ jsx(TOCScrollArea, { children: style === "clerk" ? /* @__PURE__ */ jsx(TOCItems$1, {}) : /* @__PURE__ */ jsx(TOCItems, {}) }),
 				footer
-			] })
+			]
 		})]
 	});
 }
@@ -153,8 +153,10 @@ function PageTOCPopoverContent(props) {
 	return /* @__PURE__ */ jsx(CollapsibleContent, {
 		"data-toc-popover-content": "",
 		...props,
-		className: cn("flex flex-col px-4 max-h-[50vh] md:px-6", props.className),
-		children: props.children
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col px-4 max-h-[50vh] md:px-6",
+			children: props.children
+		})
 	});
 }
 //#endregion

package/dist/layouts/flux/page/slots/toc.js

@@ -18,13 +18,13 @@ const { TOCProvider } = toc_exports;
 function TOC({ container, trigger, content, header, footer, style }) {
 	return /* @__PURE__ */ jsxs(PageTOCPopover, {
 		...container,
-		children: [/* @__PURE__ */ jsx(PageTOCPopoverContent, {
+		children: [/* @__PURE__ */ jsxs(PageTOCPopoverContent, {
 			...content,
-			children: /* @__PURE__ */ jsxs("div", { children: [
+			children: [
 				header,
 				/* @__PURE__ */ jsx(TOCScrollArea, { children: style === "clerk" ? /* @__PURE__ */ jsx(TOCItems$1, {}) : /* @__PURE__ */ jsx(TOCItems, {}) }),
 				footer
-			] })
+			]
 		}), /* @__PURE__ */ jsx(PageTOCPopoverTrigger, { ...trigger })]
 	});
 }
@@ -162,8 +162,10 @@ function PageTOCPopoverContent(props) {
 	return /* @__PURE__ */ jsx(CollapsibleContent, {
 		"data-toc-popover-content": "",
 		...props,
-		className: cn("flex flex-col px-2 max-h-[50vh]", props.className),
-		children: props.children
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col px-2 max-h-[50vh]",
+			children: props.children
+		})
 	});
 }
 //#endregion

package/dist/layouts/notebook/page/slots/toc.js

@@ -35,13 +35,13 @@ const TocPopoverContext = createContext(null);
 function TOCPopover({ container, trigger, content, header, footer, style }) {
 	return /* @__PURE__ */ jsxs(PageTOCPopover, {
 		...container,
-		children: [/* @__PURE__ */ jsx(PageTOCPopoverTrigger, { ...trigger }), /* @__PURE__ */ jsx(PageTOCPopoverContent, {
+		children: [/* @__PURE__ */ jsx(PageTOCPopoverTrigger, { ...trigger }), /* @__PURE__ */ jsxs(PageTOCPopoverContent, {
 			...content,
-			children: /* @__PURE__ */ jsxs("div", { children: [
+			children: [
 				header,
 				/* @__PURE__ */ jsx(TOCScrollArea, { children: style === "clerk" ? /* @__PURE__ */ jsx(TOCItems$1, {}) : /* @__PURE__ */ jsx(TOCItems, {}) }),
 				footer
-			] })
+			]
 		})]
 	});
 }
@@ -152,8 +152,10 @@ function PageTOCPopoverContent(props) {
 	return /* @__PURE__ */ jsx(CollapsibleContent, {
 		"data-toc-popover-content": "",
 		...props,
-		className: cn("flex flex-col px-4 max-h-[50vh] md:px-6", props.className),
-		children: props.children
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col px-4 max-h-[50vh] md:px-6",
+			children: props.children
+		})
 	});
 }
 //#endregion

package/dist/style.css

@@ -1178,10 +1178,6 @@
     --tw-translate-y: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-y-1\/2 {
-    --tw-translate-y: calc(1 / 2 * 100%);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .translate-y-full {
     --tw-translate-y: 100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1201,6 +1197,9 @@
   .animate-pulse {
     animation: var(--animate-pulse);
   }
+  .scroll-m-4 {
+    scroll-margin: calc(var(--spacing) * 4);
+  }
   .scroll-m-20 {
     scroll-margin: calc(var(--spacing) * 20);
   }
@@ -1490,18 +1489,6 @@
   .bg-transparent {
     background-color: transparent;
   }
-  .bg-linear-to-t {
-    --tw-gradient-position: to top;
-    @supports (background-image: linear-gradient(in lab, red, red)) {
-      --tw-gradient-position: to top in oklab;
-    }
-    background-image: linear-gradient(var(--tw-gradient-stops));
-  }
-  .via-fd-primary {
-    --tw-gradient-via: var(--color-fd-primary);
-    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-via-stops);
-  }
   .mask-\[linear-gradient\(to_bottom\,transparent\,white_--spacing\(14\)\,white_calc\(100\%---spacing\(14\)\)\,transparent\)\] {
     mask-image: linear-gradient(to bottom,transparent,white calc(var(--spacing) * 14),white calc(100% - calc(var(--spacing) * 14)),transparent);
   }
@@ -1929,9 +1916,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .delay-25 {
-    transition-delay: 25ms;
-  }
   .duration-\(--duration\) {
     --tw-duration: var(--duration);
     transition-duration: var(--duration);
@@ -2260,13 +2244,6 @@
       }
     }
   }
-  .hover\:delay-0 {
-    &:hover {
-      @media (hover: hover) {
-        transition-delay: 0ms;
-      }
-    }
-  }
   .focus-visible\:ring-2 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3257,48 +3234,6 @@
   inherits: false;
   initial-value: 0;
 }
-@property --tw-gradient-position {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-from {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-via {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-to {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-stops {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-via-stops {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-from-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 0%;
-}
-@property --tw-gradient-via-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 50%;
-}
-@property --tw-gradient-to-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
 @property --tw-leading {
   syntax: "*";
   inherits: false;
@@ -3569,15 +3504,6 @@
       --tw-skew-y: initial;
       --tw-divide-x-reverse: 0;
       --tw-divide-y-reverse: 0;
-      --tw-gradient-position: initial;
-      --tw-gradient-from: #0000;
-      --tw-gradient-via: #0000;
-      --tw-gradient-to: #0000;
-      --tw-gradient-stops: initial;
-      --tw-gradient-via-stops: initial;
-      --tw-gradient-from-position: 0%;
-      --tw-gradient-via-position: 50%;
-      --tw-gradient-to-position: 100%;
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-shadow: 0 0 #0000;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fumadocs/base-ui",
-  "version": "16.7.3",
+  "version": "16.7.4",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -142,8 +142,8 @@
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.3.1",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "16.7.3",
-    "tsconfig": "0.0.0"
+    "tsconfig": "0.0.0",
+    "fumadocs-core": "16.7.4"
   },
   "peerDependencies": {
     "@takumi-rs/image-response": "*",
@@ -153,7 +153,7 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "shiki": "*",
-    "fumadocs-core": "16.7.3"
+    "fumadocs-core": "16.7.4"
   },
   "peerDependenciesMeta": {
     "shiki": {