@fumadocs/base-ui 16.11.0 → 16.11.2

package/dist/layouts/shared/slots/theme-switch.d.ts

@@ -1,13 +1,8 @@
 import { ComponentProps } from "react";
-
 //#region src/layouts/shared/slots/theme-switch.d.ts
 interface ThemeSwitchProps extends ComponentProps<'div'> {
   mode?: 'light-dark' | 'light-dark-system';
 }
-declare function ThemeSwitch({
-  className,
-  mode,
-  ...props
-}: ThemeSwitchProps): import("react").JSX.Element;
+declare function ThemeSwitch({ className, mode, ...props }: ThemeSwitchProps): import("react").JSX.Element;
 //#endregion
 export { ThemeSwitch, ThemeSwitchProps };

package/dist/mdx.d.ts

@@ -3,7 +3,6 @@ import { Card, Cards } from "./components/card.js";
 import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger } from "./components/codeblock.js";
 import { createRelativeLink as createRelativeLink$1 } from "./mdx.server.js";
 import React, { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from "react";
-
 //#region src/mdx.d.ts
 /**
  * global types for MDX.js

package/dist/mdx.server.d.ts

@@ -1,7 +1,6 @@
 import defaultMdxComponents from "./mdx.js";
 import { ComponentProps, FC } from "react";
 import { LoaderConfig, LoaderOutput, Page } from "fumadocs-core/source";
-
 //#region src/mdx.server.d.ts
 /**
  * Extend the default Link component to resolve relative file paths in `href`.

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-medium-image-zoom/dist/controlled.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-
 //#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-medium-image-zoom/dist/controlled.d.ts
 type ModalState = 'LOADED' | 'LOADING' | 'UNLOADED' | 'UNLOADING';
 interface ControlledProps {

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-medium-image-zoom/dist/uncontrolled.d.ts

@@ -1,6 +1,5 @@
 import { ControlledProps } from "./controlled.js";
 import React from "react";
-
 //#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-medium-image-zoom/dist/uncontrolled.d.ts
 type UncontrolledProps = Omit<ControlledProps, 'isZoomed'>;
 //#endregion

package/dist/og/takumi.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
-import { ImageResponse, ImageResponseOptions } from "@takumi-rs/image-response";
-
+import { ImageResponse, ImageResponseOptions } from "takumi-js/response";
 //#region src/og/takumi.d.ts
 interface GenerateProps {
   title: ReactNode;
@@ -11,11 +10,6 @@ interface GenerateProps {
   site?: ReactNode;
 }
 declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
-declare function generate({
-  primaryColor,
-  primaryTextColor,
-  icon,
-  ...props
-}: GenerateProps): import("react").JSX.Element;
+declare function generate({ primaryColor, primaryTextColor, icon, ...props }: GenerateProps): import("react").JSX.Element;
 //#endregion
 export { GenerateProps, generate, generateOGImage };

package/dist/og/takumi.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ImageResponse } from "@takumi-rs/image-response";
+import { ImageResponse } from "takumi-js/response";
 //#region src/og/takumi.tsx
 function generateOGImage(options) {
 	const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;

package/dist/og.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from "react";
 import { ImageResponse } from "next/og.js";
 import { ImageResponseOptions } from "next/dist/compiled/@vercel/og/types";
-
 //#region src/og.d.ts
 interface GenerateProps {
   title: ReactNode;
@@ -12,11 +11,6 @@ interface GenerateProps {
   site?: ReactNode;
 }
 declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
-declare function generate({
-  primaryColor,
-  primaryTextColor,
-  icon,
-  ...props
-}: GenerateProps): import("react").JSX.Element;
+declare function generate({ primaryColor, primaryTextColor, icon, ...props }: GenerateProps): import("react").JSX.Element;
 //#endregion
 export { generate, generateOGImage };

package/dist/page.d.ts

@@ -1,7 +1,6 @@
 import { Breadcrumb } from "./layouts/docs/page/slots/breadcrumb.js";
 import { DocsBody, DocsDescription, DocsPageProps as DocsPageProps$1, DocsTitle, EditOnGitHub, PageLastUpdate } from "./layouts/docs/page/index.js";
 import { ComponentProps } from "react";
-
 //#region src/page.d.ts
 interface EditOnGitHubOptions extends Omit<ComponentProps<'a'>, 'href' | 'children'> {
   owner: string;
@@ -25,11 +24,6 @@ interface DocsPageProps extends DocsPageProps$1 {
  * For separate MDX page
  */
 declare function withArticle(props: ComponentProps<'main'>): import("react").JSX.Element;
-declare function DocsPage({
-  lastUpdate,
-  editOnGithub,
-  children,
-  ...props
-}: DocsPageProps): import("react").JSX.Element;
+declare function DocsPage({ lastUpdate, editOnGithub, children, ...props }: DocsPageProps): import("react").JSX.Element;
 //#endregion
 export { DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, Breadcrumb as PageBreadcrumb, PageLastUpdate, withArticle };

package/dist/provider/astro.d.ts

@@ -0,0 +1,29 @@
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { Framework } from "fumadocs-core/framework";
+import { ComponentProps } from "react";
+import { AstroProviderProps } from "fumadocs-core/framework/astro";
+//#region src/provider/astro.d.ts
+interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
+  /**
+   * The current Astro pathname, usually `Astro.url.pathname`.
+   */
+  pathname: AstroProviderProps['pathname'];
+  /**
+   * The current Astro route params, usually `Astro.params`.
+   */
+  params?: AstroProviderProps['params'];
+  /**
+   * Optional Astro client navigation function from `astro:transitions/client`.
+   */
+  navigate?: AstroProviderProps['navigate'];
+  /**
+   * Custom framework components to override Astro defaults
+   */
+  components?: {
+    Link?: Framework['Link'];
+    Image?: Framework['Image'];
+  };
+}
+declare function RootProvider({ components, pathname, params, navigate, ...props }: RootProviderProps): import("react").JSX.Element;
+//#endregion
+export { RootProvider, RootProviderProps };

