fumadocs-ui 15.2.9 → 15.2.11

package/dist/components/accordion.d.ts

@@ -1,5 +1,6 @@
+import type { AccordionMultipleProps, AccordionSingleProps } from '@radix-ui/react-accordion';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-export declare const Accordions: import("react").ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps, "value" | "onValueChange"> | Omit<AccordionPrimitive.AccordionMultipleProps, "value" | "onValueChange">) & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Accordions: import("react").ForwardRefExoticComponent<(Omit<AccordionSingleProps, "value" | "onValueChange"> | Omit<AccordionMultipleProps, "value" | "onValueChange">) & import("react").RefAttributes<HTMLDivElement>>;
 export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "value"> & {
     title: string;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAgBhE,eAAO,MAAM,UAAU,oPA+BrB,CAAC;AAIH,eAAO,MAAM,SAAS;WAGX,MAAM;kDA0Bf,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAYhE,eAAO,MAAM,UAAU,8MA+BrB,CAAC;AAIH,eAAO,MAAM,SAAS;WAGX,MAAM;kDA0Bf,CAAC"}

package/dist/components/accordion.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { Check, ChevronRight, LinkIcon } from 'lucide-react';
-import { forwardRef, useState, useEffect, } from 'react';
+import { Check, ChevronRight, Link as LinkIcon } from '../icons.js';
+import { forwardRef, useEffect, useState, } from 'react';
 import { cn } from '../utils/cn.js';
 import { useCopyButton } from '../utils/use-copy-button.js';
 import { buttonVariants } from '../components/ui/button.js';

package/dist/components/banner.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { X } from 'lucide-react';
+import { X } from '../icons.js';
 import { cn } from '../utils/cn.js';
 import { buttonVariants } from '../components/ui/button.js';
 export function Banner({ id, variant = 'normal', changeLayout = true, height = '3rem', ...props }) {

package/dist/components/callout.d.ts

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

package/dist/components/callout.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertTriangle, CircleX, Info } from 'lucide-react';
+import { CircleX, Info, TriangleAlert } from '../icons.js';
 import { forwardRef } from 'react';
 import { cn } from '../utils/cn.js';
 import { cva } from 'class-variance-authority';
-const calloutVariants = cva('my-6 flex flex-row gap-2 rounded-lg border border-s-2 bg-fd-card p-3 text-sm text-fd-card-foreground shadow-md', {
+const calloutVariants = cva('my-4 flex flex-row gap-2 rounded-lg border border-s-2 bg-fd-card p-3 text-sm text-fd-card-foreground shadow-md', {
     variants: {
         type: {
             info: 'border-s-blue-500/50',
@@ -18,8 +18,8 @@ export const Callout = forwardRef(({ className, children, title, type = 'info',
         }), className), ...props, children: [icon ??
                 {
                     info: _jsx(Info, { className: "size-5 fill-blue-500 text-fd-card" }),
-                    warn: (_jsx(AlertTriangle, { className: "size-5 fill-orange-500 text-fd-card" })),
+                    warn: (_jsx(TriangleAlert, { className: "size-5 fill-orange-500 text-fd-card" })),
                     error: _jsx(CircleX, { className: "size-5 fill-red-500 text-fd-card" }),
-                }[type], _jsxs("div", { className: "min-w-0 flex-1", children: [title ? _jsx("p", { className: "font-medium !my-0", children: title }) : null, _jsx("div", { className: "text-fd-muted-foreground prose-no-margin mt-2 empty:hidden", children: children })] })] }));
+                }[type], _jsxs("div", { className: "min-w-0 flex flex-col gap-2 flex-1", children: [title ? _jsx("p", { className: "font-medium !my-0", children: title }) : null, _jsx("div", { className: "text-fd-muted-foreground prose-no-margin empty:hidden", children: children })] })] }));
 });
 Callout.displayName = 'Callout';

package/dist/components/codeblock.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check, Copy } from 'lucide-react';
+import { Check, Copy } from '../icons.js';
 import { forwardRef, useCallback, useRef, } from 'react';
 import { cn } from '../utils/cn.js';
 import { ScrollArea, ScrollBar, ScrollViewport, } from '../components/ui/scroll-area.js';

package/dist/components/dialog/search.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode, type HTMLAttributes } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 import type { SortedResult } from 'fumadocs-core/server';
 export type SearchLink = [name: string, href: string];
 type ReactSortedResult = Omit<SortedResult, 'content'> & {

package/dist/components/dialog/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,SAAS,EAKd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKzD,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAEtD,KAAK,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,GAAG;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,iBAAiB,EAAE,GAAG,OAAO,CAAC;IAEvC,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,KAAU,EACV,MAAM,EACN,cAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAyDnB;AA4JD,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B,KAAK,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAaD,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,WAAW,EACX,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,EAAE,aAAa,2CAkCf"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKzD,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAEtD,KAAK,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,GAAG;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,iBAAiB,EAAE,GAAG,OAAO,CAAC;IAEvC,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,KAAU,EACV,MAAM,EACN,cAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAyDnB;AA4JD,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B,KAAK,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAaD,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,WAAW,EACX,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,EAAE,aAAa,2CAkCf"}

