fumadocs-ui 16.8.12 → 16.9.0

package/css/generated/docs.css

@@ -84,7 +84,6 @@
 @source inline("defaultSlots");
 @source inline("desktop");
 @source inline("duration-250");
-@source inline("editOnGithub");
 @source inline("empty:mb-0");
 @source inline("first:mt-0");
 @source inline("flex-row-reverse");
@@ -160,7 +159,6 @@
 @source inline("pointer-events-none");
 @source inline("popover");
 @source inline("previousCollapsed");
-@source inline("previousPage");
 @source inline("progress");
 @source inline("progressbar");
 @source inline("provided");

package/css/generated/flux.css

@@ -53,7 +53,6 @@
 @source inline("defaultTabs");
 @source inline("duration");
 @source inline("ease");
-@source inline("editOnGithub");
 @source inline("empty:mb-0");
 @source inline("exit");
 @source inline("first:mt-0");
@@ -112,7 +111,6 @@
 @source inline("pointer-events-none");
 @source inline("popLayout");
 @source inline("pr-(--removed-body-scroll-bar-size,0)");
-@source inline("previousPage");
 @source inline("progress");
 @source inline("progressbar");
 @source inline("provided");

package/css/generated/home.css

@@ -6,9 +6,7 @@
 @source inline("-mx-1");
 @source inline("[&_svg]:size-5.5");
 @source inline("[--fd-layout-width:1400px]");
-@source inline("are");
 @source inline("banner");
-@source inline("been");
 @source inline("bg-fd-background/80");
 @source inline("data-[active=true]:font-medium");
 @source inline("defaultVariants");
@@ -16,23 +14,19 @@
 @source inline("first:ms-0");
 @source inline("font-bold");
 @source inline("font-semibold");
-@source inline("found");
 @source inline("gap-2.5");
 @source inline("grid-cols-1");
 @source inline("h-14");
-@source inline("had");
 @source inline("hideIfDisabled");
 @source inline("hover:text-fd-popover-foreground/50");
 @source inline("hovering");
 @source inline("isTop");
 @source inline("isTransparent");
-@source inline("its");
 @source inline("justify-end");
 @source inline("last:me-0");
 @source inline("lg:grid-cols-3");
 @source inline("lg:hidden");
 @source inline("linkItems");
-@source inline("looking");
 @source inline("max-lg:hidden");
 @source inline("max-lg:rounded-b-2xl");
 @source inline("max-lg:shadow-lg");
@@ -42,7 +36,6 @@
 @source inline("max-w-md");
 @source inline("mb-4");
 @source inline("md:grid-cols-2");
-@source inline("might");
 @source inline("mobile");
 @source inline("mt-4");
 @source inline("navEnabled");
@@ -56,7 +49,6 @@
 @source inline("sm:hidden");
 @source inline("sm:items-center");
 @source inline("sm:justify-end");
-@source inline("temporarily");
 @source inline("text-2xl");
 @source inline("text-6xl");
 @source inline("text-base");

package/css/generated/notebook.css

@@ -93,7 +93,6 @@
 @source inline("delaySetOpen");
 @source inline("desktop");
 @source inline("duration-250");
-@source inline("editOnGithub");
 @source inline("empty:mb-0");
 @source inline("first:mt-0");
 @source inline("flex-row-reverse");
@@ -185,7 +184,6 @@
 @source inline("pointer-events-none");
 @source inline("popover");
 @source inline("previousCollapsed");
-@source inline("previousPage");
 @source inline("progress");
 @source inline("progressbar");
 @source inline("provided");

package/css/generated/shared.css

@@ -71,6 +71,7 @@
 @source inline("abcdefghijklmnopqrstuvwxyz234567");
 @source inline("about");
 @source inline("absolute");
+@source inline("accordionCopyAnchor");
 @source inline("action");
 @source inline("active");
 @source inline("add");
@@ -92,6 +93,7 @@
 @source inline("animation");
 @source inline("another");
 @source inline("application/json");
