@fumadocs/base-ui 16.9.3 → 16.10.1

package/dist/layouts/notebook/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/notebook/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/notebook/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/notebook/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/notebook/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";
@@ -10,11 +9,13 @@ import { useNotebookLayout } from "../../client.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/notebook/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 && !footer && !header) return /* @__PURE__ */ jsx("div", {
@@ -30,7 +31,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,
@@ -93,7 +94,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);
@@ -113,7 +114,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/notebook/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/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/notebook/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/notebook/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 };

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

@@ -1,7 +1,6 @@
 import { SidebarProviderProps as SidebarProviderProps$1, useSidebar as useSidebar$1 } from "../../../components/sidebar/base.js";
 import { LayoutTab } from "../../shared/index.js";
 import { SidebarPageTreeComponents } from "../../../components/sidebar/page-tree.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, FC, ReactNode } from "react";
 
 //#region src/layouts/notebook/slots/sidebar.d.ts
@@ -18,16 +17,16 @@ 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 SidebarTrigger(props: ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
-declare function SidebarCollapseTrigger(props: ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarProvider(props: SidebarProviderProps): import("react").JSX.Element;
+declare function SidebarTrigger(props: ComponentProps<'button'>): import("react").JSX.Element;
+declare function SidebarCollapseTrigger(props: ComponentProps<'button'>): import("react").JSX.Element;
 declare function Sidebar({
   banner,
   footer,
   components,
   collapsible,
   ...rest
-}: SidebarProps): _$react_jsx_runtime0.JSX.Element;
+}: SidebarProps): import("react").JSX.Element;
 declare function SidebarTabsDropdown({
   options,
   placeholder,
@@ -35,6 +34,6 @@ declare function SidebarTabsDropdown({
 }: {
   placeholder?: ReactNode;
   options: LayoutTab[];
-} & ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
+} & ComponentProps<'button'>): import("react").JSX.Element;
 //#endregion
 export { Sidebar, SidebarCollapseTrigger, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarTabsDropdown, SidebarTrigger, useSidebar };

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

@@ -2,7 +2,6 @@ import { LanguageSelectProps, LanguageSelectTextProps } from "./slots/language-s
 import { FullSearchTriggerProps, SearchTriggerProps } from "./slots/search-trigger.js";
 import { ThemeSwitchProps } from "./slots/theme-switch.js";
 import { BaseLayoutProps, LinkItemType } from "./index.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, FC } from "react";
 
 //#region src/layouts/shared/client.d.ts
@@ -14,7 +13,7 @@ declare function LinkItem({
   item: Extract<LinkItemType, {
     url: string;
   }>;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 interface BaseSlots {
   navTitle: FC<ComponentProps<'a'>>;
   themeSwitch: FC<ThemeSwitchProps> | false;

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

@@ -2,8 +2,8 @@ import { FullSearchTriggerProps, SearchTriggerProps } from "./slots/search-trigg
 import { ThemeSwitchProps } from "./slots/theme-switch.js";
 import { BaseSlots, BaseSlotsProps, LinkItem, baseSlots } from "./client.js";
 import { ComponentProps, FC, ReactNode } from "react";
-import { I18nConfig } from "fumadocs-core/i18n";
 import * as PageTree from "fumadocs-core/page-tree";
+import { I18nConfig } from "fumadocs-core/i18n";
 
 //#region src/layouts/shared/index.d.ts
 interface NavOptions {

package/dist/layouts/shared/page-actions.d.ts

@@ -1,5 +1,4 @@
 import { PopoverTrigger } from "../../components/ui/popover.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/layouts/shared/page-actions.d.ts
@@ -14,7 +13,7 @@ declare function MarkdownCopyButton({
    * A URL to fetch the raw Markdown/MDX content of page
    */
   markdownUrl: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 /**
  * see https://fumadocs.dev/docs/integrations/llms#page-actions to customize.
  */
@@ -31,6 +30,6 @@ declare function ViewOptionsPopover({
    * Source file URL on GitHub
    */
   githubUrl?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 export { MarkdownCopyButton, ViewOptionsPopover };

package/dist/layouts/shared/page-actions.js

@@ -2,20 +2,19 @@
 import { cn } from "../../utils/cn.js";
 import { buttonVariants } from "../../components/ui/button.js";
 import { useCopyButton } from "../../utils/use-copy-button.js";
-import { useTranslations } from "../../contexts/i18n.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../components/ui/popover.js";
 import { usePathname } from "fumadocs-core/framework";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronDown, Copy, ExternalLinkIcon, TextIcon } from "lucide-react";
 import { useMemo, useState } from "react";
-import { renderTranslation } from "fumadocs-core/i18n";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/layouts/shared/page-actions.tsx
 const cache = /* @__PURE__ */ new Map();
 /**
 * see https://fumadocs.dev/docs/integrations/llms#page-actions to customize.
 */
 function MarkdownCopyButton({ markdownUrl, ...props }) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "page actions" });
 	const [isLoading, setLoading] = useState(false);
 	const [checked, onClick] = useCopyButton(async () => {
 		const cached = cache.get(markdownUrl);
@@ -38,7 +37,7 @@ function MarkdownCopyButton({ markdownUrl, ...props }) {
 			size: "sm",
 			className: "gap-2 [&_svg]:size-3.5 [&_svg]:text-fd-muted-foreground"
 		}), props.className),
-		children: [checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), props.children ?? t.pageActionsCopyMarkdown]
+		children: [checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), props.children ?? t("Copy Markdown")]
 	});
 }
 /**
@@ -46,13 +45,13 @@ function MarkdownCopyButton({ markdownUrl, ...props }) {
 */
 function ViewOptionsPopover({ markdownUrl, githubUrl, ...props }) {
 	const pathname = usePathname();
-	const t = useTranslations();
+	const t = useTranslations({ note: "page actions" });
 	const items = useMemo(() => {
 		const pageUrl = typeof window === "undefined" ? pathname : new URL(pathname, window.location.origin);
-		const q = renderTranslation(t.pageActionsOpenInLLMPrompt, { url: String(pageUrl) });
+		const q = t("Read {url}, I want to ask questions about it.", { variables: { url: String(pageUrl) } });
 		return [
 			githubUrl && {
-				title: t.pageActionsOpenGitHub,
+				title: t("Open in GitHub"),
 				href: githubUrl,
 				icon: /* @__PURE__ */ jsxs("svg", {
 					fill: "currentColor",
@@ -62,12 +61,12 @@ function ViewOptionsPopover({ markdownUrl, githubUrl, ...props }) {
 				})
 			},
 			markdownUrl && {
-				title: t.pageActionsViewMarkdown,
+				title: t("View as Markdown"),
 				href: markdownUrl,
 				icon: /* @__PURE__ */ jsx(TextIcon, {})
 			},
 			{
-				title: t.pageActionsOpenScira,
+				title: t("Open in Scira AI"),
 				href: `https://scira.ai/?${new URLSearchParams({ q })}`,
 				icon: /* @__PURE__ */ jsxs("svg", {
 					width: "910",
@@ -128,7 +127,7 @@ function ViewOptionsPopover({ markdownUrl, githubUrl, ...props }) {
 				})
 			},
 			{
-				title: t.pageActionsOpenChatGPT,
+				title: t("Open in ChatGPT"),
 				href: `https://chatgpt.com/?${new URLSearchParams({
 					hints: "search",
 					q
@@ -142,7 +141,7 @@ function ViewOptionsPopover({ markdownUrl, githubUrl, ...props }) {
 				})
 			},
 			{
-				title: t.pageActionsOpenClaude,
+				title: t("Open in Claude"),
 				href: `https://claude.ai/new?${new URLSearchParams({ q })}`,
 				icon: /* @__PURE__ */ jsxs("svg", {
 					fill: "currentColor",
@@ -153,7 +152,7 @@ function ViewOptionsPopover({ markdownUrl, githubUrl, ...props }) {
 				})
 			},
 			{
-				title: t.pageActionsOpenCursor,
+				title: t("Open in Cursor"),
 				icon: /* @__PURE__ */ jsxs("svg", {
 					fill: "currentColor",
 					role: "img",
@@ -176,7 +175,7 @@ function ViewOptionsPopover({ markdownUrl, githubUrl, ...props }) {
 			color: "secondary",
 			size: "sm"
 		}), "gap-2 data-[state=open]:bg-fd-accent data-[state=open]:text-fd-accent-foreground", typeof props.className === "function" ? props.className(state) : props.className),
-		children: [props.children ?? t.pageActionsOpen, /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 text-fd-muted-foreground" })]
+		children: [props.children ?? t("Open"), /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 text-fd-muted-foreground" })]
 	}), /* @__PURE__ */ jsx(PopoverContent, {
 		className: "flex flex-col",
 		children: items.map((item) => /* @__PURE__ */ jsxs("a", {

package/dist/layouts/shared/slots/language-select.d.ts

@@ -1,5 +1,4 @@
 import { buttonVariants } from "../../../components/ui/button.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { ComponentProps } from "react";
 
@@ -14,6 +13,6 @@ declare function LanguageSelect({
   ...rest
 }: LanguageSelectProps): React.ReactElement;
 type LanguageSelectTextProps = ComponentProps<'span'>;
-declare function LanguageSelectText(props: LanguageSelectTextProps): _$react_jsx_runtime0.JSX.Element;
+declare function LanguageSelectText(props: LanguageSelectTextProps): import("react").JSX.Element;
 //#endregion
 export { LanguageSelect, LanguageSelectProps, LanguageSelectText, LanguageSelectTextProps };

package/dist/layouts/shared/slots/language-select.js

@@ -4,12 +4,15 @@ import { buttonVariants } from "../../../components/ui/button.js";
 import { useI18n } from "../../../contexts/i18n.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/layouts/shared/slots/language-select.tsx
 function LanguageSelect({ className, variant = "ghost", children, ...rest }) {
 	const context = useI18n();
+	const t = useTranslations({ note: "language switcher" });
 	if (!context.locales) throw new Error("Missing `<I18nProvider />`");
+	const chooseLanguage = t("Choose a language");
 	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-		"aria-label": context.text.chooseLanguage,
+		"aria-label": t("Choose a language", { note: "aria-label" }),
 		className: (s) => cn(buttonVariants({ variant }), "gap-1.5 p-1.5", s.open && "bg-fd-accent", className),
 		...rest,
 		children
@@ -17,7 +20,7 @@ function LanguageSelect({ className, variant = "ghost", children, ...rest }) {
 		className: "flex flex-col gap-0.5 p-1",
 		children: [/* @__PURE__ */ jsx("p", {
 			className: "p-2 text-xs font-medium text-fd-muted-foreground",
-			children: context.text.chooseLanguage
+			children: chooseLanguage
 		}), context.locales.map((item) => /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: cn("px-2 py-1.5 text-start text-sm rounded-lg transition-colors", item.locale === context.locale ? "bg-fd-primary/10 text-fd-primary" : "text-fd-muted-foreground hover:bg-fd-accent hover:text-fd-accent-foreground"),

package/dist/layouts/shared/slots/search-trigger.d.ts

@@ -1,5 +1,4 @@
 import { ButtonProps } from "../../../components/ui/button.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/layouts/shared/slots/search-trigger.d.ts
@@ -11,13 +10,13 @@ declare function SearchTrigger({
   size,
   color,
   ...props
-}: SearchTriggerProps): _$react_jsx_runtime0.JSX.Element | null;
+}: SearchTriggerProps): import("react").JSX.Element | null;
 interface FullSearchTriggerProps extends ComponentProps<'button'> {
   hideIfDisabled?: boolean;
 }
 declare function FullSearchTrigger({
   hideIfDisabled,
   ...props
-}: FullSearchTriggerProps): _$react_jsx_runtime0.JSX.Element | null;
+}: FullSearchTriggerProps): import("react").JSX.Element | null;
 //#endregion
 export { FullSearchTrigger, FullSearchTriggerProps, SearchTrigger, SearchTriggerProps };

package/dist/layouts/shared/slots/search-trigger.js

@@ -1,14 +1,14 @@
 "use client";
 import { cn } from "../../../utils/cn.js";
 import { buttonVariants } from "../../../components/ui/button.js";
-import { useTranslations } from "../../../contexts/i18n.js";
 import { useSearchContext } from "../../../contexts/search.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Search } from "lucide-react";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/layouts/shared/slots/search-trigger.tsx
 function SearchTrigger({ hideIfDisabled, size = "icon-sm", color = "ghost", ...props }) {
 	const { setOpenSearch, enabled } = useSearchContext();
-	const t = useTranslations();
+	const t = useTranslations({ note: "search trigger" });
 	if (hideIfDisabled && !enabled) return null;
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
@@ -17,7 +17,7 @@ function SearchTrigger({ hideIfDisabled, size = "icon-sm", color = "ghost", ...p
 			color
 		}), props.className),
 		"data-search": "",
-		"aria-label": t.searchOpen,
+		"aria-label": t("Open Search", { note: "aria-label" }),
 		onClick: () => {
 			setOpenSearch(true);
 		},
@@ -26,7 +26,7 @@ function SearchTrigger({ hideIfDisabled, size = "icon-sm", color = "ghost", ...p
 }
 function FullSearchTrigger({ hideIfDisabled, ...props }) {
 	const { enabled, hotKey, setOpenSearch } = useSearchContext();
-	const t = useTranslations();
+	const t = useTranslations({ note: "search trigger" });
 	if (hideIfDisabled && !enabled) return null;
 	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
@@ -38,7 +38,7 @@ function FullSearchTrigger({ hideIfDisabled, ...props }) {
 		},
 		children: [
 			/* @__PURE__ */ jsx(Search, { className: "size-4" }),
-			t.search,
+			t("Search"),
 			/* @__PURE__ */ jsx("div", {
 				className: "ms-auto inline-flex gap-0.5",
 				children: hotKey.map((k, i) => /* @__PURE__ */ jsx("kbd", {

package/dist/layouts/shared/slots/theme-switch.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/layouts/shared/slots/theme-switch.d.ts
@@ -9,6 +8,6 @@ declare function ThemeSwitch({
   className,
   mode,
   ...props
-}: ThemeSwitchProps): _$react_jsx_runtime0.JSX.Element;
+}: ThemeSwitchProps): import("react").JSX.Element;
 //#endregion
 export { ThemeSwitch, ThemeSwitchProps };

package/dist/layouts/shared/slots/theme-switch.js

@@ -1,37 +1,30 @@
 "use client";
 import { cn } from "../../../utils/cn.js";
-import { useTranslations } from "../../../contexts/i18n.js";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Airplay, Moon, Sun } from "lucide-react";
 import { cva } from "class-variance-authority";
 import { useEffect, useState } from "react";
+import { useTranslations } from "@fuma-translate/react";
 import { useTheme } from "next-themes";
 //#region src/layouts/shared/slots/theme-switch.tsx
 const itemVariants = cva("size-6.5 p-1.5 text-fd-muted-foreground", { variants: { active: {
 	true: "bg-fd-accent text-fd-accent-foreground",
 	false: "text-fd-muted-foreground"
 } } });
-const full = [
-	[
-		"light",
-		Sun,
-		"themeLight"
-	],
-	[
-		"dark",
-		Moon,
-		"themeDark"
-	],
-	[
-		"system",
-		Airplay,
-		"themeSystem"
-	]
+const themes = [
+	["light", Sun],
+	["dark", Moon],
+	["system", Airplay]
 ];
 function ThemeSwitch({ className, mode = "light-dark", ...props }) {
 	const { setTheme, theme, resolvedTheme } = useTheme();
 	const [mounted, setMounted] = useState(false);
-	const t = useTranslations();
+	const t = useTranslations({ note: "theme switcher" });
+	const themeAriaLabels = {
+		light: t("Light", { note: "aria-label" }),
+		dark: t("Dark", { note: "aria-label" }),
+		system: t("System", { note: "aria-label" })
+	};
 	useEffect(() => {
 		setMounted(true);
 	}, []);
@@ -40,10 +33,10 @@ function ThemeSwitch({ className, mode = "light-dark", ...props }) {
 		const value = mounted ? resolvedTheme : null;
 		return /* @__PURE__ */ jsx("button", {
 			className: container,
-			"aria-label": t.themeToggle,
+			"aria-label": t("Toggle Theme", { note: "aria-label" }),
 			onClick: () => setTheme(value === "light" ? "dark" : "light"),
 			"data-theme-toggle": "",
-			children: full.map(([key, Icon]) => {
+			children: themes.map(([key, Icon]) => {
 				if (key === "system") return;
 				return /* @__PURE__ */ jsx(Icon, {
 					fill: "currentColor",
@@ -53,19 +46,39 @@ function ThemeSwitch({ className, mode = "light-dark", ...props }) {
 		});
 	}
 	const value = mounted ? theme : null;
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		className: container,
 		"data-theme-toggle": "",
 		...props,
-		children: full.map(([key, Icon, label]) => /* @__PURE__ */ jsx("button", {
-			"aria-label": t[label],
-			className: cn(itemVariants({ active: value === key })),
-			onClick: () => setTheme(key),
-			children: /* @__PURE__ */ jsx(Icon, {
-				className: "size-full",
-				fill: "currentColor"
+		children: [
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": themeAriaLabels.light,
+				className: cn(itemVariants({ active: value === "light" })),
+				onClick: () => setTheme("light"),
+				children: /* @__PURE__ */ jsx(Sun, {
+					className: "size-full",
+					fill: "currentColor"
+				})
+			}),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": themeAriaLabels.dark,
+				className: cn(itemVariants({ active: value === "dark" })),
+				onClick: () => setTheme("dark"),
+				children: /* @__PURE__ */ jsx(Moon, {
+					className: "size-full",
+					fill: "currentColor"
+				})
+			}),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": themeAriaLabels.system,
+				className: cn(itemVariants({ active: value === "system" })),
+				onClick: () => setTheme("system"),
+				children: /* @__PURE__ */ jsx(Airplay, {
+					className: "size-full",
+					fill: "currentColor"
+				})
 			})
-		}, key))
+		]
 	});
 }
 //#endregion

package/dist/mdx.d.ts

@@ -2,7 +2,6 @@ import { Callout, CalloutContainer, CalloutDescription, CalloutTitle } from "./c
 import { Card, Cards } from "./components/card.js";
 import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger } from "./components/codeblock.js";
 import { createRelativeLink as createRelativeLink$1 } from "./mdx.server.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import React, { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from "react";
 
 //#region src/mdx.d.ts
@@ -17,24 +16,24 @@ declare module 'mdx/types.js' {
     type IntrinsicElements = React.JSX.IntrinsicElements;
   }
 }
-declare function Image(props: ImgHTMLAttributes<HTMLImageElement>): _$react_jsx_runtime0.JSX.Element;
-declare function Table(props: TableHTMLAttributes<HTMLTableElement>): _$react_jsx_runtime0.JSX.Element;
+declare function Image(props: ImgHTMLAttributes<HTMLImageElement>): React.JSX.Element;
+declare function Table(props: TableHTMLAttributes<HTMLTableElement>): React.JSX.Element;
 declare const defaultMdxComponents: {
   CodeBlockTab: typeof CodeBlockTab;
   CodeBlockTabs: typeof CodeBlockTabs;
   CodeBlockTabsList: typeof CodeBlockTabsList;
   CodeBlockTabsTrigger: typeof CodeBlockTabsTrigger;
-  pre: (props: HTMLAttributes<HTMLPreElement>) => _$react_jsx_runtime0.JSX.Element;
+  pre: (props: HTMLAttributes<HTMLPreElement>) => React.JSX.Element;
   Card: typeof Card;
   Cards: typeof Cards;
   a: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
   img: typeof Image;
-  h1: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
-  h2: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
-  h3: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
-  h4: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
-  h5: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
-  h6: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
+  h1: (props: HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
+  h2: (props: HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
+  h3: (props: HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
+  h4: (props: HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
+  h5: (props: HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
+  h6: (props: HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
   table: typeof Table;
   Callout: typeof Callout;
   CalloutContainer: typeof CalloutContainer;

package/dist/node_modules/.pnpm/{react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6 → react-medium-image-zoom@5.4.7_react-dom@19.2.7_react@19.2.7__react@19.2.7}/node_modules/react-medium-image-zoom/dist/controlled.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 
-//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.5_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-medium-image-zoom/dist/controlled.d.ts
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.7_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-medium-image-zoom/dist/controlled.d.ts
 type ModalState = 'LOADED' | 'LOADING' | 'UNLOADED' | 'UNLOADING';
 interface ControlledProps {
   a11yNameButtonUnzoom?: string;