@fumadocs/base-ui 16.9.3 → 16.10.0

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

@@ -1,6 +1,5 @@
 import { SidebarProviderProps as SidebarProviderProps$1, useSidebar as useSidebar$1 } from "../../../components/sidebar/base.js";
 import { SidebarPageTreeComponents } from "../../../components/sidebar/page-tree.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/layouts/docs/slots/sidebar.d.ts
@@ -17,14 +16,14 @@ interface SidebarProps extends ComponentProps<'aside'> {
 }
 type SidebarProviderProps = SidebarProviderProps$1;
 declare const useSidebar: typeof useSidebar$1;
-declare function SidebarProvider(props: SidebarProviderProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarProvider(props: SidebarProviderProps): import("react").JSX.Element;
 declare function Sidebar({
   footer,
   banner,
   collapsible,
   components,
   ...rest
-}: SidebarProps): _$react_jsx_runtime0.JSX.Element;
-declare function SidebarTrigger(props: ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
+}: SidebarProps): import("react").JSX.Element;
+declare function SidebarTrigger(props: ComponentProps<'button'>): import("react").JSX.Element;
 //#endregion
 export { Sidebar, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarTrigger, useSidebar };

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

@@ -2,7 +2,6 @@ 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 * 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";
@@ -43,7 +42,7 @@ declare function useFluxLayout(): {
   navItems: LinkItemType[];
   slots: DocsSlots;
 };
-declare function DocsLayout(props: DocsLayoutProps): _$react_jsx_runtime0.JSX.Element;
+declare function DocsLayout(props: DocsLayoutProps): import("react").JSX.Element;
 interface NavigationPanelProps {
   head: ReactNode;
   tabDropdown: ReactNode;
@@ -62,13 +61,13 @@ declare function NavigationPanel({
    * replace default children
    */
   children?: (defaultChildren: ReactNode) => ReactNode;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function NavigationPanelOverlay({
   enabled,
   className,
   ...props
 }: ComponentProps<typeof motion.div> & {
   enabled?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 export { DocsLayout, DocsLayoutProps, DocsSlots, NavigationPanel, NavigationPanelOverlay, NavigationPanelProps, useFluxLayout };

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

@@ -2,7 +2,6 @@ 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 * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, FC, ReactNode } from "react";
 import { TOCItemType } from "fumadocs-core/toc";
 
@@ -73,8 +72,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
  */
@@ -82,22 +81,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/flux/page/index.js

@@ -1,7 +1,6 @@
 "use client";
 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";
@@ -10,6 +9,7 @@ import { Container } from "./slots/container.js";
 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/flux/page/index.tsx
 const PageContext = createContext(null);
 function useDocsPage() {
@@ -47,6 +47,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",
@@ -55,7 +56,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")] })
 	});
 }
 /**
@@ -84,7 +85,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());
@@ -93,7 +94,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/flux/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/flux/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/flux/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/flux/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/flux/page/slots/footer.js

@@ -1,6 +1,5 @@
 "use client";
 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 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/flux/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 { text } = useI18n();
+	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 ? text.previousPage : text.nextPage)
+			children: item.description ?? (index === 0 ? t("Previous Page") : t("Next Page"))
 		})]
 	});
 }

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

@@ -1,7 +1,6 @@
 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 * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/layouts/flux/page/slots/toc.d.ts
@@ -34,6 +33,6 @@ declare function TOC({
   footer,
   style,
   list
-}: TOCProps): _$react_jsx_runtime0.JSX.Element | undefined;
+}: TOCProps): import("react").JSX.Element | undefined;
 //#endregion
 export { TOC, TOCProps, TOCProvider, TOCProviderProps };

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

@@ -1,6 +1,5 @@
 "use client";
 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";
@@ -9,6 +8,7 @@ import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../..
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";
 import { createContext, use, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
+import { useTranslations } from "@fuma-translate/react";
 import { createPortal } from "react-dom";
 import { AnimatePresence, motion } from "motion/react";
 //#region src/layouts/flux/page/slots/toc.tsx
@@ -76,7 +76,7 @@ function PageTOCPopoverPhysical({ className, children, ...rest }) {
 	});
 }
 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);
@@ -117,7 +117,7 @@ function PageTOCPopoverTrigger({ className, ...props }) {
 					children: path.name
 				}, path.$id ?? ":pathId") : /* @__PURE__ */ jsx(motion.span, {
 					...spanProps,
-					children: t.toc
+					children: t("On this page")
 				}, ":toc")
 			}),
 			/* @__PURE__ */ jsx(ChevronDown, { className: cn("ms-auto shrink-0 transition-transform", open && "rotate-180") })

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