+@source inline("are");
 @source inline("areaRef");
 @source inline("aria-describedby");
 @source inline("aria-label");
@@ -113,10 +115,12 @@
 @source inline("backgroundImage");
 @source inline("backgroundSize");
 @source inline("backward");
+@source inline("bannerClose");
 @source inline("baseProps");
 @source inline("baseSlots");
 @source inline("baseUrl");
 @source inline("based");
+@source inline("been");
 @source inline("behaviour");
 @source inline("bg-(--callout-color)/50");
 @source inline("bg-(--shiki-light-bg)");
@@ -167,6 +171,8 @@
 @source inline("changeLayout");
 @source inline("child");
 @source inline("children");
+@source inline("chooseLanguage");
+@source inline("chooseTheme");
 @source inline("class-variance-authority");
 @source inline("className");
 @source inline("clear");
@@ -181,6 +187,8 @@
 @source inline("closed");
 @source inline("cn");
 @source inline("code");
+@source inline("codeBlockCopied");
+@source inline("codeBlockCopy");
 @source inline("col-span-full");
 @source inline("collapsed");
 @source inline("collapsible");
@@ -275,6 +283,7 @@
 @source inline("defaultOpenLevel");
 @source inline("defaultShikiFactory");
 @source inline("defaultTransform");
+@source inline("defaultTranslations");
 @source inline("defaultUrl");
 @source inline("defaultValue");
 @source inline("define");
@@ -309,11 +318,11 @@
 @source inline("duration-200");
 @source inline("duration-300");
 @source inline("duration-400");
+@source inline("editOnGithub");
 @source inline("element");
 @source inline("else");
 @source inline("empty");
 @source inline("empty:hidden");
-@source inline("en");
 @source inline("enabled");
 @source inline("encoded");
 @source inline("end-2");
@@ -370,6 +379,9 @@
 @source inline("for");
 @source inline("forceMount");
 @source inline("forks");
+@source inline("formatter");
+@source inline("formatterOptions");
+@source inline("found");
 @source inline("fragment");
 @source inline("free");
 @source inline("from");
@@ -426,6 +438,7 @@
 @source inline("h4");
 @source inline("h5");
 @source inline("h6");
+@source inline("had");
 @source inline("handle");
 @source inline("has-focus-visible:bg-fd-accent");
 @source inline("hash");
@@ -434,6 +447,7 @@
 @source inline("header");
 @source inline("headers");
 @source inline("heading");
+@source inline("headingCopyAnchor");
 @source inline("height");
 @source inline("hidden");
 @source inline("highlight");
@@ -449,6 +463,7 @@
 @source inline("html");
 @source inline("i");
 @source inline("i18n");
+@source inline("i18nProvider");
 @source inline("icon");
 @source inline("icon-sm");
 @source inline("icon-xs");
@@ -496,6 +511,7 @@
 @source inline("itemVariants");
 @source inline("items");
 @source inline("items-center");
+@source inline("its");
 @source inline("js");
 @source inline("justify-between");
 @source inline("justify-center");
@@ -510,8 +526,10 @@
 @source inline("lang");
 @source inline("language");
 @source inline("languageSelect");
+@source inline("languages");
 @source inline("last:pb-0");
 @source inline("last:rounded-b-xl");
+@source inline("lastUpdate");
 @source inline("layer");
 @source inline("layout");
 @source inline("leading-none");
@@ -535,6 +553,7 @@
 @source inline("listeners");
 @source inline("locale");
 @source inline("locales");
+@source inline("looking");
 @source inline("lower");
 @source inline("ltr");
 @source inline("lucide");
@@ -584,9 +603,11 @@
 @source inline("me-auto");
 @source inline("menu");
 @source inline("menuItems");
+@source inline("menuToggle");
 @source inline("mergeRefs");
 @source inline("message");
 @source inline("middle");
+@source inline("might");
 @source inline("min-h-0");
 @source inline("min-w-0");
 @source inline("min-w-[240px]");