package/dist/components/dialog/search.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FileText, Hash, Loader2, SearchIcon, Text } from 'lucide-react';
-import { useMemo, useEffect, useState, useCallback, } from 'react';
+import { FileText, Hash, LoaderCircle, Search as SearchIcon, Text, } from '../../icons.js';
+import { useCallback, useEffect, useMemo, useState, } from 'react';
 import { useI18n } from '../../contexts/i18n.js';
 import { cn } from '../../utils/cn.js';
 import { useSidebar } from '../../contexts/sidebar.js';
@@ -75,7 +75,7 @@ function SearchResults({ items, onSelect, ...props }) {
                 }, children: [item.type !== 'page' ? (_jsx("div", { role: "none", className: "ms-2 h-full min-h-10 w-px bg-fd-border" })) : null, icons[item.type], _jsx("p", { className: "w-0 flex-1 truncate", children: item.content })] }, item.id)))] }));
 }
 function LoadingIndicator({ isLoading }) {
-    return (_jsxs("div", { className: "relative size-4", children: [_jsx(Loader2, { className: cn('absolute size-full animate-spin text-fd-primary transition-opacity', !isLoading && 'opacity-0') }), _jsx(SearchIcon, { className: cn('absolute size-full text-fd-muted-foreground transition-opacity', isLoading && 'opacity-0') })] }));
+    return (_jsxs("div", { className: "relative size-4", children: [_jsx(LoaderCircle, { className: cn('absolute size-full animate-spin text-fd-primary transition-opacity', !isLoading && 'opacity-0') }), _jsx(SearchIcon, { className: cn('absolute size-full text-fd-muted-foreground transition-opacity', isLoading && 'opacity-0') })] }));
 }
 function CommandItem({ active, onActiveChange, value, ...props }) {
     return (_jsx("button", { ref: useCallback((element) => {

package/dist/components/files.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../../src/components/files.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYtE,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CASrD;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAmB,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAOhC;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAclC"}
+{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../../src/components/files.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAYtE,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CASrD;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAmB,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAOhC;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAclC"}

package/dist/components/files.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
-import { FileIcon, FolderIcon, FolderOpen } from 'lucide-react';
+import { File as FileIcon, Folder as FolderIcon, FolderOpen, } from '../icons.js';
 import { useState } from 'react';
 import { cn } from '../utils/cn.js';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible.js';

package/dist/components/github-info.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../utils/cn.js';
-import { Star } from 'lucide-react';
+import { Star } from '../icons.js';
 async function getRepoStarsAndForks(owner, repo, token) {
     const endpoint = `https://api.github.com/repos/${owner}/${repo}`;
     const headers = new Headers({

package/dist/components/heading.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link } from 'lucide-react';
+import { Link } from '../icons.js';
 import { cn } from '../utils/cn.js';
 export function Heading({ as, className, ...props }) {
     const As = as ?? 'h1';

package/dist/components/inline-toc.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDown } from 'lucide-react';
+import { ChevronDown } from '../icons.js';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible.js';
 import { cn } from '../utils/cn.js';
 export function InlineTOC({ items, ...props }) {

package/dist/components/layout/root-toggle.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronsUpDown } from 'lucide-react';
+import { ChevronsUpDown } from '../../icons.js';
 import { useMemo, useState } from 'react';
 import Link from 'fumadocs-core/link';
 import { usePathname } from 'fumadocs-core/framework';

package/dist/components/layout/search-toggle.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SearchIcon } from 'lucide-react';
+import { Search } from '../../icons.js';
 import { useSearchContext } from '../../contexts/search.js';
 import { useI18n } from '../../contexts/i18n.js';
 import { cn } from '../../utils/cn.js';
@@ -14,7 +14,7 @@ export function SearchToggle({ hideIfDisabled, size = 'icon', color = 'ghost', .
             color,
         }), props.className), "data-search": "", "aria-label": "Open Search", onClick: () => {
             setOpenSearch(true);
-        }, children: _jsx(SearchIcon, { className: "p-px" }) }));
+        }, children: _jsx(Search, { className: "p-px" }) }));
 }
 export function LargeSearchToggle({ hideIfDisabled, ...props }) {
     const { enabled, hotKey, setOpenSearch } = useSearchContext();
@@ -23,5 +23,5 @@ export function LargeSearchToggle({ hideIfDisabled, ...props }) {
         return null;
     return (_jsxs("button", { type: "button", "data-search-full": "", ...props, className: cn('inline-flex items-center gap-2 rounded-full border bg-fd-secondary/50 p-1.5 text-sm text-fd-muted-foreground transition-colors hover:bg-fd-accent hover:text-fd-accent-foreground', props.className), onClick: () => {
             setOpenSearch(true);
-        }, children: [_jsx(SearchIcon, { className: "ms-1 size-4" }), text.search, _jsx("div", { className: "ms-auto inline-flex gap-0.5", children: hotKey.map((k, i) => (_jsx("kbd", { className: "rounded-md border bg-fd-background px-1.5", children: k.display }, i))) })] }));
+        }, children: [_jsx(Search, { className: "ms-1 size-4" }), text.search, _jsx("div", { className: "ms-auto inline-flex gap-0.5", children: hotKey.map((k, i) => (_jsx("kbd", { className: "rounded-md border bg-fd-background px-1.5", children: k.display }, i))) })] }));
 }