@@ -1,7 +1,6 @@
-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;
+declare function Container(props: ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion
 export { Container };

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

@@ -1,6 +1,5 @@
 import { SidebarProviderProps as SidebarProviderProps$1, useSidebar as useSidebar$1 } from "../../../components/sidebar/base.js";
 import { SidebarPageTreeComponents } from "../../../components/sidebar/page-tree.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/layouts/flux/slots/sidebar.d.ts
@@ -11,13 +10,13 @@ interface SidebarProps extends ComponentProps<'aside'> {
 }
 type SidebarProviderProps = SidebarProviderProps$1;
 declare const useSidebar: typeof useSidebar$1;
-declare function SidebarProvider(props: SidebarProviderProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarProvider(props: SidebarProviderProps): import("react").JSX.Element;
 declare function Sidebar({
   footer,
   banner,
   components,
   ...rest
-}: SidebarProps): _$react_jsx_runtime0.JSX.Element;
-declare function SidebarTrigger(props: ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
+}: SidebarProps): import("react").JSX.Element;
+declare function SidebarTrigger(props: ComponentProps<'button'>): import("react").JSX.Element;
 //#endregion
 export { Sidebar, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarTrigger, useSidebar };

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

@@ -1,5 +1,4 @@
 import { LayoutTab } from "../../shared/index.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/layouts/flux/slots/tab-dropdown.d.ts
@@ -12,6 +11,6 @@ declare function TabDropdown({
   placeholder,
   className,
   ...props
-}: TabDropdownProps): _$react_jsx_runtime0.JSX.Element;
+}: TabDropdownProps): import("react").JSX.Element;
 //#endregion
 export { TabDropdown, TabDropdownProps };

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

@@ -1,6 +1,5 @@
 import { BaseSlots, BaseSlotsProps } from "../shared/client.js";
 import { BaseLayoutProps, LinkItemType, NavOptions } from "../shared/index.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, FC } from "react";
 
 //#region src/layouts/home/index.d.ts
@@ -24,6 +23,6 @@ declare function useHomeLayout(): {
   menuItems: LinkItemType[];
   slots: HomeSlots;
 };
-declare function HomeLayout(props: HomeLayoutProps): _$react_jsx_runtime0.JSX.Element;
+declare function HomeLayout(props: HomeLayoutProps): import("react").JSX.Element;
 //#endregion
 export { HomeLayout, HomeLayoutProps, HomeSlots, useHomeLayout };

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

@@ -1,11 +1,10 @@
 import { NavigationMenuContentProps, NavigationMenuItem, NavigationMenuTriggerProps } from "../../components/ui/navigation-menu.js";
 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;
