@fumadocs/base-ui 16.6.16 → 16.7.0

package/css/generated/shared.css

@@ -40,7 +40,6 @@
 @source inline("@container");
 @source inline("@defaultValue");
 @source inline("@deprecated");
-@source inline("@example");
 @source inline("@keyframes");
 @source inline("@max-lg:col-span-full");
 @source inline("@max-xl:hidden");
@@ -105,14 +104,14 @@
 @source inline("backgroundImage");
 @source inline("backgroundSize");
 @source inline("backward");
-@source inline("base");
+@source inline("baseProps");
+@source inline("baseSlots");
 @source inline("baseUrl");
 @source inline("based");
 @source inline("be");
 @source inline("before");
 @source inline("behaviour");
 @source inline("being");
-@source inline("between");
 @source inline("bg-(--callout-color)/50");
 @source inline("bg-(--shiki-light-bg)");
 @source inline("bg-fd-accent");
@@ -129,6 +128,8 @@
 @source inline("bg-fd-secondary");
 @source inline("bg-fd-secondary/50");
 @source inline("bg-transparent");
+@source inline("bind");
+@source inline("binded");
 @source inline("black");
 @source inline("block");
 @source inline("blocks");
@@ -186,13 +187,13 @@
 @source inline("colors");
 @source inline("column");
 @source inline("com");
+@source inline("compact");
 @source inline("compat");
 @source inline("compatible");
 @source inline("component");
 @source inline("components");
 @source inline("composedRef");
 @source inline("config");
-@source inline("configDefault");
 @source inline("const");
 @source inline("container");
 @source inline("containerRef");
@@ -224,6 +225,8 @@
 @source inline("data-[inactive]:hidden");
 @source inline("data-[open]:animate-fd-popover-in");
 @source inline("data-[starting-style]:h-0");
+@source inline("data-[state=open]:bg-fd-accent");
+@source inline("data-[state=open]:text-fd-accent-foreground");
 @source inline("data-accordion-value");
 @source inline("data-active");
 @source inline("data-card");
@@ -253,19 +256,23 @@
 @source inline("data-theme-toggle");
 @source inline("date");
 @source inline("debounced");
-@source inline("decimal");
 @source inline("declare");
 @source inline("default");
+@source inline("defaultColor");
+@source inline("defaultFormatter");
 @source inline("defaultIndex");
 @source inline("defaultItems");
 @source inline("defaultMdxComponents");
 @source inline("defaultOpen");
 @source inline("defaultOpenLevel");
+@source inline("defaultShikiFactory");
 @source inline("defaultTheme");
 @source inline("defaultTransform");
 @source inline("defaultTranslations");
+@source inline("defaultUrl");
 @source inline("defaultValue");
 @source inline("defaults");
+@source inline("define");
 @source inline("defineI18nUI");
 @source inline("defined");
 @source inline("delay");
@@ -279,7 +286,7 @@
 @source inline("dialog");
 @source inline("dir");
 @source inline("direction");
-@source inline("disable");
+@source inline("directly");
 @source inline("disableTransitionOnChange");
 @source inline("disabled");
 @source inline("disabled:opacity-50");
@@ -291,7 +298,6 @@
 @source inline("divide-fd-border");
 @source inline("divide-x");
 @source inline("divide-y");
-@source inline("docsLayoutCtx");
 @source inline("documented");
 @source inline("don");
 @source inline("drawer");
@@ -308,6 +314,7 @@
 @source inline("empty");
 @source inline("empty:hidden");
 @source inline("empty:mb-0");
+@source inline("en");
 @source inline("enableSystem");
 @source inline("enabled");
 @source inline("end-2");
@@ -330,6 +337,7 @@
 @source inline("fd-step");
 @source inline("fd-steps");
 @source inline("fetch");
+@source inline("fetchOptions");
 @source inline("field");
 @source inline("fieldVariants");
 @source inline("figure");
@@ -362,7 +370,6 @@
 @source inline("footerCache");
 @source inline("for");
 @source inline("forks");
-@source inline("formattedValue");
 @source inline("forwardRef");
 @source inline("found");
 @source inline("fragment");
@@ -394,6 +401,8 @@
 @source inline("generated");
 @source inline("get");
 @source inline("ghost");
+@source inline("github-dark");
+@source inline("github-light");
 @source inline("githubUrl");
 @source inline("given");
 @source inline("global");
@@ -428,6 +437,7 @@
 @source inline("hash");
 @source inline("hast");
 @source inline("have");
+@source inline("header");
 @source inline("headers");
 @source inline("heading");
 @source inline("height");
