@fumadocs/base-ui 16.9.2 → 16.10.0

package/dist/.translations/index.d.ts

@@ -0,0 +1,49 @@
+//#region src/.translations/index.d.ts
+type Translations = {
+  "Back to Home(404 not found page)": string;
+  "Choose a language(language switcher)": string;
+  "Choose a language(language switcher)(aria-label)": string;
+  "Close Banner(banner)(aria-label)": string;
+  "Close Search(search dialog)(aria-label)": string;
+  "Collapse Sidebar(sidebar)(aria-label)": string;
+  "Copied Text(code block)(aria-label)": string;
+  "Copy Anchor Link(heading anchor)(aria-label)": string;
+  "Copy Link(accordion)(aria-label)": string;
+  "Copy Markdown(page actions)": string;
+  "Copy Text(code block)(aria-label)": string;
+  "Dark(theme switcher)(aria-label)": string;
+  "Default(type table)": string;
+  "Edit on GitHub(edit page)": string;
+  "Last updated on(page footer)": string;
+  "Light(theme switcher)(aria-label)": string;
+  "Next Page(pagination)": string;
+  "No Headings(table of contents)": string;
+  "No results found(search dialog)": string;
+  "On this page(table of contents)": string;
+  "Open Search(search trigger)(aria-label)": string;
+  "Open Sidebar(sidebar)(aria-label)": string;
+  "Open in ChatGPT(page actions)": string;
+  "Open in Claude(page actions)": string;
+  "Open in Cursor(page actions)": string;
+  "Open in GitHub(page actions)": string;
+  "Open in Scira AI(page actions)": string;
+  "Open(page actions)": string;
+  "Page Not Found(404 not found page)": string;
+  "Parameters(type table)": string;
+  "Previous Page(pagination)": string;
+  "Prop(type table)": string;
+  "Read {url}, I want to ask questions about it.(page actions)": string;
+  "Returns(type table)": string;
+  "Search(search dialog)": string;
+  "Search(search trigger)": string;
+  "System(theme switcher)(aria-label)": string;
+  "Table of Contents(inline table of contents)": string;
+  "The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.(404 not found page)": string;
+  "Toggle Menu(home layout header)(aria-label)": string;
+  "Toggle Theme(theme switcher)(aria-label)": string;
+  "Type(type table)": string;
+  "View as Markdown(page actions)": string;
+  "displayName": string;
+};
+//#endregion
+export { Translations };

package/dist/.translations/keys.js

@@ -0,0 +1,49 @@
+//#region src/.translations/keys.json
+var keys_default = [
+	"Back to Home(404 not found page)",
+	"Choose a language(language switcher)",
+	"Choose a language(language switcher)(aria-label)",
+	"Close Banner(banner)(aria-label)",
+	"Close Search(search dialog)(aria-label)",
+	"Collapse Sidebar(sidebar)(aria-label)",
+	"Copied Text(code block)(aria-label)",
+	"Copy Anchor Link(heading anchor)(aria-label)",
+	"Copy Link(accordion)(aria-label)",
+	"Copy Markdown(page actions)",
+	"Copy Text(code block)(aria-label)",
+	"Dark(theme switcher)(aria-label)",
+	"Default(type table)",
+	"Edit on GitHub(edit page)",
+	"Last updated on(page footer)",
+	"Light(theme switcher)(aria-label)",
+	"Next Page(pagination)",
+	"No Headings(table of contents)",
+	"No results found(search dialog)",
+	"On this page(table of contents)",
+	"Open Search(search trigger)(aria-label)",
+	"Open Sidebar(sidebar)(aria-label)",
+	"Open in ChatGPT(page actions)",
+	"Open in Claude(page actions)",
+	"Open in Cursor(page actions)",
+	"Open in GitHub(page actions)",
+	"Open in Scira AI(page actions)",
+	"Open(page actions)",
+	"Page Not Found(404 not found page)",
+	"Parameters(type table)",
+	"Previous Page(pagination)",
+	"Prop(type table)",
+	"Read {url}, I want to ask questions about it.(page actions)",
+	"Returns(type table)",
+	"Search(search dialog)",
+	"Search(search trigger)",
+	"System(theme switcher)(aria-label)",
+	"Table of Contents(inline table of contents)",
+	"The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.(404 not found page)",
+	"Toggle Menu(home layout header)(aria-label)",
+	"Toggle Theme(theme switcher)(aria-label)",
+	"Type(type table)",
+	"View as Markdown(page actions)",
+	"displayName"
+];
+//#endregion
+export { keys_default as default };