@@ -627,6 +648,7 @@
 @source inline("next");
 @source inline("next-themes");
 @source inline("next/og");
+@source inline("nextPage");
 @source inline("node");
 @source inline("nodes");
 @source inline("none");
@@ -637,6 +659,9 @@
 @source inline("not");
 @source inline("not-last:mb-2");
 @source inline("not-prose");
+@source inline("notFoundDescription");
+@source inline("notFoundLink");
+@source inline("notFoundTitle");
 @source inline("notation");
 @source inline("now");
 @source inline("null");
@@ -705,6 +730,15 @@
 @source inline("paddingBottom");
 @source inline("paddingInlineStart");
 @source inline("page");
+@source inline("pageActionsCopyMarkdown");
+@source inline("pageActionsOpen");
+@source inline("pageActionsOpenChatGPT");
+@source inline("pageActionsOpenClaude");
+@source inline("pageActionsOpenCursor");
+@source inline("pageActionsOpenGitHub");
+@source inline("pageActionsOpenInLLMPrompt");
+@source inline("pageActionsOpenScira");
+@source inline("pageActionsViewMarkdown");
 @source inline("pageUrl");
 @source inline("parameters");
 @source inline("params");
@@ -734,6 +768,7 @@
 @source inline("present");
 @source inline("prev");
 @source inline("previous");
+@source inline("previousPage");
 @source inline("previousRef");
 @source inline("primary");
 @source inline("primaryColor");
@@ -796,6 +831,7 @@
 @source inline("render");
 @source inline("renderHighlights");
 @source inline("renderMarkdown");
+@source inline("renderTranslation");
 @source inline("repo");
 @source inline("repository");
 @source inline("required");
@@ -836,7 +872,9 @@
 @source inline("scrollIntoView");
 @source inline("scrollMode");
 @source inline("search");
+@source inline("searchClose");
 @source inline("searchNoResult");
+@source inline("searchOpen");
 @source inline("searchOptions");
 @source inline("searchToggle");
 @source inline("searchToggleEnabled");
@@ -875,6 +913,8 @@
 @source inline("side");
 @source inline("sideOffset");
 @source inline("sidebar");
+@source inline("sidebarCollapse");
+@source inline("sidebarOpen");
 @source inline("signature");
 @source inline("simple");
 @source inline("since");
@@ -933,6 +973,7 @@
 @source inline("tagName");
 @source inline("tags");
 @source inline("target");
+@source inline("temporarily");
 @source inline("text");
 @source inline("text-(--callout-color)");
 @source inline("text-[0.8125rem]");
@@ -961,8 +1002,12 @@
 @source inline("the");
 @source inline("their");
 @source inline("theme");
+@source inline("themeDark");
+@source inline("themeLight");
 @source inline("themeSwitch");
 @source inline("themeSwitchEnabled");
+@source inline("themeSystem");
+@source inline("themeToggle");
 @source inline("themes");
 @source inline("this");
 @source inline("throw");
@@ -974,6 +1019,8 @@
 @source inline("to");
 @source inline("toc");
 @source inline("tocInfo");
+@source inline("tocInline");
+@source inline("tocNoHeadings");
 @source inline("toolbar");
 @source inline("top");
 @source inline("top-0");
@@ -998,8 +1045,14 @@
 @source inline("truncate");
 @source inline("try");
 @source inline("type");
+@source inline("typeTableDefault");
+@source inline("typeTableParameters");
+@source inline("typeTableProp");
+@source inline("typeTableReturns");
+@source inline("typeTableType");
 @source inline("typeof");
 @source inline("types");
+@source inline("ui");
 @source inline("unchanged");
 @source inline("undefined");
 @source inline("underline");
@@ -1009,6 +1062,7 @@
 @source inline("unist-util-visit");
 @source inline("unknown");
 @source inline("updateAnchor");
+@source inline("updated");
 @source inline("updates");
 @source inline("upperX");
 @source inline("url");
