fumadocs-ui 14.2.0 → 14.3.0

package/dist/chunk-CPGKWLLV.js

@@ -1,43 +0,0 @@
-import {
-  CircleX,
-  Info,
-  TriangleAlert
-} from "./chunk-5QPVK7QM.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-
-// src/components/callout.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Callout = forwardRef(
-  ({ className, children, title, type = "info", icon, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: twMerge(
-          "my-6 flex flex-row gap-2 rounded-lg border bg-fd-card p-3 text-sm text-fd-card-foreground shadow-md",
-          className
-        ),
-        ...props,
-        children: [
-          icon ?? {
-            info: /* @__PURE__ */ jsx(Info, { className: "size-5 fill-blue-500 text-fd-card" }),
-            warn: /* @__PURE__ */ jsx(TriangleAlert, { className: "size-5 fill-orange-500 text-fd-card" }),
-            error: /* @__PURE__ */ jsx(CircleX, { className: "size-5 fill-red-500 text-fd-card" })
-          }[type],
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            title ? /* @__PURE__ */ jsx("p", { className: "not-prose mb-2 font-medium", children: title }) : null,
-            /* @__PURE__ */ jsx("div", { className: "text-fd-muted-foreground prose-no-margin", children })
-          ] })
-        ]
-      }
-    );
-  }
-);
-Callout.displayName = "Callout";
-
-export {
-  Callout
-};

package/dist/chunk-DGKCMOIC.js

@@ -1,56 +0,0 @@
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-
-// src/components/dialog/tag-list.tsx
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var itemVariants = cva(
-  "rounded-md border px-2 py-0.5 text-xs font-medium text-fd-muted-foreground transition-colors",
-  {
-    variants: {
-      active: {
-        true: "bg-fd-accent text-fd-accent-foreground"
-      }
-    }
-  }
-);
-function TagsList({
-  tag,
-  onTagChange,
-  items,
-  allowClear,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...props,
-      className: twMerge("flex flex-row items-center gap-1", props.className),
-      children: [
-        items.map((item) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: twMerge(itemVariants({ active: tag === item.value })),
-            onClick: () => {
-              if (tag === item.value && allowClear) {
-                onTagChange(void 0);
-              } else {
-                onTagChange(item.value);
-              }
-            },
-            tabIndex: -1,
-            children: item.name
-          },
-          item.value
-        )),
-        props.children
-      ]
-    }
-  );
-}
-
-export {
-  TagsList
-};

package/dist/chunk-DN6Z5VW6.js

@@ -1,61 +0,0 @@
-// src/components/layout/toc-thumb.tsx
-import {
-  useEffect,
-  useRef
-} from "react";
-import * as Primitive from "fumadocs-core/toc";
-import { useOnChange } from "fumadocs-core/utils/use-on-change";
-import { jsx } from "react/jsx-runtime";
-function calc(container, active) {
-  if (active.length === 0 || container.clientHeight === 0) {
-    return [0, 0];
-  }
-  let upper = Number.MAX_VALUE, lower = 0;
-  for (const item of active) {
-    const element = container.querySelector(`a[href="#${item}"]`);
-    if (!element) continue;
-    const styles = getComputedStyle(element);
-    upper = Math.min(upper, element.offsetTop + parseFloat(styles.paddingTop));
-    lower = Math.max(
-      lower,
-      element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom)
-    );
-  }
-  return [upper, lower - upper];
-}
-function update(element, info) {
-  element.style.setProperty("--fd-top", `${info[0]}px`);
-  element.style.setProperty("--fd-height", `${info[1]}px`);
-}
-function TocThumb({
-  containerRef,
-  ...props
-}) {
-  const active = Primitive.useActiveAnchors();
-  const thumbRef = useRef(null);
-  const activeRef = useRef(active);
-  activeRef.current = active;
-  useEffect(() => {
-    if (!containerRef.current) return;
-    const container = containerRef.current;
-    const onResize = () => {
-      if (!thumbRef.current) return;
-      update(thumbRef.current, calc(container, activeRef.current));
-    };
-    onResize();
-    const observer = new ResizeObserver(onResize);
-    observer.observe(container);
-    return () => {
-      observer.disconnect();
-    };
-  }, [containerRef]);
-  useOnChange(active, () => {
-    if (!containerRef.current || !thumbRef.current) return;
-    update(thumbRef.current, calc(containerRef.current, active));
-  });
-  return /* @__PURE__ */ jsx("div", { ref: thumbRef, role: "none", ...props });
-}
-
-export {
-  TocThumb
-};

package/dist/chunk-E3VO2QQT.js

@@ -1,29 +0,0 @@
-// src/layouts/shared.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-function getLinks(links, githubUrl) {
-  let result = links ?? [];
-  if (githubUrl)
-    result = [
-      ...result,
-      {
-        type: "icon",
-        url: githubUrl,
-        text: "Github",
-        icon: /* @__PURE__ */ jsx("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) }),
-        external: true
-      }
-    ];
-  return result;
-}
-function replaceOrDefault(obj, def, customComponentProps, disabled) {
-  if (obj?.enabled === false) return disabled;
-  if (obj?.component !== void 0)
-    return /* @__PURE__ */ jsx(Slot, { ...customComponentProps, children: obj.component });
-  return def;
-}
-
-export {
-  getLinks,
-  replaceOrDefault
-};

package/dist/chunk-EFMHXXHW.js

@@ -1,24 +0,0 @@
-// src/contexts/i18n.tsx
-import { createContext, useContext } from "react";
-var I18nContext = createContext({
-  text: {
-    search: "Search",
-    searchNoResult: "No results found",
-    toc: "On this page",
-    tocNoHeadings: "No Headings",
-    lastUpdate: "Last updated on",
-    chooseLanguage: "Choose a language",
-    nextPage: "Next",
-    previousPage: "Previous",
-    chooseTheme: "Theme",
-    editOnGithub: "Edit on GitHub"
-  }
-});
-function useI18n() {
-  return useContext(I18nContext);
-}
-
-export {
-  I18nContext,
-  useI18n
-};

package/dist/chunk-ET4TW6M5.js

@@ -1,70 +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 SearchProvider({
-  SearchDialog,
-  children,
-  preload = true,
-  options,
-  hotKey = [
-    {
-      key: (e) => e.metaKey || e.ctrlKey,
-      display: "\u2318"
-    },
-    {
-      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
-};

package/dist/chunk-GHOAONNQ.js

@@ -1,48 +0,0 @@
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-
-// src/components/card.tsx
-import Link from "fumadocs-core/link";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Cards(props) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...props,
-      className: twMerge("grid grid-cols-1 gap-4 sm:grid-cols-2", props.className),
-      children: props.children
-    }
-  );
-}
-function Card({
-  icon,
-  title,
-  description,
-  ...props
-}) {
-  const E = props.href ? Link : "div";
-  return /* @__PURE__ */ jsxs(
-    E,
-    {
-      ...props,
-      "data-card": true,
-      className: twMerge(
-        "block rounded-lg border bg-fd-card p-4 text-fd-card-foreground shadow-md transition-colors",
-        props.href && "hover:bg-fd-accent/80",
-        props.className
-      ),
-      children: [
-        icon ? /* @__PURE__ */ jsx("div", { className: "not-prose mb-2 w-fit rounded-md border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4", children: icon }) : null,
-        /* @__PURE__ */ jsx("h3", { className: "not-prose mb-1 text-sm font-medium", children: title }),
-        description ? /* @__PURE__ */ jsx("p", { className: "my-0 text-sm text-fd-muted-foreground", children: description }) : null,
-        props.children ? /* @__PURE__ */ jsx("div", { className: "text-sm text-fd-muted-foreground prose-no-margin", children: props.children }) : null
-      ]
-    }
-  );
-}
-
-export {
-  Cards,
-  Card
-};

package/dist/chunk-IHIFNFRB.js

@@ -1,38 +0,0 @@
-import {
-  Link
-} from "./chunk-5QPVK7QM.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-
-// src/components/heading.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Heading({
-  as,
-  className,
-  ...props
-}) {
-  const As = as ?? "h1";
-  if (!props.id) return /* @__PURE__ */ jsx(As, { className, ...props });
-  return /* @__PURE__ */ jsxs(
-    As,
-    {
-      className: twMerge("flex scroll-m-28 flex-row items-center gap-2", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("a", { "data-card": "", href: `#${props.id}`, className: "peer", children: props.children }),
-        /* @__PURE__ */ 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"
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  Heading
-};

package/dist/chunk-IVBHRX3O.js

@@ -1,31 +0,0 @@
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-
-// src/components/ui/popover.tsx
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    side: "bottom",
-    className: twMerge(
-      "z-50 min-w-[220px] max-w-[98vw] rounded-lg border bg-fd-popover p-2 text-sm text-fd-popover-foreground shadow-md focus-visible:outline-none data-[state=closed]:animate-fd-popover-out data-[state=open]:animate-fd-popover-in",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-export {
-  Popover,
-  PopoverTrigger,
-  PopoverContent
-};

package/dist/chunk-JUOW3DZK.js

@@ -1,212 +0,0 @@
-import {
-  LargeSearchToggle
-} from "./chunk-V6RONFCQ.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-5QPVK7QM.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import {
-  useSearchContext
-} from "./chunk-ET4TW6M5.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
-};