package/dist/components/accordion.d.ts

@@ -1,5 +1,4 @@
 import { Accordion as Accordion$1, AccordionItem } from "./ui/accordion.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/accordion.d.ts
@@ -8,7 +7,7 @@ declare function Accordions({
   className,
   defaultValue,
   ...props
-}: ComponentProps<typeof Accordion$1>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1>): import("react").JSX.Element;
 declare function Accordion({
   title,
   id,
@@ -18,6 +17,6 @@ declare function Accordion({
 }: Omit<ComponentProps<typeof AccordionItem>, 'value' | 'title'> & {
   title: string | ReactNode;
   value?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 export { Accordion, Accordions };

package/dist/components/accordion.js

@@ -2,12 +2,12 @@
 import { cn } from "../utils/cn.js";
 import { buttonVariants } from "./ui/button.js";
 import { useCopyButton } from "../utils/use-copy-button.js";
-import { useTranslations } from "../contexts/i18n.js";
 import { mergeRefs } from "../utils/merge-refs.js";
 import { Accordion as Accordion$1, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger } from "./ui/accordion.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, LinkIcon } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/components/accordion.tsx
 function Accordions({ ref, className, defaultValue, ...props }) {
 	const rootRef = useRef(null);
@@ -48,7 +48,7 @@ function Accordion({ title, id, value = String(title), children, ...props }) {
 	});
 }
 function CopyButton({ id }) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "accordion" });
 	const [checked, onClick] = useCopyButton(() => {
 		const url = new URL(window.location.href);
 		url.hash = id;
@@ -56,7 +56,7 @@ function CopyButton({ id }) {
 	});
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
-		"aria-label": t.accordionCopyAnchor,
+		"aria-label": t("Copy Link", { note: "aria-label" }),
 		className: cn(buttonVariants({
 			color: "ghost",
 			className: "text-fd-muted-foreground me-2"

package/dist/components/banner.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes } from "react";
 
 //#region src/components/banner.d.ts
@@ -29,6 +28,6 @@ declare function Banner({
    * @defaultValue true
    */
   changeLayout?: boolean;
-}): _$react_jsx_runtime0.JSX.Element | null;
+}): import("react").JSX.Element | null;
 //#endregion
 export { Banner };

package/dist/components/banner.js

@@ -1,10 +1,10 @@
 "use client";
 import { cn } from "../utils/cn.js";
 import { buttonVariants } from "./ui/button.js";
-import { useTranslations } from "../contexts/i18n.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 import { useEffect, useState } from "react";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/components/banner.tsx
 function Banner({ id, variant = "normal", changeLayout = true, height = "3rem", rainbowColors = [
 	"rgba(0,149,255,0.56)",
@@ -12,7 +12,7 @@ function Banner({ id, variant = "normal", changeLayout = true, height = "3rem",
 	"rgba(255,0,0,0.73)",
 	"rgba(131,255,166,0.66)"
 ], ...props }) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "banner" });
 	const [open, setOpen] = useState(true);
 	const globalKey = id ? `nd-banner-${encodeBase32(id)}` : null;
 	useEffect(() => {
@@ -36,7 +36,7 @@ function Banner({ id, variant = "normal", changeLayout = true, height = "3rem",
 			props.children,
 			id ? /* @__PURE__ */ jsx("button", {
 				type: "button",
-				"aria-label": t.bannerClose,
+				"aria-label": t("Close Banner", { note: "aria-label" }),
 				onClick: onClose,
 				className: cn(buttonVariants({
 					color: "ghost",

package/dist/components/callout.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/callout.d.ts
@@ -9,7 +8,7 @@ declare function Callout({
   ...props
 }: {
   title?: ReactNode;
-} & Omit<CalloutContainerProps, 'title'>): _$react_jsx_runtime0.JSX.Element;
+} & Omit<CalloutContainerProps, 'title'>): import("react").JSX.Element;
 interface CalloutContainerProps extends ComponentProps<'div'> {
   /**
    * @defaultValue info
@@ -27,16 +26,16 @@ declare function CalloutContainer({
   className,
   style,
   ...props
-}: CalloutContainerProps): _$react_jsx_runtime0.JSX.Element;
+}: CalloutContainerProps): import("react").JSX.Element;
 declare function CalloutTitle({
   children,
   className,
   ...props
-}: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'p'>): import("react").JSX.Element;
 declare function CalloutDescription({
   children,
   className,
   ...props
-}: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'p'>): import("react").JSX.Element;
 //#endregion
 export { Callout, CalloutContainer, CalloutContainerProps, CalloutDescription, CalloutTitle, CalloutType };

package/dist/components/card.d.ts

@@ -1,8 +1,7 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/card.d.ts
-declare function Cards(props: HTMLAttributes<HTMLDivElement>): _$react_jsx_runtime0.JSX.Element;
+declare function Cards(props: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 type CardProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
   icon?: ReactNode;
   title: ReactNode;
@@ -15,6 +14,6 @@ declare function Card({
   title,
   description,
   ...props
-}: CardProps): _$react_jsx_runtime0.JSX.Element;
+}: CardProps): import("react").JSX.Element;
 //#endregion
 export { Card, CardProps, Cards };

package/dist/components/codeblock.d.ts

@@ -1,5 +1,4 @@
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/codeblock.d.ts
@@ -36,7 +35,7 @@ interface CodeBlockProps extends ComponentProps<'figure'> {
     children?: ReactNode;
   }) => ReactNode;
 }
-declare function Pre(props: ComponentProps<'pre'>): _$react_jsx_runtime0.JSX.Element;
+declare function Pre(props: ComponentProps<'pre'>): import("react").JSX.Element;
 declare function CodeBlock({
   ref,
   title,
@@ -47,21 +46,21 @@ declare function CodeBlock({
   children,
   Actions,
   ...props
-}: CodeBlockProps): _$react_jsx_runtime0.JSX.Element;
+}: CodeBlockProps): import("react").JSX.Element;
 declare function CodeBlockTabs({
   ref,
   className,
   ...props
-}: ComponentProps<typeof Tabs>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Tabs>): import("react").JSX.Element;
 declare function CodeBlockTabsList({
   className,
   ...props
-}: ComponentProps<typeof TabsList>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof TabsList>): import("react").JSX.Element;
 declare function CodeBlockTabsTrigger({
   children,
   className,
   ...props
-}: ComponentProps<typeof TabsTrigger>): _$react_jsx_runtime0.JSX.Element;
-declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof TabsTrigger>): import("react").JSX.Element;
+declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): import("react").JSX.Element;
 //#endregion
 export { CodeBlock, CodeBlockProps, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };

package/dist/components/codeblock.js

@@ -2,12 +2,12 @@
 import { cn } from "../utils/cn.js";
 import { buttonVariants } from "./ui/button.js";
 import { useCopyButton } from "../utils/use-copy-button.js";
-import { useTranslations } from "../contexts/i18n.js";
 import { mergeRefs } from "../utils/merge-refs.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Clipboard } from "lucide-react";
 import { createContext, use, useMemo, useRef } from "react";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/components/codeblock.tsx
 const TabsContext = createContext(null);
 function Pre(props) {
@@ -64,7 +64,7 @@ function CodeBlock({ ref, title, allowCopy = true, keepBackground = false, icon,
 	});
 }
 function CopyButton({ className, containerRef, ...props }) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "code block" });
 	const [checked, onClick] = useCopyButton(() => {
 		const pre = containerRef.current?.getElementsByTagName("pre").item(0);
 		if (!pre) return;
@@ -81,7 +81,7 @@ function CopyButton({ className, containerRef, ...props }) {
 			className: "hover:text-fd-accent-foreground data-checked:text-fd-accent-foreground",
 			size: "icon-xs"
 		}), className),
-		"aria-label": checked ? t.codeBlockCopied : t.codeBlockCopy,
+		"aria-label": checked ? t("Copied Text", { note: "aria-label" }) : t("Copy Text", { note: "aria-label" }),
 		onClick,
 		...props,
 		children: checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Clipboard, {})

package/dist/components/codeblock.rsc.d.ts

@@ -1,5 +1,4 @@
 import { CodeBlockProps } from "./codeblock.js";
-import * as _$react from "react";
 import { HighlightOptions } from "fumadocs-core/highlight";
 
 //#region src/components/codeblock.rsc.d.ts
@@ -16,6 +15,6 @@ declare function ServerCodeBlock({
   code,
   codeblock,
   ...options
-}: ServerCodeBlockProps): Promise<_$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<_$react.ReactNode> | (string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<_$react.ReactNode> | null | undefined)>;
+}: ServerCodeBlockProps): Promise<import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | (string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined)>;
 //#endregion
 export { ServerCodeBlock, ServerCodeBlockProps };

package/dist/components/dialog/search-algolia.d.ts

@@ -1,5 +1,4 @@
 import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { AlgoliaOptions } from "fumadocs-core/search/client";
 
@@ -32,6 +31,6 @@ declare function AlgoliaSearchDialog({
   links,
   footer,
   ...props
-}: AlgoliaSearchDialogProps): _$react_jsx_runtime0.JSX.Element;
+}: AlgoliaSearchDialogProps): import("react").JSX.Element;
 //#endregion
 export { AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };

package/dist/components/dialog/search-default.d.ts

@@ -1,5 +1,4 @@
 import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/dialog/search-default.d.ts
@@ -37,6 +36,6 @@ declare function DefaultSearchDialog({
   links,
   footer,
   ...props
-}: DefaultSearchDialogProps): _$react_jsx_runtime0.JSX.Element;
+}: DefaultSearchDialogProps): import("react").JSX.Element;
 //#endregion
 export { DefaultSearchDialogProps, DefaultSearchDialog as default };

package/dist/components/dialog/search-orama.d.ts

@@ -1,5 +1,4 @@
 import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { OramaCloudOptions } from "fumadocs-core/search/client";
 
@@ -39,6 +38,6 @@ declare function OramaSearchDialog({
   footer,
   links,
   ...props
-}: OramaSearchDialogProps): _$react_jsx_runtime0.JSX.Element;
+}: OramaSearchDialogProps): import("react").JSX.Element;
 //#endregion
 export { OramaSearchDialogProps, OramaSearchDialog as default };

package/dist/components/dialog/search.d.ts

@@ -1,5 +1,4 @@
 import { SharedProps } from "../../contexts/search.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 import { Dialog } from "@base-ui/react/dialog";
 import { HighlightedText, ReactSortedResult } from "fumadocs-core/search";
@@ -28,24 +27,24 @@ declare function SearchDialog({
   isLoading,
   onSelect: onSelectProp,
   children
-}: SearchDialogProps): _$react_jsx_runtime0.JSX.Element;
-declare function SearchDialogHeader(props: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
-declare function SearchDialogInput(props: ComponentProps<'input'>): _$react_jsx_runtime0.JSX.Element;
+}: SearchDialogProps): import("react").JSX.Element;
+declare function SearchDialogHeader(props: ComponentProps<'div'>): import("react").JSX.Element;
+declare function SearchDialogInput(props: ComponentProps<'input'>): import("react").JSX.Element;
 declare function SearchDialogClose({
   children,
   className,
   ...props
-}: ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
-declare function SearchDialogFooter(props: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'button'>): import("react").JSX.Element;
+declare function SearchDialogFooter(props: ComponentProps<'div'>): import("react").JSX.Element;
 declare function SearchDialogOverlay({
   className,
   ...props
-}: ComponentProps<typeof Dialog.Backdrop>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Dialog.Backdrop>): import("react").JSX.Element;
 declare function SearchDialogContent({
   children,
   className,
   ...props
-}: ComponentProps<typeof Dialog.Popup>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Dialog.Popup>): import("react").JSX.Element;
 declare function SearchDialogList({
   items,
   Empty,
@@ -64,7 +63,7 @@ declare function SearchDialogList({
     item: SearchItemType;
     onClick: () => void;
   }) => ReactNode;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function SearchDialogListItem({
   item,
   className,
@@ -76,8 +75,8 @@ declare function SearchDialogListItem({
   renderMarkdown?: (v: string) => ReactNode; /** @deprecated highlight blocks is now wrapped in `<mark />`, use `renderMarkdown` to handle instead. */
   renderHighlights?: (blocks: HighlightedText<ReactNode>[]) => ReactNode;
   item: SearchItemType;
-}): _$react_jsx_runtime0.JSX.Element;
-declare function SearchDialogIcon(props: ComponentProps<'svg'>): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
+declare function SearchDialogIcon(props: ComponentProps<'svg'>): import("react").JSX.Element;
 interface TagsListProps extends ComponentProps<'div'> {
   tag?: string;
   onTagChange: (tag: string | undefined) => void;
@@ -88,14 +87,14 @@ declare function TagsList({
   onTagChange,
   allowClear,
   ...props
-}: TagsListProps): _$react_jsx_runtime0.JSX.Element;
+}: TagsListProps): import("react").JSX.Element;
 declare function TagsListItem({
   value,
   className,
   ...props
 }: ComponentProps<'button'> & {
   value: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function useSearch(): {
   open: boolean;
   onOpenChange: (open: boolean) => void;

package/dist/components/dialog/search.js

@@ -1,12 +1,12 @@
 "use client";
 import { cn } from "../../utils/cn.js";
 import { buttonVariants } from "../ui/button.js";
-import { I18nLabel, useTranslations } from "../../contexts/i18n.js";
 import { useRouter } from "fumadocs-core/framework";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Hash, SearchIcon } from "lucide-react";
 import { cva } from "class-variance-authority";
 import { Fragment as Fragment$1, createContext, use, useCallback, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
+import { useTranslations } from "@fuma-translate/react";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import scrollIntoView from "scroll-into-view-if-needed";
 import { Dialog } from "@base-ui/react/dialog";
@@ -140,13 +140,13 @@ function SearchDialogHeader(props) {
 	});
 }
 function SearchDialogInput(props) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "search dialog" });
 	const { search, onSearchChange } = useSearch();
 	return /* @__PURE__ */ jsx("input", {
 		...props,
 		value: search,
 		onChange: (e) => onSearchChange(e.target.value),
-		placeholder: t.search,
+		placeholder: t("Search"),
 		className: "w-0 flex-1 bg-transparent text-lg placeholder:text-fd-muted-foreground focus-visible:outline-none"
 	});
 }
@@ -154,7 +154,7 @@ function SearchDialogClose({ children = "ESC", className, ...props }) {
 	const { onOpenChange } = useSearch();
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
-		"aria-label": useTranslations().searchClose,
+		"aria-label": useTranslations({ note: "search dialog" })("Close Search", { note: "aria-label" }),
 		onClick: () => onOpenChange(false),
 		className: cn(buttonVariants({
 			color: "outline",
@@ -178,7 +178,7 @@ function SearchDialogOverlay({ className, ...props }) {
 	});
 }
 function SearchDialogContent({ children, className, ...props }) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "search dialog" });
 	return /* @__PURE__ */ jsx(Dialog.Portal, { children: /* @__PURE__ */ jsxs(Dialog.Popup, {
 		id: "fd-search-dialog-content",
 		"aria-describedby": void 0,
@@ -186,14 +186,17 @@ function SearchDialogContent({ children, className, ...props }) {
 		className: (s) => cn("fixed left-1/2 top-4 md:top-[calc(50%-250px)] z-50 w-[calc(100%-1rem)] max-w-screen-sm -translate-x-1/2 rounded-xl border bg-fd-popover text-fd-popover-foreground shadow-2xl overflow-hidden data-closed:animate-fd-dialog-out data-open:animate-fd-dialog-in focus-visible:outline-none", "*:border-b *:has-[+:last-child[data-empty=true]]:border-b-0 *:data-[empty=true]:border-b-0 *:last:border-b-0", typeof className === "function" ? className(s) : className),
 		children: [/* @__PURE__ */ jsx(Dialog.Title, {
 			className: "hidden",
-			children: t.search
+			children: t("Search")
 		}), children]
 	}) });
 }
-function SearchDialogList({ items = null, Empty = () => /* @__PURE__ */ jsx("div", {
-	className: "py-12 text-center text-sm text-fd-muted-foreground",
-	children: /* @__PURE__ */ jsx(I18nLabel, { label: "searchNoResult" })
-}), Item = (props) => /* @__PURE__ */ jsx(SearchDialogListItem, { ...props }), ...props }) {
+function SearchDialogEmpty() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "py-12 text-center text-sm text-fd-muted-foreground",
+		children: useTranslations({ note: "search dialog" })("No results found")
+	});
+}
+function SearchDialogList({ items = null, Empty = SearchDialogEmpty, Item = (props) => /* @__PURE__ */ jsx(SearchDialogListItem, { ...props }), ...props }) {
 	const ref = useRef(null);
 	const { onSelect } = useSearch();
 	const [active, setActive] = useState(() => items && items.length > 0 ? items[0].id : null);

package/dist/components/dynamic-codeblock.core.d.ts

@@ -1,5 +1,4 @@
 import { CodeBlockProps } from "./codeblock.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { UseShikiOptions } from "fumadocs-core/highlight/shiki/react";
 import { HighlighterCore } from "shiki";
 
@@ -30,6 +29,6 @@ declare function DynamicCodeBlock({
   options,
   wrapInSuspense,
   highlighter
-}: DynamicCodeblockProps): _$react_jsx_runtime0.JSX.Element;
+}: DynamicCodeblockProps): import("react").JSX.Element;
 //#endregion
 export { DynamicCodeBlock, DynamicCodeblockProps };

package/dist/components/dynamic-codeblock.d.ts

@@ -1,10 +1,9 @@
 import { DynamicCodeblockProps as DynamicCodeblockProps$1 } from "./dynamic-codeblock.core.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/dynamic-codeblock.d.ts
 type DynamicCodeblockProps = Omit<DynamicCodeblockProps$1, 'highlighter' | 'options'> & {
   options?: DynamicCodeblockProps$1['options'];
 };
-declare function DynamicCodeBlock(props: DynamicCodeblockProps): _$react_jsx_runtime0.JSX.Element;
+declare function DynamicCodeBlock(props: DynamicCodeblockProps): import("react").JSX.Element;
 //#endregion
 export { DynamicCodeBlock, DynamicCodeblockProps };

package/dist/components/github-info.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/github-info.d.ts
@@ -31,6 +30,6 @@ declare function GithubInfo({
   fetchOptions,
   locale,
   ...props
-}: GithubInfoProps): _$react_jsx_runtime0.JSX.Element;
+}: GithubInfoProps): import("react").JSX.Element;
 //#endregion
 export { FetchRepositoryInfoOptions, GithubInfo, GithubInfoProps, RepositoryInfo, fetchRepositoryInfo };

