fumadocs-ui 12.0.6 → 12.0.7

package/dist/components/callout.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
-declare const Callout: React.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "icon" | "type"> & {
+declare const Callout: React.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
     title?: ReactNode;
     /**
      * @defaultValue info

package/dist/components/roll-button.js

@@ -33,6 +33,7 @@ function RollButton({
       const nearTop = element.scrollTop / (element.scrollHeight - element.clientHeight) < percentage;
       setShow(!nearTop);
     };
+    listener();
     window.addEventListener("scroll", listener);
     return () => {
       window.removeEventListener("scroll", listener);

package/dist/docs.client.js

@@ -58,7 +58,7 @@ import {
   useState
 } from "react";
 import Link from "fumadocs-core/link";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var itemVariants = cva(
   "flex w-full flex-row items-center gap-2 rounded-md px-2 py-1.5 text-muted-foreground transition-colors duration-100 [&_svg]:size-4",
   {
@@ -89,6 +89,7 @@ function Sidebar({
   bannerProps,
   footerProps
 }) {
+  const search = useSearchContext();
   const context = useMemo(
     () => ({
       defaultOpenLevel,
@@ -118,7 +119,7 @@ function Sidebar({
             ),
             children: [
               banner,
-              /* @__PURE__ */ jsx(LargeSearchToggle, { className: "rounded-lg max-md:hidden" })
+              search.enabled ? /* @__PURE__ */ jsx(LargeSearchToggle, { className: "rounded-lg max-md:hidden" }) : null
             ]
           }
         ),
@@ -223,40 +224,26 @@ function FolderNode({
     },
     [closeOnRedirect, active]
   );
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon,
+    name,
+    /* @__PURE__ */ jsx(
+      ChevronDown,
+      {
+        className: twMerge("ms-auto transition-transform", !extend && "-rotate-90")
+      }
+    )
+  ] });
   return /* @__PURE__ */ jsxs(Collapsible, { open: extend, onOpenChange: setExtend, children: [
-    index ? /* @__PURE__ */ jsxs(
+    index ? /* @__PURE__ */ jsx(
       Link,
       {
         className: twMerge(itemVariants({ active })),
         href: index.url,
         onClick,
-        children: [
-          icon,
-          name,
-          /* @__PURE__ */ jsx(
-            ChevronDown,
-            {
-              className: twMerge(
-                "ms-auto transition-transform",
-                !extend && "-rotate-90"
-              )
-            }
-          )
-        ]
+        children: content
       }
-    ) : /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: twMerge(itemVariants({ active })), children: [
-      icon,
-      name,
-      /* @__PURE__ */ jsx(
-        ChevronDown,
-        {
-          className: twMerge(
-            "ms-auto transition-transform",
-            !extend && "-rotate-90"
-          )
-        }
-      )
-    ] }),
+    ) : /* @__PURE__ */ jsx(CollapsibleTrigger, { className: twMerge(itemVariants({ active })), children: content }),
     /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(
       NodeList,
       {
@@ -276,7 +263,7 @@ function SeparatorNode({
 // src/components/layout/dynamic-sidebar.tsx
 import { useCallback as useCallback2, useRef, useState as useState2 } from "react";
 import { SidebarIcon } from "lucide-react";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function DynamicSidebar(props) {
   const { collapsed, setCollapsed } = useSidebar();
   const [hover, setHover] = useState2(false);
@@ -296,7 +283,7 @@ function DynamicSidebar(props) {
       setHover(false);
     }, 300);
   }, []);
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
     collapsed ? /* @__PURE__ */ jsx2(
       "div",
       {
@@ -336,7 +323,7 @@ function DynamicSidebar(props) {
             collapsed && "md:fixed md:inset-y-2 md:start-2 md:h-auto md:rounded-xl md:border md:shadow-md"
           )
         },
-        footer: /* @__PURE__ */ jsxs2(Fragment, { children: [
+        footer: /* @__PURE__ */ jsxs2(Fragment2, { children: [
           props.footer,
           /* @__PURE__ */ jsx2(
             "button",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "12.0.6",
+  "version": "12.0.7",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -95,7 +95,7 @@
     "next-themes": "^0.3.0",
     "react-medium-image-zoom": "^5.2.4",
     "tailwind-merge": "^2.3.0",
-    "fumadocs-core": "12.0.6"
+    "fumadocs-core": "12.0.7"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.23.3",