fumadocs-ui 14.2.1 → 14.3.1

package/dist/components/files.js

@@ -1,66 +1,18 @@
-"use client";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "../chunk-TQJ6YPJ3.js";
-import {
-  File,
-  Folder,
-  FolderOpen
-} from "../chunk-VPJMNIJX.js";
-import {
-  twMerge
-} from "../chunk-TK3TM3MR.js";
-import "../chunk-MLKGABMK.js";
-
-// src/components/files.tsx
-import { cva } from "class-variance-authority";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var itemVariants = cva(
-  "flex flex-row items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-fd-accent hover:text-fd-accent-foreground [&_svg]:size-4"
-);
-function Files({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: twMerge("not-prose rounded-md border bg-fd-card p-2", className),
-      ...props,
-      children: props.children
-    }
-  );
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { FileIcon, FolderIcon, FolderOpen } from 'lucide-react';
+import { useState } from 'react';
+import { cn } from '../utils/cn';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible';
+const itemVariants = cva('flex flex-row items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-fd-accent hover:text-fd-accent-foreground [&_svg]:size-4');
+export function Files({ className, ...props }) {
+    return (_jsx("div", { className: cn('not-prose rounded-md border bg-fd-card p-2', className), ...props, children: props.children }));
 }
-function File2({
-  name,
-  icon = /* @__PURE__ */ jsx(File, {}),
-  className,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: twMerge(itemVariants({ className })), ...rest, children: [
-    icon,
-    name
-  ] });
+export function File({ name, icon = _jsx(FileIcon, {}), className, ...rest }) {
+    return (_jsxs("div", { className: cn(itemVariants({ className })), ...rest, children: [icon, name] }));
 }
-function Folder2({
-  name,
-  defaultOpen = false,
-  ...props
-}) {
-  const [open, setOpen] = useState(defaultOpen);
-  return /* @__PURE__ */ jsxs(Collapsible, { open, onOpenChange: setOpen, ...props, children: [
-    /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: twMerge(itemVariants({ className: "w-full" })), children: [
-      open ? /* @__PURE__ */ jsx(FolderOpen, {}) : /* @__PURE__ */ jsx(Folder, {}),
-      name
-    ] }),
-    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "ms-2 flex flex-col border-l ps-2", children: props.children }) })
-  ] });
+export function Folder({ name, defaultOpen = false, ...props }) {
+    const [open, setOpen] = useState(defaultOpen);
+    return (_jsxs(Collapsible, { open: open, onOpenChange: setOpen, ...props, children: [_jsxs(CollapsibleTrigger, { className: cn(itemVariants({ className: 'w-full' })), children: [open ? _jsx(FolderOpen, {}) : _jsx(FolderIcon, {}), name] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "ms-2 flex flex-col border-l ps-2", children: props.children }) })] }));
 }
-export {
-  File2 as File,
-  Files,
-  Folder2 as Folder
-};

package/dist/components/heading.d.ts

@@ -1,9 +1,8 @@
-import { ComponentPropsWithoutRef } from 'react';
-
+import type { ComponentPropsWithoutRef } from 'react';
 type Types = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 type HeadingProps<T extends Types> = Omit<ComponentPropsWithoutRef<T>, 'as'> & {
     as?: T;
 };
-declare function Heading<T extends Types = 'h1'>({ as, className, ...props }: HeadingProps<T>): React.ReactElement;
-
-export { Heading };
+export declare function Heading<T extends Types = 'h1'>({ as, className, ...props }: HeadingProps<T>): React.ReactElement;
+export {};
+//# sourceMappingURL=heading.d.ts.map

package/dist/components/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrD,KAAK,YAAY,CAAC,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IAC7E,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,wBAAgB,OAAO,CAAC,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,EAC9C,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAmBtC"}

package/dist/components/heading.js

@@ -1,9 +1,9 @@
-import {
-  Heading
-} from "../chunk-ILBYBJ5C.js";
-import "../chunk-VPJMNIJX.js";
-import "../chunk-TK3TM3MR.js";
-import "../chunk-MLKGABMK.js";
-export {
-  Heading
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from 'lucide-react';
+import { cn } from '../utils/cn';
+export function Heading({ as, className, ...props }) {
+    const As = as ?? 'h1';
+    if (!props.id)
+        return _jsx(As, { className: className, ...props });
+    return (_jsxs(As, { className: cn('flex scroll-m-28 flex-row items-center gap-2', className), ...props, children: [_jsx("a", { "data-card": "", href: `#${props.id}`, className: "peer", children: props.children }), _jsx(Link, { "aria-label": "Link to section", className: "size-3.5 shrink-0 text-fd-muted-foreground opacity-0 transition-opacity peer-hover:opacity-100" })] }));
+}

package/dist/components/image-zoom.d.ts

@@ -1,8 +1,8 @@
-import { ImageProps } from 'next/image';
-import { ImgHTMLAttributes } from 'react';
-import { UncontrolledProps } from 'react-medium-image-zoom';
-
-type ImageZoomProps = ImageProps & {
+import { type ImageProps } from 'next/image';
+import { type ImgHTMLAttributes } from 'react';
+import './image-zoom.css';
+import { type UncontrolledProps } from 'react-medium-image-zoom';
+export type ImageZoomProps = ImageProps & {
     /**
      * Image props when zoom in
      */
@@ -12,6 +12,5 @@ type ImageZoomProps = ImageProps & {
      */
     rmiz?: UncontrolledProps;
 };
-declare function ImageZoom({ zoomInProps, children, rmiz, ...props }: ImageZoomProps): React.ReactElement;
-
-export { ImageZoom, type ImageZoomProps };
+export declare function ImageZoom({ zoomInProps, children, rmiz, ...props }: ImageZoomProps): React.ReactElement;
+//# sourceMappingURL=image-zoom.d.ts.map

package/dist/components/image-zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-zoom.d.ts","sourceRoot":"","sources":["../../src/components/image-zoom.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,kBAAkB,CAAC;AAC1B,OAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAElD;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAQF,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAoBrC"}

package/dist/components/image-zoom.js

@@ -1,43 +1,19 @@
-"use client";
-import "../chunk-MLKGABMK.js";
-
-// src/components/image-zoom.tsx
-import Image from "next/image";
-import "./image-zoom.css";
-import Zoom from "react-medium-image-zoom";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from 'next/image';
+import './image-zoom.css';
+import Zoom from 'react-medium-image-zoom';
 function getImageSrc(src) {
-  if (typeof src === "string") return src;
-  if ("default" in src) return src.default.src;
-  return src.src;
+    if (typeof src === 'string')
+        return src;
+    if ('default' in src)
+        return src.default.src;
+    return src.src;
 }
-function ImageZoom({
-  zoomInProps,
-  children,
-  rmiz,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Zoom,
-    {
-      zoomMargin: 20,
-      wrapElement: "span",
-      ...rmiz,
-      zoomImg: {
-        src: getImageSrc(props.src),
-        sizes: void 0,
-        ...zoomInProps
-      },
-      children: children ?? /* @__PURE__ */ jsx(
-        Image,
-        {
-          sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px",
-          ...props
-        }
-      )
-    }
-  );
+export function ImageZoom({ zoomInProps, children, rmiz, ...props }) {
+    return (_jsx(Zoom, { zoomMargin: 20, wrapElement: "span", ...rmiz, zoomImg: {
+            src: getImageSrc(props.src),
+            sizes: undefined,
+            ...zoomInProps,
+        }, children: children ?? (_jsx(Image, { sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px", ...props })) }));
 }
-export {
-  ImageZoom
-};

package/dist/components/inline-toc.d.ts

@@ -1,9 +1,7 @@
-import { TOCItemType } from 'fumadocs-core/server';
-
-interface InlineTocProps {
+import type { TOCItemType } from 'fumadocs-core/server';
+export interface InlineTocProps {
     items: TOCItemType[];
     defaultOpen?: boolean;
 }
-declare function InlineTOC({ items, defaultOpen, }: InlineTocProps): React.ReactElement;
-
-export { InlineTOC, type InlineTocProps };
+export declare function InlineTOC({ items, defaultOpen, }: InlineTocProps): React.ReactElement;
+//# sourceMappingURL=inline-toc.d.ts.map

package/dist/components/inline-toc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-toc.d.ts","sourceRoot":"","sources":["../../src/components/inline-toc.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAOxD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,GACZ,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA4BrC"}

package/dist/components/inline-toc.js

@@ -1,47 +1,9 @@
-"use client";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "../chunk-TQJ6YPJ3.js";
-import {
-  ChevronDown
-} from "../chunk-VPJMNIJX.js";
-import "../chunk-TK3TM3MR.js";
-import "../chunk-MLKGABMK.js";
-
-// src/components/inline-toc.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function InlineTOC({
-  items,
-  defaultOpen
-}) {
-  return /* @__PURE__ */ jsxs(
-    Collapsible,
-    {
-      defaultOpen,
-      className: "not-prose rounded-lg border bg-fd-card text-fd-card-foreground",
-      children: [
-        /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "inline-flex w-full items-center justify-between p-4 font-medium [&[data-state=open]>svg]:rotate-180", children: [
-          "Table of Contents",
-          /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 transition-transform duration-200" })
-        ] }),
-        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col p-4 pt-0 text-sm text-fd-muted-foreground", children: items.map((item) => /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: item.url,
-            className: "border-l py-1.5 hover:text-fd-accent-foreground",
-            style: {
-              paddingLeft: 12 * Math.max(item.depth - 1, 0)
-            },
-            children: item.title
-          },
-          item.url
-        )) }) })
-      ]
-    }
-  );
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown } from 'lucide-react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible';
+export function InlineTOC({ items, defaultOpen, }) {
+    return (_jsxs(Collapsible, { defaultOpen: defaultOpen, className: "not-prose rounded-lg border bg-fd-card text-fd-card-foreground", children: [_jsxs(CollapsibleTrigger, { className: "inline-flex w-full items-center justify-between p-4 font-medium [&[data-state=open]>svg]:rotate-180", children: ["Table of Contents", _jsx(ChevronDown, { className: "size-4 transition-transform duration-200" })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "flex flex-col p-4 pt-0 text-sm text-fd-muted-foreground", children: items.map((item) => (_jsx("a", { href: item.url, className: "border-l py-1.5 hover:text-fd-accent-foreground", style: {
+                            paddingLeft: 12 * Math.max(item.depth - 1, 0),
+                        }, children: item.title }, item.url))) }) })] }));
 }
-export {
-  InlineTOC
-};

package/dist/components/layout/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import { type BreadcrumbOptions } from 'fumadocs-core/breadcrumb';
+export interface BreadcrumbProps extends Omit<BreadcrumbOptions, 'includePage'> {
+    /**
+     * Show the full path to the current page
+     *
+     * @defaultValue false
+     */
+    full?: boolean;
+}
+export declare function Breadcrumb({ full, ...options }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/layout/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/layout/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAKlC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC;IAC9C;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAY,EAAE,GAAG,OAAO,EAAE,EAAE,eAAe,kDAiCvE"}

package/dist/components/layout/breadcrumb.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight } from 'lucide-react';
+import { getBreadcrumbItemsFromPath, } from 'fumadocs-core/breadcrumb';
+import Link from 'next/link';
+import { Fragment, useMemo } from 'react';
+import { useTreeContext, useTreePath } from '../../contexts/tree';
+export function Breadcrumb({ full = false, ...options }) {
+    const path = useTreePath();
+    const { root } = useTreeContext();
+    const items = useMemo(() => {
+        return getBreadcrumbItemsFromPath(root, path, {
+            includePage: full,
+            ...options,
+        });
+    }, [full, options, path, root]);
+    if (items.length === 0)
+        return null;
+    return (_jsx("div", { className: "-mb-3 flex flex-row items-center gap-1 text-sm font-medium text-fd-muted-foreground", children: items.map((item, i) => (_jsxs(Fragment, { children: [i !== 0 && (_jsx(ChevronRight, { className: "size-4 shrink-0 rtl:rotate-180" })), item.url ? (_jsx(Link, { href: item.url, className: "truncate hover:text-fd-accent-foreground", children: item.name })) : (_jsx("span", { className: "truncate", children: item.name }))] }, i))) }));
+}

package/dist/components/layout/language-toggle.d.ts

@@ -1,7 +1,5 @@
-import { ButtonHTMLAttributes, HTMLAttributes } from 'react';
-
-type LanguageSelectProps = ButtonHTMLAttributes<HTMLButtonElement>;
-declare function LanguageToggle(props: LanguageSelectProps): React.ReactElement;
-declare function LanguageToggleText(props: HTMLAttributes<HTMLSpanElement>): React.ReactElement;
-
-export { type LanguageSelectProps, LanguageToggle, LanguageToggleText };
+import { type ButtonHTMLAttributes, type HTMLAttributes } from 'react';
+export type LanguageSelectProps = ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function LanguageToggle(props: LanguageSelectProps): React.ReactElement;
+export declare function LanguageToggleText(props: HTMLAttributes<HTMLSpanElement>): React.ReactElement;
+//# sourceMappingURL=language-toggle.d.ts.map

package/dist/components/layout/language-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/language-toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAUvE,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1E,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CA2C7E;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,cAAc,CAAC,eAAe,CAAC,GACrC,KAAK,CAAC,YAAY,CAOpB"}

package/dist/components/layout/language-toggle.js

@@ -1,14 +1,24 @@
-"use client";
-import {
-  LanguageToggle,
-  LanguageToggleText
-} from "../../chunk-KZTWSBYY.js";
-import "../../chunk-QKOA6KEZ.js";
-import "../../chunk-IVBHRX3O.js";
-import "../../chunk-TK3TM3MR.js";
-import "../../chunk-EFMHXXHW.js";
-import "../../chunk-MLKGABMK.js";
-export {
-  LanguageToggle,
-  LanguageToggleText
-};
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useI18n } from '../../contexts/i18n';
+import { Popover, PopoverContent, PopoverTrigger, } from '../../components/ui/popover';
+import { cn } from '../../utils/cn';
+import { buttonVariants } from '../../components/ui/button';
+export function LanguageToggle(props) {
+    const context = useI18n();
+    if (!context.locales)
+        throw new Error('Missing `<I18nProvider />`');
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { "aria-label": context.text.chooseLanguage, ...props, className: cn(buttonVariants({
+                    color: 'ghost',
+                    className: 'gap-1.5 p-1.5',
+                }), props.className), children: props.children }), _jsxs(PopoverContent, { className: "flex flex-col overflow-hidden p-0", children: [_jsx("p", { className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground", children: context.text.chooseLanguage }), context.locales.map((item) => (_jsx("button", { type: "button", className: cn('p-2 text-start text-sm', item.locale === context.locale
+                            ? 'bg-fd-primary/10 font-medium text-fd-primary'
+                            : 'hover:bg-fd-accent hover:text-fd-accent-foreground'), onClick: () => {
+                            context.onChange?.(item.locale);
+                        }, children: item.name }, item.locale)))] })] }));
+}
+export function LanguageToggleText(props) {
+    const context = useI18n();
+    const text = context.locales?.find((item) => item.locale === context.locale)?.name;
+    return _jsx("span", { ...props, children: text });
+}

package/dist/components/layout/nav.d.ts

@@ -0,0 +1,28 @@
+import { type LinkProps } from 'fumadocs-core/link';
+import { type ReactNode } from 'react';
+export interface NavProviderProps {
+    /**
+     * Use transparent background
+     *
+     * @defaultValue none
+     */
+    transparentMode?: 'always' | 'top' | 'none';
+}
+export interface TitleProps {
+    title?: ReactNode;
+    /**
+     * Redirect url of title
+     * @defaultValue '/'
+     */
+    url?: string;
+}
+interface NavContextType {
+    isTransparent: boolean;
+}
+export declare const NavContext: import("react").Context<NavContextType>;
+export declare function NavProvider({ transparentMode, children, }: NavProviderProps & {
+    children: ReactNode;
+}): ReactNode;
+export declare function Title({ title, url, ...props }: TitleProps & Omit<LinkProps, 'title'>): React.ReactElement;
+export {};
+//# sourceMappingURL=nav.d.ts.map

package/dist/components/layout/nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../../src/components/layout/nav.tsx"],"names":[],"mappings":"AACA,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAiB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAI3E,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;CAC7C;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,cAAc;IACtB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,yCAErB,CAAC;AAEH,wBAAgB,WAAW,CAAC,EAC1B,eAAwB,EACxB,QAAQ,GACT,EAAE,gBAAgB,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAsBxD;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAe5D"}

package/dist/components/layout/nav.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Link from 'fumadocs-core/link';
+import { createContext, useEffect, useState } from 'react';
+import { cn } from '../../utils/cn';
+import { useI18n } from '../../contexts/i18n';
+export const NavContext = createContext({
+    isTransparent: false,
+});
+export function NavProvider({ transparentMode = 'none', children, }) {
+    const [transparent, setTransparent] = useState(transparentMode !== 'none');
+    useEffect(() => {
+        if (transparentMode !== 'top')
+            return;
+        const listener = () => {
+            setTransparent(window.scrollY < 10);
+        };
+        listener();
+        window.addEventListener('scroll', listener);
+        return () => {
+            window.removeEventListener('scroll', listener);
+        };
+    }, [transparentMode]);
+    return (_jsx(NavContext.Provider, { value: { isTransparent: transparent }, children: children }));
+}
+export function Title({ title, url, ...props }) {
+    const { locale } = useI18n();
+    return (_jsx(Link, { href: url ?? (locale ? `/${locale}` : '/'), ...props, className: cn('inline-flex items-center gap-2.5 font-semibold', props.className), children: title }));
+}

package/dist/components/layout/root-toggle.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode, HTMLAttributes } from 'react';
-
-interface Option {
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface Option {
     /**
      * Redirect URL of the folder, usually the index page
      */
@@ -10,8 +9,7 @@ interface Option {
     description?: ReactNode;
     props?: HTMLAttributes<HTMLElement>;
 }
-declare function RootToggle({ options, ...props }: {
+export declare function RootToggle({ options, ...props }: {
     options: Option[];
-} & HTMLAttributes<HTMLButtonElement>): React.ReactElement;
-
-export { type Option, RootToggle };
+} & HTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=root-toggle.d.ts.map

package/dist/components/layout/root-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/root-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAQ/E,MAAM,WAAW,MAAM;IACrB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,KAAK,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EACT,EAAE;IACD,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,GAAG,cAAc,CAAC,iBAAiB,CAAC,2CA+CpC"}

package/dist/components/layout/root-toggle.js

@@ -1,13 +1,28 @@
-"use client";
-import {
-  RootToggle
-} from "../../chunk-IL64LMKR.js";
-import "../../chunk-CDPVENXR.js";
-import "../../chunk-IVBHRX3O.js";
-import "../../chunk-VPJMNIJX.js";
-import "../../chunk-TK3TM3MR.js";
-import "../../chunk-27HFSL7N.js";
-import "../../chunk-MLKGABMK.js";
-export {
-  RootToggle
-};
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronDown } from 'lucide-react';
+import { useMemo, useState } from 'react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { cn } from '../../utils/cn';
+import { isActive } from '../../utils/is-active';
+import { useSidebar } from '../../contexts/sidebar';
+import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
+export function RootToggle({ options, ...props }) {
+    const [open, setOpen] = useState(false);
+    const { closeOnRedirect } = useSidebar();
+    const pathname = usePathname();
+    const selected = useMemo(() => {
+        return options.find((item) => isActive(item.url, pathname, true));
+    }, [options, pathname]);
+    const onClick = () => {
+        closeOnRedirect.current = false;
+        setOpen(false);
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { ...props, className: cn('flex flex-row items-center gap-2 rounded-lg px-2 py-1.5 hover:bg-fd-accent/50 hover:text-fd-accent-foreground', props.className), children: [selected ? _jsx(Item, { ...selected }) : null, _jsx(ChevronDown, { className: "me-1.5 size-4 text-fd-muted-foreground" })] }), _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] overflow-hidden p-0", children: options.map((item) => (_jsx(Link, { href: item.url, onClick: onClick, ...item.props, className: cn('flex w-full flex-row items-center gap-2 px-2 py-1.5', selected === item
+                        ? 'bg-fd-accent text-fd-accent-foreground'
+                        : 'hover:bg-fd-accent/50', item.props?.className), children: _jsx(Item, { ...item }) }, item.url))) })] }));
+}
+function Item(props) {
+    return (_jsxs(_Fragment, { children: [props.icon, _jsxs("div", { className: "flex-1 text-start", children: [_jsx("p", { className: "text-sm font-medium", children: props.title }), props.description ? (_jsx("p", { className: "text-xs text-fd-muted-foreground", children: props.description })) : null] })] }));
+}

package/dist/components/layout/search-toggle.d.ts

@@ -0,0 +1,4 @@
+import { type ButtonHTMLAttributes } from 'react';
+export declare function SearchToggle(props: ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+export declare function LargeSearchToggle(props: ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=search-toggle.d.ts.map

package/dist/components/layout/search-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/search-toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAOlD,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,2CAsB1E;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,2CA6B/C"}

package/dist/components/layout/search-toggle.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchIcon } from 'lucide-react';
+import { useSearchContext } from '../../contexts/search';
+import { useI18n } from '../../contexts/i18n';
+import { cn } from '../../utils/cn';
+import { buttonVariants } from '../../components/ui/button';
+export function SearchToggle(props) {
+    const { setOpenSearch } = useSearchContext();
+    return (_jsx("button", { type: "button", className: cn(buttonVariants({
+            size: 'icon',
+            color: 'ghost',
+            className: props.className,
+        })), "data-search": "", "aria-label": "Open Search", onClick: () => {
+            setOpenSearch(true);
+        }, children: _jsx(SearchIcon, {}) }));
+}
+export function LargeSearchToggle(props) {
+    const { hotKey, setOpenSearch } = useSearchContext();
+    const { text } = useI18n();
+    return (_jsxs("button", { type: "button", "data-search-full": "", ...props, className: cn('inline-flex items-center gap-2 rounded-full border bg-fd-secondary/50 p-1.5 text-sm text-fd-muted-foreground transition-colors hover:bg-fd-accent hover:text-fd-accent-foreground', props.className), onClick: () => {
+            setOpenSearch(true);
+        }, children: [_jsx(SearchIcon, { className: "ms-1 size-4" }), text.search, _jsx("div", { className: "ms-auto inline-flex gap-0.5", children: hotKey.map((k, i) => (_jsx("kbd", { className: "rounded-md border bg-fd-background px-1.5", children: k.display }, i))) })] }));
+}

package/dist/components/layout/theme-toggle.d.ts

@@ -0,0 +1,3 @@
+import { type ButtonHTMLAttributes } from 'react';
+export declare function ThemeToggle({ className, ...props }: ButtonHTMLAttributes<HTMLButtonElement>): React.ReactElement;
+//# sourceMappingURL=theme-toggle.d.ts.map

package/dist/components/layout/theme-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/theme-toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAgBlD,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,YAAY,CAuB9D"}

package/dist/components/layout/theme-toggle.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { Moon, Sun } from 'lucide-react';
+import { useTheme } from 'next-themes';
+import { cn } from '../../utils/cn';
+const buttonVariants = cva('size-7 rounded-full p-1.5 text-fd-muted-foreground', {
+    variants: {
+        dark: {
+            true: 'dark:bg-fd-accent dark:text-fd-accent-foreground',
+            false: 'bg-fd-accent text-fd-accent-foreground dark:bg-transparent dark:text-fd-muted-foreground',
+        },
+    },
+});
+export function ThemeToggle({ className, ...props }) {
+    const { setTheme, resolvedTheme } = useTheme();
+    const onToggle = () => {
+        setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');
+    };
+    return (_jsxs("button", { type: "button", className: cn('inline-flex items-center rounded-full border p-[3px]', className), "data-theme-toggle": "", "aria-label": "Toggle Theme", onClick: onToggle, ...props, children: [_jsx(Sun, { className: cn(buttonVariants({ dark: false })) }), _jsx(Moon, { className: cn(buttonVariants({ dark: true })) })] }));
+}

package/dist/components/layout/toc-clerk.d.ts

@@ -0,0 +1,6 @@
+import type { TOCItemType } from 'fumadocs-core/server';
+export default function ClerkTOCItems({ items, isMenu, }: {
+    items: TOCItemType[];
+    isMenu?: boolean;
+}): React.ReactElement;
+//# sourceMappingURL=toc-clerk.d.ts.map

package/dist/components/layout/toc-clerk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc-clerk.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc-clerk.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQxD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,MAAc,GACf,EAAE;IACD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,KAAK,CAAC,YAAY,CAsGrB"}