@@ -435,6 +445,7 @@
 @source inline("here");
 @source inline("hidden");
 @source inline("highlight");
+@source inline("highlighter");
 @source inline("hints");
 @source inline("hooks");
 @source inline("horizontal");
@@ -447,8 +458,6 @@
 @source inline("hovering");
 @source inline("href");
 @source inline("html");
-@source inline("human-readable");
-@source inline("humanizedStars");
 @source inline("i");
 @source inline("i18n");
 @source inline("icon");
@@ -486,6 +495,7 @@
 @source inline("isActive");
 @source inline("isLoading");
 @source inline("isOpen");
+@source inline("isTabActive");
 @source inline("isWindows");
 @source inline("it");
 @source inline("item");
@@ -493,7 +503,6 @@
 @source inline("items");
 @source inline("items-center");
 @source inline("js");
-@source inline("just");
 @source inline("justify-between");
 @source inline("justify-center");
 @source inline("k");
@@ -505,6 +514,7 @@
 @source inline("label");
 @source inline("lang");
 @source inline("language");
+@source inline("languageSelect");
 @source inline("languages");
 @source inline("last:pb-0");
 @source inline("last:rounded-b-xl");
@@ -518,9 +528,6 @@
 @source inline("length");
 @source inline("let");
 @source inline("level");
-@source inline("lg");
-@source inline("lg:flex-row");
-@source inline("lg:items-center");
 @source inline("light");
 @source inline("light-dark");
 @source inline("light-dark-system");
@@ -534,7 +541,6 @@
 @source inline("listener");
 @source inline("listeners");
 @source inline("loaded");
-@source inline("loading");
 @source inline("locale");
 @source inline("locales");
 @source inline("lower");
@@ -568,6 +574,7 @@
 @source inline("max-w-full");
 @source inline("max-w-screen-sm");
 @source inline("max-width");
+@source inline("maximumFractionDigits");
 @source inline("mb-1");
 @source inline("mb-1.5");
 @source inline("mb-2");
@@ -612,7 +619,7 @@
 @source inline("namespace");
 @source inline("nav");
 @source inline("navItems");
-@source inline("navbar");
+@source inline("navTitle");
 @source inline("navigate");
 @source inline("navigation");
 @source inline("nd-copy-ignore");
@@ -636,12 +643,13 @@
 @source inline("noopener");
 @source inline("noreferrer");
 @source inline("normal");
+@source inline("normalize");
 @source inline("not");
 @source inline("not-last:mb-2");
 @source inline("not-prose");
+@source inline("notation");
 @source inline("now");
 @source inline("null");
-@source inline("num");
 @source inline("number");
 @source inline("numbers");
 @source inline("object");
@@ -673,12 +681,12 @@
 @source inline("onTagChange");
 @source inline("onTagChangeCallback");
 @source inline("onValueChange");
-@source inline("one");
 @source inline("only");
 @source inline("opacity-0");
 @source inline("open");
 @source inline("opening");
 @source inline("option");
+@source inline("optional");
 @source inline("options");
 @source inline("or");
 @source inline("orama-cloud");
@@ -687,6 +695,7 @@
 @source inline("origin-(--transform-origin)");
 @source inline("original");
 @source inline("other");
+@source inline("outer");
 @source inline("outline");
 @source inline("outline-none");
 @source inline("output");
@@ -713,6 +722,7 @@
 @source inline("pageUrl");
 @source inline("parameters");
 @source inline("params");
+@source inline("parent");
 @source inline("parentId");
 @source inline("pass");
 @source inline("passed");
@@ -737,7 +747,6 @@
 @source inline("prefetch");
 @source inline("prefix");
 @source inline("preload");
-@source inline("present");
 @source inline("prev");
 @source inline("previous");
 @source inline("previousPage");
@@ -745,6 +754,7 @@
 @source inline("primaryColor");
 @source inline("primaryTextColor");
 @source inline("promise");
+@source inline("promises");
 @source inline("prop");
 @source inline("props");
 @source inline("prose");
@@ -841,6 +851,7 @@
 @source inline("rtl:rotate-180");
 @source inline("rtl:rotate-90");
 @source inline("s");
+@source inline("scope");
 @source inline("scroll");
 @source inline("scroll-into-view-if-needed");
 @source inline("scroll-m-20");
@@ -853,6 +864,9 @@
 @source inline("searchNoResult");
 @source inline("searchOptions");
 @source inline("searchPath");
+@source inline("searchToggle");
+@source inline("searchToggleEnabled");
+@source inline("searchTrigger");
 @source inline("secondary");
 @source inline("see");
 @source inline("segments");