package/dist/components/heading.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentPropsWithoutRef } from "react";
 
 //#region src/components/heading.d.ts
@@ -9,6 +8,6 @@ type HeadingProps<T extends Types> = Omit<ComponentPropsWithoutRef<T>, 'as'> & {
 declare function Heading<T extends Types = 'h1'>({
   as,
   ...props
-}: HeadingProps<T>): _$react_jsx_runtime0.JSX.Element;
+}: HeadingProps<T>): import("react").JSX.Element;
 //#endregion
 export { Heading };

package/dist/components/heading.js

@@ -2,13 +2,13 @@
 import { cn } from "../utils/cn.js";
 import { buttonVariants } from "./ui/button.js";
 import { useCopyButton } from "../utils/use-copy-button.js";
-import { useTranslations } from "../contexts/i18n.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CopyCheckIcon, LinkIcon } from "lucide-react";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/components/heading.tsx
 function Heading({ as, ...props }) {
 	const As = as ?? "h1";
-	const t = useTranslations();
+	const t = useTranslations({ note: "heading anchor" });
 	const [isChecked, onCopy] = useCopyButton(() => {
 		if (!props.id) return;
 		const url = new URL(window.location.href);
@@ -24,7 +24,7 @@ function Heading({ as, ...props }) {
 			href: `#${props.id}`,
 			children: props.children
 		}), /* @__PURE__ */ jsx("button", {
-			"aria-label": t.headingCopyAnchor,
+			"aria-label": t("Copy Anchor Link", { note: "aria-label" }),
 			className: cn(buttonVariants({
 				variant: "ghost",
 				size: "icon-xs"

package/dist/components/image-zoom.d.ts

@@ -1,6 +1,5 @@
-import { UncontrolledProps } from "../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/uncontrolled.js";
+import { UncontrolledProps } from "../node_modules/.pnpm/react-medium-image-zoom@5.4.6_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-medium-image-zoom/dist/uncontrolled.js";
 import { ImageProps } from "fumadocs-core/framework";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/image-zoom.d.ts
@@ -19,6 +18,6 @@ declare function ImageZoom({
   children,
   rmiz,
   ...props
-}: ImageZoomProps): _$react_jsx_runtime0.JSX.Element;
+}: ImageZoomProps): import("react").JSX.Element;
 //#endregion
 export { ImageZoom, ImageZoomProps };

package/dist/components/image-zoom.js

@@ -1,5 +1,5 @@
 "use client";
-import { Uncontrolled } from "../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/uncontrolled.js";
+import { Uncontrolled } from "../node_modules/.pnpm/react-medium-image-zoom@5.4.6_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-medium-image-zoom/dist/uncontrolled.js";
 import "./image-zoom2.css";
 import { Image } from "fumadocs-core/framework";
 import { jsx } from "react/jsx-runtime";