@fumadocs/base-ui 16.9.3 → 16.10.0

package/dist/components/ui/tabs.d.ts

@@ -1,8 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as _$react from "react";
 import { ComponentProps } from "react";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-import * as _$_base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/tabs.d.ts
 interface TabsProps extends ComponentProps<typeof Tabs$1.Root> {
@@ -20,8 +17,8 @@ interface TabsProps extends ComponentProps<typeof Tabs$1.Root> {
   updateAnchor?: boolean;
   onValueChange?: (value: string) => void;
 }
-declare const TabsList: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react0.TabsListProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react0.TabsTabProps, "ref"> & _$react.RefAttributes<HTMLElement>>;
+declare const TabsList: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsTabProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
 declare function Tabs({
   ref,
   groupId,
@@ -31,10 +28,10 @@ declare function Tabs({
   value: _value,
   onValueChange: _onValueChange,
   ...props
-}: TabsProps): _$react_jsx_runtime0.JSX.Element;
+}: TabsProps): import("react").JSX.Element;
 declare function TabsContent({
   value,
   ...props
-}: ComponentProps<typeof Tabs$1.Panel>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Tabs$1.Panel>): import("react").JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsProps, TabsTrigger };

package/dist/contexts/i18n.d.ts

@@ -1,45 +1,20 @@
-import { Translations } from "../i18n.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
-import { TranslationObject, TranslationValue } from "fumadocs-core/i18n";
 
 //#region src/contexts/i18n.d.ts
 interface LocaleItem {
   name: string;
   locale: string;
 }
-interface I18nContextType {
-  text: Translations & Record<string, string | Record<string, string>>;
+interface LocaleContextType {
   locale?: string;
   onChange?: (v: string) => void;
   locales?: LocaleItem[];
 }
-declare function I18nLabel<K extends keyof Translations = keyof Translations>({
-  label,
-  params
-}: {
-  label: K;
-  params?: Translations[K] extends TranslationValue<infer Params> ? Record<Params, string> : never;
-}): string;
-declare function useI18n(): I18nContextType;
-declare function useTranslations(): Translations;
-declare function useTranslations<Obj extends TranslationObject>(namespace: string): Obj | undefined;
+declare function useI18n(): LocaleContextType;
 interface I18nProviderProps {
-  /**
-   * Current locale
-   */
   locale?: string;
-  /**
-   * Handle changes to the locale, redirect user when not specified.
-   */
   onLocaleChange?: (v: string) => void;
-  /**
-   * Translations of current locale
-   */
-  translations?: Partial<I18nContextType['text']>;
-  /**
-   * Available languages
-   */
+  translations?: Partial<Record<string, string>>;
   locales?: LocaleItem[];
   children?: ReactNode;
 }
@@ -49,6 +24,6 @@ declare function I18nProvider({
   onLocaleChange,
   children,
   translations
-}: I18nProviderProps): _$react_jsx_runtime0.JSX.Element;
+}: I18nProviderProps): import("react").JSX.Element;
 //#endregion
-export { I18nLabel, I18nProvider, I18nProviderProps, useI18n, useTranslations };
+export { I18nProvider, I18nProviderProps, useI18n };

package/dist/contexts/i18n.js

@@ -1,19 +1,12 @@
 "use client";
-import { defaultTranslations } from "../i18n.js";
 import { usePathname, useRouter } from "fumadocs-core/framework";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use, useMemo, useRef } from "react";
-import { renderTranslation } from "fumadocs-core/i18n";
+import { TranslationProvider } from "@fuma-translate/react";
 //#region src/contexts/i18n.tsx
-const I18nContext = createContext({ text: defaultTranslations });
-function I18nLabel({ label, params }) {
-	return renderTranslation(useTranslations()[label], params);
-}
+const LocaleContext = createContext({});
 function useI18n() {
-	return use(I18nContext);
-}
-function useTranslations(namespace) {
-	return namespace ? use(I18nContext).text[namespace] : use(I18nContext).text;
+	return use(LocaleContext);
 }
 function I18nProvider({ locales = [], locale, onLocaleChange, children, translations }) {
 	const router = useRouter();
@@ -27,22 +20,17 @@ function I18nProvider({ locales = [], locale, onLocaleChange, children, translat
 	};
 	const onChangeRef = useRef(onChange);
 	onChangeRef.current = onChange;
-	return /* @__PURE__ */ jsx(I18nContext, {
+	return /* @__PURE__ */ jsx(LocaleContext, {
 		value: useMemo(() => ({
 			locale,
 			locales,
-			text: {
-				...defaultTranslations,
-				...translations
-			},
 			onChange: (v) => onChangeRef.current(v)
-		}), [
-			locale,
-			locales,
-			translations
-		]),
-		children
+		}), [locale, locales]),
+		children: /* @__PURE__ */ jsx(TranslationProvider, {
+			translations: translations ?? {},
+			children
+		})
 	});
 }
 //#endregion
