fumadocs-ui 14.2.1 → 14.3.1

package/dist/chunk-CLF6ZVYS.js

@@ -1,259 +0,0 @@
-import {
-  buttonVariants
-} from "./chunk-QKOA6KEZ.js";
-import {
-  FileText,
-  Hash,
-  LoaderCircle,
-  Search,
-  Text
-} from "./chunk-VPJMNIJX.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import {
-  useSearchContext
-} from "./chunk-UUGCW3UP.js";
-import {
-  useSidebar
-} from "./chunk-27HFSL7N.js";
-import {
-  useI18n
-} from "./chunk-EFMHXXHW.js";
-
-// src/components/dialog/search.tsx
-import { useRouter } from "next/navigation";
-import {
-  useMemo,
-  useEffect,
-  useState,
-  useRef
-} from "react";
-import {
-  Dialog,
-  DialogContent,
-  DialogOverlay,
-  DialogTitle
-} from "@radix-ui/react-dialog";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SearchDialog({
-  open,
-  onOpenChange,
-  footer,
-  links = [],
-  ...props
-}) {
-  const { text } = useI18n();
-  const defaultItems = useMemo(
-    () => links.map(([name, link]) => ({
-      type: "page",
-      id: name,
-      content: name,
-      url: link
-    })),
-    [links]
-  );
-  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx(DialogOverlay, { className: "fixed inset-0 z-50 bg-fd-background/50 backdrop-blur-sm data-[state=closed]:animate-fd-fade-out data-[state=open]:animate-fd-fade-in" }),
-    /* @__PURE__ */ jsxs(
-      DialogContent,
-      {
-        "aria-describedby": void 0,
-        className: "fixed left-1/2 top-[10vh] z-50 w-[98vw] max-w-screen-sm origin-left -translate-x-1/2 rounded-lg border bg-fd-popover text-fd-popover-foreground shadow-lg data-[state=closed]:animate-fd-dialog-out data-[state=open]:animate-fd-dialog-in",
-        children: [
-          /* @__PURE__ */ jsx(DialogTitle, { className: "hidden", children: text.search }),
-          /* @__PURE__ */ jsx(
-            SearchInput,
-            {
-              search: props.search,
-              onSearchChange: props.onSearchChange,
-              isLoading: props.isLoading
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SearchList,
-            {
-              items: props.results === "empty" ? defaultItems : props.results,
-              hideResults: props.results === "empty" && defaultItems.length === 0
-            }
-          ),
-          footer ? /* @__PURE__ */ jsx("div", { className: "mt-auto flex flex-col border-t p-3", children: footer }) : null
-        ]
-      }
-    )
-  ] });
-}
-var icons = {
-  text: /* @__PURE__ */ jsx(Text, { className: "size-4 text-fd-muted-foreground" }),
-  heading: /* @__PURE__ */ jsx(Hash, { className: "size-4 text-fd-muted-foreground" }),
-  page: /* @__PURE__ */ jsx(FileText, { className: "size-4 text-fd-muted-foreground" })
-};
-function SearchInput({ search, onSearchChange, isLoading }) {
-  const { text } = useI18n();
-  const { setOpenSearch } = useSearchContext();
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 px-3", children: [
-    /* @__PURE__ */ jsx(LoadingIndicator, { isLoading: isLoading ?? false }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        value: search,
-        onChange: (e) => {
-          onSearchChange(e.target.value);
-        },
-        placeholder: text.search,
-        className: "w-0 flex-1 bg-transparent py-3 text-base placeholder:text-fd-muted-foreground focus-visible:outline-none"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Close Search",
-        onClick: () => {
-          setOpenSearch(false);
-        },
-        className: twMerge(
-          buttonVariants({
-            color: "outline",
-            className: "text-xs p-1.5"
-          })
-        ),
-        children: "Esc"
-      }
-    )
-  ] });
-}
-function SearchList({ items, hideResults = false }) {
-  const [active, setActive] = useState();
-  const { text } = useI18n();
-  const router = useRouter();
-  const sidebar = useSidebar();
-  const { setOpenSearch } = useSearchContext();
-  if (items.length > 0 && (!active || items.every((item) => item.id !== active))) {
-    setActive(items[0].id);
-  }
-  const listenerRef = useRef();
-  listenerRef.current = (e) => {
-    if (e.key === "ArrowDown" || e.key == "ArrowUp") {
-      setActive((cur) => {
-        const idx = items.findIndex((item) => item.id === cur);
-        if (idx === -1) return items.at(0)?.id;
-        return items.at(
-          (e.key === "ArrowDown" ? idx + 1 : idx - 1) % items.length
-        )?.id;
-      });
-      e.preventDefault();
-    }
-    if (e.key === "Enter") {
-      const selected = items.find((item) => item.id === active);
-      if (selected) onOpen(selected.url);
-      e.preventDefault();
-    }
-  };
-  useEffect(() => {
-    const listener = (e) => {
-      listenerRef.current?.(e);
-    };
-    window.addEventListener("keydown", listener);
-    return () => {
-      window.removeEventListener("keydown", listener);
-    };
-  }, []);
-  const onOpen = (url) => {
-    router.push(url);
-    setOpenSearch(false);
-    sidebar.setOpen(false);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: twMerge(
-        "flex max-h-[460px] flex-col overflow-y-auto border-t p-2",
-        hideResults && "hidden"
-      ),
-      children: [
-        items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm", children: text.searchNoResult }) : null,
-        items.map((item) => /* @__PURE__ */ jsxs(
-          CommandItem,
-          {
-            value: item.id,
-            active,
-            onActiveChange: setActive,
-            onClick: () => {
-              onOpen(item.url);
-            },
-            children: [
-              item.type !== "page" ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  role: "none",
-                  className: "ms-2 h-full min-h-10 w-px bg-fd-border"
-                }
-              ) : null,
-              icons[item.type],
-              /* @__PURE__ */ jsx("p", { className: "w-0 flex-1 truncate", children: item.content })
-            ]
-          },
-          item.id
-        ))
-      ]
-    }
-  );
-}
-function LoadingIndicator({ isLoading }) {
-  return /* @__PURE__ */ jsxs("div", { className: "relative size-4", children: [
-    /* @__PURE__ */ jsx(
-      LoaderCircle,
-      {
-        className: twMerge(
-          "absolute size-full animate-spin text-fd-primary transition-opacity",
-          !isLoading && "opacity-0"
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Search,
-      {
-        className: twMerge(
-          "absolute size-full text-fd-muted-foreground transition-opacity",
-          isLoading && "opacity-0"
-        )
-      }
-    )
-  ] });
-}
-function CommandItem({
-  active,
-  onActiveChange,
-  value,
-  ...props
-}) {
-  const ref = useRef(null);
-  useEffect(() => {
-    const element = ref.current;
-    if (active === value && element) {
-      element.scrollIntoView({
-        block: "nearest"
-      });
-    }
-  }, [active, value]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      type: "button",
-      "aria-selected": active === value,
-      onPointerMove: () => onActiveChange(value),
-      ...props,
-      className: twMerge(
-        "flex min-h-10 select-none flex-row items-center gap-2.5 rounded-lg px-2 text-start text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-selected:bg-fd-accent aria-selected:text-fd-accent-foreground",
-        props.className
-      ),
-      children: props.children
-    }
-  );
-}
-
-export {
-  SearchDialog
-};

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

@@ -1,43 +0,0 @@
-import {
-  CircleX,
-  Info,
-  TriangleAlert
-} from "./chunk-VPJMNIJX.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-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-IL64LMKR.js

@@ -1,82 +0,0 @@
-import {
-  isActive
-} from "./chunk-CDPVENXR.js";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger
-} from "./chunk-IVBHRX3O.js";
-import {
-  ChevronDown
-} from "./chunk-VPJMNIJX.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-ILBYBJ5C.js

@@ -1,38 +0,0 @@
-import {
-  Link
-} from "./chunk-VPJMNIJX.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
-};