@fumadocs/base-ui 16.8.11 → 16.9.0

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

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 import * as _$_base_ui_react0 from "@base-ui/react";
 

package/dist/components/ui/popover.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../utils/cn.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
+import "react";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 //#region src/components/ui/popover.tsx
 const Popover = Popover$1.Root;

package/dist/components/ui/scroll-area.d.ts

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 
 //#region src/components/ui/scroll-area.d.ts

package/dist/components/ui/scroll-area.js

@@ -1,6 +1,6 @@
 import { cn } from "../../utils/cn.js";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 //#region src/components/ui/scroll-area.tsx
 function ScrollArea({ children, ...props }) {

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

@@ -1,6 +1,6 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as _$react from "react";
 import { ComponentProps } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
 import * as _$_base_ui_react0 from "@base-ui/react";
 

package/dist/components/ui/tabs.js

@@ -1,7 +1,7 @@
 "use client";
 import { mergeRefs } from "../../utils/merge-refs.js";
-import { createContext, use, useEffectEvent, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { createContext, use, useEffectEvent, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
 //#region src/components/ui/tabs.tsx
 const listeners = /* @__PURE__ */ new Map();

package/dist/contexts/i18n.d.ts

@@ -1,37 +1,29 @@
-import { ReactNode } from "react";
+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 Translations {
-  search: string;
-  searchNoResult: string;
-  toc: string;
-  tocNoHeadings: string;
-  lastUpdate: string;
-  chooseLanguage: string;
-  nextPage: string;
-  previousPage: string;
-  chooseTheme: string;
-  editOnGithub: string;
-}
-type TranslationsOption = {
-  [key: string]: string | TranslationsOption;
-};
 interface LocaleItem {
   name: string;
   locale: string;
 }
 interface I18nContextType {
-  text: Translations & TranslationsOption;
+  text: Translations & Record<string, string | Record<string, string>>;
   locale?: string;
   onChange?: (v: string) => void;
   locales?: LocaleItem[];
 }
-declare const defaultTranslations: Translations;
-declare function I18nLabel(props: {
-  label: keyof Translations;
+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;
 interface I18nProviderProps {
   /**
    * Current locale
@@ -44,7 +36,7 @@ interface I18nProviderProps {
   /**
    * Translations of current locale
    */
-  translations?: TranslationsOption;
+  translations?: Partial<I18nContextType['text']>;
   /**
    * Available languages
    */
@@ -59,4 +51,4 @@ declare function I18nProvider({
   translations
 }: I18nProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { I18nLabel, I18nProvider, I18nProviderProps, Translations, TranslationsOption, defaultTranslations, useI18n };
+export { I18nLabel, I18nProvider, I18nProviderProps, useI18n, useTranslations };

package/dist/contexts/i18n.js

@@ -1,26 +1,19 @@
 "use client";
-import { createContext, useContext, useMemo, useRef } from "react";
+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";
 //#region src/contexts/i18n.tsx
-const defaultTranslations = {
-	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"
-};
-const I18nContext = createContext({ text: { ...defaultTranslations } });
-function I18nLabel(props) {
-	return useI18n().text[props.label];
+const I18nContext = createContext({ text: defaultTranslations });
+function I18nLabel({ label, params }) {
+	return renderTranslation(useTranslations()[label], params);
 }
 function useI18n() {
-	return useContext(I18nContext);
+	return use(I18nContext);
+}
+function useTranslations(namespace) {
+	return namespace ? use(I18nContext).text[namespace] : use(I18nContext).text;
 }
 function I18nProvider({ locales = [], locale, onLocaleChange, children, translations }) {
 	const router = useRouter();
@@ -28,7 +21,7 @@ function I18nProvider({ locales = [], locale, onLocaleChange, children, translat
 	const onChange = (value) => {
 		if (onLocaleChange) return onLocaleChange(value);
 		const segments = pathname.split("/").filter((v) => v.length > 0);
-		if (segments[0] !== locale) segments.unshift(value);
+		if (segments.length === 0 || segments[0] !== locale) segments.unshift(value);
 		else segments[0] = value;
 		router.push(`/${segments.join("/")}`);
 	};
@@ -52,4 +45,4 @@ function I18nProvider({ locales = [], locale, onLocaleChange, children, translat
 	});
 }
 //#endregion
-export { I18nLabel, I18nProvider, defaultTranslations, useI18n };
+export { I18nLabel, I18nProvider, useI18n, useTranslations };

package/dist/contexts/search.d.ts

@@ -1,5 +1,5 @@
-import { ComponentType, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentType, ReactNode } from "react";
 
 //#region src/contexts/search.d.ts
 interface HotKey {

package/dist/contexts/search.js

@@ -1,6 +1,6 @@
 "use client";
-import { Suspense, createContext, use, useEffect, useEffectEvent, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Suspense, createContext, use, useEffect, useEffectEvent, useMemo, useState } from "react";
 //#region src/contexts/search.tsx
 const SearchContext = createContext({
 	enabled: false,

package/dist/contexts/tree.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
 
 //#region src/contexts/tree.d.ts

package/dist/contexts/tree.js

@@ -1,7 +1,7 @@
 "use client";
-import { createContext, use, useMemo, useRef } from "react";
 import { usePathname } from "fumadocs-core/framework";
 import { jsx } from "react/jsx-runtime";
+import { createContext, use, useMemo, useRef } from "react";
 import { searchPath } from "fumadocs-core/breadcrumb";
 //#region src/contexts/tree.tsx
 const TreeContext = createContext(null);

package/dist/i18n.d.ts

@@ -1,16 +1,65 @@
-import { I18nProviderProps, Translations, defaultTranslations } from "./contexts/i18n.js";
-import { I18nConfig } from "fumadocs-core/i18n";
+import { I18nProviderProps } from "./contexts/i18n.js";
+import { I18nConfig, TranslationValue, TranslationsAPI, TranslationsAPIExtension } 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;
 interface I18nUIConfig<Languages extends string> extends I18nConfig<Languages> {
   /**
    * get i18n config for Fumadocs UI `<RootProvider i18n={config} />`.
    */
   provider: (locale?: Languages | (string & {})) => I18nProviderProps;
 }
-type TranslationsConfig<Languages extends string> = { [K in Languages]?: Partial<Translations> & {
-  displayName?: string;
-} };
+/** @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`)
@@ -18,4 +67,4 @@ declare function defineI18nUI<Languages extends string>(config: I18nConfig<Langu
   translations: TranslationsConfig<Languages>;
 } | TranslationsConfig<Languages>): I18nUIConfig<Languages>;
 //#endregion
-export { type I18nProviderProps, I18nUIConfig, type Translations, defaultTranslations, defineI18nUI };
+export { I18nUIConfig, Translations, defaultTranslations, defineI18nUI, i18nProvider, uiTranslations };

package/dist/i18n.js

@@ -1,5 +1,71 @@
-import { defaultTranslations } from "./contexts/i18n.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
+	};
+}
+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
+		}))
+	};
+}
+/** @deprecated use the `i18n.translations()` & `uiTranslations()` APIs instead */
 function defineI18nUI(config, options = {}) {
 	const translations = "translations" in options ? options.translations : options;
 	return {
@@ -17,4 +83,4 @@ function defineI18nUI(config, options = {}) {
 	};
 }
 //#endregion
-export { defaultTranslations, defineI18nUI };
+export { defaultTranslations, defineI18nUI, i18nProvider, uiTranslations };

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

@@ -3,6 +3,7 @@ import { LayoutTab, LinkItemType } from "../shared/index.js";
 import { SidebarProps, SidebarProviderProps } from "./slots/sidebar.js";
 import { DocsLayoutProps } from "./index.js";
 import { ComponentProps, FC } from "react";
+
 //#region src/layouts/docs/client.d.ts
 interface DocsSlots extends BaseSlots {
   container: FC<ComponentProps<'div'>>;

package/dist/layouts/docs/client.js

@@ -7,10 +7,10 @@ import { useIsScrollTop } from "../../utils/use-is-scroll-top.js";
 import { Sidebar, SidebarProvider, SidebarTrigger, useSidebar } from "./slots/sidebar.js";
 import { Header } from "./slots/header.js";
 import { Container } from "./slots/container.js";
-import { createContext, use, useMemo } from "react";
+import Link from "fumadocs-core/link";
 import { usePathname } from "fumadocs-core/framework";
 import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "fumadocs-core/link";
+import { createContext, use, useMemo } from "react";
 //#region src/layouts/docs/client.tsx
 const { useProvider } = baseSlots({ useProps() {
 	return useDocsLayout().props;

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

@@ -1,8 +1,8 @@
 import { BaseLayoutProps, GetLayoutTabsOptions, LayoutTab } from "../shared/index.js";
 import { SidebarProps, SidebarProviderProps } from "./slots/sidebar.js";
 import { DocsSlots, useDocsLayout } from "./client.js";
-import { HTMLAttributes, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { HTMLAttributes, ReactNode } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
 
 //#region src/layouts/docs/index.d.ts

package/dist/layouts/docs/index.js

@@ -1,7 +1,7 @@
 import { getLayoutTabs } from "../shared/index.js";
 import { LayoutBody, useDocsLayout } from "./client.js";
-import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
 //#region src/layouts/docs/index.tsx
 function DocsLayout({ tree, sidebar: { tabs: _tabs, tabMode: _tabMode, ...sidebarProps } = {}, tabs: layoutTabs = _tabs, tabMode = _tabMode, children, ...props }) {
 	return /* @__PURE__ */ jsx(LayoutBody, {

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

@@ -2,8 +2,8 @@ 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 { ComponentProps, FC, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, FC, ReactNode } from "react";
 import { TOCItemType } from "fumadocs-core/toc";
 
 //#region src/layouts/docs/page/index.d.ts

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

@@ -1,16 +1,16 @@
 "use client";
 import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
-import { I18nLabel, useI18n } from "../../../contexts/i18n.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";
 import { Container } from "./slots/container.js";
 import { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-actions.js";
-import { createContext, use, useEffect, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Edit } from "lucide-react";
+import { createContext, use, useEffect, useState } from "react";
 //#region src/layouts/docs/page/index.tsx
 var page_exports = /* @__PURE__ */ __exportAll({
 	DocsBody: () => DocsBody,
@@ -76,7 +76,7 @@ function EditOnGitHub(props) {
 			color: "secondary",
 			size: "sm"
 		}), "gap-1.5 not-prose", props.className),
-		children: props.children ?? /* @__PURE__ */ jsxs(Fragment$1, { 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" }), /* @__PURE__ */ jsx(I18nLabel, { label: "editOnGithub" })] })
 	});
 }
 /**
@@ -105,7 +105,7 @@ function DocsTitle({ children, className, ...props }) {
 	});
 }
 function PageLastUpdate({ date: value, ...props }) {
-	const { text } = useI18n();
+	const t = useTranslations();
 	const [date, setDate] = useState("");
 	useEffect(() => {
 		setDate(value.toLocaleDateString());
@@ -114,7 +114,7 @@ function PageLastUpdate({ date: value, ...props }) {
 		...props,
 		className: cn("text-sm text-fd-muted-foreground", props.className),
 		children: [
-			text.lastUpdate,
+			t.lastUpdate,
 			" ",
 			date
 		]

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

@@ -1,5 +1,5 @@
-import { ComponentProps } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
 import { BreadcrumbOptions } from "fumadocs-core/breadcrumb";
 
 //#region src/layouts/docs/page/slots/breadcrumb.d.ts

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

@@ -1,10 +1,10 @@
 "use client";
 import { cn } from "../../../../utils/cn.js";
 import { useTreeContext, useTreePath } from "../../../../contexts/tree.js";
-import { Fragment, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "fumadocs-core/link";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
+import { Fragment as Fragment$1, useMemo } from "react";
 import { getBreadcrumbItemsFromPath } from "fumadocs-core/breadcrumb";
 //#region src/layouts/docs/page/slots/breadcrumb.tsx
 function Breadcrumb({ includeRoot, includeSeparator, includePage, ...props }) {
@@ -29,7 +29,7 @@ function Breadcrumb({ includeRoot, includeSeparator, includePage, ...props }) {
 		className: cn("flex items-center gap-1.5 text-sm text-fd-muted-foreground", props.className),
 		children: items.map((item, i) => {
 			const className = cn("truncate", i === items.length - 1 && "text-fd-primary font-medium");
-			return /* @__PURE__ */ jsxs(Fragment, { children: [i !== 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 shrink-0" }), item.url ? /* @__PURE__ */ jsx(Link, {
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [i !== 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 shrink-0" }), item.url ? /* @__PURE__ */ jsx(Link, {
 				href: item.url,
 				className: cn(className, "transition-opacity hover:opacity-80"),
 				children: item.name

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

@@ -1,5 +1,5 @@
-import { ComponentProps } from "react";
 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;

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

@@ -1,5 +1,5 @@
-import { ComponentProps } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
 
 //#region src/layouts/docs/page/slots/footer.d.ts

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

@@ -1,13 +1,13 @@
 "use client";
-import { useI18n } from "../../../../contexts/i18n.js";
 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 { useMemo } from "react";
-import { usePathname } from "fumadocs-core/framework";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import Link from "fumadocs-core/link";
+import { usePathname } from "fumadocs-core/framework";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useMemo } from "react";
 //#region src/layouts/docs/page/slots/footer.tsx
 function Footer({ items, children, className, ...props }) {
 	const footerList = useFooterItems();
@@ -25,7 +25,7 @@ function Footer({ items, children, className, ...props }) {
 		items,
 		pathname
 	]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 		className: cn("@container grid gap-4", previous && next ? "grid-cols-2" : "grid-cols-1", className),
 		...props,
 		children: [previous && /* @__PURE__ */ jsx(FooterItem, {
@@ -38,7 +38,7 @@ function Footer({ items, children, className, ...props }) {
 	}), children] });
 }
 function FooterItem({ item, index }) {
-	const { text } = useI18n();
+	const t = useTranslations();
 	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 ? text.previousPage : text.nextPage)
+			children: item.description ?? (index === 0 ? t.previousPage : t.nextPage)
 		})]
 	});
 }

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

@@ -1,8 +1,8 @@
 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 { ComponentProps, ReactNode } from "react";
 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;

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

@@ -1,6 +1,6 @@
 "use client";
-import { I18nLabel, useI18n } from "../../../../contexts/i18n.js";
 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";
@@ -8,9 +8,9 @@ import { useTreePath } from "../../../../contexts/tree.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../../components/ui/collapsible.js";
 import { useDocsLayout } from "../../client.js";
 import "../../index.js";
-import { createContext, use, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, Text } from "lucide-react";
+import { createContext, use, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
 //#region src/layouts/docs/page/slots/toc.tsx
 function TOCProvider(props) {
 	return /* @__PURE__ */ jsx(TOCProvider$1, { ...props });
@@ -90,7 +90,7 @@ function TOCPopover({ container, trigger, content, header, footer, style = "norm
 	});
 }
 function PageTOCPopoverTrigger({ className, ...props }) {
-	const { text } = useI18n();
+	const t = useTranslations();
 	const { open } = use(TocPopoverContext);
 	const items = useItems();
 	const selectedIdx = items.findIndex((item) => item.active);
@@ -110,7 +110,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 ?? text.toc
+					children: path?.name ?? t.toc
 				}), /* @__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,5 +1,5 @@
-import { ComponentProps } from "react";
 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;

package/dist/layouts/docs/slots/container.js

@@ -2,8 +2,8 @@
 import { cn } from "../../../utils/cn.js";
 import { useDocsLayout } from "../client.js";
 import "../index.js";
-import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 //#region src/layouts/docs/slots/container.tsx
 function Container(props) {
 	const { slots } = useDocsLayout();

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

@@ -1,6 +1,6 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as _$react from "react";
 import { ComponentProps } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#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>;

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

@@ -1,7 +1,7 @@
 import { SidebarProviderProps as SidebarProviderProps$1, useSidebar as useSidebar$1 } from "../../../components/sidebar/base.js";
 import { SidebarPageTreeComponents } from "../../../components/sidebar/page-tree.js";
-import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
 
 //#region src/layouts/docs/slots/sidebar.d.ts
 interface SidebarProps extends ComponentProps<'aside'> {