fumadocs-ui 16.4.0 → 16.4.2

package/dist/components/ui/tabs.js

@@ -1,79 +1,81 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, use, useEffectEvent, useLayoutEffect, useMemo, useRef, useState, } from 'react';
-import * as Primitive from '@radix-ui/react-tabs';
-import { mergeRefs } from '@fumadocs/ui/merge-refs';
-const listeners = new Map();
+
+import { jsx } from "react/jsx-runtime";
+import { createContext, use, useEffectEvent, useLayoutEffect, useMemo, useRef, useState } from "react";
+import * as Primitive from "@radix-ui/react-tabs";
+import { mergeRefs } from "@fumadocs/ui/merge-refs";
+
+//#region src/components/ui/tabs.tsx
+const listeners = /* @__PURE__ */ new Map();
 const TabsContext = createContext(null);
 function useTabContext() {
-    const ctx = use(TabsContext);
-    if (!ctx)
-        throw new Error('You must wrap your component in <Tabs>');
-    return ctx;
+	const ctx = use(TabsContext);
+	if (!ctx) throw new Error("You must wrap your component in <Tabs>");
+	return ctx;
 }
-export const TabsList = Primitive.TabsList;
-export const TabsTrigger = Primitive.TabsTrigger;
-export function Tabs({ ref, groupId, persist = false, updateAnchor = false, defaultValue, value: _value, onValueChange: _onValueChange, ...props }) {
-    const tabsRef = useRef(null);
-    const valueToIdMap = useMemo(() => new Map(), []);
-    const [value, setValue] = _value === undefined
-        ? // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled
-            useState(defaultValue)
-        : // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled
-            [_value, useEffectEvent((v) => _onValueChange?.(v))];
-    useLayoutEffect(() => {
-        if (!groupId)
-            return;
-        let previous = sessionStorage.getItem(groupId);
-        if (persist)
-            previous ?? (previous = localStorage.getItem(groupId));
-        if (previous)
-            setValue(previous);
-        const groupListeners = listeners.get(groupId) ?? new Set();
-        groupListeners.add(setValue);
-        listeners.set(groupId, groupListeners);
-        return () => {
-            groupListeners.delete(setValue);
-        };
-    }, [groupId, persist, setValue]);
-    useLayoutEffect(() => {
-        const hash = window.location.hash.slice(1);
-        if (!hash)
-            return;
-        for (const [value, id] of valueToIdMap.entries()) {
-            if (id === hash) {
-                setValue(value);
-                tabsRef.current?.scrollIntoView();
-                break;
-            }
-        }
-    }, [setValue, valueToIdMap]);
-    return (_jsx(Primitive.Tabs, { ref: mergeRefs(ref, tabsRef), value: value, onValueChange: (v) => {
-            if (updateAnchor) {
-                const id = valueToIdMap.get(v);
-                if (id) {
-                    window.history.replaceState(null, '', `#${id}`);
-                }
-            }
-            if (groupId) {
-                const groupListeners = listeners.get(groupId);
-                if (groupListeners) {
-                    for (const listener of groupListeners)
-                        listener(v);
-                }
-                sessionStorage.setItem(groupId, v);
-                if (persist)
-                    localStorage.setItem(groupId, v);
-            }
-            else {
-                setValue(v);
-            }
-        }, ...props, children: _jsx(TabsContext, { value: useMemo(() => ({ valueToIdMap }), [valueToIdMap]), children: props.children }) }));
+const TabsList = Primitive.TabsList;
+const TabsTrigger = Primitive.TabsTrigger;
+function Tabs({ ref, groupId, persist = false, updateAnchor = false, defaultValue, value: _value, onValueChange: _onValueChange, ...props }) {
+	const tabsRef = useRef(null);
+	const valueToIdMap = useMemo(() => /* @__PURE__ */ new Map(), []);
+	const [value, setValue] = _value === void 0 ? useState(defaultValue) : [_value, useEffectEvent((v) => _onValueChange?.(v))];
+	useLayoutEffect(() => {
+		if (!groupId) return;
+		let previous = sessionStorage.getItem(groupId);
+		if (persist) previous ??= localStorage.getItem(groupId);
+		if (previous) setValue(previous);
+		const groupListeners = listeners.get(groupId) ?? /* @__PURE__ */ new Set();
+		groupListeners.add(setValue);
+		listeners.set(groupId, groupListeners);
+		return () => {
+			groupListeners.delete(setValue);
+		};
+	}, [
+		groupId,
+		persist,
+		setValue
+	]);
+	useLayoutEffect(() => {
+		const hash = window.location.hash.slice(1);
+		if (!hash) return;
+		for (const [value$1, id] of valueToIdMap.entries()) if (id === hash) {
+			setValue(value$1);
+			tabsRef.current?.scrollIntoView();
+			break;
+		}
+	}, [setValue, valueToIdMap]);
+	return /* @__PURE__ */ jsx(Primitive.Tabs, {
+		ref: mergeRefs(ref, tabsRef),
+		value,
+		onValueChange: (v) => {
+			if (updateAnchor) {
+				const id = valueToIdMap.get(v);
+				if (id) window.history.replaceState(null, "", `#${id}`);
+			}
+			if (groupId) {
+				const groupListeners = listeners.get(groupId);
+				if (groupListeners) for (const listener of groupListeners) listener(v);
+				sessionStorage.setItem(groupId, v);
+				if (persist) localStorage.setItem(groupId, v);
+			} else setValue(v);
+		},
+		...props,
+		children: /* @__PURE__ */ jsx(TabsContext, {
+			value: useMemo(() => ({ valueToIdMap }), [valueToIdMap]),
+			children: props.children
+		})
+	});
 }
-export function TabsContent({ value, ...props }) {
-    const { valueToIdMap } = useTabContext();
-    if (props.id) {
-        valueToIdMap.set(value, props.id);
-    }
-    return (_jsx(Primitive.TabsContent, { value: value, ...props, children: props.children }));
+function TabsContent({ value, ...props }) {
+	const { valueToIdMap } = useTabContext();
+	if (props.id) valueToIdMap.set(value, props.id);
+	return /* @__PURE__ */ jsx(Primitive.TabsContent, {
+		value,
+		...props,
+		children: props.children
+	});
 }
+
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.js.map

package/dist/components/ui/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["value"],"sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ComponentProps,\n  createContext,\n  use,\n  useEffectEvent,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport * as Primitive from '@radix-ui/react-tabs';\nimport { mergeRefs } from '@fumadocs/ui/merge-refs';\n\ntype ChangeListener = (v: string) => void;\nconst listeners = new Map<string, Set<ChangeListener>>();\n\nexport interface TabsProps extends ComponentProps<typeof Primitive.Tabs> {\n  /**\n   * Identifier for Sharing value of tabs\n   */\n  groupId?: string;\n\n  /**\n   * Enable persistent\n   */\n  persist?: boolean;\n\n  /**\n   * If true, updates the URL hash based on the tab's id\n   */\n  updateAnchor?: boolean;\n}\n\nconst TabsContext = createContext<{\n  valueToIdMap: Map<string, string>;\n} | null>(null);\n\nfunction useTabContext() {\n  const ctx = use(TabsContext);\n  if (!ctx) throw new Error('You must wrap your component in <Tabs>');\n  return ctx;\n}\n\nexport const TabsList = Primitive.TabsList;\n\nexport const TabsTrigger = Primitive.TabsTrigger;\n\nexport function Tabs({\n  ref,\n  groupId,\n  persist = false,\n  updateAnchor = false,\n  defaultValue,\n  value: _value,\n  onValueChange: _onValueChange,\n  ...props\n}: TabsProps) {\n  const tabsRef = useRef<HTMLDivElement>(null);\n  const valueToIdMap = useMemo(() => new Map<string, string>(), []);\n  const [value, setValue] =\n    _value === undefined\n      ? // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled\n        useState(defaultValue)\n      : // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled\n        [_value, useEffectEvent((v: string) => _onValueChange?.(v))];\n\n  useLayoutEffect(() => {\n    if (!groupId) return;\n    let previous = sessionStorage.getItem(groupId);\n    if (persist) previous ??= localStorage.getItem(groupId);\n    if (previous) setValue(previous);\n\n    const groupListeners = listeners.get(groupId) ?? new Set();\n    groupListeners.add(setValue);\n    listeners.set(groupId, groupListeners);\n    return () => {\n      groupListeners.delete(setValue);\n    };\n  }, [groupId, persist, setValue]);\n\n  useLayoutEffect(() => {\n    const hash = window.location.hash.slice(1);\n    if (!hash) return;\n\n    for (const [value, id] of valueToIdMap.entries()) {\n      if (id === hash) {\n        setValue(value);\n        tabsRef.current?.scrollIntoView();\n        break;\n      }\n    }\n  }, [setValue, valueToIdMap]);\n\n  return (\n    <Primitive.Tabs\n      ref={mergeRefs(ref, tabsRef)}\n      value={value}\n      onValueChange={(v: string) => {\n        if (updateAnchor) {\n          const id = valueToIdMap.get(v);\n\n          if (id) {\n            window.history.replaceState(null, '', `#${id}`);\n          }\n        }\n\n        if (groupId) {\n          const groupListeners = listeners.get(groupId);\n          if (groupListeners) {\n            for (const listener of groupListeners) listener(v);\n          }\n\n          sessionStorage.setItem(groupId, v);\n          if (persist) localStorage.setItem(groupId, v);\n        } else {\n          setValue(v);\n        }\n      }}\n      {...props}\n    >\n      <TabsContext value={useMemo(() => ({ valueToIdMap }), [valueToIdMap])}>\n        {props.children}\n      </TabsContext>\n    </Primitive.Tabs>\n  );\n}\n\nexport function TabsContent({ value, ...props }: ComponentProps<typeof Primitive.TabsContent>) {\n  const { valueToIdMap } = useTabContext();\n\n  if (props.id) {\n    valueToIdMap.set(value, props.id);\n  }\n\n  return (\n    <Primitive.TabsContent value={value} {...props}>\n      {props.children}\n    </Primitive.TabsContent>\n  );\n}\n"],"mappings":";;;;;;;;AAgBA,MAAM,4BAAY,IAAI,KAAkC;AAmBxD,MAAM,cAAc,cAEV,KAAK;AAEf,SAAS,gBAAgB;CACvB,MAAM,MAAM,IAAI,YAAY;AAC5B,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yCAAyC;AACnE,QAAO;;AAGT,MAAa,WAAW,UAAU;AAElC,MAAa,cAAc,UAAU;AAErC,SAAgB,KAAK,EACnB,KACA,SACA,UAAU,OACV,eAAe,OACf,cACA,OAAO,QACP,eAAe,gBACf,GAAG,SACS;CACZ,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,eAAe,8BAAc,IAAI,KAAqB,EAAE,EAAE,CAAC;CACjE,MAAM,CAAC,OAAO,YACZ,WAAW,SAEP,SAAS,aAAa,GAEtB,CAAC,QAAQ,gBAAgB,MAAc,iBAAiB,EAAE,CAAC,CAAC;AAElE,uBAAsB;AACpB,MAAI,CAAC,QAAS;EACd,IAAI,WAAW,eAAe,QAAQ,QAAQ;AAC9C,MAAI,QAAS,cAAa,aAAa,QAAQ,QAAQ;AACvD,MAAI,SAAU,UAAS,SAAS;EAEhC,MAAM,iBAAiB,UAAU,IAAI,QAAQ,oBAAI,IAAI,KAAK;AAC1D,iBAAe,IAAI,SAAS;AAC5B,YAAU,IAAI,SAAS,eAAe;AACtC,eAAa;AACX,kBAAe,OAAO,SAAS;;IAEhC;EAAC;EAAS;EAAS;EAAS,CAAC;AAEhC,uBAAsB;EACpB,MAAM,OAAO,OAAO,SAAS,KAAK,MAAM,EAAE;AAC1C,MAAI,CAAC,KAAM;AAEX,OAAK,MAAM,CAACA,SAAO,OAAO,aAAa,SAAS,CAC9C,KAAI,OAAO,MAAM;AACf,YAASA,QAAM;AACf,WAAQ,SAAS,gBAAgB;AACjC;;IAGH,CAAC,UAAU,aAAa,CAAC;AAE5B,QACE,oBAAC,UAAU;EACT,KAAK,UAAU,KAAK,QAAQ;EACrB;EACP,gBAAgB,MAAc;AAC5B,OAAI,cAAc;IAChB,MAAM,KAAK,aAAa,IAAI,EAAE;AAE9B,QAAI,GACF,QAAO,QAAQ,aAAa,MAAM,IAAI,IAAI,KAAK;;AAInD,OAAI,SAAS;IACX,MAAM,iBAAiB,UAAU,IAAI,QAAQ;AAC7C,QAAI,eACF,MAAK,MAAM,YAAY,eAAgB,UAAS,EAAE;AAGpD,mBAAe,QAAQ,SAAS,EAAE;AAClC,QAAI,QAAS,cAAa,QAAQ,SAAS,EAAE;SAE7C,UAAS,EAAE;;EAGf,GAAI;YAEJ,oBAAC;GAAY,OAAO,eAAe,EAAE,cAAc,GAAG,CAAC,aAAa,CAAC;aAClE,MAAM;IACK;GACC;;AAIrB,SAAgB,YAAY,EAAE,OAAO,GAAG,SAAuD;CAC7F,MAAM,EAAE,iBAAiB,eAAe;AAExC,KAAI,MAAM,GACR,cAAa,IAAI,OAAO,MAAM,GAAG;AAGnC,QACE,oBAAC,UAAU;EAAmB;EAAO,GAAI;YACtC,MAAM;GACe"}

