fumadocs-ui 14.2.1 → 14.3.0

package/dist/chunk-J6XGK6ZG.js

@@ -1,212 +0,0 @@
-import {
-  LargeSearchToggle
-} from "./chunk-W36BQGMB.js";
-import {
-  isActive
-} from "./chunk-CDPVENXR.js";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "./chunk-TQJ6YPJ3.js";
-import {
-  ScrollArea,
-  ScrollViewport
-} from "./chunk-2FLZOPQN.js";
-import {
-  ChevronDown,
-  ExternalLink
-} from "./chunk-VPJMNIJX.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import {
-  useSearchContext
-} from "./chunk-UUGCW3UP.js";
-import {
-  useTreeContext
-} from "./chunk-YL3MZH7N.js";
-
-// src/components/layout/sidebar.tsx
-import * as Base from "fumadocs-core/sidebar";
-import { usePathname } from "next/navigation";
-import {
-  createContext,
-  memo,
-  useContext,
-  useMemo,
-  useState
-} from "react";
-import Link from "fumadocs-core/link";
-import { useOnChange } from "fumadocs-core/utils/use-on-change";
-
-// src/components/layout/variants.ts
-import { cva } from "class-variance-authority";
-var itemVariants = cva([
-  "flex flex-row items-center gap-2 rounded-md px-2 py-1.5 text-fd-muted-foreground transition-colors duration-100 [overflow-wrap:anywhere] [&_svg]:size-4",
-  "data-[active=false]:hover:bg-fd-accent/50 data-[active=false]:hover:text-fd-accent-foreground/80 data-[active=false]:hover:transition-none",
-  "data-[active=true]:bg-fd-primary/10 data-[active=true]:font-medium data-[active=true]:text-fd-primary"
-]);
-
-// src/components/layout/sidebar.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Context = createContext(void 0);
-var Sidebar = memo(
-  ({
-    components,
-    defaultOpenLevel = 0,
-    prefetch = true,
-    ...props
-  }) => {
-    const search = useSearchContext();
-    const hasSearch = search.enabled && !props.hideSearch;
-    const context = useMemo(
-      () => ({
-        defaultOpenLevel,
-        components: {
-          Folder: FolderNode,
-          Separator: SeparatorNode,
-          Item: PageNode,
-          ...components
-        },
-        prefetch
-      }),
-      [components, defaultOpenLevel, prefetch]
-    );
-    return /* @__PURE__ */ jsx(
-      Base.SidebarList,
-      {
-        id: "nd-sidebar",
-        blockScrollingWidth: 768,
-        ...props.aside,
-        className: twMerge(
-          "fixed top-fd-layout-top z-30 bg-fd-card text-sm md:sticky md:h-[var(--fd-sidebar-height)] md:flex-1",
-          "max-md:inset-x-0 max-md:bottom-0 max-md:bg-fd-background/80 max-md:text-[15px] max-md:backdrop-blur-lg max-md:data-[open=false]:invisible",
-          props.aside?.className
-        ),
-        style: {
-          ...props.aside?.style,
-          "--fd-sidebar-height": "calc(100dvh - var(--fd-banner-height) - var(--fd-nav-height))"
-        },
-        children: /* @__PURE__ */ jsxs("div", { className: "flex size-full flex-col pt-2 md:ms-auto md:w-[var(--fd-sidebar-width)] md:border-e md:pt-4", children: [
-          props.banner,
-          hasSearch ? /* @__PURE__ */ jsx(LargeSearchToggle, { className: "mx-4 rounded-lg max-md:hidden md:mx-3" }) : null,
-          /* @__PURE__ */ jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxs(
-            ScrollViewport,
-            {
-              style: {
-                maskImage: "linear-gradient(to bottom, transparent 2px, white 16px)"
-              },
-              children: [
-                props.children,
-                /* @__PURE__ */ jsx(Context.Provider, { value: context, children: /* @__PURE__ */ jsx(RootNodeList, {}) })
-              ]
-            }
-          ) }),
-          props.footer
-        ] })
-      }
-    );
-  }
-);
-Sidebar.displayName = "Sidebar";
-var SeparatorNode = memo(({ item }) => {
-  return /* @__PURE__ */ jsx("p", { className: "mb-2 mt-8 px-2 text-sm font-medium first:mt-0", children: item.name });
-});
-SeparatorNode.displayName = "SeparatorNode";
-function RootNodeList() {
-  const { root } = useTreeContext();
-  const { components } = useInternalContext();
-  return /* @__PURE__ */ jsx("div", { className: "px-2 py-4 md:px-3", children: renderList(root.children, 0, components) });
-}
-function renderList(items, level, { Separator, Item, Folder }) {
-  return items.map((item, i) => {
-    const id = `${item.type}_${i.toString()}`;
-    switch (item.type) {
-      case "separator":
-        return /* @__PURE__ */ jsx(Separator, { item }, id);
-      case "folder":
-        return /* @__PURE__ */ jsx(Folder, { item, level: level + 1 }, id);
-      default:
-        return /* @__PURE__ */ jsx(Item, { item }, item.url);
-    }
-  });
-}
-var PageNode = memo(({ item }) => {
-  const pathname = usePathname();
-  const active = isActive(item.url, pathname, false);
-  const { prefetch } = useInternalContext();
-  return /* @__PURE__ */ jsxs(
-    Link,
-    {
-      href: item.url,
-      external: item.external,
-      "data-active": active,
-      className: twMerge(itemVariants()),
-      prefetch,
-      children: [
-        item.icon ?? (item.external ? /* @__PURE__ */ jsx(ExternalLink, {}) : null),
-        item.name
-      ]
-    }
-  );
-});
-PageNode.displayName = "PageNode";
-var FolderNode = memo(
-  ({ item, level }) => {
-    const { defaultOpenLevel, prefetch, components } = useInternalContext();
-    const { path } = useTreeContext();
-    const pathname = usePathname();
-    const active = item.index !== void 0 && isActive(item.index.url, pathname, false);
-    const className = twMerge(itemVariants(), "w-full md:pe-1.5");
-    const shouldExtend = active || path.includes(item) || (item.defaultOpen ?? defaultOpenLevel >= level);
-    const [open, setOpen] = useState(shouldExtend);
-    useOnChange(shouldExtend, (v) => {
-      if (v) setOpen(v);
-    });
-    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-      item.icon,
-      item.name,
-      /* @__PURE__ */ jsx(
-        ChevronDown,
-        {
-          "data-icon": true,
-          className: twMerge("ms-auto transition-transform", !open && "-rotate-90")
-        }
-      )
-    ] });
-    return /* @__PURE__ */ jsxs(Collapsible, { open, onOpenChange: setOpen, children: [
-      item.index ? /* @__PURE__ */ jsx(
-        Link,
-        {
-          "data-active": active,
-          className,
-          href: item.index.url,
-          onClick: (e) => {
-            if (
-              // clicking on icon
-              e.target.hasAttribute("data-icon") || active
-            ) {
-              setOpen((prev) => !prev);
-              e.preventDefault();
-            }
-          },
-          prefetch,
-          children: content
-        }
-      ) : /* @__PURE__ */ jsx(CollapsibleTrigger, { "data-active": active, className, children: content }),
-      /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "ms-2 border-s py-1.5 ps-1", children: renderList(item.children, level, components) }) })
-    ] });
-  }
-);
-FolderNode.displayName = "FolderNode";
-function useInternalContext() {
-  const ctx = useContext(Context);
-  if (!ctx) throw new Error("<Sidebar /> component required.");
-  return ctx;
-}
-
-export {
-  itemVariants,
-  Sidebar
-};