-export { I18nLabel, I18nProvider, useI18n, useTranslations };
+export { I18nProvider, useI18n };

package/dist/contexts/search.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentType, ReactNode } from "react";
 
 //#region src/contexts/search.d.ts
@@ -61,7 +60,7 @@ declare function SearchProvider({
   options,
   hotKey,
   links
-}: SearchProviderProps): _$react_jsx_runtime0.JSX.Element;
+}: SearchProviderProps): import("react").JSX.Element;
 /**
  * Show children only when search is enabled via React Context
  */

package/dist/contexts/tree.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
 
@@ -14,7 +13,7 @@ declare function TreeContextProvider({
 }: {
   tree: PageTree.Root;
   children: ReactNode;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function useTreePath(): PageTree.Node[];
 declare function useTreeContext(): TreeContextType;
 //#endregion

package/dist/i18n.d.ts

@@ -1,70 +1,16 @@
 import { I18nProviderProps } from "./contexts/i18n.js";
-import { I18nConfig, TranslationValue, TranslationsAPI, TranslationsAPIExtension } from "fumadocs-core/i18n";
+import { Translations } from "./.translations/index.js";
+import { I18nConfig, SingularTranslationsAPI, TranslationExtension, TranslationsAPI } from "fumadocs-core/i18n";
 
 //#region src/i18n.d.ts
-type Translations = {
-  displayName: string;
-  search: string;
-  searchNoResult: string;
-  searchOpen: string;
-  searchClose: string;
-  toc: string;
-  tocNoHeadings: string;
-  tocInline: string;
-  lastUpdate: string;
-  chooseLanguage: string;
-  nextPage: string;
-  previousPage: string;
-  chooseTheme: string;
-  editOnGithub: string;
-  themeToggle: string;
-  themeLight: string;
-  themeDark: string;
-  themeSystem: string;
-  codeBlockCopy: string;
-  codeBlockCopied: string;
-  accordionCopyAnchor: string;
-  headingCopyAnchor: string;
-  bannerClose: string;
-  menuToggle: string;
-  pageActionsCopyMarkdown: string;
-  pageActionsOpen: string;
-  pageActionsOpenGitHub: string;
-  pageActionsViewMarkdown: string;
-  pageActionsOpenScira: string;
-  pageActionsOpenChatGPT: string;
-  pageActionsOpenClaude: string;
-  pageActionsOpenCursor: string;
-  pageActionsOpenInLLMPrompt: TranslationValue<'url'>;
-  sidebarOpen: string;
-  sidebarCollapse: string;
-  typeTableProp: string;
-  typeTableType: string;
-  typeTableDefault: string;
-  typeTableParameters: string;
-  typeTableReturns: string;
-  notFoundTitle: string;
-  notFoundDescription: string;
-  notFoundLink: string;
-};
-declare const defaultTranslations: Translations;
-type TranslationsConfig<Languages extends string> = { [K in Languages]?: Partial<Translations> };
-declare function uiTranslations(): TranslationsAPIExtension<'ui', Translations>;
-declare function i18nProvider<Languages extends string, P extends {
-  ui: Translations;
-}>(translations: TranslationsAPI<Languages, P>, lang?: NoInfer<Languages> | (string & {})): I18nProviderProps;
+declare function uiTranslations(): TranslationExtension<keyof Translations>;
+declare function i18nProvider(translations: SingularTranslationsAPI): I18nProviderProps;
+declare function i18nProvider<Languages extends string>(translations: TranslationsAPI<Languages>, lang?: NoInfer<Languages> | (string & {})): I18nProviderProps;
 interface I18nUIConfig<Languages extends string> extends I18nConfig<Languages> {
-  /**
-   * get i18n config for Fumadocs UI `<RootProvider i18n={config} />`.
-   */
   provider: (locale?: Languages | (string & {})) => I18nProviderProps;
 }
-/** @deprecated use the `i18n.translations()` & `uiTranslations()` APIs instead */
-declare function defineI18nUI<Languages extends string>(config: I18nConfig<Languages>, options?: {
-  /**
-   * @deprecated you can directly define the translations in outer scope (the parent object of `translations`)
-   */
-  translations: TranslationsConfig<Languages>;
-} | TranslationsConfig<Languages>): I18nUIConfig<Languages>;
+declare function defineI18nUI<Languages extends string>(config: I18nConfig<Languages>, localeTranslations?: Partial<Record<Languages, Record<string, string> & {
+  displayName?: string;
+}>>): I18nUIConfig<Languages>;
 //#endregion
-export { I18nUIConfig, Translations, defaultTranslations, defineI18nUI, i18nProvider, uiTranslations };
+export { I18nUIConfig, type Translations, defineI18nUI, i18nProvider, uiTranslations };

package/dist/i18n.js

@@ -1,86 +1,39 @@
+import keys_default from "./.translations/keys.js";
 //#region src/i18n.tsx
-const defaultTranslations = {
-	displayName: "English",
-	search: "Search",
-	searchNoResult: "No results found",
-	toc: "On this page",
-	tocNoHeadings: "No Headings",
-	lastUpdate: "Last updated on",
-	chooseLanguage: "Choose a language",
-	nextPage: "Next Page",
-	previousPage: "Previous Page",
-	chooseTheme: "Theme",
-	editOnGithub: "Edit on GitHub",
-	themeLight: "Light",
-	themeDark: "Dark",
-	themeSystem: "System",
-	codeBlockCopy: "Copy Text",
-	codeBlockCopied: "Copied Text",
-	accordionCopyAnchor: "Copy Link",
-	headingCopyAnchor: "Copy Anchor Link",
-	pageActionsCopyMarkdown: "Copy Markdown",
-	pageActionsOpen: "Open",
-	pageActionsOpenGitHub: "Open in GitHub",
-	pageActionsViewMarkdown: "View as Markdown",
-	pageActionsOpenScira: "Open in Scira AI",
-	pageActionsOpenChatGPT: "Open in ChatGPT",
-	pageActionsOpenClaude: "Open in Claude",
-	pageActionsOpenCursor: "Open in Cursor",
-	pageActionsOpenInLLMPrompt: "Read {url}, I want to ask questions about it.",
-	bannerClose: "Close Banner",
-	searchOpen: "Open Search",
-	searchClose: "Close Search",
-	menuToggle: "Toggle Menu",
-	themeToggle: "Toggle Theme",
-	sidebarOpen: "Open Sidebar",
-	sidebarCollapse: "Collapse Sidebar",
-	tocInline: "Table of Contents",
-	typeTableProp: "Prop",
-	typeTableType: "Type",
-	typeTableDefault: "Default",
-	typeTableParameters: "Parameters",
-	typeTableReturns: "Returns",
-	notFoundTitle: "Page Not Found",
-	notFoundDescription: "The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.",
-	notFoundLink: "Back to Home"
-};
 function uiTranslations() {
-	return {
-		namespace: "ui",
-		defaultValue: defaultTranslations
-	};
+	return { keys: keys_default };
 }
 function i18nProvider(translations, lang) {
-	const { defaultLanguage, languages } = translations.config;
-	const { ui, ...rest } = translations.get(lang ?? defaultLanguage) ?? translations.get(defaultLanguage);
-	return {
-		locale: lang,
-		translations: {
-			...ui,
-			...rest
-		},
-		locales: languages.map((locale) => ({
-			locale,
-			name: translations.get(locale).ui.displayName ?? locale
-		}))
-	};
+	const t = translations.extend(uiTranslations());
+	if ("config" in t) {
+		const { defaultLanguage, languages } = t.config;
+		const locale = lang ?? defaultLanguage;
+		const values = t.get(locale) ?? t.get(defaultLanguage);
+		return {
+			locale: lang,
+			translations: values,
+			locales: languages.map((code) => ({
+				locale: code,
+				name: values.displayName ?? code
+			}))
+		};
+	}
+	return { translations: t.get() };
 }
-/** @deprecated use the `i18n.translations()` & `uiTranslations()` APIs instead */
-function defineI18nUI(config, options = {}) {
-	const translations = "translations" in options ? options.translations : options;
+function defineI18nUI(config, localeTranslations = {}) {
 	return {
 		...config,
 		provider(locale = config.defaultLanguage) {
 			return {
 				locale,
-				translations: translations[locale],
-				locales: config.languages.map((locale) => ({
-					locale,
-					name: translations[locale]?.displayName ?? locale
+				translations: localeTranslations[locale],
+				locales: config.languages.map((code) => ({
+					locale: code,
+					name: localeTranslations[code]?.displayName ?? code
 				}))
 			};
 		}
 	};
 }
 //#endregion
-export { defaultTranslations, defineI18nUI, i18nProvider, uiTranslations };
+export { defineI18nUI, i18nProvider, uiTranslations };

package/dist/layouts/docs/index.d.ts

@@ -1,7 +1,6 @@
 import { BaseLayoutProps, GetLayoutTabsOptions, LayoutTab } from "../shared/index.js";
 import { SidebarProps, SidebarProviderProps } from "./slots/sidebar.js";
 import { DocsSlots, useDocsLayout } from "./client.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, ReactNode } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
 
@@ -40,6 +39,6 @@ declare function DocsLayout({
   tabMode,
   children,
   ...props
-}: DocsLayoutProps): _$react_jsx_runtime0.JSX.Element;
+}: DocsLayoutProps): import("react").JSX.Element;
 //#endregion
 export { DocsLayout, DocsLayoutProps, type DocsSlots, useDocsLayout };

package/dist/layouts/docs/page/index.d.ts

@@ -2,7 +2,6 @@ import { TOCPopoverProps, TOCProps, TOCProviderProps } from "./slots/toc.js";
 import { Footer, FooterProps } from "./slots/footer.js";
 import { Breadcrumb, BreadcrumbProps } from "./slots/breadcrumb.js";
 import { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-actions.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, FC, ReactNode } from "react";
 import { TOCItemType } from "fumadocs-core/toc";
 
@@ -86,8 +85,8 @@ declare function DocsPage({
   slots: defaultSlots,
   children,
   ...containerProps
-}: DocsPageProps): _$react_jsx_runtime0.JSX.Element;
-declare function EditOnGitHub(props: ComponentProps<'a'>): _$react_jsx_runtime0.JSX.Element;
+}: DocsPageProps): import("react").JSX.Element;
+declare function EditOnGitHub(props: ComponentProps<'a'>): import("react").JSX.Element;
 /**
  * Add typography styles
  */
@@ -95,22 +94,22 @@ declare function DocsBody({
   children,
   className,
   ...props
-}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'div'>): import("react").JSX.Element;
 declare function DocsDescription({
   children,
   className,
   ...props
-}: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element | null;
+}: ComponentProps<'p'>): import("react").JSX.Element | null;
 declare function DocsTitle({
   children,
   className,
   ...props
-}: ComponentProps<'h1'>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'h1'>): import("react").JSX.Element;
 declare function PageLastUpdate({
   date: value,
   ...props
 }: Omit<ComponentProps<'p'>, 'children'> & {
   date: Date;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 export { type BreadcrumbProps, DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, type FooterProps, MarkdownCopyButton, Breadcrumb as PageBreadcrumb, Footer as PageFooter, PageLastUpdate, ViewOptionsPopover, useDocsPage };

package/dist/layouts/docs/page/index.js

@@ -2,7 +2,6 @@
 import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
 import { cn } from "../../../utils/cn.js";
 import { buttonVariants } from "../../../components/ui/button.js";
-import { I18nLabel, useTranslations } from "../../../contexts/i18n.js";
 import { TOC, TOCPopover, TOCProvider } from "./slots/toc.js";
 import { Footer } from "./slots/footer.js";
 import { Breadcrumb } from "./slots/breadcrumb.js";
@@ -11,6 +10,7 @@ import { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-action
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Edit } from "lucide-react";
 import { createContext, use, useEffect, useState } from "react";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/layouts/docs/page/index.tsx
 var page_exports = /* @__PURE__ */ __exportAll({
 	DocsBody: () => DocsBody,
@@ -67,6 +67,7 @@ function DocsPage({ full = false, tableOfContent: { enabled: tocEnabled = !full,
 	});
 }
 function EditOnGitHub(props) {
+	const t = useTranslations({ note: "edit page" });
 	return /* @__PURE__ */ jsx("a", {
 		target: "_blank",
 		rel: "noreferrer noopener",
@@ -75,7 +76,7 @@ function EditOnGitHub(props) {
 			color: "secondary",
 			size: "sm"
 		}), "gap-1.5 not-prose", props.className),
-		children: props.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Edit, { className: "size-3.5" }), /* @__PURE__ */ jsx(I18nLabel, { label: "editOnGithub" })] })
+		children: props.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Edit, { className: "size-3.5" }), t("Edit on GitHub")] })
 	});
 }
 /**
@@ -104,7 +105,7 @@ function DocsTitle({ children, className, ...props }) {
 	});
 }
 function PageLastUpdate({ date: value, ...props }) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "page footer" });
 	const [date, setDate] = useState("");
 	useEffect(() => {
 		setDate(value.toLocaleDateString());
@@ -113,7 +114,7 @@ function PageLastUpdate({ date: value, ...props }) {
 		...props,
 		className: cn("text-sm text-fd-muted-foreground", props.className),
 		children: [
-			t.lastUpdate,
+			t("Last updated on"),
 			" ",
 			date
 		]

package/dist/layouts/docs/page/slots/breadcrumb.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import { BreadcrumbOptions } from "fumadocs-core/breadcrumb";
 
@@ -9,6 +8,6 @@ declare function Breadcrumb({
   includeSeparator,
   includePage,
   ...props
-}: BreadcrumbProps): _$react_jsx_runtime0.JSX.Element | null;
+}: BreadcrumbProps): import("react").JSX.Element | null;
 //#endregion
 export { Breadcrumb, BreadcrumbProps };

package/dist/layouts/docs/page/slots/container.d.ts

@@ -1,7 +1,6 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/layouts/docs/page/slots/container.d.ts
-declare function Container(props: ComponentProps<'article'>): _$react_jsx_runtime0.JSX.Element;
+declare function Container(props: ComponentProps<'article'>): import("react").JSX.Element;
 //#endregion
 export { Container };

package/dist/layouts/docs/page/slots/footer.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
 
@@ -18,6 +17,6 @@ declare function Footer({
   children,
   className,
   ...props
-}: FooterProps): _$react_jsx_runtime0.JSX.Element;
+}: FooterProps): import("react").JSX.Element;
 //#endregion
 export { Footer, FooterProps };

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

@@ -1,6 +1,5 @@
 "use client";
 import { cn } from "../../../../utils/cn.js";
-import { useTranslations } from "../../../../contexts/i18n.js";
 import { isActive } from "../../../../utils/urls.js";
 import { useFooterItems } from "../../../../utils/use-footer-items.js";
 import Link from "fumadocs-core/link";
@@ -8,6 +7,7 @@ import { usePathname } from "fumadocs-core/framework";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { useMemo } from "react";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/layouts/docs/page/slots/footer.tsx
 function Footer({ items, children, className, ...props }) {
 	const footerList = useFooterItems();
@@ -38,7 +38,7 @@ function Footer({ items, children, className, ...props }) {
 	}), children] });
 }
 function FooterItem({ item, index }) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "pagination" });
 	const Icon = index === 0 ? ChevronLeft : ChevronRight;
 	return /* @__PURE__ */ jsxs(Link, {
 		href: item.url,
@@ -48,7 +48,7 @@ function FooterItem({ item, index }) {
 			children: [/* @__PURE__ */ jsx(Icon, { className: "-mx-1 size-4 shrink-0 rtl:rotate-180" }), /* @__PURE__ */ jsx("p", { children: item.name })]
 		}), /* @__PURE__ */ jsx("p", {
 			className: "text-fd-muted-foreground truncate",
-			children: item.description ?? (index === 0 ? t.previousPage : t.nextPage)
+			children: item.description ?? (index === 0 ? t("Previous Page") : t("Next Page"))
 		})]
 	});
 }