package/dist/components/layout/sidebar.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDown, ExternalLink } from 'lucide-react';
+import { ChevronDown, ExternalLink } from '../../icons.js';
 import * as Base from 'fumadocs-core/sidebar';
 import { usePathname } from 'fumadocs-core/framework';
 import { createContext, Fragment, useContext, useMemo, useRef, useState, } from 'react';
@@ -82,7 +82,7 @@ export function SidebarViewport(props) {
 }
 export function SidebarSeparator(props) {
     const { level } = useInternalContext();
-    return (_jsx("p", { ...props, className: cn('inline-flex items-center gap-2 mb-2 px-2 text-sm font-medium [&_svg]:size-4 [&_svg]:shrink-0', props.className), style: {
+    return (_jsx("p", { ...props, className: cn('inline-flex items-center gap-2 mb-2 px-2 text-sm font-medium empty:mb-0 [&_svg]:size-4 [&_svg]:shrink-0', props.className), style: {
             paddingInlineStart: getOffset(level),
             ...props.style,
         }, children: props.children }));
@@ -167,7 +167,7 @@ export function SidebarPageTree(props) {
                 if (item.type === 'separator') {
                     if (Separator)
                         return _jsx(Separator, { item: item }, i);
-                    return (_jsxs(SidebarSeparator, { className: cn(i !== 0 && 'mt-8'), children: [item.icon, item.name] }, i));
+                    return (_jsxs(SidebarSeparator, { className: cn(i !== 0 && 'mt-6'), children: [item.icon, item.name] }, i));
                 }
                 if (item.type === 'folder') {
                     const children = renderSidebarList(item.children, level + 1);

package/dist/components/layout/theme-toggle.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
-import { Moon, Sun, Airplay } from 'lucide-react';
+import { Moon, Sun, Airplay } from '../../icons.js';
 import { useTheme } from 'next-themes';
 import { useLayoutEffect, useState } from 'react';
 import { cn } from '../../utils/cn.js';

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

@@ -15,6 +15,7 @@ interface ObjectType {
     typeDescriptionLink?: string;
     default?: string;
     required?: boolean;
+    deprecated?: boolean;
 }
 export declare function TypeTable({ type }: {
     type: Record<string, ObjectType>;

package/dist/components/type-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type-table.d.ts","sourceRoot":"","sources":["../../src/components/type-table.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAWrE;AAED,UAAU,UAAU;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;CAAE,2CAiDvE"}
+{"version":3,"file":"type-table.d.ts","sourceRoot":"","sources":["../../src/components/type-table.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,SAAS,CAWrE;AAED,UAAU,UAAU;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAeD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;CAAE,2CA2DvE"}

package/dist/components/type-table.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { InfoIcon } from 'lucide-react';
+import { Info as InfoIcon } from '../icons.js';
 import Link from 'fumadocs-core/link';
 import { cva } from 'class-variance-authority';
 import { cn } from '../utils/cn.js';
@@ -11,9 +11,16 @@ export function Info({ children }) {
 const field = cva('inline-flex flex-row items-center gap-1');
 const code = cva('rounded-md bg-fd-secondary p-1 text-fd-secondary-foreground', {
     variants: {
-        color: { primary: 'bg-fd-primary/10 text-fd-primary' },
+        color: {
+            primary: 'bg-fd-primary/10 text-fd-primary',
+            deprecated: 'line-through text-fd-primary/50',
+        },
     },
 });
 export function TypeTable({ type }) {
-    return (_jsx("div", { className: "prose my-6 overflow-auto prose-no-margin", children: _jsxs("table", { className: "whitespace-nowrap text-sm text-fd-muted-foreground", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "w-[45%]", children: "Prop" }), _jsx("th", { className: "w-[30%]", children: "Type" }), _jsx("th", { className: "w-1/4", children: "Default" })] }) }), _jsx("tbody", { children: Object.entries(type).map(([key, value]) => (_jsxs("tr", { children: [_jsx("td", { children: _jsxs("div", { className: field(), children: [_jsxs("code", { className: cn(code({ color: 'primary' })), children: [key, !value.required && '?'] }), value.description ? _jsx(Info, { children: value.description }) : null] }) }), _jsx("td", { children: _jsxs("div", { className: field(), children: [_jsx("code", { className: code(), children: value.type }), value.typeDescription ? (_jsx(Info, { children: value.typeDescription })) : null, value.typeDescriptionLink ? (_jsx(Link, { href: value.typeDescriptionLink, children: _jsx(InfoIcon, { className: "size-4" }) })) : null] }) }), _jsx("td", { children: value.default ? (_jsx("code", { className: code(), children: value.default })) : (_jsx("span", { children: "-" })) })] }, key))) })] }) }));
+    return (_jsx("div", { className: "prose my-6 overflow-auto prose-no-margin", children: _jsxs("table", { className: "whitespace-nowrap text-sm text-fd-muted-foreground", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "w-[45%]", children: "Prop" }), _jsx("th", { className: "w-[30%]", children: "Type" }), _jsx("th", { className: "w-1/4", children: "Default" })] }) }), _jsx("tbody", { children: Object.entries(type)
+                        .sort((a) => (a[1].deprecated ? 1 : -1))
+                        .map(([key, value]) => (_jsxs("tr", { children: [_jsx("td", { children: _jsxs("div", { className: field(), children: [_jsxs("code", { className: cn(code({
+                                                color: value.deprecated ? 'deprecated' : 'primary',
+                                            })), children: [key, !value.required && '?'] }), value.description ? (_jsx(Info, { children: value.description })) : null] }) }), _jsx("td", { children: _jsxs("div", { className: field(), children: [_jsx("code", { className: code(), children: value.type }), value.typeDescription ? (_jsx(Info, { children: value.typeDescription })) : null, value.typeDescriptionLink ? (_jsx(Link, { href: value.typeDescriptionLink, children: _jsx(InfoIcon, { className: "size-4" }) })) : null] }) }), _jsx("td", { children: value.default ? (_jsx("code", { className: code(), children: value.default })) : ('-') })] }, key))) })] }) }));
 }

package/dist/icons.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license lucide-react - ISC
+ *
+ * All copyright belongs to https://github.com/lucide-icons/lucide, we bundle it as part of library to avoid upstream issues.
+ */
+import { type ComponentProps } from 'react';
+type SVGElementType = 'circle' | 'ellipse' | 'g' | 'line' | 'path' | 'polygon' | 'polyline' | 'rect';
+export interface LucideProps extends ComponentProps<'svg'> {
+    size?: string | number;
+}
+export type IconNode = [
+    elementName: SVGElementType,
+    attrs: Record<string, string>
+][];
+export declare const ChevronDown: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Languages: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Sidebar: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronsUpDown: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Search: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ExternalLink: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Moon: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Sun: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Airplay: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Menu: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const X: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const LoaderCircle: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CircleCheck: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CircleX: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Check: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const TriangleAlert: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Info: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Copy: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const FileText: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Hash: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Text: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const File: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Folder: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const FolderOpen: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Star: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Edit: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronRight: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronLeft: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Plus: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Trash2: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronUp: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export {};
+//# sourceMappingURL=icons.d.ts.map

package/dist/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,KAAK,cAAc,EAA6B,MAAM,OAAO,CAAC;AAevE,KAAK,cAAc,GACf,QAAQ,GACR,SAAS,GACT,GAAG,GACH,MAAM,GACN,MAAM,GACN,SAAS,GACT,UAAU,GACV,MAAM,CAAC;AAEX,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,KAAK,CAAC;IACxD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,WAAW,EAAE,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAC9B,EAAE,CAAC;AA6BJ,eAAO,MAAM,WAAW,oHAEtB,CAAC;AAEH,eAAO,MAAM,SAAS,oHAOpB,CAAC;AAEH,eAAO,MAAM,OAAO,oHAMlB,CAAC;AAEH,eAAO,MAAM,cAAc,oHAGzB,CAAC;AAEH,eAAO,MAAM,MAAM,oHAGjB,CAAC;AAEH,eAAO,MAAM,YAAY,oHAUvB,CAAC;AAEH,eAAO,MAAM,IAAI,oHAEf,CAAC;AAEH,eAAO,MAAM,GAAG,oHAUd,CAAC;AAEH,eAAO,MAAM,OAAO,oHASlB,CAAC;AAEH,eAAO,MAAM,IAAI,oHAIf,CAAC;AAEH,eAAO,MAAM,CAAC,oHAGZ,CAAC;AAEH,eAAO,MAAM,YAAY,oHAEvB,CAAC;AAEH,eAAO,MAAM,WAAW,oHAGtB,CAAC;AAEH,eAAO,MAAM,OAAO,oHAIlB,CAAC;AAEH,eAAO,MAAM,KAAK,oHAEhB,CAAC;AAEH,eAAO,MAAM,aAAa,oHAUxB,CAAC;AAEH,eAAO,MAAM,IAAI,oHAIf,CAAC;AAEH,eAAO,MAAM,IAAI,oHAoBf,CAAC;AAEH,eAAO,MAAM,QAAQ,oHAYnB,CAAC;AAEH,eAAO,MAAM,IAAI,oHAKf,CAAC;AAEH,eAAO,MAAM,IAAI,oHAIf,CAAC;AAEH,eAAO,MAAM,IAAI,oHASf,CAAC;AAEH,eAAO,MAAM,MAAM,oHAQjB,CAAC;AAEH,eAAO,MAAM,UAAU,oHAQrB,CAAC;AAEH,eAAO,MAAM,IAAI,oHAQf,CAAC;AAEH,eAAO,MAAM,IAAI,oHAef,CAAC;AAEH,eAAO,MAAM,IAAI,oHAef,CAAC;AAEH,eAAO,MAAM,YAAY,oHAEvB,CAAC;AAEH,eAAO,MAAM,WAAW,oHAEtB,CAAC;AAEH,eAAO,MAAM,IAAI,oHAGf,CAAC;AAEH,eAAO,MAAM,MAAM,oHAMjB,CAAC;AAEH,eAAO,MAAM,SAAS,oHAEpB,CAAC"}

package/dist/icons.js

@@ -0,0 +1,261 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license lucide-react - ISC
+ *
+ * All copyright belongs to https://github.com/lucide-icons/lucide, we bundle it as part of library to avoid upstream issues.
+ */
+import { createElement, forwardRef } from 'react';
+import { cn } from './utils/cn.js';
+const defaultAttributes = {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    stroke: 'currentColor',
+    strokeWidth: 2,
+    strokeLinecap: 'round',
+    strokeLinejoin: 'round',
+};
+const createLucideIcon = (iconName, iconNode) => {
+    const Component = forwardRef(({ className, size = 24, color = 'currentColor', children, ...props }, ref) => {
+        return (_jsxs("svg", { ref: ref, ...defaultAttributes, width: size, height: size, stroke: color, className: cn('lucide', className), ...props, children: [iconNode.map(([tag, attr]) => createElement(tag, attr)), children] }));
+    });
+    Component.displayName = iconName;
+    return Component;
+};
+export const ChevronDown = createLucideIcon('chevron-down', [
+    ['path', { d: 'm6 9 6 6 6-6', key: 'qrunsl' }],
+]);
+export const Languages = createLucideIcon('languages', [
+    ['path', { d: 'm5 8 6 6', key: '1wu5hv' }],
+    ['path', { d: 'm4 14 6-6 2-3', key: '1k1g8d' }],
+    ['path', { d: 'M2 5h12', key: 'or177f' }],
+    ['path', { d: 'M7 2h1', key: '1t2jsx' }],
+    ['path', { d: 'm22 22-5-10-5 10', key: 'don7ne' }],
+    ['path', { d: 'M14 18h6', key: '1m8k6r' }],
+]);
+export const Sidebar = createLucideIcon('panel-left', [
+    [
+        'rect',
+        { width: '18', height: '18', x: '3', y: '3', rx: '2', key: 'afitv7' },
+    ],
+    ['path', { d: 'M9 3v18', key: 'fh3hqa' }],
+]);
+export const ChevronsUpDown = createLucideIcon('chevrons-up-down', [
+    ['path', { d: 'm7 15 5 5 5-5', key: '1hf1tw' }],
+    ['path', { d: 'm7 9 5-5 5 5', key: 'sgt6xg' }],
+]);
+export const Search = createLucideIcon('search', [
+    ['circle', { cx: '11', cy: '11', r: '8', key: '4ej97u' }],
+    ['path', { d: 'm21 21-4.3-4.3', key: '1qie3q' }],
+]);
+export const ExternalLink = createLucideIcon('external-link', [
+    ['path', { d: 'M15 3h6v6', key: '1q9fwt' }],
+    ['path', { d: 'M10 14 21 3', key: 'gplh6r' }],
+    [
+        'path',
+        {
+            d: 'M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6',
+            key: 'a6xqqp',
+        },
+    ],
+]);
+export const Moon = createLucideIcon('moon', [
+    ['path', { d: 'M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z', key: 'a7tn18' }],
+]);
+export const Sun = createLucideIcon('sun', [
+    ['circle', { cx: '12', cy: '12', r: '4', key: '4exip2' }],
+    ['path', { d: 'M12 2v2', key: 'tus03m' }],
+    ['path', { d: 'M12 20v2', key: '1lh1kg' }],
+    ['path', { d: 'm4.93 4.93 1.41 1.41', key: '149t6j' }],
+    ['path', { d: 'm17.66 17.66 1.41 1.41', key: 'ptbguv' }],
+    ['path', { d: 'M2 12h2', key: '1t8f8n' }],
+    ['path', { d: 'M20 12h2', key: '1q8mjw' }],
+    ['path', { d: 'm6.34 17.66-1.41 1.41', key: '1m8zz5' }],
+    ['path', { d: 'm19.07 4.93-1.41 1.41', key: '1shlcs' }],
+]);
+export const Airplay = createLucideIcon('airplay', [
+    [
+        'path',
+        {
+            d: 'M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1',
+            key: 'ns4c3b',
+        },
+    ],
+    ['path', { d: 'm12 15 5 6H7Z', key: '14qnn2' }],
+]);
+export const Menu = createLucideIcon('menu', [
+    ['line', { x1: '4', x2: '20', y1: '12', y2: '12', key: '1e0a9i' }],
+    ['line', { x1: '4', x2: '20', y1: '6', y2: '6', key: '1owob3' }],
+    ['line', { x1: '4', x2: '20', y1: '18', y2: '18', key: 'yk5zj1' }],
+]);
+export const X = createLucideIcon('x', [
+    ['path', { d: 'M18 6 6 18', key: '1bl5f8' }],
+    ['path', { d: 'm6 6 12 12', key: 'd8bk6v' }],
+]);
+export const LoaderCircle = createLucideIcon('loader-circle', [
+    ['path', { d: 'M21 12a9 9 0 1 1-6.219-8.56', key: '13zald' }],
+]);
+export const CircleCheck = createLucideIcon('circle-check', [
+    ['circle', { cx: '12', cy: '12', r: '10', key: '1mglay' }],
+    ['path', { d: 'm9 12 2 2 4-4', key: 'dzmm74' }],
+]);
+export const CircleX = createLucideIcon('circle-x', [
+    ['circle', { cx: '12', cy: '12', r: '10', key: '1mglay' }],
+    ['path', { d: 'm15 9-6 6', key: '1uzhvr' }],
+    ['path', { d: 'm9 9 6 6', key: 'z0biqf' }],
+]);
+export const Check = createLucideIcon('check', [
+    ['path', { d: 'M20 6 9 17l-5-5', key: '1gmf2c' }],
+]);
+export const TriangleAlert = createLucideIcon('triangle-alert', [
+    [
+        'path',
+        {
+            d: 'm21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3',
+            key: 'wmoenq',
+        },
+    ],
+    ['path', { d: 'M12 9v4', key: 'juzpu7' }],
+    ['path', { d: 'M12 17h.01', key: 'p32p05' }],
+]);
+export const Info = createLucideIcon('info', [
+    ['circle', { cx: '12', cy: '12', r: '10', key: '1mglay' }],
+    ['path', { d: 'M12 16v-4', key: '1dtifu' }],
+    ['path', { d: 'M12 8h.01', key: 'e9boi3' }],
+]);
+export const Copy = createLucideIcon('copy', [
+    [
+        'rect',
+        {
+            width: '14',
+            height: '14',
+            x: '8',
+            y: '8',
+            rx: '2',
+            ry: '2',
+            key: '17jyea',
+        },
+    ],
+    [
+        'path',
+        {
+            d: 'M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2',
+            key: 'zix9uf',
+        },
+    ],
+]);
+export const FileText = createLucideIcon('file-text', [
+    [
+        'path',
+        {
+            d: 'M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z',
+            key: '1rqfz7',
+        },
+    ],
+    ['path', { d: 'M14 2v4a2 2 0 0 0 2 2h4', key: 'tnqrlb' }],
+    ['path', { d: 'M10 9H8', key: 'b1mrlr' }],
+    ['path', { d: 'M16 13H8', key: 't4e002' }],
+    ['path', { d: 'M16 17H8', key: 'z1uh3a' }],
+]);
+export const Hash = createLucideIcon('hash', [
+    ['line', { x1: '4', x2: '20', y1: '9', y2: '9', key: '4lhtct' }],
+    ['line', { x1: '4', x2: '20', y1: '15', y2: '15', key: 'vyu0kd' }],
+    ['line', { x1: '10', x2: '8', y1: '3', y2: '21', key: '1ggp8o' }],
+    ['line', { x1: '16', x2: '14', y1: '3', y2: '21', key: 'weycgp' }],
+]);
+export const Text = createLucideIcon('text', [
+    ['path', { d: 'M15 18H3', key: 'olowqp' }],
+    ['path', { d: 'M17 6H3', key: '16j9eg' }],
+    ['path', { d: 'M21 12H3', key: '2avoz0' }],
+]);
+export const File = createLucideIcon('file', [
+    [
+        'path',
+        {
+            d: 'M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z',
+            key: '1rqfz7',
+        },
+    ],
+    ['path', { d: 'M14 2v4a2 2 0 0 0 2 2h4', key: 'tnqrlb' }],
+]);
+export const Folder = createLucideIcon('folder', [
+    [
+        'path',
+        {
+            d: 'M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z',
+            key: '1kt360',
+        },
+    ],
+]);
+export const FolderOpen = createLucideIcon('folder-open', [
+    [
+        'path',
+        {
+            d: 'm6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2',
+            key: 'usdka0',
+        },
+    ],
+]);
+export const Star = createLucideIcon('star', [
+    [
+        'path',
+        {
+            d: 'M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z',
+            key: 'r04s7s',
+        },
+    ],
+]);
+export const Link = createLucideIcon('link', [
+    [
+        'path',
+        {
+            d: 'M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71',
+            key: '1cjeqo',
+        },
+    ],
+    [
+        'path',
+        {
+            d: 'M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71',
+            key: '19qd67',
+        },
+    ],
+]);
+export const Edit = createLucideIcon('square-pen', [
+    [
+        'path',
+        {
+            d: 'M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7',
+            key: '1m0v6g',
+        },
+    ],
+    [
+        'path',
+        {
+            d: 'M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z',
+            key: 'ohrbg2',
+        },
+    ],
+]);
+export const ChevronRight = createLucideIcon('chevron-right', [
+    ['path', { d: 'm9 18 6-6-6-6', key: 'mthhwq' }],
+]);
+export const ChevronLeft = createLucideIcon('chevron-left', [
+    ['path', { d: 'm15 18-6-6 6-6', key: '1wnfg3' }],
+]);
+export const Plus = createLucideIcon('plus', [
+    ['path', { d: 'M5 12h14', key: '1ays0h' }],
+    ['path', { d: 'M12 5v14', key: 's699le' }],
+]);
+export const Trash2 = createLucideIcon('trash-2', [
+    ['path', { d: 'M3 6h18', key: 'd0wm0j' }],
+    ['path', { d: 'M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6', key: '4alrt4' }],
+    ['path', { d: 'M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2', key: 'v07s0e' }],
+    ['line', { x1: '10', x2: '10', y1: '11', y2: '17', key: '1uufr5' }],
+    ['line', { x1: '14', x2: '14', y1: '11', y2: '17', key: 'xtxkd' }],
+]);
+export const ChevronUp = createLucideIcon('chevron-up', [
+    ['path', { d: 'm18 15-6-6-6 6', key: '153udz' }],
+]);