package/dist/chunk-KZTWSBYY.js

@@ -1,68 +0,0 @@
-import {
-  buttonVariants
-} from "./chunk-QKOA6KEZ.js";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger
-} from "./chunk-IVBHRX3O.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import {
-  useI18n
-} from "./chunk-EFMHXXHW.js";
-
-// src/components/layout/language-toggle.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function LanguageToggle(props) {
-  const context = useI18n();
-  if (!context.locales) throw new Error("Missing `<I18nProvider />`");
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(
-      PopoverTrigger,
-      {
-        "aria-label": context.text.chooseLanguage,
-        ...props,
-        className: twMerge(
-          buttonVariants({
-            color: "ghost",
-            className: "gap-1.5 p-1.5"
-          }),
-          props.className
-        ),
-        children: props.children
-      }
-    ),
-    /* @__PURE__ */ jsxs(PopoverContent, { className: "flex flex-col overflow-hidden p-0", children: [
-      /* @__PURE__ */ jsx("p", { className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground", children: context.text.chooseLanguage }),
-      context.locales.map((item) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: twMerge(
-            "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
-      ))
-    ] })
-  ] });
-}
-function LanguageToggleText(props) {
-  const context = useI18n();
-  const text = context.locales?.find(
-    (item) => item.locale === context.locale
-  )?.name;
-  return /* @__PURE__ */ jsx("span", { ...props, children: text });
-}
-
-export {
-  LanguageToggle,
-  LanguageToggleText
-};

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-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-UUGCW3UP.js

@@ -1,84 +0,0 @@
-// src/contexts/search.tsx
-import {
-  createContext,
-  useContext,
-  useEffect,
-  useMemo,
-  useState
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SearchContext = createContext({
-  enabled: false,
-  hotKey: [],
-  setOpenSearch: () => void 0
-});
-function useSearchContext() {
-  return useContext(SearchContext);
-}
-function MetaOrControl() {
-  const [key, setKey] = useState("\u2318");
-  useEffect(() => {
-    const isWindows = window.navigator.userAgent.includes("Windows");
-    if (isWindows) setKey("Ctrl");
-  }, []);
-  return key;
-}
-function SearchProvider({
-  SearchDialog,
-  children,
-  preload = true,
-  options,
-  hotKey = [
-    {
-      key: (e) => e.metaKey || e.ctrlKey,
-      display: /* @__PURE__ */ jsx(MetaOrControl, {})
-    },
-    {
-      key: "k",
-      display: "K"
-    }
-  ],
-  links
-}) {
-  const [isOpen, setIsOpen] = useState(preload ? false : void 0);
-  useEffect(() => {
-    const handler = (e) => {
-      if (hotKey.every(
-        (v) => typeof v.key === "string" ? e.key === v.key : v.key(e)
-      )) {
-        setIsOpen(true);
-        e.preventDefault();
-      }
-    };
-    window.addEventListener("keydown", handler);
-    return () => {
-      window.removeEventListener("keydown", handler);
-    };
-  }, [hotKey]);
-  return /* @__PURE__ */ jsxs(
-    SearchContext.Provider,
-    {
-      value: useMemo(
-        () => ({ enabled: true, hotKey, setOpenSearch: setIsOpen }),
-        [hotKey]
-      ),
-      children: [
-        isOpen !== void 0 && /* @__PURE__ */ jsx(
-          SearchDialog,
-          {
-            open: isOpen,
-            onOpenChange: setIsOpen,
-            links,
-            ...options
-          }
-        ),
-        children
-      ]
-    }
-  );
-}
-
-export {
-  useSearchContext,
-  SearchProvider
-};