package/dist/provider/astro.js

@@ -0,0 +1,20 @@
+"use client";
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { jsx } from "react/jsx-runtime";
+import { AstroProvider } from "fumadocs-core/framework/astro";
+//#region src/provider/astro.tsx
+function RootProvider({ components, pathname, params, navigate, ...props }) {
+	return /* @__PURE__ */ jsx(AstroProvider, {
+		pathname,
+		params,
+		navigate,
+		Link: components?.Link,
+		Image: components?.Image,
+		children: /* @__PURE__ */ jsx(RootProvider$1, {
+			...props,
+			children: props.children
+		})
+	});
+}
+//#endregion
+export { RootProvider };

package/dist/provider/base.d.ts

@@ -2,7 +2,6 @@ import { SearchProviderProps } from "../contexts/search.js";
 import { I18nProviderProps } from "../contexts/i18n.js";
 import { ReactNode } from "react";
 import { ThemeProviderProps, UseThemeProps, useTheme } from "next-themes";
-
 //#region src/provider/base.d.ts
 interface SearchOptions extends Omit<SearchProviderProps, 'children'> {
   /**
@@ -36,12 +35,6 @@ interface RootProviderProps {
   i18n?: Omit<I18nProviderProps, 'children'>;
   children?: ReactNode;
 }
-declare function RootProvider({
-  children,
-  dir,
-  theme,
-  search,
-  i18n
-}: RootProviderProps): import("react").JSX.Element;
+declare function RootProvider({ children, dir, theme, search, i18n }: RootProviderProps): import("react").JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps, type UseThemeProps, useTheme };

package/dist/provider/next.d.ts

@@ -1,7 +1,6 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { Framework } from "fumadocs-core/framework";
 import { ComponentProps } from "react";
-
 //#region src/provider/next.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
   /**
@@ -12,9 +11,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
     Image?: Framework['Image'];
   };
 }
-declare function RootProvider({
-  components,
-  ...props
-}: RootProviderProps): import("react").JSX.Element;
+declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/provider/react-router.d.ts

@@ -1,7 +1,6 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { Framework } from "fumadocs-core/framework";
 import { ComponentProps } from "react";
-
 //#region src/provider/react-router.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
   /**
@@ -12,9 +11,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
     Image?: Framework['Image'];
   };
 }
-declare function RootProvider({
-  components,
-  ...props
-}: RootProviderProps): import("react").JSX.Element;
+declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/provider/tanstack.d.ts

@@ -1,7 +1,6 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { Framework } from "fumadocs-core/framework";
 import { ComponentProps } from "react";
-
 //#region src/provider/tanstack.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
   /**
@@ -12,9 +11,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
     Image?: Framework['Image'];
   };
 }
-declare function RootProvider({
-  components,
-  ...props
-}: RootProviderProps): import("react").JSX.Element;
+declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/provider/waku.d.ts

@@ -1,7 +1,6 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { Framework } from "fumadocs-core/framework";
 import { ComponentProps } from "react";
-
 //#region src/provider/waku.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
   /**
@@ -12,9 +11,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
     Image?: Framework['Image'];
   };
 }
-declare function RootProvider({
-  components,
-  ...props
-}: RootProviderProps): import("react").JSX.Element;
+declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/style.css

@@ -1049,9 +1049,6 @@
   .w-\(--fd-toc-width\) {
     width: var(--fd-toc-width);
   }
-  .w-\(--popup-width\) {
-    width: var(--popup-width);
-  }
   .w-0 {
     width: 0;
   }
@@ -1887,11 +1884,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[opacity\,transform\,width\,height\,scale\,translate\] {
-    transition-property: opacity,transform,width,height,scale,translate;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-\[opacity\,translate\,color\] {
     transition-property: opacity,translate,color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1902,6 +1894,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[opacity\,width\,height\] {
+    transition-property: opacity,width,height;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[width\,inset-block\,translate\,background-color\] {
     transition-property: width,inset-block,translate,background-color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2331,14 +2328,6 @@
       height: 0;
     }
   }
-  .data-ending-style\:scale-90 {
-    &[data-ending-style] {
-      --tw-scale-x: 90%;
-      --tw-scale-y: 90%;
-      --tw-scale-z: 90%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
-  }
   .data-ending-style\:opacity-0 {
     &[data-ending-style] {
       opacity: 0%;
@@ -2380,14 +2369,6 @@
       height: 0;
     }
   }
-  .data-starting-style\:scale-90 {
-    &[data-starting-style] {
-      --tw-scale-x: 90%;
-      --tw-scale-y: 90%;
-      --tw-scale-z: 90%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
-  }
   .data-starting-style\:opacity-0 {
     &[data-starting-style] {
       opacity: 0%;

package/dist/utils/use-copy-button.d.ts

@@ -1,5 +1,4 @@
 import { MouseEventHandler } from "react";
-
 //#region src/utils/use-copy-button.d.ts
 declare function useCopyButton(onCopy: () => void | Promise<void>): [checked: boolean, onClick: MouseEventHandler];
 //#endregion

package/dist/utils/use-footer-items.d.ts

@@ -1,5 +1,4 @@
 import * as PageTree from "fumadocs-core/page-tree";
-
 //#region src/utils/use-footer-items.d.ts
 /**
  * @returns a list of page tree items (linear), that you can obtain footer items

package/dist/utils/use-is-scroll-top.d.ts

@@ -1,7 +1,5 @@
 //#region src/utils/use-is-scroll-top.d.ts
-declare function useIsScrollTop({
-  enabled
-}: {
+declare function useIsScrollTop({ enabled }: {
   enabled?: boolean;
 }): boolean | undefined;
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fumadocs/base-ui",
-  "version": "16.11.0",
+  "version": "16.11.2",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -50,7 +50,6 @@
     "./components/ui/accordion": "./dist/components/ui/accordion.js",
     "./components/ui/button": "./dist/components/ui/button.js",
     "./components/ui/collapsible": "./dist/components/ui/collapsible.js",
-    "./components/ui/navigation-menu": "./dist/components/ui/navigation-menu.js",
     "./components/ui/popover": "./dist/components/ui/popover.js",
     "./components/ui/scroll-area": "./dist/components/ui/scroll-area.js",
     "./components/ui/tabs": "./dist/components/ui/tabs.js",
@@ -102,6 +101,7 @@
     "./og": "./dist/og.js",
     "./og/takumi": "./dist/og/takumi.js",
     "./page": "./dist/page.js",
+    "./provider/astro": "./dist/provider/astro.js",
     "./provider/base": "./dist/provider/base.js",
     "./provider/next": "./dist/provider/next.js",
     "./provider/react-router": "./dist/provider/react-router.js",
@@ -136,35 +136,35 @@
   "devDependencies": {
     "@tailwindcss/cli": "^4.3.2",
     "@tailwindcss/oxide": "^4.3.2",
-    "@tsdown/css": "^0.22.3",
+    "@tsdown/css": "^0.22.4",
     "@types/hast": "^3.0.4",
     "@types/mdx": "^2.0.14",
-    "@types/node": "^26.1.0",
+    "@types/node": "^26.1.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "fuma-cli": "^0.1.1",
     "react-medium-image-zoom": "^5.4.8",
     "tailwindcss": "^4.3.2",
-    "tsdown": "0.22.3",
+    "tsdown": "0.22.4",
     "unified": "^11.0.5",
-    "@fumadocs/cli": "1.4.0",
-    "fumadocs-core": "16.11.0",
+    "@fumadocs/cli": "1.4.1",
+    "fumadocs-core": "16.11.2",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
-    "@takumi-rs/image-response": "*",
     "@types/mdx": "*",
     "@types/react": "*",
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.11.0"
+    "takumi-js": "*",
+    "fumadocs-core": "16.11.2"
   },
   "peerDependenciesMeta": {
     "next": {
       "optional": true
     },
-    "@takumi-rs/image-response": {
+    "takumi-js": {
       "optional": true
     },
     "@types/mdx": {

package/dist/components/ui/navigation-menu.d.ts

@@ -1,28 +0,0 @@
-import * as React$1 from "react";
-import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
-
-//#region src/components/ui/navigation-menu.d.ts
-type NavigationMenuContentProps = NavigationMenu$1.Content.Props;
-type NavigationMenuTriggerProps = NavigationMenu$1.Trigger.Props;
-declare const NavigationMenu: <Value = any>(props: NavigationMenu$1.Root.Props<Value>) => React$1.JSX.Element;
-declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").NavigationMenuListProps, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
-declare function NavigationMenuItem({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenu$1.Item>): React$1.JSX.Element;
-declare function NavigationMenuTrigger({
-  children,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenu$1.Trigger>): React$1.JSX.Element;
-declare function NavigationMenuContent({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenu$1.Content>): React$1.JSX.Element;
-declare function NavigationMenuLink({
-  children,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenu$1.Link>): React$1.JSX.Element;
-declare function NavigationMenuViewport(props: NavigationMenu$1.Positioner.Props): React$1.JSX.Element;
-//#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport };

package/dist/components/ui/navigation-menu.js

@@ -1,56 +0,0 @@
-"use client";
-import { cn } from "../../utils/cn.js";
-import { jsx } from "react/jsx-runtime";
-import "react";
-import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
-//#region src/components/ui/navigation-menu.tsx
-const NavigationMenu = NavigationMenu$1.Root;
-const NavigationMenuList = NavigationMenu$1.List;
-function NavigationMenuItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenu$1.Item, {
-		className: (s) => cn("list-none", typeof className === "function" ? className(s) : className),
-		...props,
-		children
-	});
-}
-function NavigationMenuTrigger({ children, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenu$1.Trigger, {
-		...props,
-		children
-	});
-}
-function NavigationMenuContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
-		className: (s) => cn("size-full p-3", "transition-[opacity,transform,translate] duration-(--duration) ease-(--easing)", "data-starting-style:opacity-0 data-ending-style:opacity-0", "data-starting-style:data-[activation-direction=left]:-translate-x-1/2", "data-starting-style:data-[activation-direction=right]:translate-x-1/2", "data-ending-style:data-[activation-direction=left]:translate-x-1/2", "data-ending-style:data-[activation-direction=right]:-translate-x-1/2", typeof className === "function" ? className(s) : className),
-		...props
-	});
-}
-function NavigationMenuLink({ children, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
-		...props,
-		children
-	});
-}
-function NavigationMenuViewport(props) {
-	return /* @__PURE__ */ jsx(NavigationMenu$1.Portal, { children: /* @__PURE__ */ jsx(NavigationMenu$1.Positioner, {
-		collisionPadding: {
-			top: 5,
-			bottom: 5,
-			left: 20,
-			right: 20
-		},
-		...props,
-		className: (s) => cn("box-border h-(--positioner-height) w-(--anchor-width) max-w-(--available-width) duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=left]:before:top-0 data-[side=left]:before:right-[-10px] data-[side=left]:before:bottom-0 data-[side=left]:before:w-2.5 data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:left-[-10px] data-[side=right]:before:w-2.5 data-[side=top]:before:right-0 data-[side=top]:before:bottom-[-10px] data-[side=top]:before:left-0 data-[side=top]:before:h-2.5", typeof props.className === "function" ? props.className(s) : props.className),
-		style: {
-			["--duration"]: "0.35s",
-			["--easing"]: "cubic-bezier(0.22, 1, 0.36, 1)",
-			...props.style
-		},
-		children: /* @__PURE__ */ jsx(NavigationMenu$1.Popup, {
-			className: "data-[ending-style]:easing-[ease] relative border h-(--popup-height) origin-(--transform-origin) rounded-xl bg-fd-popover/80 text-fd-popover-foreground backdrop-blur-md shadow-lg transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0 w-(--popup-width)",
-			children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, { className: "relative size-full overflow-hidden" })
-		})
-	}) });
-}
-//#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport };