fumadocs-ui 8.0.0

package/dist/components/dialog/search.js

@@ -0,0 +1,13 @@
+import {
+  SearchDialog,
+  SearchDialogContent
+} from "../../chunk-IXYX64FW.js";
+import "../../chunk-36MVEJ25.js";
+import "../../chunk-YAHHY62W.js";
+import "../../chunk-5KW7ATCP.js";
+import "../../chunk-KCGRUOMD.js";
+import "../../chunk-6C3VEZWH.js";
+export {
+  SearchDialog,
+  SearchDialogContent
+};

package/dist/components/files.d.mts

@@ -0,0 +1,20 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+declare function Files({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+interface FileProps {
+    title: string;
+    icon?: ReactNode;
+    /**
+     * Open folder by default
+     *
+     * @defaultValue false
+     */
+    defaultOpen?: boolean;
+    /**
+     * hildren files of the folder, considered as file if empty
+     */
+    children?: ReactNode;
+}
+declare function File({ title, icon, defaultOpen, children, }: FileProps): JSX.Element;
+
+export { File, Files };

package/dist/components/files.js

@@ -0,0 +1,56 @@
+"use client";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "../chunk-5EZE3X7G.js";
+import {
+  cn
+} from "../chunk-KCGRUOMD.js";
+import "../chunk-6C3VEZWH.js";
+
+// src/components/files.tsx
+import { cva } from "class-variance-authority";
+import { FileIcon, FolderIcon, FolderOpenIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var item = cva(
+  "flex flex-row items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground [&_svg]:size-4"
+);
+function Files({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("not-prose rounded-md border bg-card p-2", className),
+      ...props,
+      children: props.children
+    }
+  );
+}
+function File({
+  title,
+  icon,
+  defaultOpen,
+  children
+}) {
+  if (!children) {
+    return /* @__PURE__ */ jsxs("p", { className: cn(item()), children: [
+      icon ?? /* @__PURE__ */ jsx(FileIcon, {}),
+      title
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen, children: [
+    /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: cn(item({ className: "group w-full" })), children: [
+      /* @__PURE__ */ jsx(FolderIcon, { className: "group-data-[state=open]:hidden" }),
+      /* @__PURE__ */ jsx(FolderOpenIcon, { className: "group-data-[state=closed]:hidden" }),
+      title
+    ] }),
+    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "ml-4 flex flex-col border-l py-2 pl-2", children }) })
+  ] });
+}
+export {
+  File,
+  Files
+};

package/dist/components/heading.d.mts

@@ -0,0 +1,9 @@
+import { 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>): JSX.Element;
+
+export { Heading };

package/dist/components/heading.js

@@ -0,0 +1,8 @@
+import {
+  Heading
+} from "../chunk-CBOHU2VN.js";
+import "../chunk-KCGRUOMD.js";
+import "../chunk-6C3VEZWH.js";
+export {
+  Heading
+};

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

@@ -0,0 +1,12 @@
+import { ImageProps } from 'next/image';
+import { ImgHTMLAttributes } from 'react';
+
+type ImageZoomProps = ImageProps & {
+    /**
+     * Image props when zoom in
+     */
+    zoomInProps?: ImgHTMLAttributes<HTMLImageElement>;
+};
+declare function ImageZoom({ zoomInProps, children, ...props }: ImageZoomProps): JSX.Element;
+
+export { ImageZoom, type ImageZoomProps };

package/dist/components/image-zoom.js

@@ -0,0 +1,39 @@
+"use client";
+import {
+  defaultImageSizes
+} from "../chunk-EDUYFB4P.js";
+import "../chunk-6C3VEZWH.js";
+
+// src/components/image-zoom.tsx
+import Image from "next/image";
+import Zoom from "react-medium-image-zoom";
+import { jsx } from "react/jsx-runtime";
+function getImageSrc(src) {
+  if (typeof src === "string")
+    return src;
+  if ("default" in src)
+    return src.default.src;
+  return src.src;
+}
+function ImageZoom({
+  zoomInProps,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Zoom,
+    {
+      zoomMargin: 20,
+      wrapElement: "span",
+      zoomImg: {
+        src: getImageSrc(props.src),
+        sizes: void 0,
+        ...zoomInProps
+      },
+      children: children ?? /* @__PURE__ */ jsx(Image, { sizes: defaultImageSizes, ...props })
+    }
+  );
+}
+export {
+  ImageZoom
+};

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

@@ -0,0 +1,11 @@
+import { TOCItemType } from 'fumadocs-core/server';
+import { ReactNode } from 'react';
+
+interface InlineTocProps {
+    items: TOCItemType[];
+    defaultOpen?: boolean;
+    children?: ReactNode;
+}
+declare function InlineTOC({ items, defaultOpen, children, }: InlineTocProps): JSX.Element;
+
+export { InlineTOC, type InlineTocProps };

package/dist/components/inline-toc.js

@@ -0,0 +1,53 @@
+"use client";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "../chunk-5EZE3X7G.js";
+import "../chunk-KCGRUOMD.js";
+import "../chunk-6C3VEZWH.js";
+
+// src/components/inline-toc.tsx
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function InlineTOC({
+  items,
+  defaultOpen,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      defaultOpen,
+      className: "not-prose rounded-lg border bg-card text-card-foreground",
+      children: [
+        /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: children ?? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "inline-flex w-full items-center justify-between p-4 text-medium 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 px-6 pb-4 text-sm text-muted-foreground", children: items.map((item) => /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: item.url,
+            className: "py-1.5 hover:text-accent-foreground",
+            style: {
+              paddingLeft: 16 * Math.max(item.depth - 2, 0)
+            },
+            children: item.title
+          },
+          item.url
+        )) }) })
+      ]
+    }
+  );
+}
+export {
+  InlineTOC
+};

package/dist/components/roll-button.d.mts

@@ -0,0 +1,14 @@
+interface RollButtonProps {
+    /**
+     * Percentage of scroll position to display the roll button
+     *
+     * @defaultValue 0.2
+     */
+    percentage?: number;
+}
+/**
+ * A button that scrolls to the top
+ */
+declare function RollButton({ percentage }: RollButtonProps): JSX.Element;
+
+export { RollButton };

package/dist/components/roll-button.js

@@ -0,0 +1,54 @@
+"use client";
+import {
+  buttonVariants
+} from "../chunk-5KW7ATCP.js";
+import {
+  cn
+} from "../chunk-KCGRUOMD.js";
+import "../chunk-6C3VEZWH.js";
+
+// src/components/roll-button.tsx
+import { ChevronUpIcon } from "lucide-react";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function RollButton({ percentage = 0.2 }) {
+  const [show, setShow] = useState(false);
+  useEffect(() => {
+    const listener = () => {
+      const element = document.scrollingElement;
+      if (!element)
+        return;
+      const nearTop = element.scrollTop / (element.scrollHeight - element.clientHeight) < percentage;
+      setShow(!nearTop);
+    };
+    window.addEventListener("scroll", listener);
+    return () => {
+      window.removeEventListener("scroll", listener);
+    };
+  }, [percentage]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": "Scroll to Top",
+      className: cn(
+        buttonVariants({
+          color: "secondary",
+          size: "icon",
+          className: "fixed bottom-8 p-3 right-8 z-50 shadow-md rounded-full transition-all"
+        }),
+        !show && "translate-y-20 opacity-0"
+      ),
+      onClick: () => {
+        document.scrollingElement?.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      },
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+    }
+  );
+}
+export {
+  RollButton
+};

