@fumadocs/base-ui 16.8.12 → 16.9.1

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

@@ -10,12 +10,12 @@ import { SidebarCollapseTrigger as SidebarCollapseTrigger$1, SidebarContent as S
 import { createPageTreeRenderer } from "../../../components/sidebar/page-tree.js";
 import { createLinkItemRenderer } from "../../../components/sidebar/link-item.js";
 import { useDocsLayout } from "../client.js";
-import { useMemo, useRef, useState } 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 { Check, ChevronDown, ChevronsUpDown, Languages, SidebarIcon } from "lucide-react";
 import { cva } from "class-variance-authority";
+import { useMemo, useRef, useState } from "react";
 //#region src/layouts/docs/slots/sidebar.tsx
 const itemVariants = cva("relative flex flex-row items-center gap-2 rounded-lg p-2 text-start text-fd-muted-foreground wrap-anywhere [&_svg]:size-4 [&_svg]:shrink-0", { variants: {
 	variant: {
@@ -38,7 +38,7 @@ function Sidebar({ footer, banner, collapsible = true, components, ...rest }) {
 			className: cn(i === list.length - 1 && "mb-4")
 		}, i)), /* @__PURE__ */ jsx(SidebarPageTree, { ...components })]
 	}) });
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(SidebarContent, {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(SidebarContent, {
 		...rest,
 		children: [
 			/* @__PURE__ */ jsxs("div", {
@@ -147,7 +147,7 @@ function SidebarTrigger(props) {
 }
 function SidebarContent({ ref: refProp, className, children, ...props }) {
 	const ref = useRef(null);
-	return /* @__PURE__ */ jsx(SidebarContent$1, { children: ({ collapsed, hovered, ref: asideRef, ...rest }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx(SidebarContent$1, { children: ({ collapsed, hovered, ref: asideRef, ...rest }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 		"data-sidebar-placeholder": "",
 		className: "sticky top-(--fd-docs-row-1) z-20 [grid-area:sidebar] pointer-events-none *:pointer-events-auto h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))] md:layout:[--fd-sidebar-width:268px] max-md:hidden",
 		children: [collapsed && /* @__PURE__ */ jsx("div", {
@@ -180,7 +180,7 @@ function SidebarContent({ ref: refProp, className, children, ...props }) {
 	})] }) });
 }
 function SidebarDrawer({ children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SidebarDrawerOverlay, { className: "fixed z-40 inset-0 backdrop-blur-xs data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out" }), /* @__PURE__ */ jsx(SidebarDrawerContent, {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SidebarDrawerOverlay, { className: "fixed z-40 inset-0 backdrop-blur-xs data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out" }), /* @__PURE__ */ jsx(SidebarDrawerContent, {
 		className: cn("fixed text-[0.9375rem] flex flex-col shadow-lg border-s inset-e-0 inset-y-0 w-[85%] max-w-[380px] z-40 bg-fd-background data-[state=open]:animate-fd-sidebar-in data-[state=closed]:animate-fd-sidebar-out", className),
 		...props,
 		children
@@ -259,7 +259,7 @@ function SidebarTabsDropdown({ tabs, placeholder, ...props }) {
 		closeOnRedirect.current = false;
 		setOpen(false);
 	};
-	const item = selected ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+	const item = selected ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
 		className: "size-9 shrink-0 empty:hidden md:size-5",
 		children: selected.icon
 	}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {

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

@@ -2,8 +2,8 @@ import { BaseSlots, BaseSlotsProps } from "../shared/client.js";
 import { BaseLayoutProps, GetLayoutTabsOptions, LayoutTab, LinkItemType } from "../shared/index.js";
 import { TabDropdownProps } from "./slots/tab-dropdown.js";
 import { SidebarProps, SidebarProviderProps } from "./slots/sidebar.js";
-import { ComponentProps, FC, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, FC, ReactNode } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
 import { motion } from "motion/react";
 

package/dist/layouts/flux/index.js

@@ -8,9 +8,9 @@ import { getLayoutTabs, useLinkItems } from "../shared/index.js";
 import { TabDropdown } from "./slots/tab-dropdown.js";
 import { Sidebar as Sidebar$1, SidebarProvider, SidebarTrigger, useSidebar } from "./slots/sidebar.js";
 import { Container } from "./slots/container.js";
-import { createContext, use, useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Languages } from "lucide-react";
+import { createContext, use, useMemo } from "react";
 import { motion } from "motion/react";
 import { RemoveScroll } from "react-remove-scroll";
 //#region src/layouts/flux/index.tsx
@@ -60,12 +60,12 @@ function DocsLayout(props) {
 					children: [sidebarEnabled && /* @__PURE__ */ jsx(slots.sidebar.root, { ...sidebarProps }), children]
 				})
 			}), renderNavigationPanel({
-				head: /* @__PURE__ */ jsxs(Fragment$1, { children: [slots.navTitle && /* @__PURE__ */ jsx(slots.navTitle, { className: "inline-flex items-center gap-2.5 text-sm font-semibold" }), nav.children] }),
+				head: /* @__PURE__ */ jsxs(Fragment, { children: [slots.navTitle && /* @__PURE__ */ jsx(slots.navTitle, { className: "inline-flex items-center gap-2.5 text-sm font-semibold" }), nav.children] }),
 				tabDropdown: slots.tabDropdown && tabs.length > 0 && /* @__PURE__ */ jsx(slots.tabDropdown, {
 					className: "flex-1",
 					tabs
 				}),
-				tool: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				tool: /* @__PURE__ */ jsxs(Fragment, { children: [
 					slots.languageSelect && /* @__PURE__ */ jsx(slots.languageSelect.root, { children: /* @__PURE__ */ jsx(Languages, { className: "size-4.5" }) }),
 					slots.searchTrigger && /* @__PURE__ */ jsx(slots.searchTrigger.sm, {
 						hideIfDisabled: true,
@@ -101,7 +101,7 @@ function NavigationPanel({ head, tabDropdown, tool, link, children = (v) => v, .
 			translateY: open ? 20 : 0,
 			opacity: open ? .8 : 1
 		},
-		children: children(/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+		children: children(/* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-row items-center ps-2.5 p-1 gap-2 min-h-11",
 			children: [head, /* @__PURE__ */ jsx("div", {
 				id: "flux-layout-slot",

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

@@ -2,8 +2,8 @@ import { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-action
 import { TOCProps, TOCProviderProps } from "./slots/toc.js";
 import { Footer, FooterProps } from "./slots/footer.js";
 import { Breadcrumb, BreadcrumbProps } from "./slots/breadcrumb.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/flux/page/index.d.ts

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

@@ -1,15 +1,15 @@
 "use client";
-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 { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-actions.js";
 import { TOC, TOCProvider } from "./slots/toc.js";
 import { Footer } from "./slots/footer.js";
 import { Breadcrumb } from "./slots/breadcrumb.js";
 import { Container } from "./slots/container.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/flux/page/index.tsx
 const PageContext = createContext(null);
 function useDocsPage() {
@@ -56,7 +56,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" })] })
 	});
 }
 /**
@@ -85,7 +85,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());
@@ -94,7 +94,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/flux/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/flux/page/slots/breadcrumb.d.ts

package/dist/layouts/flux/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/flux/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/flux/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/flux/page/slots/container.d.ts
 declare function Container(props: ComponentProps<'article'>): _$react_jsx_runtime0.JSX.Element;

package/dist/layouts/flux/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/flux/page/slots/footer.d.ts

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

@@ -1,13 +1,13 @@
 "use client";
-import { useI18n } from "../../../../contexts/i18n.js";
 import { cn } from "../../../../utils/cn.js";
+import { useI18n } 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/flux/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, {

package/dist/layouts/flux/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 { TOCProvider as TOCProvider$1, 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/flux/page/slots/toc.d.ts
 type TOCProviderProps = TOCProviderProps$1;

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

@@ -1,14 +1,14 @@
 "use client";
-import { useI18n } from "../../../../contexts/i18n.js";
 import { cn } from "../../../../utils/cn.js";
+import { useTranslations } from "../../../../contexts/i18n.js";
 import { TOCScrollArea, toc_exports, useItems, useTOCItems } from "../../../../components/toc/index.js";
 import { default_exports } from "../../../../components/toc/default.js";
 import { clerk_exports } from "../../../../components/toc/clerk.js";
 import { useTreePath } from "../../../../contexts/tree.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../../components/ui/collapsible.js";
-import { createContext, use, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";
+import { createContext, use, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { AnimatePresence, motion } from "motion/react";
 //#region src/layouts/flux/page/slots/toc.tsx
@@ -75,7 +75,7 @@ function PageTOCPopoverPhysical({ className, children, ...rest }) {
 	});
 }
 function PageTOCPopoverTrigger({ className, ...props }) {
-	const { text } = useI18n();
+	const t = useTranslations();
 	const { open } = use(TocPopoverContext);
 	const items = useItems();
 	const selectedIdx = items.findIndex((item) => item.active);
@@ -116,7 +116,7 @@ function PageTOCPopoverTrigger({ className, ...props }) {
 					children: path.name
 				}, path.$id ?? ":pathId") : /* @__PURE__ */ jsx(motion.span, {
 					...spanProps,
-					children: text.toc
+					children: t.toc
 				}, ":toc")
 			}),
 			/* @__PURE__ */ jsx(ChevronDown, { className: cn("ms-auto shrink-0 transition-transform", open && "rotate-180") })

package/dist/layouts/flux/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/flux/slots/container.d.ts
 declare function Container(props: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;

package/dist/layouts/flux/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/flux/slots/sidebar.d.ts
 interface SidebarProps extends ComponentProps<'aside'> {

package/dist/layouts/flux/slots/sidebar.js

@@ -5,10 +5,10 @@ import { SidebarFolder as SidebarFolder$1, SidebarFolderContent as SidebarFolder
 import { createPageTreeRenderer } from "../../../components/sidebar/page-tree.js";
 import { createLinkItemRenderer } from "../../../components/sidebar/link-item.js";
 import { useFluxLayout } from "../index.js";
-import { useEffect, useEffectEvent, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SidebarIcon, XIcon } from "lucide-react";
 import { cva } from "class-variance-authority";
+import { useEffect, useEffectEvent, useRef, useState } from "react";
 import { AnimatePresence, motion } from "motion/react";
 import { RemoveScroll } from "react-remove-scroll";
 //#region src/layouts/flux/slots/sidebar.tsx

package/dist/layouts/flux/slots/tab-dropdown.d.ts

@@ -1,6 +1,6 @@
 import { LayoutTab } from "../../shared/index.js";
-import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
 
 //#region src/layouts/flux/slots/tab-dropdown.d.ts
 interface TabDropdownProps extends ComponentProps<'button'> {

package/dist/layouts/flux/slots/tab-dropdown.js

@@ -2,11 +2,11 @@
 import { cn } from "../../../utils/cn.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.js";
 import { isLayoutTabActive } from "../../shared/index.js";
-import { useMemo, useState } 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 { Check, ChevronsUpDown } from "lucide-react";
+import { useMemo, useState } from "react";
 import { AnimatePresence, motion } from "motion/react";
 //#region src/layouts/flux/slots/tab-dropdown.tsx
 function TabDropdown({ tabs, placeholder, className, ...props }) {
@@ -19,7 +19,7 @@ function TabDropdown({ tabs, placeholder, className, ...props }) {
 	const onClick = () => {
 		setOpen(false);
 	};
-	const item = selected ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+	const item = selected ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
 		className: "size-4.5 shrink-0 empty:hidden",
 		children: selected.icon
 	}), /* @__PURE__ */ jsx("p", {

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

@@ -1,7 +1,7 @@
 import { BaseSlots, BaseSlotsProps } from "../shared/client.js";
 import { BaseLayoutProps, LinkItemType, NavOptions } from "../shared/index.js";
-import { ComponentProps, FC } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, FC } from "react";
 
 //#region src/layouts/home/index.d.ts
 interface HomeLayoutProps extends BaseLayoutProps, ComponentProps<'main'> {

package/dist/layouts/home/index.js

@@ -3,8 +3,8 @@ import { baseSlots } from "../shared/client.js";
 import { useLinkItems } from "../shared/index.js";
 import { Container } from "./slots/container.js";
 import { Header } from "./slots/header.js";
-import { createContext, use } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, use } from "react";
 //#region src/layouts/home/index.tsx
 const LayoutContext = createContext(null);
 function useHomeLayout() {

package/dist/layouts/home/navbar.d.ts

@@ -1,6 +1,6 @@
 import { NavigationMenuContentProps, NavigationMenuItem, NavigationMenuTriggerProps } from "../../components/ui/navigation-menu.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { LinkProps } from "fumadocs-core/link";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/home/navbar.d.ts
 declare const NavbarMenu: typeof NavigationMenuItem;

package/dist/layouts/home/navbar.js

@@ -2,8 +2,8 @@
 import { cn } from "../../utils/cn.js";
 import { NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger } from "../../components/ui/navigation-menu.js";
 import { navItemVariants } from "./slots/header.js";
-import { jsx } from "react/jsx-runtime";
 import Link from "fumadocs-core/link";
+import { jsx } from "react/jsx-runtime";
 //#region src/layouts/home/navbar.tsx
 const NavbarMenu = NavigationMenuItem;
 function NavbarMenuContent(props) {

package/dist/layouts/home/not-found.js

@@ -1,7 +1,8 @@
 import { cn } from "../../utils/cn.js";
 import { buttonVariants } from "../../components/ui/button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { I18nLabel } from "../../contexts/i18n.js";
 import Link from "fumadocs-core/link";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { HomeIcon } from "lucide-react";
 //#region src/layouts/home/not-found.tsx
 /**
@@ -17,11 +18,11 @@ function DefaultNotFound() {
 			}),
 			/* @__PURE__ */ jsx("h2", {
 				className: "text-2xl font-semibold",
-				children: "Page Not Found"
+				children: /* @__PURE__ */ jsx(I18nLabel, { label: "notFoundTitle" })
 			}),
 			/* @__PURE__ */ jsx("p", {
 				className: "text-fd-muted-foreground max-w-md",
-				children: "The page you are looking for might have been removed, had its name changed, or is temporarily unavailable."
+				children: /* @__PURE__ */ jsx(I18nLabel, { label: "notFoundDescription" })
 			}),
 			/* @__PURE__ */ jsxs(Link, {
 				href: "/",
@@ -29,7 +30,7 @@ function DefaultNotFound() {
 					className: "mt-4 gap-1.5",
 					variant: "primary"
 				})),
-				children: [/* @__PURE__ */ jsx(HomeIcon, { className: "size-4" }), "Back to Home"]
+				children: [/* @__PURE__ */ jsx(HomeIcon, { className: "size-4" }), /* @__PURE__ */ jsx(I18nLabel, { label: "notFoundLink" })]
 			})
 		]
 	});

package/dist/layouts/home/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/home/slots/container.d.ts
 declare function Container(props: ComponentProps<'main'>): _$react_jsx_runtime0.JSX.Element;

package/dist/layouts/home/slots/header.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 _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/layouts/home/slots/header.d.ts

package/dist/layouts/home/slots/header.js

@@ -1,6 +1,7 @@
 "use client";
 import { cn } from "../../../utils/cn.js";
 import { buttonVariants } from "../../../components/ui/button.js";
+import { useTranslations } from "../../../contexts/i18n.js";
 import { mergeRefs } from "../../../utils/merge-refs.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/ui/collapsible.js";
 import { LinkItem } from "../../shared/client.js";
@@ -8,11 +9,11 @@ import "../../shared/index.js";
 import { useIsScrollTop } from "../../../utils/use-is-scroll-top.js";
 import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from "../../../components/ui/navigation-menu.js";
 import { useHomeLayout } from "../index.js";
-import { Fragment, useEffect, useEffectEvent, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import Link from "fumadocs-core/link";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, Languages } from "lucide-react";
 import { cva } from "class-variance-authority";
+import { Fragment as Fragment$1, useEffect, useEffectEvent, useRef, useState } from "react";
 //#region src/layouts/home/slots/header.tsx
 const navItemVariants = cva("[&_svg]:size-4", {
 	variants: { variant: {
@@ -33,6 +34,7 @@ function Header(props) {
 	const headerRef = useRef(null);
 	const listRef = useRef(null);
 	const [open, setOpen] = useState(false);
+	const t = useTranslations();
 	const transparentMode = nav?.transparentMode ?? "none";
 	const isTop = useIsScrollTop({ enabled: transparentMode === "top" }) ?? true;
 	const isNavTransparent = transparentMode === "top" ? isTop : transparentMode === "always";
@@ -84,7 +86,7 @@ function Header(props) {
 					hideIfDisabled: true,
 					className: "p-2"
 				}), /* @__PURE__ */ jsx(CollapsibleTrigger, {
-					"aria-label": "Toggle Menu",
+					"aria-label": t.menuToggle,
 					className: cn(buttonVariants({
 						size: "icon",
 						color: "ghost"
@@ -154,7 +156,7 @@ function NavigationMenuLinkItem({ item, ...props }) {
 	if (item.type === "custom") return item.children;
 	if (item.type === "menu") {
 		const children = item.items.map((child, j) => {
-			if (child.type === "custom") return /* @__PURE__ */ jsx(Fragment, { children: child.children }, j);
+			if (child.type === "custom") return /* @__PURE__ */ jsx(Fragment$1, { children: child.children }, j);
 			const { banner = child.icon ? /* @__PURE__ */ jsx("div", {
 				className: "w-fit rounded-md border bg-fd-muted p-1 [&_svg]:size-4",
 				children: child.icon
@@ -164,7 +166,7 @@ function NavigationMenuLinkItem({ item, ...props }) {
 				external: child.external,
 				...rest,
 				className: cn("flex flex-col gap-2 rounded-lg border bg-fd-card p-3 transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground", rest.className),
-				children: rest.children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				children: rest.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
 					banner,
 					/* @__PURE__ */ jsx("p", {
 						className: "text-base font-medium",
@@ -208,7 +210,7 @@ function MobileNavigationMenuLinkItem({ item, ...props }) {
 		children: item.children
 	});
 	if (item.type === "menu") {
-		const header = /* @__PURE__ */ jsxs(Fragment$1, { children: [item.icon, item.text] });
+		const header = /* @__PURE__ */ jsxs(Fragment, { children: [item.icon, item.text] });
 		return /* @__PURE__ */ jsxs("div", {
 			className: cn("mb-4 flex flex-col", props.className),
 			children: [/* @__PURE__ */ jsx("p", {

package/dist/layouts/notebook/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/notebook/client.d.ts
 interface DocsSlots extends BaseSlots {
   container: FC<ComponentProps<'div'>>;

package/dist/layouts/notebook/client.js

@@ -6,8 +6,8 @@ import { useIsScrollTop } from "../../utils/use-is-scroll-top.js";
 import { Container } from "./slots/container.js";
 import { Sidebar, SidebarCollapseTrigger, SidebarProvider, SidebarTrigger, useSidebar } from "./slots/sidebar.js";
 import { Header } from "./slots/header.js";
-import { createContext, use } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, use } from "react";
 //#region src/layouts/notebook/client.tsx
 const { useProvider } = baseSlots({ useProps() {
 	return useNotebookLayout().props;

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

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

package/dist/layouts/notebook/index.js

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

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

@@ -2,8 +2,8 @@ import { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-action
 import { TOCPopoverProps, TOCProps, TOCProviderProps } from "./slots/toc.js";
 import { Footer, FooterProps } from "./slots/footer.js";
 import { Breadcrumb, BreadcrumbProps } from "./slots/breadcrumb.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/notebook/page/index.d.ts

package/dist/layouts/notebook/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 { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-actions.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 { 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/notebook/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/notebook/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/notebook/page/slots/breadcrumb.d.ts