-declare function NavbarMenuContent(props: NavigationMenuContentProps): _$react_jsx_runtime0.JSX.Element;
-declare function NavbarMenuTrigger(props: NavigationMenuTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function NavbarMenuLink(props: LinkProps): _$react_jsx_runtime0.JSX.Element;
+declare function NavbarMenuContent(props: NavigationMenuContentProps): import("react").JSX.Element;
+declare function NavbarMenuTrigger(props: NavigationMenuTriggerProps): import("react").JSX.Element;
+declare function NavbarMenuLink(props: LinkProps): import("react").JSX.Element;
 //#endregion
 export { NavbarMenu, NavbarMenuContent, NavbarMenuLink, NavbarMenuTrigger };

package/dist/layouts/home/not-found.d.ts

@@ -1,9 +1,7 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/layouts/home/not-found.d.ts
 /**
  * the default not found page content, please make your own if you want to customize it.
  */
-declare function DefaultNotFound(): _$react_jsx_runtime0.JSX.Element;
+declare function DefaultNotFound(): import("react").JSX.Element;
 //#endregion
 export { DefaultNotFound };

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

@@ -1,14 +1,16 @@
+"use client";
 import { cn } from "../../utils/cn.js";
 import { buttonVariants } from "../../components/ui/button.js";
-import { I18nLabel } from "../../contexts/i18n.js";
 import Link from "fumadocs-core/link";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { HomeIcon } from "lucide-react";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/layouts/home/not-found.tsx
 /**
 * the default not found page content, please make your own if you want to customize it.
 */
 function DefaultNotFound() {
+	const t = useTranslations({ note: "404 not found page" });
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col px-8 justify-center flex-1 text-center items-center gap-4",
 		children: [
@@ -18,11 +20,11 @@ function DefaultNotFound() {
 			}),
 			/* @__PURE__ */ jsx("h2", {
 				className: "text-2xl font-semibold",
-				children: /* @__PURE__ */ jsx(I18nLabel, { label: "notFoundTitle" })
+				children: t("Page Not Found")
 			}),
 			/* @__PURE__ */ jsx("p", {
 				className: "text-fd-muted-foreground max-w-md",
-				children: /* @__PURE__ */ jsx(I18nLabel, { label: "notFoundDescription" })
+				children: t("The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.")
 			}),
 			/* @__PURE__ */ jsxs(Link, {
 				href: "/",
@@ -30,7 +32,7 @@ function DefaultNotFound() {
 					className: "mt-4 gap-1.5",
 					variant: "primary"
 				})),
-				children: [/* @__PURE__ */ jsx(HomeIcon, { className: "size-4" }), /* @__PURE__ */ jsx(I18nLabel, { label: "notFoundLink" })]
+				children: [/* @__PURE__ */ jsx(HomeIcon, { className: "size-4" }), t("Back to Home")]
 			})
 		]
 	});

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

@@ -1,7 +1,6 @@
-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;
+declare function Container(props: ComponentProps<'main'>): import("react").JSX.Element;
 //#endregion
 export { Container };

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

@@ -1,11 +1,9 @@
-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
 declare const navItemVariants: (props?: ({
   variant?: "icon" | "main" | "button" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-declare function Header(props: ComponentProps<'header'>): _$react_jsx_runtime0.JSX.Element;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Header(props: ComponentProps<'header'>): import("react").JSX.Element;
 //#endregion
 export { Header, navItemVariants };

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

@@ -1,7 +1,6 @@
 "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";
@@ -14,6 +13,7 @@ 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";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/layouts/home/slots/header.tsx
 const navItemVariants = cva("[&_svg]:size-4", {
 	variants: { variant: {
@@ -34,7 +34,7 @@ function Header(props) {
 	const headerRef = useRef(null);
 	const listRef = useRef(null);
 	const [open, setOpen] = useState(false);
-	const t = useTranslations();
+	const t = useTranslations({ note: "home layout header" });
 	const transparentMode = nav?.transparentMode ?? "none";
 	const isTop = useIsScrollTop({ enabled: transparentMode === "top" }) ?? true;
 	const isNavTransparent = transparentMode === "top" ? isTop : transparentMode === "always";
@@ -86,7 +86,7 @@ function Header(props) {
 					hideIfDisabled: true,
 					className: "p-2"
 				}), /* @__PURE__ */ jsx(CollapsibleTrigger, {
-					"aria-label": t.menuToggle,
+					"aria-label": t("Toggle Menu", { note: "aria-label" }),
 					className: cn(buttonVariants({
 						size: "icon",
 						color: "ghost"

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

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

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

@@ -2,7 +2,6 @@ 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 * 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/notebook/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 { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-actions.js";
 import { TOC, TOCPopover, TOCProvider } from "./slots/toc.js";
 import { Footer } from "./slots/footer.js";
@@ -11,6 +10,7 @@ import { Container } from "./slots/container.js";
 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/notebook/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/notebook/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/notebook/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/notebook/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/notebook/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 };