package/dist/contexts/i18n.d.ts

@@ -1,2 +1 @@
-export * from '@fumadocs/ui/contexts/i18n';
-//# sourceMappingURL=i18n.d.ts.map
+export * from "@fumadocs/ui/contexts/i18n";

package/dist/contexts/i18n.js

@@ -1 +1,12 @@
-export * from '@fumadocs/ui/contexts/i18n';
+import { __reExport } from "../_virtual/rolldown_runtime.js";
+
+export * from "@fumadocs/ui/contexts/i18n"
+
+//#region src/contexts/i18n.tsx
+var i18n_exports = {};
+import * as import__fumadocs_ui_contexts_i18n from "@fumadocs/ui/contexts/i18n";
+__reExport(i18n_exports, import__fumadocs_ui_contexts_i18n);
+
+//#endregion
+export { i18n_exports };
+//# sourceMappingURL=i18n.js.map

package/dist/contexts/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":[],"sources":["../../src/contexts/i18n.tsx"],"sourcesContent":["export * from '@fumadocs/ui/contexts/i18n';\n"],"mappings":""}

package/dist/contexts/search.d.ts

@@ -1,2 +1,8 @@
-export * from '@fumadocs/ui/contexts/search';
+export * from "@fumadocs/ui/contexts/search";
+
+//#region src/contexts/search.d.ts
+
+import * as import__fumadocs_ui_contexts_search from "@fumadocs/ui/contexts/search";
+//#endregion
+export { import__fumadocs_ui_contexts_search as search_d_exports };
 //# sourceMappingURL=search.d.ts.map

