fumadocs-ui 11.2.1 → 11.2.2

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" | "type" | "icon"> & {
+declare const Callout: React.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "icon" | "type"> & {
     title?: ReactNode;
     /**
      * @defaultValue info

package/dist/layout.client.js

@@ -399,11 +399,17 @@ function Sidebar({
       minWidth: 768,
       className: twMerge(
         "flex w-full flex-col text-[15px] md:sticky md:top-16 md:h-body md:w-[240px] md:text-sm xl:w-[260px]",
-        "max-md:fixed max-md:inset-0 max-md:z-40 max-md:bg-background/80 max-md:pt-16 max-md:backdrop-blur-md max-md:data-[open=false]:hidden",
+        "max-md:fixed max-md:inset-0 max-md:z-40 max-md:pt-16 max-md:data-[open=false]:hidden",
         props.className
       ),
       children: [
-        /* @__PURE__ */ jsx4("div", { id: "sidebar-background", className: "absolute z-[-1] size-full" }),
+        /* @__PURE__ */ jsx4(
+          "div",
+          {
+            id: "sidebar-background",
+            className: "absolute z-[-1] size-full max-md:bg-background/80 max-md:backdrop-blur-md"
+          }
+        ),
         /* @__PURE__ */ jsxs4(ViewportContent, { children: [
           banner,
           items.length > 0 && /* @__PURE__ */ jsx4("div", { className: "flex flex-col md:hidden", children: items.map((item, i) => /* @__PURE__ */ jsx4(LinkItem, { item, on: "menu" }, i)) })
@@ -429,7 +435,7 @@ function ViewportContent({
   children
 }) {
   const { root } = useTreeContext();
-  return /* @__PURE__ */ jsx4(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx4(ScrollViewport, { children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-8 pb-10 pt-4 px-4 md:px-3 md:pt-10", children: [
+  return /* @__PURE__ */ jsx4(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx4(ScrollViewport, { children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-8 p-4 pb-10 md:px-3 md:pt-10", children: [
     children,
     /* @__PURE__ */ jsx4(NodeList, { items: root.children })
   ] }) }) });
@@ -555,9 +561,9 @@ function DynamicSidebar(props) {
   const [open, setOpen] = useSidebarCollapse();
   const [hover, setHover] = useState3(false);
   const timerRef = useRef(0);
-  const onCollapse = () => {
+  const onCollapse = useCallback3(() => {
     setOpen(!open);
-  };
+  }, [open, setOpen]);
   const onHover = useCallback3((e) => {
     if (e.pointerType === "touch")
       return;

package/dist/provider.d.ts

@@ -2,6 +2,7 @@ import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import { DefaultSearchDialogProps } from './components/dialog/search-default.js';
 import { SearchLink, SharedProps } from './components/dialog/search.js';
+import { ThemeProviderProps } from 'next-themes/dist/types';
 export { u as useI18n } from './i18n-p5QWhj_3.js';
 export { u as useTreeContext } from './tree-cqNEopxM.js';
 import 'fumadocs-core/search/shared';
@@ -18,10 +19,6 @@ interface SearchProviderProps {
      * Custom links to be displayed if search is empty
      */
     links?: SearchLink[];
-    /**
-     * The shortcuts to trigger search dialog
-     */
-    hotKey?: string[];
     /**
      * Replace default search dialog, allowing you to use other solutions such as Algolia Search
      *
@@ -66,10 +63,22 @@ interface RootProviderProps {
      * Wrap the body in `ThemeProvider` (next-themes)
      *
      * @defaultValue true
+     * @deprecated Use `theme.enable` instead
      */
     enableThemeProvider?: boolean;
+    /**
+     * Customise options of `next-themes`
+     */
+    theme?: Partial<ThemeProviderProps> & {
+        /**
+         * Enable `next-themes`
+         *
+         * @defaultValue true
+         */
+        enabled?: boolean;
+    };
     children: ReactNode;
 }
-declare function RootProvider({ children, dir, enableThemeProvider, search, }: RootProviderProps): React.ReactElement;
+declare function RootProvider({ children, dir, enableThemeProvider, theme: { enabled, ...theme }, search, }: RootProviderProps): React.ReactElement;
 
 export { RootProvider, type RootProviderProps, useSearchContext, useSidebarCollapse };

package/dist/provider.js

@@ -30,12 +30,13 @@ function RootProvider({
   children,
   dir,
   enableThemeProvider = true,
+  theme: { enabled = true, ...theme } = {},
   search
 }) {
   let body = /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsx(SidebarCollapseProvider, { children }) });
   if (search?.enabled !== false)
     body = /* @__PURE__ */ jsx(SearchProvider, { SearchDialog: DefaultSearchDialog, ...search, children: body });
-  if (enableThemeProvider)
+  if (enabled && enableThemeProvider)
     body = /* @__PURE__ */ jsx(
       ThemeProvider,
       {
@@ -43,6 +44,7 @@ function RootProvider({
         defaultTheme: "system",
         enableSystem: true,
         disableTransitionOnChange: true,
+        ...theme,
         children: body
       }
     );

package/dist/tailwind-plugin.cjs

@@ -162,7 +162,7 @@ var neutral = {
       "--muted-foreground": "0 0% 30%"
     },
     "#sidebar-background": {
-      background: "hsl(var(--secondary))",
+      background: "hsl(var(--secondary)/.8)",
       borderRight: "1px solid",
       borderRightColor: "theme(borderColor.border)"
     },

package/dist/tailwind-plugin.js

@@ -128,7 +128,7 @@ var neutral = {
       "--muted-foreground": "0 0% 30%"
     },
     "#sidebar-background": {
-      background: "hsl(var(--secondary))",
+      background: "hsl(var(--secondary)/.8)",
       borderRight: "1px solid",
       borderRightColor: "theme(borderColor.border)"
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "11.2.1",
+  "version": "11.2.2",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -92,16 +92,16 @@
     "@tailwindcss/typography": "^0.5.13",
     "class-variance-authority": "^0.7.0",
     "cmdk": "^1.0.0",
-    "lucide-react": "^0.378.0",
+    "lucide-react": "^0.379.0",
     "next-themes": "^0.3.0",
     "react-medium-image-zoom": "^5.2.4",
     "tailwind-merge": "^2.3.0",
-    "fumadocs-core": "11.2.1"
+    "fumadocs-core": "11.2.2"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.23.3",
     "@next/eslint-plugin-next": "^14.2.3",
-    "@types/react": "^18.3.2",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "algoliasearch": "^4.23.3",
     "next": "^14.2.3",