fumadocs-ui 14.2.0 → 14.3.0

package/dist/chunk-MCX7E6ZW.js

@@ -1,57 +0,0 @@
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import {
-  useI18n
-} from "./chunk-EFMHXXHW.js";
-
-// src/components/layout/nav.tsx
-import Link from "fumadocs-core/link";
-import { createContext, useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var NavContext = createContext({
-  isTransparent: false
-});
-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 /* @__PURE__ */ jsx(NavContext.Provider, { value: { isTransparent: transparent }, children });
-}
-function Title({
-  title,
-  url,
-  ...props
-}) {
-  const { locale } = useI18n();
-  return /* @__PURE__ */ jsx(
-    Link,
-    {
-      href: url ?? (locale ? `/${locale}` : "/"),
-      ...props,
-      className: twMerge(
-        "inline-flex items-center gap-2.5 font-semibold",
-        props.className
-      ),
-      children: title
-    }
-  );
-}
-
-export {
-  NavContext,
-  NavProvider,
-  Title
-};

package/dist/chunk-MLKGABMK.js

@@ -1,9 +0,0 @@
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-export {
-  __export
-};

package/dist/chunk-PZTQPB4U.js

@@ -1,125 +0,0 @@
-import {
-  isActive
-} from "./chunk-CDPVENXR.js";
-import {
-  buttonVariants
-} from "./chunk-QKOA6KEZ.js";
-import {
-  Moon,
-  Sun
-} from "./chunk-5QPVK7QM.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-
-// src/layouts/links.tsx
-import Link from "fumadocs-core/link";
-import { usePathname } from "next/navigation";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var BaseLinkItem = forwardRef(({ item, ...props }, ref) => {
-  const pathname = usePathname();
-  const activeType = item.active ?? "url";
-  const active = activeType !== "none" && isActive(item.url, pathname, activeType === "nested-url");
-  return /* @__PURE__ */ jsx(
-    Link,
-    {
-      ref,
-      href: item.url,
-      external: item.external,
-      ...props,
-      "data-active": active,
-      children: props.children
-    }
-  );
-});
-BaseLinkItem.displayName = "BaseLinkItem";
-var ButtonItem = forwardRef(({ item, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs(
-    Link,
-    {
-      ref,
-      href: item.url,
-      external: item.external,
-      ...props,
-      className: twMerge(
-        buttonVariants({ color: "secondary" }),
-        "gap-1.5 [&_svg]:size-4",
-        props.className
-      ),
-      children: [
-        item.icon,
-        item.text
-      ]
-    }
-  );
-});
-ButtonItem.displayName = "ButtonItem";
-var IconItem = forwardRef(({ item, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    Link,
-    {
-      ref,
-      "aria-label": item.label,
-      href: item.url,
-      external: item.external,
-      ...props,
-      className: twMerge(
-        buttonVariants({
-          size: "icon",
-          color: "ghost"
-        }),
-        props.className
-      ),
-      children: item.icon
-    }
-  );
-});
-IconItem.displayName = "IconItem";
-
-// src/components/layout/theme-toggle.tsx
-import { cva } from "class-variance-authority";
-import { useTheme } from "next-themes";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var buttonVariants2 = cva("size-6 rounded-full p-1 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"
-    }
-  }
-});
-function ThemeToggle({
-  className,
-  ...props
-}) {
-  const { setTheme, resolvedTheme } = useTheme();
-  const onToggle = () => {
-    setTheme(resolvedTheme === "dark" ? "light" : "dark");
-  };
-  return /* @__PURE__ */ jsxs2(
-    "button",
-    {
-      type: "button",
-      className: twMerge(
-        "inline-flex items-center rounded-full border p-0.5",
-        className
-      ),
-      "data-theme-toggle": "",
-      "aria-label": "Toggle Theme",
-      onClick: onToggle,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx2(Sun, { className: twMerge(buttonVariants2({ dark: false })) }),
-        /* @__PURE__ */ jsx2(Moon, { className: twMerge(buttonVariants2({ dark: true })) })
-      ]
-    }
-  );
-}
-
-export {
-  BaseLinkItem,
-  ButtonItem,
-  IconItem,
-  ThemeToggle
-};

package/dist/chunk-QKOA6KEZ.js

@@ -1,22 +0,0 @@
-// src/components/ui/button.tsx
-import { cva } from "class-variance-authority";
-var buttonVariants = cva(
-  "inline-flex items-center justify-center rounded-md p-2 text-sm font-medium transition-colors duration-100 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      color: {
-        outline: "border hover:bg-fd-accent hover:text-fd-accent-foreground",
-        ghost: "hover:bg-fd-accent hover:text-fd-accent-foreground",
-        secondary: "border bg-fd-secondary text-fd-secondary-foreground hover:bg-fd-accent hover:text-fd-accent-foreground"
-      },
-      size: {
-        sm: "gap-1 p-0.5 text-xs",
-        icon: "p-1.5 [&_svg]:size-5"
-      }
-    }
-  }
-);
-
-export {
-  buttonVariants
-};

package/dist/chunk-TK3TM3MR.js

@@ -1,6 +0,0 @@
-// src/utils/cn.ts
-import { twMerge } from "tailwind-merge";
-
-export {
-  twMerge
-};

package/dist/chunk-TQJ6YPJ3.js

@@ -1,31 +0,0 @@
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-
-// src/components/ui/collapsible.tsx
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var Collapsible = CollapsiblePrimitive.Root;
-var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
-var CollapsibleContent2 = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    CollapsiblePrimitive.CollapsibleContent,
-    {
-      ref,
-      ...props,
-      className: twMerge(
-        "overflow-hidden [--radix-collapsible-content-height:0px] data-[state=closed]:animate-fd-collapsible-up data-[state=open]:animate-fd-collapsible-down",
-        props.className
-      ),
-      children
-    }
-  );
-});
-CollapsibleContent2.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
-
-export {
-  Collapsible,
-  CollapsibleTrigger2 as CollapsibleTrigger,
-  CollapsibleContent2 as CollapsibleContent
-};

package/dist/chunk-V6RONFCQ.js

@@ -1,69 +0,0 @@
-import {
-  buttonVariants
-} from "./chunk-QKOA6KEZ.js";
-import {
-  Search
-} from "./chunk-5QPVK7QM.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import {
-  useSearchContext
-} from "./chunk-ET4TW6M5.js";
-import {
-  useI18n
-} from "./chunk-EFMHXXHW.js";
-
-// src/components/layout/search-toggle.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function SearchToggle(props) {
-  const { setOpenSearch } = useSearchContext();
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      className: twMerge(
-        buttonVariants({
-          size: "icon",
-          color: "ghost",
-          className: props.className
-        })
-      ),
-      "data-search": "",
-      "aria-label": "Open Search",
-      onClick: () => {
-        setOpenSearch(true);
-      },
-      children: /* @__PURE__ */ jsx(Search, {})
-    }
-  );
-}
-function LargeSearchToggle(props) {
-  const { hotKey, setOpenSearch } = useSearchContext();
-  const { text } = useI18n();
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      "data-search-full": "",
-      ...props,
-      className: twMerge(
-        "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: [
-        /* @__PURE__ */ jsx(Search, { className: "ms-1 size-4" }),
-        text.search,
-        /* @__PURE__ */ jsx("div", { className: "ms-auto inline-flex gap-0.5", children: hotKey.map((k, i) => /* @__PURE__ */ jsx("kbd", { className: "rounded-md border bg-fd-background px-1.5", children: k.display }, i)) })
-      ]
-    }
-  );
-}
-
-export {
-  SearchToggle,
-  LargeSearchToggle
-};

package/dist/chunk-WRBUXI2A.js

@@ -1,82 +0,0 @@
-import {
-  isActive
-} from "./chunk-CDPVENXR.js";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger
-} from "./chunk-IVBHRX3O.js";
-import {
-  ChevronDown
-} from "./chunk-5QPVK7QM.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import {
-  useSidebar
-} from "./chunk-27HFSL7N.js";
-
-// src/components/layout/root-toggle.tsx
-import { useMemo, useState } from "react";
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-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 /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs(
-      PopoverTrigger,
-      {
-        ...props,
-        className: twMerge(
-          "flex flex-row items-center gap-2.5 rounded-lg p-1 hover:bg-fd-accent/50 hover:text-fd-accent-foreground",
-          props.className
-        ),
-        children: [
-          selected ? /* @__PURE__ */ jsx(Item, { ...selected }) : null,
-          /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 text-fd-muted-foreground md:me-1.5" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] overflow-hidden p-0", children: options.map((item) => /* @__PURE__ */ jsx(
-      Link,
-      {
-        href: item.url,
-        onClick,
-        ...item.props,
-        className: twMerge(
-          "flex w-full flex-row items-center gap-2.5 p-1.5",
-          selected === item ? "bg-fd-accent text-fd-accent-foreground" : "hover:bg-fd-accent/50",
-          item.props?.className
-        ),
-        children: /* @__PURE__ */ jsx(Item, { ...item })
-      },
-      item.url
-    )) })
-  ] });
-}
-function Item(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    props.icon,
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 text-left", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: props.title }),
-      props.description ? /* @__PURE__ */ jsx("p", { className: "text-xs text-fd-muted-foreground", children: props.description }) : null
-    ] })
-  ] });
-}
-
-export {
-  RootToggle
-};

package/dist/chunk-YL3MZH7N.js

@@ -1,66 +0,0 @@
-// src/contexts/tree.tsx
-import { usePathname } from "next/navigation";
-import {
-  createContext,
-  useContext,
-  useMemo,
-  useRef
-} from "react";
-import { searchPath } from "fumadocs-core/breadcrumb";
-import { jsx } from "react/jsx-runtime";
-var TreeContext = createContext(void 0);
-function scanNavigationList(tree, list) {
-  tree.forEach((node) => {
-    if (node.type === "folder") {
-      if (node.index) {
-        list.push(node.index);
-      }
-      scanNavigationList(node.children, list);
-      return;
-    }
-    if (node.type === "page" && !node.external) {
-      list.push(node);
-    }
-  });
-}
-function TreeContextProvider({
-  children,
-  tree
-}) {
-  const pathname = usePathname();
-  const cache = useRef();
-  const value = useMemo(() => {
-    const path = searchPath(tree.children, pathname) ?? [];
-    const root = path.findLast(
-      (item) => item.type === "folder" && item.root
-    ) ?? tree;
-    return {
-      path,
-      root,
-      getNeighbours() {
-        cache.current ??= /* @__PURE__ */ new WeakMap();
-        let result = cache.current.get(root);
-        if (!result) {
-          result = [];
-          scanNavigationList(root.children, result);
-          cache.current.set(root, result);
-        }
-        const idx = result.findIndex((item) => item.url === pathname);
-        if (idx === -1) return [void 0, void 0];
-        return [result[idx - 1], result[idx + 1]];
-      }
-    };
-  }, [pathname, tree]);
-  return /* @__PURE__ */ jsx(TreeContext.Provider, { value, children });
-}
-function useTreeContext() {
-  const ctx = useContext(TreeContext);
-  if (!ctx)
-    throw new Error("You must wrap this component under <DocsLayout />");
-  return ctx;
-}
-
-export {
-  TreeContextProvider,
-  useTreeContext
-};

package/dist/components/api.client.d.ts

@@ -1,5 +0,0 @@
-import { MouseEventHandler } from 'react';
-
-declare function useCopyButton(onCopy: () => void): [checked: boolean, onClick: MouseEventHandler];
-
-export { useCopyButton as _useCopyButton };

package/dist/components/api.client.js

@@ -1,8 +0,0 @@
-"use client";
-import {
-  useCopyButton
-} from "../chunk-2KMKNVSN.js";
-import "../chunk-MLKGABMK.js";
-export {
-  useCopyButton as _useCopyButton
-};

package/dist/dynamic-sidebar-MEINO4E2.js

@@ -1,129 +0,0 @@
-"use client";
-import {
-  Sidebar
-} from "./chunk-JUOW3DZK.js";
-import "./chunk-V6RONFCQ.js";
-import "./chunk-CDPVENXR.js";
-import "./chunk-TQJ6YPJ3.js";
-import {
-  buttonVariants
-} from "./chunk-QKOA6KEZ.js";
-import "./chunk-2FLZOPQN.js";
-import {
-  PanelLeft
-} from "./chunk-5QPVK7QM.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import "./chunk-ET4TW6M5.js";
-import "./chunk-YL3MZH7N.js";
-import {
-  useSidebar
-} from "./chunk-27HFSL7N.js";
-import "./chunk-EFMHXXHW.js";
-import "./chunk-MLKGABMK.js";
-
-// src/components/layout/dynamic-sidebar.tsx
-import {
-  useCallback,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { useOnChange } from "fumadocs-core/utils/use-on-change";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function DynamicSidebar(props) {
-  const { collapsed, setCollapsed } = useSidebar();
-  const [hover, setHover] = useState(false);
-  const timerRef = useRef(0);
-  const closeTimeRef = useRef(0);
-  useOnChange(collapsed, () => {
-    setHover(false);
-    closeTimeRef.current = Date.now() + 150;
-  });
-  const onEnter = useCallback((e) => {
-    if (e.pointerType === "touch" || closeTimeRef.current > Date.now()) return;
-    window.clearTimeout(timerRef.current);
-    setHover(true);
-  }, []);
-  const onLeave = useCallback((e) => {
-    if (e.pointerType === "touch") return;
-    window.clearTimeout(timerRef.current);
-    timerRef.current = window.setTimeout(
-      () => {
-        setHover(false);
-        closeTimeRef.current = Date.now() + 150;
-      },
-      Math.min(e.clientX, document.body.clientWidth - e.clientX) > 100 ? 0 : 500
-    );
-  }, []);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    collapsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "fixed inset-y-0 start-0 w-6 max-md:hidden",
-          onPointerEnter: onEnter,
-          onPointerLeave: onLeave
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Collapse Sidebar",
-          className: twMerge(
-            buttonVariants({
-              color: "secondary",
-              size: "icon",
-              className: "fixed start-4 bottom-2 z-10 max-md:hidden"
-            })
-          ),
-          onClick: () => {
-            setCollapsed((v) => !v);
-          },
-          children: /* @__PURE__ */ jsx(PanelLeft, {})
-        }
-      ),
-      /* @__PURE__ */ jsx("style", { children: `#nd-page { --fd-sidebar-width: 0px; }` })
-    ] }) : null,
-    /* @__PURE__ */ jsx(
-      Sidebar,
-      {
-        ...props,
-        aside: useMemo(
-          () => ({
-            "data-collapse": collapsed,
-            "data-hover": hover,
-            onPointerEnter: collapsed ? onEnter : void 0,
-            onPointerLeave: collapsed ? onLeave : void 0,
-            "aria-hidden": Boolean(collapsed && !hover),
-            style: {
-              // the offset given to docs content when the sidebar is collapsed
-              "--fd-content-offset": "calc(var(--fd-sidebar-width) * -1)"
-            },
-            className: twMerge(
-              "md:transition-[transform,margin,flex]",
-              collapsed && [
-                "md:me-[var(--fd-content-offset)] md:grow-0 md:shadow-md",
-                hover ? "md:translate-x-0" : "md:translate-x-[calc(var(--fd-sidebar-width)*-1)] rtl:md:translate-x-[var(--fd-sidebar-width)]"
-              ],
-              ``
-            )
-          }),
-          [collapsed, hover, onEnter, onLeave]
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "none",
-        className: twMerge("transition-all max-md:hidden", collapsed && "flex-1")
-      }
-    )
-  ] });
-}
-export {
-  DynamicSidebar as default
-};

package/dist/edit-on-github-PCTRDRD6.js

@@ -1,49 +0,0 @@
-"use client";
-import {
-  buttonVariants
-} from "./chunk-QKOA6KEZ.js";
-import {
-  SquarePen
-} from "./chunk-5QPVK7QM.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import {
-  useI18n
-} from "./chunk-EFMHXXHW.js";
-import "./chunk-MLKGABMK.js";
-
-// src/components/layout/edit-on-github.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EditOnGitHub = forwardRef(
-  ({ owner, repo, sha = "main", path, ...props }, ref) => {
-    const { text } = useI18n();
-    return /* @__PURE__ */ jsxs(
-      "a",
-      {
-        ref,
-        href: `https://github.com/${owner}/${repo}/blob/${sha}/${path.startsWith("/") ? path.slice(1) : path}`,
-        target: "_blank",
-        rel: "noreferrer noopener",
-        ...props,
-        className: twMerge(
-          buttonVariants({
-            color: "secondary",
-            className: "gap-1.5 py-1 text-fd-muted-foreground"
-          }),
-          props.className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(SquarePen, { className: "size-3.5" }),
-          text.editOnGithub
-        ]
-      }
-    );
-  }
-);
-EditOnGitHub.displayName = "EditOnGitHub";
-var edit_on_github_default = EditOnGitHub;
-export {
-  edit_on_github_default as default
-};

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

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { S as SharedNavProps, L as LinkItemType } from '../shared-SScCiV7b.js';
-export { N as NavProvider } from '../shared-SScCiV7b.js';
-
-declare function Nav({ items, enableSearch, ...props }: Omit<SharedNavProps, 'transparentMode'> & {
-    disableThemeSwitch?: boolean;
-    i18n?: boolean;
-    items: LinkItemType[];
-}): ReactNode;
-
-export { Nav };