package/dist/components/steps.d.mts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+declare function Steps({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+declare function Step({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+
+export { Step, Steps };

package/dist/components/steps.js

@@ -0,0 +1,14 @@
+import "../chunk-6C3VEZWH.js";
+
+// src/components/steps.tsx
+import { jsx } from "react/jsx-runtime";
+function Steps({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "steps", children });
+}
+function Step({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "step", children });
+}
+export {
+  Step,
+  Steps
+};

package/dist/components/tabs.d.mts

@@ -0,0 +1,37 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { TabsContentProps } from '@radix-ui/react-tabs';
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+declare const Tabs$1: react.ForwardRefExoticComponent<TabsPrimitive.TabsProps & react.RefAttributes<HTMLDivElement>>;
+declare const TabsList: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const tabs_TabsContent: typeof TabsContent;
+declare const tabs_TabsList: typeof TabsList;
+declare const tabs_TabsTrigger: typeof TabsTrigger;
+declare namespace tabs {
+  export { Tabs$1 as Tabs, tabs_TabsContent as TabsContent, tabs_TabsList as TabsList, tabs_TabsTrigger as TabsTrigger };
+}
+
+interface TabsProps {
+    /**
+     * Identifier for Sharing value of tabs
+     */
+    id?: string;
+    /**
+     * Enable persistent
+     */
+    persist?: boolean;
+    /**
+     * @defaultValue 0
+     */
+    defaultIndex?: number;
+    items?: string[];
+    children: ReactNode;
+}
+declare function Tabs({ id, items, persist, defaultIndex, children, }: TabsProps): JSX.Element;
+declare function Tab({ value, className, ...props }: TabsContentProps): JSX.Element;
+
+export { tabs as Primitive, Tab, Tabs, type TabsProps };

package/dist/components/tabs.js

@@ -0,0 +1,141 @@
+"use client";
+import {
+  cn
+} from "../chunk-KCGRUOMD.js";
+import {
+  __export
+} from "../chunk-6C3VEZWH.js";
+
+// src/components/tabs.tsx
+import { useEffect, useMemo, useState } from "react";
+
+// src/components/ui/tabs.tsx
+var tabs_exports = {};
+__export(tabs_exports, {
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger
+});
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-9 w-full items-end gap-2 overflow-x-auto text-muted-foreground shadow-[0_-1px_0_var(--tw-shadow)_inset] shadow-border",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "whitespace-nowrap border-b border-transparent p-1.5 text-sm font-medium hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-primary data-[state=active]:text-primary",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn("mt-2 focus-visible:outline-none", className),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/tabs.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var valueMap = /* @__PURE__ */ new Map();
+var listeners = /* @__PURE__ */ new Map();
+function add(id, listener) {
+  if (listeners.has(id)) {
+    listeners.get(id)?.add(listener);
+  } else {
+    listeners.set(id, /* @__PURE__ */ new Set([listener]));
+  }
+}
+function remove(id, listener) {
+  listeners.get(id)?.delete(listener);
+}
+function update(id, v, persist) {
+  valueMap.set(id, v);
+  listeners.get(id)?.forEach((item) => {
+    item();
+  });
+  if (persist)
+    localStorage.setItem(id, v);
+}
+function Tabs2({
+  id,
+  items = [],
+  persist = false,
+  defaultIndex = 0,
+  children
+}) {
+  const values = useMemo(() => items.map((item) => toValue(item)), [items]);
+  const [value, setValue] = useState(values[defaultIndex]);
+  useEffect(() => {
+    if (!id)
+      return;
+    const onUpdate = () => {
+      const current = valueMap.get(id);
+      if (current && values.includes(current))
+        setValue(current);
+    };
+    if (persist) {
+      const previous = localStorage.getItem(id);
+      if (previous)
+        update(id, previous, persist);
+    }
+    add(id, onUpdate);
+    onUpdate();
+    return () => {
+      remove(id, onUpdate);
+    };
+  }, [id, persist, values]);
+  const onValueChange = (v) => {
+    if (id) {
+      update(id, v, persist);
+    } else {
+      setValue(v);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Tabs, { value, onValueChange, children: [
+    /* @__PURE__ */ jsx2(TabsList, { children: values.map((v, i) => /* @__PURE__ */ jsx2(TabsTrigger, { value: v, children: items[i] }, v)) }),
+    children
+  ] });
+}
+function toValue(v) {
+  return v.toLowerCase().replace(/\s/, "-");
+}
+function Tab({
+  value,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    TabsContent,
+    {
+      value: toValue(value),
+      className: cn("prose-no-margin", className),
+      ...props
+    }
+  );
+}
+export {
+  tabs_exports as Primitive,
+  Tab,
+  Tabs2 as Tabs
+};

package/dist/components/type-table.d.mts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+
+declare function Info({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+interface ObjectType {
+    /**
+     * Additional description of the field
+     */
+    description?: string;
+    type: string;
+    typeDescription?: string;
+    /**
+     * Optional link to the type
+     */
+    typeDescriptionLink?: string;
+    default?: string;
+}
+declare function TypeTable({ type, }: {
+    type: Record<string, ObjectType>;
+}): JSX.Element;
+
+export { Info, TypeTable };

package/dist/components/type-table.js

@@ -0,0 +1,52 @@
+"use client";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "../chunk-GZQICERS.js";
+import {
+  cn
+} from "../chunk-KCGRUOMD.js";
+import "../chunk-6C3VEZWH.js";
+
+// src/components/type-table.tsx
+import { InfoIcon } from "lucide-react";
+import Link from "next/link";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Info({ children }) {
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "text-sm", children })
+  ] });
+}
+function TypeTable({
+  type
+}) {
+  const th = cn("p-2 font-medium first:pl-0 last:pr-0");
+  const td = cn("p-2 first:pl-0 last:pr-0");
+  const field = cn("inline-flex flex-row items-center gap-1");
+  const code = cn("rounded-md bg-secondary p-1 text-secondary-foreground");
+  return /* @__PURE__ */ jsx("div", { className: "not-prose overflow-auto whitespace-nowrap", children: /* @__PURE__ */ jsxs("table", { className: "my-4 w-full text-left text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsx("thead", { className: "border-b", children: /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { className: cn(th, "w-[45%]"), children: "Prop" }),
+      /* @__PURE__ */ jsx("th", { className: cn(th, "w-[30%]"), children: "Type" }),
+      /* @__PURE__ */ jsx("th", { className: cn(th, "w-[25%]"), children: "Default" })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { className: "border-collapse divide-y divide-border", children: Object.entries(type).map(([key, value]) => /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("td", { className: td, children: /* @__PURE__ */ jsxs("div", { className: field, children: [
+        /* @__PURE__ */ jsx("code", { className: cn(code, "bg-primary/10 text-primary"), children: key }),
+        value.description ? /* @__PURE__ */ jsx(Info, { children: value.description }) : null
+      ] }) }),
+      /* @__PURE__ */ jsx("td", { className: td, children: /* @__PURE__ */ jsxs("div", { className: field, children: [
+        /* @__PURE__ */ jsx("code", { className: code, children: value.type }),
+        value.typeDescription ? /* @__PURE__ */ jsx(Info, { children: /* @__PURE__ */ jsx("pre", { className: "overflow-auto bg-secondary text-secondary-foreground", children: value.typeDescription }) }) : null,
+        value.typeDescriptionLink ? /* @__PURE__ */ jsx(Link, { href: value.typeDescriptionLink, children: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }) }) : null
+      ] }) }),
+      /* @__PURE__ */ jsx("td", { className: td, children: value.default ? /* @__PURE__ */ jsx("code", { className: code, children: value.default }) : /* @__PURE__ */ jsx("span", { children: "-" }) })
+    ] }, key)) })
+  ] }) });
+}
+export {
+  Info,
+  TypeTable
+};

package/dist/i18n-dw7ODAws.d.mts

@@ -0,0 +1,22 @@
+interface Translations {
+    search: string;
+    searchNoResult: string;
+    toc: string;
+    lastUpdate: string;
+    chooseLanguage: string;
+}
+interface NamedTranslation extends Partial<Translations> {
+    /**
+     * The name of translation
+     */
+    name: string;
+}
+interface I18nContextType {
+    locale?: string;
+    onChange?: (v: string) => void;
+    text: Translations;
+    translations?: Record<string, NamedTranslation>;
+}
+declare function useI18n(): I18nContextType;
+
+export { type NamedTranslation as N, type Translations as T, useI18n as u };

package/dist/i18n.d.mts

@@ -0,0 +1,21 @@
+import { SelectProps } from '@radix-ui/react-select';
+import { ReactNode } from 'react';
+import { N as NamedTranslation } from './i18n-dw7ODAws.mjs';
+export { T as Translations } from './i18n-dw7ODAws.mjs';
+
+type LanguageSelectProps = Omit<SelectProps, 'value' | 'onValueChange'>;
+declare function LanguageSelect({ ...props }: LanguageSelectProps): JSX.Element;
+interface I18nProviderProps {
+    /**
+     * Force a locale
+     */
+    locale?: string;
+    /**
+     * Translations for each language
+     */
+    translations?: Record<string, NamedTranslation>;
+    children: ReactNode;
+}
+declare function I18nProvider({ translations, locale: forceLocale, children, }: I18nProviderProps): JSX.Element;
+
+export { I18nProvider, LanguageSelect, type LanguageSelectProps };