package/dist/layouts/docs-client.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Menu, SidebarIcon, X } from 'lucide-react';
+import { Menu, Sidebar as SidebarIcon, X } from '../icons.js';
 import { cn } from '../utils/cn.js';
 import { buttonVariants } from '../components/ui/button.js';
 import { useSidebar } from '../contexts/sidebar.js';
@@ -29,5 +29,5 @@ export function CollapsibleControl() {
         }, children: [_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
                     color: 'ghost',
                     size: 'icon-sm',
-                }), 'rounded-lg'), children: _jsx(SidebarIcon, {}) }), _jsx(SearchToggle, { size: "icon-sm", className: "rounded-lg" })] }));
+                }), 'rounded-lg'), children: _jsx(SidebarIcon, {}) }), _jsx(SearchToggle, { size: "icon-sm", className: "rounded-lg", hideIfDisabled: true })] }));
 }

package/dist/layouts/docs.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { Languages, SidebarIcon } from 'lucide-react';
+import { Languages, Sidebar as SidebarIcon } from '../icons.js';
 import { cn } from '../utils/cn.js';
 import { buttonVariants } from '../components/ui/button.js';
 import { CollapsibleSidebar, Sidebar, SidebarCollapseTrigger, SidebarFooter, SidebarHeader, SidebarPageTree, SidebarViewport, } from '../components/layout/sidebar.js';

package/dist/layouts/home/navbar.d.ts

@@ -9,7 +9,7 @@ export declare function NavbarMenuContent(props: NavigationMenuContentProps): im
 export declare function NavbarMenuTrigger(props: NavigationMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare function NavbarMenuLink(props: LinkProps): import("react/jsx-runtime").JSX.Element;
 declare const linkVariants: (props?: ({
-    variant?: "icon" | "button" | "main" | null | undefined;
+    variant?: "button" | "main" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare function NavbarLink({ item, variant, ...props }: ComponentProps<typeof BaseLinkItem> & VariantProps<typeof linkVariants>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/layouts/home.js

@@ -8,7 +8,7 @@ import { Navbar, NavbarLink, NavbarMenu, NavbarMenuContent, NavbarMenuLink, Navb
 import { LargeSearchToggle, SearchToggle, } from '../components/layout/search-toggle.js';
 import { ThemeToggle } from '../components/layout/theme-toggle.js';
 import { LanguageToggle, LanguageToggleText, } from '../components/layout/language-toggle.js';
-import { ChevronDown, Languages } from 'lucide-react';
+import { ChevronDown, Languages } from '../icons.js';
 import Link from 'fumadocs-core/link';
 import { Menu, MenuContent, MenuLinkItem, MenuTrigger, } from '../layouts/home/menu.js';
 export function HomeLayout(props) {

package/dist/layouts/notebook-client.js

@@ -5,7 +5,7 @@ import { useSidebar } from '../contexts/sidebar.js';
 import { useNav } from '../contexts/layout.js';
 import { SidebarTrigger } from 'fumadocs-core/sidebar';
 import { buttonVariants } from '../components/ui/button.js';
-import { Menu, X } from 'lucide-react';
+import { Menu, X } from '../icons.js';
 import Link from 'fumadocs-core/link';
 import { usePathname } from 'fumadocs-core/framework';
 import { isActive } from '../utils/is-active.js';

package/dist/layouts/notebook.js

@@ -5,7 +5,7 @@ import { CollapsibleSidebar, Sidebar, SidebarCollapseTrigger, SidebarFooter, Sid
 import { TreeContextProvider } from '../contexts/tree.js';
 import { cn } from '../utils/cn.js';
 import { buttonVariants } from '../components/ui/button.js';
-import { ChevronDown, Languages, SidebarIcon } from 'lucide-react';
+import { ChevronDown, Languages, Sidebar as SidebarIcon } from '../icons.js';
 import { BaseLinkItem } from '../layouts/links.js';
 import { LanguageToggle } from '../components/layout/language-toggle.js';
 import { ThemeToggle } from '../components/layout/theme-toggle.js';

package/dist/mdx.d.ts

@@ -17,7 +17,7 @@ declare const defaultMdxComponents: {
     h5: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
     h6: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
     table: typeof Table;
-    Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "icon" | "type" | "title"> & {
+    Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
         title?: import("react").ReactNode;
         type?: "info" | "warn" | "error";
         icon?: import("react").ReactNode;

package/dist/page-client.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useEffect, useMemo, useRef, useState, } from 'react';
-import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';
+import { ChevronDown, ChevronLeft, ChevronRight } from './icons.js';
 import Link from 'fumadocs-core/link';
 import { cn } from './utils/cn.js';
 import { useI18n } from './contexts/i18n.js';

package/dist/page.js

@@ -6,7 +6,7 @@ import { cn } from './utils/cn.js';
 import { Footer, LastUpdate, TocPopover, Breadcrumb, PageBody, PageArticle, TocPopoverTrigger, TocPopoverContent, } from './page-client.js';
 import { Toc, TOCItems, TOCScrollArea, } from './components/layout/toc.js';
 import { buttonVariants } from './components/ui/button.js';
-import { Edit, Text } from 'lucide-react';
+import { Edit, Text } from './icons.js';
 import { I18nLabel } from './contexts/i18n.js';
 import ClerkTOCItems from './components/layout/toc-clerk.js';
 export function DocsPage({ toc = [], full = false, tableOfContentPopover: { enabled: tocPopoverEnabled, component: tocPopoverReplace, ...tocPopoverOptions } = {}, tableOfContent: { enabled: tocEnabled, component: tocReplace, ...tocOptions } = {}, ...props }) {

package/dist/style.css

@@ -238,6 +238,9 @@
   .collapse {
     visibility: collapse;
   }
+  .visible {
+    visibility: visible;
+  }
   .fd-step {
     &:before {
       background-color: var(--color-fd-secondary);
@@ -826,15 +829,9 @@
   .mt-\(--fd-top\) {
     margin-top: var(--fd-top);
   }
-  .mt-2 {
-    margin-top: calc(var(--spacing) * 2);
-  }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
-  .mt-8 {
-    margin-top: calc(var(--spacing) * 8);
-  }
   .mt-auto {
     margin-top: auto;
   }
@@ -1532,12 +1529,21 @@
   .text-fd-primary-foreground {
     color: var(--color-fd-primary-foreground);
   }
+  .text-fd-primary\/50 {
+    color: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
+    }
+  }
   .text-fd-secondary-foreground {
     color: var(--color-fd-secondary-foreground);
   }
   .italic {
     font-style: italic;
   }
+  .line-through {
+    text-decoration-line: line-through;
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -1687,6 +1693,11 @@
       padding-bottom: calc(var(--spacing) * 0);
     }
   }
+  .empty\:mb-0 {
+    &:empty {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
   .empty\:hidden {
     &:empty {
       display: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "15.2.9",
+  "version": "15.2.11",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -61,6 +61,10 @@
     "./utils/*": {
       "import": "./dist/utils/*.js",
       "types": "./dist/utils/*.d.ts"
+    },
+    "./internal/icons": {
+      "import": "./dist/icons.js",
+      "types": "./dist/icons.d.ts"
     }
   },
   "files": [
@@ -68,23 +72,22 @@
     "css/*"
   ],
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.4",
-    "@radix-ui/react-collapsible": "^1.1.4",
-    "@radix-ui/react-dialog": "^1.1.7",
+    "@radix-ui/react-accordion": "^1.2.8",
+    "@radix-ui/react-collapsible": "^1.1.8",
+    "@radix-ui/react-dialog": "^1.1.11",
     "@radix-ui/react-direction": "^1.1.1",
-    "@radix-ui/react-navigation-menu": "^1.2.6",
-    "@radix-ui/react-popover": "^1.1.7",
-    "@radix-ui/react-scroll-area": "^1.2.4",
+    "@radix-ui/react-navigation-menu": "^1.2.10",
+    "@radix-ui/react-popover": "^1.1.11",
+    "@radix-ui/react-scroll-area": "^1.2.6",
     "@radix-ui/react-slot": "^1.2.0",
-    "@radix-ui/react-tabs": "^1.1.4",
+    "@radix-ui/react-tabs": "^1.1.9",
     "class-variance-authority": "^0.7.1",
     "lodash.merge": "^4.6.2",
-    "lucide-react": "^0.488.0",
     "next-themes": "^0.4.6",
     "postcss-selector-parser": "^7.1.0",
     "react-medium-image-zoom": "^5.2.14",
     "tailwind-merge": "^3.2.0",
-    "fumadocs-core": "15.2.9"
+    "fumadocs-core": "15.2.11"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^15.3.1",
@@ -97,7 +100,7 @@
     "tsc-alias": "^1.8.15",
     "@fumadocs/cli": "0.1.1",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "15.2.9",
+    "fumadocs-core": "15.2.11",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {