fumadocs-ui 11.1.2 → 11.2.0

package/dist/{chunk-RPQDC26K.js → chunk-E2VA3Y4S.js}

@@ -14,12 +14,12 @@ import {
 } from "./chunk-TK3TM3MR.js";
 
 // src/components/codeblock.tsx
-import { CheckIcon, CopyIcon } from "lucide-react";
+import { Check, Copy } from "lucide-react";
 import { forwardRef, useCallback, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Pre = forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("pre", { ref, className: twMerge("nd-codeblock py-4", className), ...props, children: props.children });
+    return /* @__PURE__ */ jsx("pre", { ref, className: twMerge("nd-codeblock p-4", className), ...props, children: props.children });
   }
 );
 Pre.displayName = "Pre";
@@ -90,13 +90,13 @@ function CopyButton({
       ...props,
       children: [
         /* @__PURE__ */ jsx(
-          CheckIcon,
+          Check,
           {
             className: twMerge("size-3.5 transition-transform", !checked && "scale-0")
           }
         ),
         /* @__PURE__ */ jsx(
-          CopyIcon,
+          Copy,
           {
             className: twMerge(
               "absolute size-3.5 transition-transform",

package/dist/{chunk-XP3DGFDZ.js → chunk-HUXFUKD2.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2KA2UOM3.js";
 import {
   useI18n
-} from "./chunk-YAHHY62W.js";
+} from "./chunk-PW7TBOIJ.js";
 import {
   buttonVariants
 } from "./chunk-7GZKFBAP.js";

package/dist/chunk-PW7TBOIJ.js

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

package/dist/components/accordion.js

@@ -12,7 +12,7 @@ import "../chunk-6C3VEZWH.js";
 
 // src/components/accordion.tsx
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { CheckIcon, ChevronRightIcon, LinkIcon } from "lucide-react";
+import { Check, ChevronRight, LinkIcon } from "lucide-react";
 import {
   forwardRef,
   useState,
@@ -66,7 +66,7 @@ var Accordion = forwardRef(({ title, className, id, children, ...props }, ref) =
             className: "not-prose flex flex-row items-center font-medium text-foreground",
             children: [
               /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, { className: "flex flex-1 items-center gap-2 p-4 text-start focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [
-                /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 text-muted-foreground transition-transform duration-200 group-data-[state=open]/accordion:rotate-90" }),
+                /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-muted-foreground transition-transform duration-200 group-data-[state=open]/accordion:rotate-90" }),
                 title
               ] }),
               id ? /* @__PURE__ */ jsx(CopyButton, { id }) : null
@@ -96,7 +96,7 @@ function CopyButton({ id }) {
         })
       ),
       onClick,
-      children: checked ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx(LinkIcon, { className: "size-3.5" })
+      children: checked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(LinkIcon, { className: "size-3.5" })
     }
   );
 }

package/dist/components/callout.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
-declare const Callout: React.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "icon" | "type"> & {
+declare const Callout: React.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
     title?: ReactNode;
     /**
      * @defaultValue info

package/dist/components/callout.js

@@ -4,7 +4,7 @@ import {
 import "../chunk-6C3VEZWH.js";
 
 // src/components/callout.tsx
-import { AlertOctagonIcon, AlertTriangleIcon, InfoIcon } from "lucide-react";
+import { AlertOctagon, AlertTriangle, Info } from "lucide-react";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Callout = forwardRef(
@@ -20,9 +20,9 @@ var Callout = forwardRef(
         ...props,
         children: [
           icon ?? {
-            info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-5 fill-blue-500 text-card" }),
-            warn: /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "size-5 fill-orange-500 text-card" }),
-            error: /* @__PURE__ */ jsx(AlertOctagonIcon, { className: "size-5 fill-red-500 text-card" })
+            info: /* @__PURE__ */ jsx(Info, { className: "size-5 fill-blue-500 text-card" }),
+            warn: /* @__PURE__ */ jsx(AlertTriangle, { className: "size-5 fill-orange-500 text-card" }),
+            error: /* @__PURE__ */ jsx(AlertOctagon, { className: "size-5 fill-red-500 text-card" })
           }[type],
           /* @__PURE__ */ jsxs("div", { className: "w-0 flex-1", children: [
             title ? /* @__PURE__ */ jsx("div", { className: "mb-2 font-medium text-card-foreground", children: title }) : null,

package/dist/components/codeblock.js

@@ -2,7 +2,7 @@
 import {
   CodeBlock,
   Pre
-} from "../chunk-RPQDC26K.js";
+} from "../chunk-E2VA3Y4S.js";
 import "../chunk-VYTHQTZE.js";
 import "../chunk-24NYFO7H.js";
 import "../chunk-7GZKFBAP.js";

package/dist/components/dialog/search-algolia.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   SearchDialog
-} from "../../chunk-XP3DGFDZ.js";
+} from "../../chunk-HUXFUKD2.js";
 import "../../chunk-2KA2UOM3.js";
-import "../../chunk-YAHHY62W.js";
+import "../../chunk-PW7TBOIJ.js";
 import "../../chunk-7GZKFBAP.js";
 import "../../chunk-TK3TM3MR.js";
 import "../../chunk-6C3VEZWH.js";

package/dist/components/dialog/search-default.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   SearchDialog
-} from "../../chunk-XP3DGFDZ.js";
+} from "../../chunk-HUXFUKD2.js";
 import "../../chunk-2KA2UOM3.js";
 import {
   useI18n
-} from "../../chunk-YAHHY62W.js";
+} from "../../chunk-PW7TBOIJ.js";
 import "../../chunk-7GZKFBAP.js";
 import "../../chunk-TK3TM3MR.js";
 import "../../chunk-6C3VEZWH.js";

package/dist/components/dialog/search.js

@@ -1,8 +1,8 @@
 import {
   SearchDialog
-} from "../../chunk-XP3DGFDZ.js";
+} from "../../chunk-HUXFUKD2.js";
 import "../../chunk-2KA2UOM3.js";
-import "../../chunk-YAHHY62W.js";
+import "../../chunk-PW7TBOIJ.js";
 import "../../chunk-7GZKFBAP.js";
 import "../../chunk-TK3TM3MR.js";
 import "../../chunk-6C3VEZWH.js";

package/dist/components/files.js

@@ -11,7 +11,7 @@ import "../chunk-6C3VEZWH.js";
 
 // src/components/files.tsx
 import { cva } from "class-variance-authority";
-import { FileIcon, FolderIcon, FolderOpenIcon } from "lucide-react";
+import { FileIcon, FolderIcon, FolderOpen } from "lucide-react";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var item = cva(
@@ -49,7 +49,7 @@ function Folder({
   const [open, setOpen] = useState(defaultOpen);
   return /* @__PURE__ */ jsxs(Collapsible, { open, onOpenChange: setOpen, ...props, children: [
     /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: twMerge(item({ className: "w-full" })), children: [
-      open ? /* @__PURE__ */ jsx(FolderOpenIcon, {}) : /* @__PURE__ */ jsx(FolderIcon, {}),
+      open ? /* @__PURE__ */ jsx(FolderOpen, {}) : /* @__PURE__ */ jsx(FolderIcon, {}),
       name
     ] }),
     /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "ml-2 flex flex-col border-l pl-2", children: props.children }) })

package/dist/components/roll-button.js

@@ -8,7 +8,7 @@ import {
 import "../chunk-6C3VEZWH.js";
 
 // src/components/roll-button.tsx
-import { ChevronUpIcon } from "lucide-react";
+import { ChevronUp } from "lucide-react";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 function RollButton({
@@ -47,7 +47,7 @@ function RollButton({
           behavior: "smooth"
         });
       },
-      children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+      children: /* @__PURE__ */ jsx(ChevronUp, {})
     }
   );
 }

package/dist/{i18n-dw7ODAws.d.ts → i18n-p5QWhj_3.d.ts}