@@ -903,6 +917,7 @@
 @source inline("size-9");
 @source inline("size-full");
 @source inline("sizes");
+@source inline("slots");
 @source inline("sm");
 @source inline("solutions");
 @source inline("some");
@@ -918,6 +933,7 @@
 @source inline("state");
 @source inline("static");
 @source inline("sticky");
+@source inline("still");
 @source inline("string");
 @source inline("stroke");
 @source inline("stroke-fd-foreground/10");
@@ -930,7 +946,6 @@
 @source inline("styles");
 @source inline("success");
 @source inline("such");
-@source inline("suffix");
 @source inline("supported");
 @source inline("supposed");
 @source inline("sure");
@@ -976,8 +991,10 @@
 @source inline("the");
 @source inline("their");
 @source inline("theme");
+@source inline("themeSwitch");
+@source inline("themeSwitchEnabled");
+@source inline("themes");
 @source inline("this");
-@source inline("thousands");
 @source inline("throw");
 @source inline("thumbRef");
 @source inline("tier");
@@ -998,7 +1015,6 @@
 @source inline("top-2.5");
 @source inline("top-4");
 @source inline("touch");
-@source inline("trailing");
 @source inline("transform");
 @source inline("transition-[height]");
 @source inline("transition-[opacity,transform,translate]");
@@ -1041,14 +1057,16 @@
 @source inline("useCopyButton");
 @source inline("useDocsSearch");
 @source inline("useI18n");
+@source inline("useId");
+@source inline("useIsDocsLayout");
 @source inline("useMediaQuery");
 @source inline("useMemo");
 @source inline("useOnChange");
 @source inline("usePathname");
+@source inline("useProps");
 @source inline("useRef");
 @source inline("useRouter");
 @source inline("useSearchContext");
-@source inline("useShikiConfigOptional");
 @source inline("useSidebar");
 @source inline("useState");
 @source inline("useTOCItems");
@@ -1095,7 +1113,6 @@
 @source inline("white");
 @source inline("whitespace-nowrap");
 @source inline("whitespaces");
-@source inline("whole");
 @source inline("width");
 @source inline("will");
 @source inline("window");

package/dist/components/accordion.d.ts

@@ -20,5 +20,4 @@ declare function Accordion({
   value?: string;
 }): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Accordion, Accordions };
-//# sourceMappingURL=accordion.d.ts.map
+export { Accordion, Accordions };

package/dist/components/accordion.js

@@ -65,5 +65,3 @@ function CopyButton({ id }) {
 }
 //#endregion
 export { Accordion, Accordions };
-
-//# sourceMappingURL=accordion.js.map

package/dist/components/banner.d.ts

@@ -31,5 +31,4 @@ declare function Banner({
   changeLayout?: boolean;
 }): react_jsx_runtime0.JSX.Element | null;
 //#endregion
-export { Banner };
-//# sourceMappingURL=banner.d.ts.map
+export { Banner };

package/dist/components/banner.js

@@ -64,5 +64,3 @@ function flow({ colors }) {
 }
 //#endregion
 export { Banner };
-
-//# sourceMappingURL=banner.js.map

package/dist/components/callout.d.ts

@@ -39,5 +39,4 @@ declare function CalloutDescription({
   ...props
 }: ComponentProps<'p'>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Callout, CalloutContainer, CalloutContainerProps, CalloutDescription, CalloutTitle, CalloutType };
-//# sourceMappingURL=callout.d.ts.map
+export { Callout, CalloutContainer, CalloutContainerProps, CalloutDescription, CalloutTitle, CalloutType };

package/dist/components/callout.js

@@ -58,5 +58,3 @@ function CalloutDescription({ children, className, ...props }) {
 }
 //#endregion
 export { Callout, CalloutContainer, CalloutDescription, CalloutTitle };
-
-//# sourceMappingURL=callout.js.map

package/dist/components/card.d.ts

@@ -17,5 +17,4 @@ declare function Card({
   ...props
 }: CardProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Card, CardProps, Cards };
-//# sourceMappingURL=card.d.ts.map
+export { Card, CardProps, Cards };

package/dist/components/card.js

@@ -36,5 +36,3 @@ function Card({ icon, title, description, ...props }) {
 }
 //#endregion
 export { Card, Cards };
-
-//# sourceMappingURL=card.js.map

package/dist/components/codeblock.d.ts

@@ -64,5 +64,4 @@ declare function CodeBlockTabsTrigger({
 }: ComponentProps<typeof TabsTrigger>): react_jsx_runtime0.JSX.Element;
 declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { CodeBlock, CodeBlockProps, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };
-//# sourceMappingURL=codeblock.d.ts.map
+export { CodeBlock, CodeBlockProps, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };

package/dist/components/codeblock.js

@@ -120,5 +120,3 @@ function CodeBlockTab(props) {
 }
 //#endregion
 export { CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };
-
-//# sourceMappingURL=codeblock.js.map

package/dist/components/codeblock.rsc.d.ts

@@ -18,5 +18,4 @@ declare function ServerCodeBlock({
   ...options
 }: ServerCodeBlockProps): Promise<react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | (string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined)>;
 //#endregion
-export { ServerCodeBlock, ServerCodeBlockProps };
-//# sourceMappingURL=codeblock.rsc.d.ts.map
+export { ServerCodeBlock, ServerCodeBlockProps };

package/dist/components/codeblock.rsc.js

@@ -1,23 +1,22 @@
 import { cn } from "../utils/cn.js";
-import "./codeblock.js";
-import "react/jsx-runtime";
+import { CodeBlock, Pre } from "./codeblock.js";
+import { jsx } from "react/jsx-runtime";
 import { highlight } from "fumadocs-core/highlight";
 //#region src/components/codeblock.rsc.tsx
 async function ServerCodeBlock({ code, codeblock, ...options }) {
 	return await highlight(code, {
+		defaultColor: false,
 		...options,
 		components: {
-			pre: (props) => {
-				({
-					...props,
-					...codeblock
-				}), cn("my-0", props.className, codeblock?.className), props.children;
-			},
+			pre: (props) => /* @__PURE__ */ jsx(CodeBlock, {
+				...props,
+				...codeblock,
+				className: cn("my-0", props.className, codeblock?.className),
+				children: /* @__PURE__ */ jsx(Pre, { children: props.children })
+			}),
 			...options.components
 		}
 	});
 }
 //#endregion
 export { ServerCodeBlock };
-
-//# sourceMappingURL=codeblock.rsc.js.map

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

@@ -34,5 +34,4 @@ declare function AlgoliaSearchDialog({
   ...props
 }: AlgoliaSearchDialogProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };
-//# sourceMappingURL=search-algolia.d.ts.map
+export { AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };

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

@@ -62,5 +62,3 @@ function AlgoliaTitle() {
 }
 //#endregion
 export { AlgoliaSearchDialog as default };
-
-//# sourceMappingURL=search-algolia.js.map

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