package/dist/layouts/docs/page/slots/toc.d.ts

@@ -1,12 +1,11 @@
 import { TOCItemsProps } from "../../../../components/toc/clerk.js";
 import { TOCItemsProps as TOCItemsProps$1 } from "../../../../components/toc/default.js";
 import { TOCProviderProps as TOCProviderProps$1 } from "../../../../components/toc/index.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/layouts/docs/page/slots/toc.d.ts
 type TOCProviderProps = TOCProviderProps$1;
-declare function TOCProvider(props: TOCProviderProps): _$react_jsx_runtime0.JSX.Element;
+declare function TOCProvider(props: TOCProviderProps): import("react").JSX.Element;
 type TOCProps = {
   container?: ComponentProps<'div'>;
   /**
@@ -30,7 +29,7 @@ declare function TOC({
   footer,
   style,
   list
-}: TOCProps): _$react_jsx_runtime0.JSX.Element;
+}: TOCProps): import("react").JSX.Element;
 type TOCPopoverProps = {
   container?: ComponentProps<'div'>;
   trigger?: ComponentProps<'button'>;
@@ -58,6 +57,6 @@ declare function TOCPopover({
   footer,
   style,
   list
-}: TOCPopoverProps): _$react_jsx_runtime0.JSX.Element;
+}: TOCPopoverProps): import("react").JSX.Element;
 //#endregion
 export { TOC, TOCPopover, TOCPopoverProps, TOCProps, TOCProvider, TOCProviderProps };

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

@@ -1,6 +1,5 @@
 "use client";
 import { cn } from "../../../../utils/cn.js";
-import { I18nLabel, useTranslations } from "../../../../contexts/i18n.js";
 import { TOCProvider as TOCProvider$1, TOCScrollArea, useItems, useTOCItems } from "../../../../components/toc/index.js";
 import { default_exports } from "../../../../components/toc/default.js";
 import { clerk_exports } from "../../../../components/toc/clerk.js";
@@ -11,11 +10,13 @@ import "../../index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, Text } from "lucide-react";
 import { createContext, use, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/layouts/docs/page/slots/toc.tsx
 function TOCProvider(props) {
 	return /* @__PURE__ */ jsx(TOCProvider$1, { ...props });
 }
 function TOC({ container, header, footer, style = "normal", list }) {
+	const t = useTranslations({ note: "table of contents" });
 	const items = useTOCItems();
 	const { TOCItems, TOCEmpty, TOCItem } = style === "clerk" ? clerk_exports : default_exports;
 	if (items.length === 0 && !header && !footer) return /* @__PURE__ */ jsx("div", {
@@ -31,7 +32,7 @@ function TOC({ container, header, footer, style = "normal", list }) {
 			/* @__PURE__ */ jsxs("h3", {
 				id: "toc-title",
 				className: "inline-flex items-center gap-1.5 text-sm text-fd-muted-foreground",
-				children: [/* @__PURE__ */ jsx(Text, { className: "size-4" }), /* @__PURE__ */ jsx(I18nLabel, { label: "toc" })]
+				children: [/* @__PURE__ */ jsx(Text, { className: "size-4" }), t("On this page")]
 			}),
 			/* @__PURE__ */ jsx(TOCScrollArea, { children: /* @__PURE__ */ jsxs(TOCItems, {
 				...list,
@@ -94,7 +95,7 @@ function TOCPopover({ container, trigger, content, header, footer, style = "norm
 	});
 }
 function PageTOCPopoverTrigger({ className, ...props }) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "table of contents" });
 	const { open } = use(TocPopoverContext);
 	const items = useItems();
 	const selectedIdx = items.findIndex((item) => item.active);
@@ -114,7 +115,7 @@ function PageTOCPopoverTrigger({ className, ...props }) {
 				className: "grid flex-1 *:my-auto *:row-start-1 *:col-start-1",
 				children: [/* @__PURE__ */ jsx("span", {
 					className: cn("truncate transition-[opacity,translate,color]", open && "text-fd-foreground", showItem && "opacity-0 -translate-y-full pointer-events-none"),
-					children: path?.name ?? t.toc
+					children: path?.name ?? t("On this page")
 				}), /* @__PURE__ */ jsx("span", {
 					className: cn("truncate transition-[opacity,translate]", !showItem && "opacity-0 translate-y-full pointer-events-none"),
 					children: items[selectedIdx]?.original.title

package/dist/layouts/docs/slots/container.d.ts

@@ -1,7 +1,6 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/layouts/docs/slots/container.d.ts
-declare function Container(props: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+declare function Container(props: ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion
 export { Container };

package/dist/layouts/docs/slots/header.d.ts

@@ -1,8 +1,6 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as _$react from "react";
 import { ComponentProps } from "react";
 
 //#region src/layouts/docs/slots/header.d.ts
-declare function Header(props: ComponentProps<'header'>): string | number | bigint | true | _$react_jsx_runtime0.JSX.Element | Iterable<_$react.ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<_$react.ReactNode> | null | undefined>;
+declare function Header(props: ComponentProps<'header'>): string | number | bigint | true | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
 //#endregion
 export { Header };