package/dist/contexts/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/contexts/search.tsx"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"search.d.ts","names":[],"sources":["../../src/contexts/search.tsx"],"sourcesContent":[],"mappings":""}

package/dist/contexts/search.js

@@ -1 +1,12 @@
-export * from '@fumadocs/ui/contexts/search';
+import { __reExport } from "../_virtual/rolldown_runtime.js";
+
+export * from "@fumadocs/ui/contexts/search"
+
+//#region src/contexts/search.tsx
+var search_exports = {};
+import * as import__fumadocs_ui_contexts_search from "@fumadocs/ui/contexts/search";
+__reExport(search_exports, import__fumadocs_ui_contexts_search);
+
+//#endregion
+export { search_exports };
+//# sourceMappingURL=search.js.map

package/dist/contexts/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","names":[],"sources":["../../src/contexts/search.tsx"],"sourcesContent":["export * from '@fumadocs/ui/contexts/search';\n"],"mappings":""}

package/dist/contexts/tree.d.ts

@@ -1,2 +1 @@
-export * from '@fumadocs/ui/contexts/tree';
-//# sourceMappingURL=tree.d.ts.map
+export * from "@fumadocs/ui/contexts/tree";

package/dist/contexts/tree.js

@@ -1 +1,12 @@
-export * from '@fumadocs/ui/contexts/tree';
+import { __reExport } from "../_virtual/rolldown_runtime.js";
+
+export * from "@fumadocs/ui/contexts/tree"
+
+//#region src/contexts/tree.tsx
+var tree_exports = {};
+import * as import__fumadocs_ui_contexts_tree from "@fumadocs/ui/contexts/tree";
+__reExport(tree_exports, import__fumadocs_ui_contexts_tree);
+
+//#endregion
+export { tree_exports };
+//# sourceMappingURL=tree.js.map

package/dist/contexts/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","names":[],"sources":["../../src/contexts/tree.tsx"],"sourcesContent":["export * from '@fumadocs/ui/contexts/tree';\n"],"mappings":""}

package/dist/i18n.d.ts

@@ -1,2 +1 @@
-export * from '@fumadocs/ui/i18n';
-//# sourceMappingURL=i18n.d.ts.map
+export * from "@fumadocs/ui/i18n";

package/dist/i18n.js

@@ -1 +1,3 @@
-export * from '@fumadocs/ui/i18n';
+export * from "@fumadocs/ui/i18n"
+
+export {  };

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

@@ -1,15 +1,32 @@
-import { type ComponentProps, type ReactNode } from 'react';
-import type { SidebarTab } from '../../components/sidebar/tabs/index.js';
-export declare const LayoutContext: import("react").Context<{
-    isNavTransparent: boolean;
+import { SidebarTab } from "../../components/sidebar/tabs/index.js";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react0 from "react";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/layouts/docs/client.d.ts
+declare const LayoutContext: react0.Context<{
+  isNavTransparent: boolean;
 } | null>;
-export declare function LayoutContextProvider({ navTransparentMode, children, }: {
-    navTransparentMode?: 'always' | 'top' | 'none';
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function LayoutHeader(props: ComponentProps<'header'>): import("react/jsx-runtime").JSX.Element;
-export declare function LayoutBody({ className, style, children, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function LayoutTabs({ options, ...props }: ComponentProps<'div'> & {
-    options: SidebarTab[];
-}): import("react/jsx-runtime").JSX.Element;
+declare function LayoutContextProvider({
+  navTransparentMode,
+  children
+}: {
+  navTransparentMode?: 'always' | 'top' | 'none';
+  children: ReactNode;
+}): react_jsx_runtime30.JSX.Element;
+declare function LayoutHeader(props: ComponentProps<'header'>): react_jsx_runtime30.JSX.Element;
+declare function LayoutBody({
+  className,
+  style,
+  children,
+  ...props
+}: ComponentProps<'div'>): react_jsx_runtime30.JSX.Element;
+declare function LayoutTabs({
+  options,
+  ...props
+}: ComponentProps<'div'> & {
+  options: SidebarTab[];
+}): react_jsx_runtime30.JSX.Element;
+//#endregion
+export { LayoutBody, LayoutContext, LayoutContextProvider, LayoutHeader, LayoutTabs };
 //# sourceMappingURL=client.d.ts.map

package/dist/layouts/docs/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/client.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAI5D,eAAO,MAAM,aAAa;sBACN,OAAO;SACZ,CAAC;AAEhB,wBAAgB,qBAAqB,CAAC,EACpC,kBAA2B,EAC3B,QAAQ,GACT,EAAE;IACD,kBAAkB,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAkBA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAQ3D;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CA8BvB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB,2CA6BA"}
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/layouts/docs/client.tsx"],"sourcesContent":[],"mappings":";;;;;;cAWa,eAEE,MAAA,CAFW;;;iBAIV,qBAAA;;;;EAJH,kBAEE,CAAA,EAAA,QAAA,GAAA,KAFW,GAAA,MAAA;EAIV,QAAA,EAKJ,SALI;CACd,CAAA,EAKD,mBAAA,CAAA,GAAA,CAAA,OALC;AACA,iBAsBc,YAAA,CAtBd,KAAA,EAsBkC,cAtBlC,CAAA,QAAA,CAAA,CAAA,EAsB0D,mBAAA,CAAA,GAAA,CAAA,OAtB1D;AAGU,iBA6BI,UAAA,CA7BJ;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA6ByD,cA7BzD,CAAA,KAAA,CAAA,CAAA,EA6B8E,mBAAA,CAAA,GAAA,CAAA,OA7B9E;AACX,iBA0De,UAAA,CA1Df;EAAA,OAAA;EAAA,GAAA;AAkBD,CAlBC,EA6DE,cA7DF,CAAA,KAAA,CAAA,GAAA;EAAA,OAAA,EA8DU,UA9DV,EAAA;AAkBD,CAAA,CAAA,EA6CC,mBAAA,CAAA,GAAA,CAAA,OA7CmC"}

package/dist/layouts/docs/client.js

@@ -1,41 +1,68 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, use, useMemo, } from 'react';
-import { cn } from '@fumadocs/ui/cn';
-import { useSidebar } from '../../components/sidebar/base.js';
-import { usePathname } from 'fumadocs-core/framework';
-import Link from 'fumadocs-core/link';
-import { isTabActive } from '../../components/sidebar/tabs/dropdown.js';
-import { useIsScrollTop } from '@fumadocs/ui/hooks/use-is-scroll-top';
-export const LayoutContext = createContext(null);
-export function LayoutContextProvider({ navTransparentMode = 'none', children, }) {
-    const isTop = useIsScrollTop({ enabled: navTransparentMode === 'top' }) ?? true;
-    const isNavTransparent = navTransparentMode === 'top' ? isTop : navTransparentMode === 'always';
-    return (_jsx(LayoutContext, { value: useMemo(() => ({
-            isNavTransparent,
-        }), [isNavTransparent]), children: children }));
+
+import { useSidebar } from "../../components/sidebar/base.js";
+import { isTabActive } from "../../components/sidebar/tabs/dropdown.js";
+import Link from "fumadocs-core/link";
+import { usePathname } from "fumadocs-core/framework";
+import { cn } from "@fumadocs/ui/cn";
+import { jsx } from "react/jsx-runtime";
+import { createContext, use, useMemo } from "react";
+import { useIsScrollTop } from "@fumadocs/ui/hooks/use-is-scroll-top";
+
+//#region src/layouts/docs/client.tsx
+const LayoutContext = createContext(null);
+function LayoutContextProvider({ navTransparentMode = "none", children }) {
+	const isTop = useIsScrollTop({ enabled: navTransparentMode === "top" }) ?? true;
+	const isNavTransparent = navTransparentMode === "top" ? isTop : navTransparentMode === "always";
+	return /* @__PURE__ */ jsx(LayoutContext, {
+		value: useMemo(() => ({ isNavTransparent }), [isNavTransparent]),
+		children
+	});
 }
-export function LayoutHeader(props) {
-    const { isNavTransparent } = use(LayoutContext);
-    return (_jsx("header", { "data-transparent": isNavTransparent, ...props, children: props.children }));
+function LayoutHeader(props) {
+	const { isNavTransparent } = use(LayoutContext);
+	return /* @__PURE__ */ jsx("header", {
+		"data-transparent": isNavTransparent,
+		...props,
+		children: props.children
+	});
 }
-export function LayoutBody({ className, style, children, ...props }) {
-    const { collapsed } = useSidebar();
-    return (_jsx("div", { id: "nd-docs-layout", className: cn('grid transition-[grid-template-columns] overflow-x-clip min-h-(--fd-docs-height) auto-cols-auto auto-rows-auto [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px]', className), "data-sidebar-collapsed": collapsed, style: {
-            gridTemplate: `"sidebar header toc"
+function LayoutBody({ className, style, children, ...props }) {
+	const { collapsed } = useSidebar();
+	return /* @__PURE__ */ jsx("div", {
+		id: "nd-docs-layout",
+		className: cn("grid transition-[grid-template-columns] overflow-x-clip min-h-(--fd-docs-height) auto-cols-auto auto-rows-auto [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px]", className),
+		"data-sidebar-collapsed": collapsed,
+		style: {
+			gridTemplate: `"sidebar header toc"
         "sidebar toc-popover toc"
         "sidebar main toc" 1fr / minmax(var(--fd-sidebar-col), 1fr) minmax(0, calc(var(--fd-layout-width,97rem) - var(--fd-sidebar-width) - var(--fd-toc-width))) minmax(min-content, 1fr)`,
-            '--fd-docs-row-1': 'var(--fd-banner-height, 0px)',
-            '--fd-docs-row-2': 'calc(var(--fd-docs-row-1) + var(--fd-header-height))',
-            '--fd-docs-row-3': 'calc(var(--fd-docs-row-2) + var(--fd-toc-popover-height))',
-            '--fd-sidebar-col': collapsed ? '0px' : 'var(--fd-sidebar-width)',
-            ...style,
-        }, ...props, children: children }));
+			"--fd-docs-row-1": "var(--fd-banner-height, 0px)",
+			"--fd-docs-row-2": "calc(var(--fd-docs-row-1) + var(--fd-header-height))",
+			"--fd-docs-row-3": "calc(var(--fd-docs-row-2) + var(--fd-toc-popover-height))",
+			"--fd-sidebar-col": collapsed ? "0px" : "var(--fd-sidebar-width)",
+			...style
+		},
+		...props,
+		children
+	});
 }
-export function LayoutTabs({ options, ...props }) {
-    const pathname = usePathname();
-    const selected = useMemo(() => {
-        return options.findLast((option) => isTabActive(option, pathname));
-    }, [options, pathname]);
-    return (_jsx("div", { ...props, className: cn('flex flex-row items-end gap-6 overflow-auto [grid-area:main]', props.className), children: options.map((option, i) => (_jsx(Link, { href: option.url, className: cn('inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground', option.unlisted && selected !== option && 'hidden', selected === option && 'border-fd-primary text-fd-primary'), children: option.title }, i))) }));
+function LayoutTabs({ options, ...props }) {
+	const pathname = usePathname();
+	const selected = useMemo(() => {
+		return options.findLast((option) => isTabActive(option, pathname));
+	}, [options, pathname]);
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex flex-row items-end gap-6 overflow-auto [grid-area:main]", props.className),
+		children: options.map((option, i) => /* @__PURE__ */ jsx(Link, {
+			href: option.url,
+			className: cn("inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground", option.unlisted && selected !== option && "hidden", selected === option && "border-fd-primary text-fd-primary"),
+			children: option.title
+		}, i))
+	});
 }
+
+//#endregion
+export { LayoutBody, LayoutContext, LayoutContextProvider, LayoutHeader, LayoutTabs };
+//# sourceMappingURL=client.js.map

package/dist/layouts/docs/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","names":[],"sources":["../../../src/layouts/docs/client.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, createContext, type ReactNode, use, useMemo } from 'react';\nimport { cn } from '@fumadocs/ui/cn';\nimport { useSidebar } from '@/components/sidebar/base';\nimport { usePathname } from 'fumadocs-core/framework';\nimport Link from 'fumadocs-core/link';\nimport type { SidebarTab } from '@/components/sidebar/tabs';\nimport { isTabActive } from '@/components/sidebar/tabs/dropdown';\nimport { useIsScrollTop } from '@fumadocs/ui/hooks/use-is-scroll-top';\n\nexport const LayoutContext = createContext<{\n  isNavTransparent: boolean;\n} | null>(null);\n\nexport function LayoutContextProvider({\n  navTransparentMode = 'none',\n  children,\n}: {\n  navTransparentMode?: 'always' | 'top' | 'none';\n  children: ReactNode;\n}) {\n  const isTop = useIsScrollTop({ enabled: navTransparentMode === 'top' }) ?? true;\n  const isNavTransparent = navTransparentMode === 'top' ? isTop : navTransparentMode === 'always';\n\n  return (\n    <LayoutContext\n      value={useMemo(\n        () => ({\n          isNavTransparent,\n        }),\n        [isNavTransparent],\n      )}\n    >\n      {children}\n    </LayoutContext>\n  );\n}\n\nexport function LayoutHeader(props: ComponentProps<'header'>) {\n  const { isNavTransparent } = use(LayoutContext)!;\n\n  return (\n    <header data-transparent={isNavTransparent} {...props}>\n      {props.children}\n    </header>\n  );\n}\n\nexport function LayoutBody({ className, style, children, ...props }: ComponentProps<'div'>) {\n  const { collapsed } = useSidebar();\n\n  return (\n    <div\n      id=\"nd-docs-layout\"\n      className={cn(\n        'grid transition-[grid-template-columns] overflow-x-clip min-h-(--fd-docs-height) auto-cols-auto auto-rows-auto [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px]',\n        className,\n      )}\n      data-sidebar-collapsed={collapsed}\n      style={\n        {\n          gridTemplate: `\"sidebar header toc\"\n        \"sidebar toc-popover toc\"\n        \"sidebar main toc\" 1fr / minmax(var(--fd-sidebar-col), 1fr) minmax(0, calc(var(--fd-layout-width,97rem) - var(--fd-sidebar-width) - var(--fd-toc-width))) minmax(min-content, 1fr)`,\n          '--fd-docs-row-1': 'var(--fd-banner-height, 0px)',\n          '--fd-docs-row-2': 'calc(var(--fd-docs-row-1) + var(--fd-header-height))',\n          '--fd-docs-row-3': 'calc(var(--fd-docs-row-2) + var(--fd-toc-popover-height))',\n          '--fd-sidebar-col': collapsed ? '0px' : 'var(--fd-sidebar-width)',\n          ...style,\n        } as object\n      }\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function LayoutTabs({\n  options,\n  ...props\n}: ComponentProps<'div'> & {\n  options: SidebarTab[];\n}) {\n  const pathname = usePathname();\n  const selected = useMemo(() => {\n    return options.findLast((option) => isTabActive(option, pathname));\n  }, [options, pathname]);\n\n  return (\n    <div\n      {...props}\n      className={cn(\n        'flex flex-row items-end gap-6 overflow-auto [grid-area:main]',\n        props.className,\n      )}\n    >\n      {options.map((option, i) => (\n        <Link\n          key={i}\n          href={option.url}\n          className={cn(\n            'inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground',\n            option.unlisted && selected !== option && 'hidden',\n            selected === option && 'border-fd-primary text-fd-primary',\n          )}\n        >\n          {option.title}\n        </Link>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,gBAAgB,cAEnB,KAAK;AAEf,SAAgB,sBAAsB,EACpC,qBAAqB,QACrB,YAIC;CACD,MAAM,QAAQ,eAAe,EAAE,SAAS,uBAAuB,OAAO,CAAC,IAAI;CAC3E,MAAM,mBAAmB,uBAAuB,QAAQ,QAAQ,uBAAuB;AAEvF,QACE,oBAAC;EACC,OAAO,eACE,EACL,kBACD,GACD,CAAC,iBAAiB,CACnB;EAEA;GACa;;AAIpB,SAAgB,aAAa,OAAiC;CAC5D,MAAM,EAAE,qBAAqB,IAAI,cAAc;AAE/C,QACE,oBAAC;EAAO,oBAAkB;EAAkB,GAAI;YAC7C,MAAM;GACA;;AAIb,SAAgB,WAAW,EAAE,WAAW,OAAO,UAAU,GAAG,SAAgC;CAC1F,MAAM,EAAE,cAAc,YAAY;AAElC,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GACT,iPACA,UACD;EACD,0BAAwB;EACxB,OACE;GACE,cAAc;;;GAGd,mBAAmB;GACnB,mBAAmB;GACnB,mBAAmB;GACnB,oBAAoB,YAAY,QAAQ;GACxC,GAAG;GACJ;EAEH,GAAI;EAEH;GACG;;AAIV,SAAgB,WAAW,EACzB,SACA,GAAG,SAGF;CACD,MAAM,WAAW,aAAa;CAC9B,MAAM,WAAW,cAAc;AAC7B,SAAO,QAAQ,UAAU,WAAW,YAAY,QAAQ,SAAS,CAAC;IACjE,CAAC,SAAS,SAAS,CAAC;AAEvB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,gEACA,MAAM,UACP;YAEA,QAAQ,KAAK,QAAQ,MACpB,oBAAC;GAEC,MAAM,OAAO;GACb,WAAW,GACT,kLACA,OAAO,YAAY,aAAa,UAAU,UAC1C,aAAa,UAAU,oCACxB;aAEA,OAAO;KARH,EASA,CACP;GACE"}

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

@@ -1,36 +1,60 @@
-import type * as PageTree from 'fumadocs-core/page-tree';
-import { type ComponentProps, type HTMLAttributes, type ReactNode } from 'react';
-import { Sidebar } from './sidebar.js';
-import { type BaseLayoutProps } from '../../layouts/shared/index.js';
-import { type GetSidebarTabsOptions } from '../../components/sidebar/tabs/index.js';
-import type { SidebarPageTreeComponents } from '../../components/sidebar/page-tree.js';
-import { type SidebarTabWithProps } from '../../components/sidebar/tabs/dropdown.js';
-export interface DocsLayoutProps extends BaseLayoutProps {
-    tree: PageTree.Root;
-    sidebar?: SidebarOptions;
-    tabMode?: 'top' | 'auto';
-    /**
-     * Props for the `div` container
-     */
-    containerProps?: HTMLAttributes<HTMLDivElement>;
+import { SidebarProvider } from "../../components/sidebar/base.js";
+import { SidebarPageTreeComponents } from "../../components/sidebar/page-tree.js";
+import { GetSidebarTabsOptions } from "../../components/sidebar/tabs/index.js";
+import { SidebarTabWithProps } from "../../components/sidebar/tabs/dropdown.js";
+import "./sidebar.js";
+import { BaseLayoutProps } from "../shared/index.js";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
+import { ComponentProps, HTMLAttributes, ReactNode } from "react";
+import * as PageTree from "fumadocs-core/page-tree";
+
+//#region src/layouts/docs/index.d.ts
+interface DocsLayoutProps extends BaseLayoutProps {
+  tree: PageTree.Root;
+  sidebar?: SidebarOptions;
+  tabMode?: 'top' | 'auto';
+  /**
+   * Props for the `div` container
+   */
+  containerProps?: HTMLAttributes<HTMLDivElement>;
 }
-interface SidebarOptions extends ComponentProps<'aside'>, Pick<ComponentProps<typeof Sidebar>, 'defaultOpenLevel' | 'prefetch'> {
-    enabled?: boolean;
-    component?: ReactNode;
-    components?: Partial<SidebarPageTreeComponents>;
-    /**
-     * Root Toggle options
-     */
-    tabs?: SidebarTabWithProps[] | GetSidebarTabsOptions | false;
-    banner?: ReactNode;
-    footer?: ReactNode;
-    /**
-     * Support collapsing the sidebar on desktop mode
-     *
-     * @defaultValue true
-     */
-    collapsible?: boolean;
+interface SidebarOptions extends ComponentProps<'aside'>, Pick<ComponentProps<typeof SidebarProvider>, 'defaultOpenLevel' | 'prefetch'> {
+  enabled?: boolean;
+  component?: ReactNode;
+  components?: Partial<SidebarPageTreeComponents>;
+  /**
+   * Root Toggle options
+   */
+  tabs?: SidebarTabWithProps[] | GetSidebarTabsOptions | false;
+  banner?: ReactNode;
+  footer?: ReactNode;
+  /**
+   * Support collapsing the sidebar on desktop mode
+   *
+   * @defaultValue true
+   */
+  collapsible?: boolean;
 }
-export declare function DocsLayout({ nav: { transparentMode, ...nav }, sidebar: { tabs: sidebarTabs, enabled: sidebarEnabled, defaultOpenLevel, prefetch, ...sidebarProps }, searchToggle, themeSwitch, tabMode, i18n, children, tree, ...props }: DocsLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function DocsLayout({
+  nav: {
+    transparentMode,
+    ...nav
+  },
+  sidebar: {
+    tabs: sidebarTabs,
+    enabled: sidebarEnabled,
+    defaultOpenLevel,
+    prefetch,
+    ...sidebarProps
+  },
+  searchToggle,
+  themeSwitch,
+  tabMode,
+  i18n,
+  children,
+  tree,
+  ...props
+}: DocsLayoutProps): react_jsx_runtime115.JSX.Element;
+//#endregion
+export { DocsLayout, DocsLayoutProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/docs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACzD,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,OAAO,EAQR,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,kBAAkB,CAAC;AAkB1B,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,oCAAoC,CAAC;AAE5C,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IAEpB,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,UAAU,cACR,SACE,cAAc,CAAC,OAAO,CAAC,EACvB,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,kBAAkB,GAAG,UAAU,CAAC;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAEhD;;OAEG;IACH,IAAI,CAAC,EAAE,mBAAmB,EAAE,GAAG,qBAAqB,GAAG,KAAK,CAAC;IAE7D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,GAAG,EAAE,EAAE,eAAe,EAAE,GAAG,GAAG,EAAO,EACrC,OAAO,EAAE,EACP,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAqB,EAC9B,gBAAgB,EAChB,QAAQ,EACR,GAAG,YAAY,EACX,EACN,YAAiB,EACjB,WAAgB,EAChB,OAAgB,EAChB,IAAY,EACZ,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,eAAe,2CAqNjB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/docs/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;UA0BiB,eAAA,SAAwB;QACjC,QAAA,CAAS;YAEL;;EAHK;;;EAUiB,cAAA,CAAA,EAAf,cAAe,CAAA,cAAA,CAAA;;UAGxB,cAAA,SAEN,cAfqC,CAAA,OAAA,CAAA,EAgBrC,IAhBqC,CAgBhC,cAhBgC,CAAA,OAgBV,eAhBU,CAAA,EAAA,kBAAA,GAAA,UAAA,CAAA,CAAA;EAAe,OAAA,CAAA,EAAA,OAAA;EAa9C,SAAA,CAAA,EAKI,SAJZ;EAE6B,UAAA,CAAA,EAGhB,OAHgB,CAGR,yBAHQ,CAAA;EAAtB;;;EAGM,IAAA,CAAA,EAKN,mBALM,EAAA,GAKkB,qBALlB,GAAA,KAAA;EAKN,MAAA,CAAA,EAEE,SAFF;EAAwB,MAAA,CAAA,EAGtB,SAHsB;EAEtB;;;;;EAWK,WAAA,CAAA,EAAU,OAAA;;AAGhB,iBAHM,UAAA,CAGN;EAAA,GAAA,EAAA;IAAA,eAAA;IAAA,GAAA;EAAA,CAAA;EAAA,OAAA,EAAA;IAAA,IAAA,EAAA,WAAA;IAAA,OAAA,EACG,cADH;IAAA,gBAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA;EAAA,YAAA;EAAA,WAAA;EAAA,OAAA;EAAA,IAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAaP,eAbO,CAAA,EAaQ,oBAAA,CAAA,GAAA,CAAA,OAbR"}