@@ -39,5 +39,4 @@ declare function DefaultSearchDialog({
   ...props
 }: DefaultSearchDialogProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { DefaultSearchDialogProps, DefaultSearchDialog as default };
-//# sourceMappingURL=search-default.d.ts.map
+export { DefaultSearchDialogProps, DefaultSearchDialog as default };

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

@@ -60,5 +60,3 @@ function DefaultSearchDialog({ defaultTag, tags = [], api, delayMs, type = "fetc
 }
 //#endregion
 export { DefaultSearchDialog as default };
-
-//# sourceMappingURL=search-default.js.map

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

@@ -41,5 +41,4 @@ declare function OramaSearchDialog({
   ...props
 }: OramaSearchDialogProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { OramaSearchDialogProps, OramaSearchDialog as default };
-//# sourceMappingURL=search-orama.d.ts.map
+export { OramaSearchDialogProps, OramaSearchDialog as default };

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

@@ -67,5 +67,3 @@ function Label() {
 }
 //#endregion
 export { OramaSearchDialog as default };
-
-//# sourceMappingURL=search-orama.js.map

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

@@ -114,5 +114,4 @@ declare function useSearchList(): {
   setActive: (v: string | null) => void;
 };
 //#endregion
-export { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogListItem, SearchDialogOverlay, SearchDialogProps, SearchItemType, type SharedProps, TagsList, TagsListItem, TagsListProps, useSearch, useSearchList, useTagsList };
-//# sourceMappingURL=search.d.ts.map
+export { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogListItem, SearchDialogOverlay, SearchDialogProps, SearchItemType, type SharedProps, TagsList, TagsListItem, TagsListProps, useSearch, useSearchList, useTagsList };

package/dist/components/dialog/search.js

@@ -346,5 +346,3 @@ function useSearchList() {
 }
 //#endregion
 export { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogListItem, SearchDialogOverlay, TagsList, TagsListItem, useSearch, useSearchList, useTagsList };
-
-//# sourceMappingURL=search.js.map

package/dist/components/dynamic-codeblock.core.d.ts

@@ -1,9 +1,11 @@
 import { CodeBlockProps } from "./codeblock.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { UseShikiOptions } from "fumadocs-core/highlight/core/client";
+import { UseShikiOptions } from "fumadocs-core/highlight/shiki/react";
+import { HighlighterCore } from "shiki";
 
 //#region src/components/dynamic-codeblock.core.d.ts
 interface DynamicCodeblockProps {
+  highlighter: HighlighterCore | (() => HighlighterCore | PromiseLike<HighlighterCore>);
   lang: string;
   code: string;
   /**
@@ -18,7 +20,7 @@ interface DynamicCodeblockProps {
    * @defaultValue true
    */
   wrapInSuspense?: boolean;
-  options?: DistributiveOmit<UseShikiOptions, 'lang'>;
+  options: DistributiveOmit<UseShikiOptions, 'lang'>;
 }
 type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
 declare function DynamicCodeBlock({
@@ -26,8 +28,8 @@ declare function DynamicCodeBlock({
   code,
   codeblock,
   options,
-  wrapInSuspense
+  wrapInSuspense,
+  highlighter
 }: DynamicCodeblockProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { DynamicCodeBlock, DynamicCodeblockProps };
-//# sourceMappingURL=dynamic-codeblock.core.d.ts.map
+export { DynamicCodeBlock, DynamicCodeblockProps };

package/dist/components/dynamic-codeblock.core.js

@@ -1,9 +1,9 @@
 "use client";
 import { cn } from "../utils/cn.js";
 import { CodeBlock, Pre } from "./codeblock.js";
-import { Suspense, createContext, use, useDeferredValue, useId } from "react";
+import { createContext, use, useId } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useShiki } from "fumadocs-core/highlight/core/client";
+import { useShikiDynamic } from "fumadocs-core/highlight/shiki/react";
 //#region src/components/dynamic-codeblock.core.tsx
 const PropsContext = createContext(void 0);
 function DefaultPre(props) {
@@ -15,34 +15,30 @@ function DefaultPre(props) {
 		children: /* @__PURE__ */ jsx(Pre, { children: props.children })
 	});
 }
-function DynamicCodeBlock({ lang, code, codeblock, options, wrapInSuspense = true }) {
+function DynamicCodeBlock({ lang, code, codeblock, options, wrapInSuspense = true, highlighter }) {
 	const id = useId();
 	const shikiOptions = {
 		lang,
+		defaultColor: false,
 		...options,
 		components: {
 			pre: DefaultPre,
-			...options?.components
+			...options.components
 		}
 	};
-	const children = /* @__PURE__ */ jsx(PropsContext, {
-		value: codeblock,
-		children: /* @__PURE__ */ jsx(Internal, {
-			id,
-			...useDeferredValue({
-				code,
-				options: shikiOptions
-			})
-		})
+	let node = useShikiDynamic(highlighter, code, shikiOptions, [
+		id,
+		lang,
+		code
+	]);
+	if (wrapInSuspense) node ??= /* @__PURE__ */ jsx(Placeholder, {
+		code,
+		components: shikiOptions.components
 	});
-	if (wrapInSuspense) return /* @__PURE__ */ jsx(Suspense, {
-		fallback: /* @__PURE__ */ jsx(Placeholder, {
-			code,
-			components: shikiOptions.components
-		}),
-		children
+	return /* @__PURE__ */ jsx(PropsContext, {
+		value: codeblock,
+		children: node
 	});
-	return children;
 }
 function Placeholder({ code, components = {} }) {
 	const { pre: Pre = "pre", code: Code = "code" } = components;
@@ -51,14 +47,5 @@ function Placeholder({ code, components = {} }) {
 		children: line
 	}, i)) }) });
 }
-function Internal({ id, code, options }) {
-	return useShiki(code, options, [
-		id,
-		options.lang,
-		code
-	]);
-}
 //#endregion
 export { DynamicCodeBlock };
-
-//# sourceMappingURL=dynamic-codeblock.core.js.map

package/dist/components/dynamic-codeblock.d.ts

@@ -1,8 +1,10 @@
-import { DynamicCodeblockProps } from "./dynamic-codeblock.core.js";
+import { DynamicCodeblockProps as DynamicCodeblockProps$1 } from "./dynamic-codeblock.core.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/dynamic-codeblock.d.ts
+type DynamicCodeblockProps = Omit<DynamicCodeblockProps$1, 'highlighter' | 'options'> & {
+  options?: DynamicCodeblockProps$1['options'];
+};
 declare function DynamicCodeBlock(props: DynamicCodeblockProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { DynamicCodeBlock, type DynamicCodeblockProps };
-//# sourceMappingURL=dynamic-codeblock.d.ts.map
+export { DynamicCodeBlock, DynamicCodeblockProps };