@@ -4,6 +4,8 @@ interface Translations {
     toc: string;
     lastUpdate: string;
     chooseLanguage: string;
+    nextPage: string;
+    previousPage: string;
 }
 interface NamedTranslation extends Partial<Translations> {
     /**

package/dist/i18n.d.ts

@@ -1,7 +1,7 @@
 import { SelectProps } from '@radix-ui/react-select';
 import { ReactNode } from 'react';
-import { N as NamedTranslation } from './i18n-dw7ODAws.js';
-export { T as Translations } from './i18n-dw7ODAws.js';
+import { N as NamedTranslation } from './i18n-p5QWhj_3.js';
+export { T as Translations } from './i18n-p5QWhj_3.js';
 
 type LanguageSelectProps = Omit<SelectProps, 'value' | 'onValueChange'>;
 declare function LanguageSelect({ ...props }: LanguageSelectProps): React.ReactElement;

package/dist/i18n.js

@@ -2,7 +2,7 @@
 import {
   I18nContext,
   useI18n
-} from "./chunk-YAHHY62W.js";
+} from "./chunk-PW7TBOIJ.js";
 import {
   twMerge
 } from "./chunk-TK3TM3MR.js";
@@ -24,7 +24,7 @@ var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) =>
   {
     ref,
     className: twMerge(
-      "flex h-10 w-full items-center justify-between rounded-md border px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground",
+      "flex h-10 w-full items-center justify-between rounded-lg border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground",
       className
     ),
     ...props,
@@ -41,7 +41,6 @@ var SelectContent = React.forwardRef(({ className, children, position = "popper"
     ref,
     className: twMerge(
       "relative z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-popover-out data-[state=open]:animate-popover-in",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       className
     ),
     position,

package/dist/{layout-2R7eRkWi.d.ts → layout-vxXAvjoq.d.ts}

@@ -1,5 +1,4 @@
 import { PageTree } from 'fumadocs-core/server';
-import * as React$1 from 'react';
 import { ReactNode, HTMLAttributes } from 'react';
 
 interface NavProps {
@@ -35,24 +34,25 @@ interface SidebarProps {
      * @defaultValue 1
      */
     defaultOpenLevel?: number;
-    collapsible?: boolean;
     components?: Partial<Components>;
-    banner?: React$1.ReactNode;
-    footer?: React$1.ReactNode;
+    banner?: React.ReactNode;
+    footer?: React.ReactNode;
 }
 interface Components {
-    Item: React$1.FC<{
+    Item: React.FC<{
         item: PageTree.Item;
     }>;
-    Folder: React$1.FC<{
+    Folder: React.FC<{
         item: PageTree.Folder;
         level: number;
     }>;
-    Separator: React$1.FC<{
+    Separator: React.FC<{
         item: PageTree.Separator;
     }>;
 }
-declare function Sidebar({ footer, components, defaultOpenLevel, collapsible, banner, items, }: SidebarProps): React$1.ReactElement;
+declare function Sidebar({ footer, components, defaultOpenLevel, banner, items, ...props }: SidebarProps & {
+    className?: string;
+}): React.ReactElement;
 
 type ActiveType = 'none' | 'url' | 'nested-url';
 type LinkItemType = {
@@ -114,4 +114,4 @@ interface DocsLayoutProps extends BaseLayoutProps {
 declare function Layout({ nav, links, children, }: BaseLayoutProps): React.ReactElement;
 declare function DocsLayout({ nav, sidebar, links, containerProps, tree, children, }: DocsLayoutProps): React.ReactElement;
 
-export { type BaseLayoutProps as B, type DocsLayoutProps as D, type LinkItemType as L, Nav as N, Sidebar as S, Layout as a, DocsLayout as b };
+export { type BaseLayoutProps as B, type DocsLayoutProps as D, type LinkItemType as L, Nav as N, type SidebarProps as S, Sidebar as a, Layout as b, DocsLayout as c };

package/dist/layout.client.d.ts

@@ -1,4 +1,9 @@
 export { T as TreeContextProvider } from './tree-cqNEopxM.js';
-export { N as Nav, S as Sidebar } from './layout-2R7eRkWi.js';
+import { S as SidebarProps } from './layout-vxXAvjoq.js';
+export { N as Nav, a as Sidebar } from './layout-vxXAvjoq.js';
 import 'fumadocs-core/server';
 import 'react';
+
+declare function DynamicSidebar(props: SidebarProps): React.ReactElement;
+
+export { DynamicSidebar };