@@ -1033,6 +1087,7 @@
 @source inline("useState");
 @source inline("useTOCItems");
 @source inline("useTheme");
+@source inline("useTranslations");
 @source inline("useTreePath");
 @source inline("useful");
 @source inline("users");

package/dist/components/accordion.d.ts

@@ -1,6 +1,6 @@
 import { Accordion as Accordion$1, AccordionItem } from "./ui/accordion.js";
-import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/accordion.d.ts
 declare function Accordions({

package/dist/components/accordion.js

@@ -2,11 +2,12 @@
 import { cn } from "../utils/cn.js";
 import { buttonVariants } from "./ui/button.js";
 import { useCopyButton } from "../utils/use-copy-button.js";
+import { useTranslations } from "../contexts/i18n.js";
 import { mergeRefs } from "../utils/merge-refs.js";
 import { Accordion as Accordion$1, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger } from "./ui/accordion.js";
-import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, LinkIcon } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
 //#region src/components/accordion.tsx
 function Accordions({ type = "single", ref, className, defaultValue, ...props }) {
 	const rootRef = useRef(null);
@@ -46,6 +47,7 @@ function Accordion({ title, id, value = String(title), children, ...props }) {
 	});
 }
 function CopyButton({ id }) {
+	const t = useTranslations();
 	const [checked, onClick] = useCopyButton(() => {
 		const url = new URL(window.location.href);
 		url.hash = id;
@@ -53,7 +55,7 @@ function CopyButton({ id }) {
 	});
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
-		"aria-label": "Copy Link",
+		"aria-label": t.accordionCopyAnchor,
 		className: cn(buttonVariants({
 			color: "ghost",
 			className: "text-fd-muted-foreground me-2"

package/dist/components/banner.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { HTMLAttributes } from "react";
 
 //#region src/components/banner.d.ts
 type BannerVariant = 'rainbow' | 'normal';

package/dist/components/banner.js

@@ -1,9 +1,10 @@
 "use client";
 import { cn } from "../utils/cn.js";
 import { buttonVariants } from "./ui/button.js";
-import { useEffect, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "../contexts/i18n.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
+import { useEffect, useState } from "react";
 //#region src/components/banner.tsx
 function Banner({ id, variant = "normal", changeLayout = true, height = "3rem", rainbowColors = [
 	"rgba(0,149,255,0.56)",
@@ -11,6 +12,7 @@ function Banner({ id, variant = "normal", changeLayout = true, height = "3rem",
 	"rgba(255,0,0,0.73)",
 	"rgba(131,255,166,0.66)"
 ], ...props }) {
+	const t = useTranslations();
 	const [open, setOpen] = useState(true);
 	const globalKey = id ? `nd-banner-${encodeBase32(id)}` : null;
 	useEffect(() => {
@@ -34,7 +36,7 @@ function Banner({ id, variant = "normal", changeLayout = true, height = "3rem",
 			props.children,
 			id ? /* @__PURE__ */ jsx("button", {
 				type: "button",
-				"aria-label": "Close Banner",
+				"aria-label": t.bannerClose,
 				onClick: onClose,
 				className: cn(buttonVariants({
 					color: "ghost",
@@ -48,7 +50,7 @@ function Banner({ id, variant = "normal", changeLayout = true, height = "3rem",
 }
 const maskImage = "linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)";
 function flow({ colors }) {
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
 		className: "absolute inset-0 -z-1",
 		style: {
 			maskImage,

package/dist/components/callout.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/callout.d.ts
 type CalloutType = 'info' | 'warn' | 'error' | 'success' | 'warning' | 'idea';

package/dist/components/card.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/card.d.ts
 declare function Cards(props: HTMLAttributes<HTMLDivElement>): _$react_jsx_runtime0.JSX.Element;

package/dist/components/card.js

@@ -1,6 +1,6 @@
 import { cn } from "../utils/cn.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "fumadocs-core/link";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/card.tsx
 function Cards(props) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/components/codeblock.d.ts

@@ -1,6 +1,6 @@
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
-import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/codeblock.d.ts
 interface CodeBlockProps extends ComponentProps<'figure'> {

package/dist/components/codeblock.js

@@ -2,11 +2,12 @@
 import { cn } from "../utils/cn.js";
 import { buttonVariants } from "./ui/button.js";
 import { useCopyButton } from "../utils/use-copy-button.js";
+import { useTranslations } from "../contexts/i18n.js";
 import { mergeRefs } from "../utils/merge-refs.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
-import { createContext, use, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Clipboard } from "lucide-react";
+import { createContext, use, useMemo, useRef } from "react";
 //#region src/components/codeblock.tsx
 const TabsContext = createContext(null);
 function Pre(props) {
@@ -63,6 +64,7 @@ function CodeBlock({ ref, title, allowCopy = true, keepBackground = false, icon,
 	});
 }
 function CopyButton({ className, containerRef, ...props }) {
+	const t = useTranslations();
 	const [checked, onClick] = useCopyButton(() => {
 		const pre = containerRef.current?.getElementsByTagName("pre").item(0);
 		if (!pre) return;
@@ -79,7 +81,7 @@ function CopyButton({ className, containerRef, ...props }) {
 			className: "hover:text-fd-accent-foreground data-checked:text-fd-accent-foreground",
 			size: "icon-xs"
 		}), className),
-		"aria-label": checked ? "Copied Text" : "Copy Text",
+		"aria-label": checked ? t.codeBlockCopied : t.codeBlockCopy,
 		onClick,
 		...props,
 		children: checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Clipboard, {})

package/dist/components/dialog/search-algolia.d.ts

@@ -1,6 +1,6 @@
 import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import { AlgoliaOptions } from "fumadocs-core/search/client";
 
 //#region src/components/dialog/search-algolia.d.ts

package/dist/components/dialog/search-algolia.js

@@ -1,8 +1,8 @@
 "use client";
 import { useI18n } from "../../contexts/i18n.js";
 import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem } from "./search.js";
-import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import { useDocsSearch } from "fumadocs-core/search/client";
 //#region src/components/dialog/search-algolia.tsx

package/dist/components/dialog/search-default.d.ts

@@ -1,6 +1,6 @@
 import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 
 //#region src/components/dialog/search-default.d.ts
 interface DefaultSearchDialogProps extends SharedProps {

package/dist/components/dialog/search-default.js

@@ -1,8 +1,8 @@
 "use client";
 import { useI18n } from "../../contexts/i18n.js";
 import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem } from "./search.js";
-import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import { useDocsSearch } from "fumadocs-core/search/client";
 //#region src/components/dialog/search-default.tsx

package/dist/components/dialog/search-orama.d.ts

@@ -1,6 +1,6 @@
 import { SearchLink, SharedProps, TagItem } from "../../contexts/search.js";
-import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 import { OramaCloudOptions } from "fumadocs-core/search/client";
 
 //#region src/components/dialog/search-orama.d.ts

package/dist/components/dialog/search-orama.js

@@ -1,8 +1,8 @@
 "use client";
 import { useI18n } from "../../contexts/i18n.js";
 import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem } from "./search.js";
-import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import { useDocsSearch } from "fumadocs-core/search/client";
 //#region src/components/dialog/search-orama.tsx

package/dist/components/dialog/search.d.ts

@@ -1,6 +1,6 @@
 import { SharedProps } from "../../contexts/search.js";
-import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
 import { DialogContent, DialogOverlay } from "@radix-ui/react-dialog";
 import { HighlightedText, ReactSortedResult } from "fumadocs-core/search";
 

package/dist/components/dialog/search.js

@@ -1,12 +1,12 @@
 "use client";
-import { I18nLabel, useI18n } from "../../contexts/i18n.js";
 import { cn } from "../../utils/cn.js";
 import { buttonVariants } from "../ui/button.js";
-import { Fragment, createContext, use, useCallback, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
+import { I18nLabel, useTranslations } from "../../contexts/i18n.js";
 import { useRouter } from "fumadocs-core/framework";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Hash, SearchIcon } from "lucide-react";
 import { cva } from "class-variance-authority";
+import { Fragment as Fragment$1, createContext, use, useCallback, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import scrollIntoView from "scroll-into-view-if-needed";
 import { Dialog, DialogContent, DialogOverlay, DialogTitle } from "@radix-ui/react-dialog";
@@ -140,13 +140,13 @@ function SearchDialogHeader(props) {
 	});
 }
 function SearchDialogInput(props) {
-	const { text } = useI18n();
+	const t = useTranslations();
 	const { search, onSearchChange } = useSearch();
 	return /* @__PURE__ */ jsx("input", {
 		...props,
 		value: search,
 		onChange: (e) => onSearchChange(e.target.value),
-		placeholder: text.search,
+		placeholder: t.search,
 		className: "w-0 flex-1 bg-transparent text-lg placeholder:text-fd-muted-foreground focus-visible:outline-none"
 	});
 }
@@ -154,6 +154,7 @@ function SearchDialogClose({ children = "ESC", className, ...props }) {
 	const { onOpenChange } = useSearch();
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
+		"aria-label": useTranslations().searchClose,
 		onClick: () => onOpenChange(false),
 		className: cn(buttonVariants({
 			color: "outline",
@@ -177,14 +178,14 @@ function SearchDialogOverlay(props) {
 	});
 }
 function SearchDialogContent({ children, ...props }) {
-	const { text } = useI18n();
+	const t = useTranslations();
 	return /* @__PURE__ */ jsxs(DialogContent, {
 		"aria-describedby": void 0,
 		...props,
 		className: cn("fixed left-1/2 top-4 md:top-[calc(50%-250px)] z-50 w-[calc(100%-1rem)] max-w-screen-sm -translate-x-1/2 rounded-xl border bg-fd-popover text-fd-popover-foreground shadow-2xl shadow-black/50 overflow-hidden data-[state=closed]:animate-fd-dialog-out data-[state=open]:animate-fd-dialog-in", "*:border-b *:has-[+:last-child[data-empty=true]]:border-b-0 *:data-[empty=true]:border-b-0 *:last:border-b-0", props.className),
 		children: [/* @__PURE__ */ jsx(DialogTitle, {
 			className: "hidden",
-			children: text.search
+			children: t.search
 		}), children]
 	});
 }
@@ -241,7 +242,7 @@ function SearchDialogList({ items = null, Empty = () => /* @__PURE__ */ jsx("div
 					active,
 					setActive
 				}), [active]),
-				children: [items?.length === 0 && Empty(), items?.map((item) => /* @__PURE__ */ jsx(Fragment, { children: Item({
+				children: [items?.length === 0 && Empty(), items?.map((item) => /* @__PURE__ */ jsx(Fragment$1, { children: Item({
 					item,
 					onClick: () => onSelect(item)
 				}) }, item.id))]
@@ -256,10 +257,10 @@ function SearchDialogListItem({ item, className, children, renderMarkdown = (s)
 	const { active: activeId, setActive } = useSearchList();
 	const active = item.id === activeId;
 	if (item.type === "action") children ??= item.node;
-	else children ??= /* @__PURE__ */ jsxs(Fragment$1, { children: [
+	else children ??= /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "inline-flex items-center text-fd-muted-foreground text-xs empty:hidden",
-			children: item.breadcrumbs?.map((item, i) => /* @__PURE__ */ jsxs(Fragment, { children: [i > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 rtl:rotate-180" }), item] }, i))
+			children: item.breadcrumbs?.map((item, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [i > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 rtl:rotate-180" }), item] }, i))
 		}),
 		item.type !== "page" && /* @__PURE__ */ jsx("div", {
 			role: "none",