fumadocs-ui 15.2.10 → 15.2.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion.d.ts +2 -1
- package/dist/components/accordion.d.ts.map +1 -1
- package/dist/components/accordion.js +2 -2
- package/dist/components/banner.js +1 -1
- package/dist/components/callout.d.ts +1 -1
- package/dist/components/callout.js +3 -3
- package/dist/components/codeblock.js +1 -1
- package/dist/components/dialog/search.d.ts +1 -1
- package/dist/components/dialog/search.d.ts.map +1 -1
- package/dist/components/dialog/search.js +3 -3
- package/dist/components/files.d.ts.map +1 -1
- package/dist/components/files.js +1 -1
- package/dist/components/github-info.js +1 -1
- package/dist/components/heading.js +1 -1
- package/dist/components/inline-toc.js +1 -1
- package/dist/components/layout/root-toggle.js +1 -1
- package/dist/components/layout/search-toggle.d.ts +6 -4
- package/dist/components/layout/search-toggle.d.ts.map +1 -1
- package/dist/components/layout/search-toggle.js +3 -3
- package/dist/components/layout/sidebar.js +3 -3
- package/dist/components/layout/theme-toggle.js +1 -1
- package/dist/components/type-table.js +1 -1
- package/dist/icons.d.ts +48 -0
- package/dist/icons.d.ts.map +1 -0
- package/dist/icons.js +261 -0
- package/dist/layouts/docs-client.js +2 -2
- package/dist/layouts/docs.d.ts +1 -1
- package/dist/layouts/docs.d.ts.map +1 -1
- package/dist/layouts/docs.js +6 -6
- package/dist/layouts/home/navbar.d.ts +1 -1
- package/dist/layouts/home.js +1 -1
- package/dist/layouts/notebook-client.js +1 -1
- package/dist/layouts/notebook.d.ts +2 -2
- package/dist/layouts/notebook.d.ts.map +1 -1
- package/dist/layouts/notebook.js +14 -10
- package/dist/layouts/shared.d.ts +1 -0
- package/dist/layouts/shared.d.ts.map +1 -1
- package/dist/layouts/shared.js +7 -0
- package/dist/mdx.d.ts +1 -1
- package/dist/page-client.js +1 -1
- package/dist/page.js +1 -1
- package/dist/style.css +8 -8
- package/package.json +14 -11
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import type { AccordionMultipleProps, AccordionSingleProps } from '@radix-ui/react-accordion';
|
|
1
2
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
|
-
export declare const Accordions: import("react").ForwardRefExoticComponent<(Omit<
|
|
3
|
+
export declare const Accordions: import("react").ForwardRefExoticComponent<(Omit<AccordionSingleProps, "value" | "onValueChange"> | Omit<AccordionMultipleProps, "value" | "onValueChange">) & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
4
|
export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "value"> & {
|
|
4
5
|
title: string;
|
|
5
6
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
4
|
-
import { Check, ChevronRight, LinkIcon } from '
|
|
5
|
-
import { forwardRef,
|
|
4
|
+
import { Check, ChevronRight, Link as LinkIcon } from '../icons.js';
|
|
5
|
+
import { forwardRef, useEffect, useState, } from 'react';
|
|
6
6
|
import { cn } from '../utils/cn.js';
|
|
7
7
|
import { useCopyButton } from '../utils/use-copy-button.js';
|
|
8
8
|
import { buttonVariants } from '../components/ui/button.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
|
-
import { X } from '
|
|
4
|
+
import { X } from '../icons.js';
|
|
5
5
|
import { cn } from '../utils/cn.js';
|
|
6
6
|
import { buttonVariants } from '../components/ui/button.js';
|
|
7
7
|
export function Banner({ id, variant = 'normal', changeLayout = true, height = '3rem', ...props }) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
-
export declare const Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "
|
|
2
|
+
export declare const Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
|
|
3
3
|
title?: ReactNode;
|
|
4
4
|
/**
|
|
5
5
|
* @defaultValue info
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { CircleX, Info, TriangleAlert } from '../icons.js';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { cn } from '../utils/cn.js';
|
|
5
5
|
import { cva } from 'class-variance-authority';
|
|
6
|
-
const calloutVariants = cva('my-
|
|
6
|
+
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', {
|
|
7
7
|
variants: {
|
|
8
8
|
type: {
|
|
9
9
|
info: 'border-s-blue-500/50',
|
|
@@ -18,7 +18,7 @@ export const Callout = forwardRef(({ className, children, title, type = 'info',
|
|
|
18
18
|
}), className), ...props, children: [icon ??
|
|
19
19
|
{
|
|
20
20
|
info: _jsx(Info, { className: "size-5 fill-blue-500 text-fd-card" }),
|
|
21
|
-
warn: (_jsx(
|
|
21
|
+
warn: (_jsx(TriangleAlert, { className: "size-5 fill-orange-500 text-fd-card" })),
|
|
22
22
|
error: _jsx(CircleX, { className: "size-5 fill-red-500 text-fd-card" }),
|
|
23
23
|
}[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 })] })] }));
|
|
24
24
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Check, Copy } from '
|
|
3
|
+
import { Check, Copy } from '../icons.js';
|
|
4
4
|
import { forwardRef, useCallback, useRef, } from 'react';
|
|
5
5
|
import { cn } from '../utils/cn.js';
|
|
6
6
|
import { ScrollArea, ScrollBar, ScrollViewport, } from '../components/ui/scroll-area.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
2
|
import type { SortedResult } from 'fumadocs-core/server';
|
|
3
3
|
export type SearchLink = [name: string, href: string];
|
|
4
4
|
type ReactSortedResult = Omit<SortedResult, 'content'> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { FileText, Hash,
|
|
4
|
-
import {
|
|
3
|
+
import { FileText, Hash, LoaderCircle, Search as SearchIcon, Text, } from '../../icons.js';
|
|
4
|
+
import { useCallback, useEffect, useMemo, useState, } from 'react';
|
|
5
5
|
import { useI18n } from '../../contexts/i18n.js';
|
|
6
6
|
import { cn } from '../../utils/cn.js';
|
|
7
7
|
import { useSidebar } from '../../contexts/sidebar.js';
|
|
@@ -75,7 +75,7 @@ function SearchResults({ items, onSelect, ...props }) {
|
|
|
75
75
|
}, 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)))] }));
|
|
76
76
|
}
|
|
77
77
|
function LoadingIndicator({ isLoading }) {
|
|
78
|
-
return (_jsxs("div", { className: "relative size-4", children: [_jsx(
|
|
78
|
+
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') })] }));
|
|
79
79
|
}
|
|
80
80
|
function CommandItem({ active, onActiveChange, value, ...props }) {
|
|
81
81
|
return (_jsx("button", { ref: useCallback((element) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../../src/components/files.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { FileIcon, FolderIcon, FolderOpen } from '
|
|
4
|
+
import { File as FileIcon, Folder as FolderIcon, FolderOpen, } from '../icons.js';
|
|
5
5
|
import { useState } from 'react';
|
|
6
6
|
import { cn } from '../utils/cn.js';
|
|
7
7
|
import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from '../utils/cn.js';
|
|
3
|
-
import { Star } from '
|
|
3
|
+
import { Star } from '../icons.js';
|
|
4
4
|
async function getRepoStarsAndForks(owner, repo, token) {
|
|
5
5
|
const endpoint = `https://api.github.com/repos/${owner}/${repo}`;
|
|
6
6
|
const headers = new Headers({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { ChevronDown } from '
|
|
3
|
+
import { ChevronDown } from '../icons.js';
|
|
4
4
|
import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible.js';
|
|
5
5
|
import { cn } from '../utils/cn.js';
|
|
6
6
|
export function InlineTOC({ items, ...props }) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import { ChevronsUpDown } from '
|
|
3
|
+
import { ChevronsUpDown } from '../../icons.js';
|
|
4
4
|
import { useMemo, useState } from 'react';
|
|
5
5
|
import Link from 'fumadocs-core/link';
|
|
6
6
|
import { usePathname } from 'fumadocs-core/framework';
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
2
|
import { type ButtonProps } from '../../components/ui/button.js';
|
|
3
|
-
|
|
3
|
+
interface SearchToggleProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonProps {
|
|
4
4
|
hideIfDisabled?: boolean;
|
|
5
|
-
}
|
|
6
|
-
export declare function
|
|
5
|
+
}
|
|
6
|
+
export declare function SearchToggle({ hideIfDisabled, size, color, ...props }: SearchToggleProps): import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
export declare function LargeSearchToggle({ hideIfDisabled, ...props }: ComponentProps<'button'> & {
|
|
7
8
|
hideIfDisabled?: boolean;
|
|
8
9
|
}): import("react/jsx-runtime").JSX.Element | null;
|
|
10
|
+
export {};
|
|
9
11
|
//# sourceMappingURL=search-toggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/search-toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"search-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/layout/search-toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,wBAAwB,CAAC;AAE1E,UAAU,iBACR,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAC7C,WAAW;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,cAAc,EACd,IAAa,EACb,KAAe,EACf,GAAG,KAAK,EACT,EAAE,iBAAiB,kDAuBnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,cAAc,EACd,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,kDA6BA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
3
|
+
import { Search } from '../../icons.js';
|
|
4
4
|
import { useSearchContext } from '../../contexts/search.js';
|
|
5
5
|
import { useI18n } from '../../contexts/i18n.js';
|
|
6
6
|
import { cn } from '../../utils/cn.js';
|
|
@@ -14,7 +14,7 @@ export function SearchToggle({ hideIfDisabled, size = 'icon', color = 'ghost', .
|
|
|
14
14
|
color,
|
|
15
15
|
}), props.className), "data-search": "", "aria-label": "Open Search", onClick: () => {
|
|
16
16
|
setOpenSearch(true);
|
|
17
|
-
}, children: _jsx(
|
|
17
|
+
}, children: _jsx(Search, { className: "p-px" }) }));
|
|
18
18
|
}
|
|
19
19
|
export function LargeSearchToggle({ hideIfDisabled, ...props }) {
|
|
20
20
|
const { enabled, hotKey, setOpenSearch } = useSearchContext();
|
|
@@ -23,5 +23,5 @@ export function LargeSearchToggle({ hideIfDisabled, ...props }) {
|
|
|
23
23
|
return null;
|
|
24
24
|
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: () => {
|
|
25
25
|
setOpenSearch(true);
|
|
26
|
-
}, children: [_jsx(
|
|
26
|
+
}, 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))) })] }));
|
|
27
27
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { ChevronDown, ExternalLink } from '
|
|
3
|
+
import { ChevronDown, ExternalLink } from '../../icons.js';
|
|
4
4
|
import * as Base from 'fumadocs-core/sidebar';
|
|
5
5
|
import { usePathname } from 'fumadocs-core/framework';
|
|
6
6
|
import { createContext, Fragment, useContext, useMemo, useRef, useState, } from 'react';
|
|
@@ -82,7 +82,7 @@ export function SidebarViewport(props) {
|
|
|
82
82
|
}
|
|
83
83
|
export function SidebarSeparator(props) {
|
|
84
84
|
const { level } = useInternalContext();
|
|
85
|
-
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: {
|
|
85
|
+
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: {
|
|
86
86
|
paddingInlineStart: getOffset(level),
|
|
87
87
|
...props.style,
|
|
88
88
|
}, children: props.children }));
|
|
@@ -167,7 +167,7 @@ export function SidebarPageTree(props) {
|
|
|
167
167
|
if (item.type === 'separator') {
|
|
168
168
|
if (Separator)
|
|
169
169
|
return _jsx(Separator, { item: item }, i);
|
|
170
|
-
return (_jsxs(SidebarSeparator, { className: cn(i !== 0 && 'mt-
|
|
170
|
+
return (_jsxs(SidebarSeparator, { className: cn(i !== 0 && 'mt-6'), children: [item.icon, item.name] }, i));
|
|
171
171
|
}
|
|
172
172
|
if (item.type === 'folder') {
|
|
173
173
|
const children = renderSidebarList(item.children, level + 1);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { Moon, Sun, Airplay } from '
|
|
4
|
+
import { Moon, Sun, Airplay } from '../../icons.js';
|
|
5
5
|
import { useTheme } from 'next-themes';
|
|
6
6
|
import { useLayoutEffect, useState } from 'react';
|
|
7
7
|
import { cn } from '../../utils/cn.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { InfoIcon } from '
|
|
3
|
+
import { Info as InfoIcon } from '../icons.js';
|
|
4
4
|
import Link from 'fumadocs-core/link';
|
|
5
5
|
import { cva } from 'class-variance-authority';
|
|
6
6
|
import { cn } from '../utils/cn.js';
|
package/dist/icons.d.ts
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license lucide-react - ISC
|
|
3
|
+
*
|
|
4
|
+
* All copyright belongs to https://github.com/lucide-icons/lucide, we bundle it as part of library to avoid upstream issues.
|
|
5
|
+
*/
|
|
6
|
+
import { type ComponentProps } from 'react';
|
|
7
|
+
type SVGElementType = 'circle' | 'ellipse' | 'g' | 'line' | 'path' | 'polygon' | 'polyline' | 'rect';
|
|
8
|
+
export interface LucideProps extends ComponentProps<'svg'> {
|
|
9
|
+
size?: string | number;
|
|
10
|
+
}
|
|
11
|
+
export type IconNode = [
|
|
12
|
+
elementName: SVGElementType,
|
|
13
|
+
attrs: Record<string, string>
|
|
14
|
+
][];
|
|
15
|
+
export declare const ChevronDown: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
16
|
+
export declare const Languages: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
17
|
+
export declare const Sidebar: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
18
|
+
export declare const ChevronsUpDown: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
19
|
+
export declare const Search: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
20
|
+
export declare const ExternalLink: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
21
|
+
export declare const Moon: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
22
|
+
export declare const Sun: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
23
|
+
export declare const Airplay: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
24
|
+
export declare const Menu: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
25
|
+
export declare const X: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
26
|
+
export declare const LoaderCircle: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
27
|
+
export declare const CircleCheck: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
28
|
+
export declare const CircleX: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
29
|
+
export declare const Check: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
30
|
+
export declare const TriangleAlert: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
31
|
+
export declare const Info: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
32
|
+
export declare const Copy: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
33
|
+
export declare const FileText: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
34
|
+
export declare const Hash: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
35
|
+
export declare const Text: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
36
|
+
export declare const File: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
37
|
+
export declare const Folder: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
38
|
+
export declare const FolderOpen: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
39
|
+
export declare const Star: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
40
|
+
export declare const Link: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
41
|
+
export declare const Edit: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
42
|
+
export declare const ChevronRight: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
43
|
+
export declare const ChevronLeft: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
44
|
+
export declare const Plus: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
45
|
+
export declare const Trash2: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
46
|
+
export declare const ChevronUp: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
47
|
+
export {};
|
|
48
|
+
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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
ADDED
|
@@ -0,0 +1,261 @@
|
|
|
1
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* @license lucide-react - ISC
|
|
4
|
+
*
|
|
5
|
+
* All copyright belongs to https://github.com/lucide-icons/lucide, we bundle it as part of library to avoid upstream issues.
|
|
6
|
+
*/
|
|
7
|
+
import { createElement, forwardRef } from 'react';
|
|
8
|
+
import { cn } from './utils/cn.js';
|
|
9
|
+
const defaultAttributes = {
|
|
10
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
11
|
+
width: 24,
|
|
12
|
+
height: 24,
|
|
13
|
+
viewBox: '0 0 24 24',
|
|
14
|
+
fill: 'none',
|
|
15
|
+
stroke: 'currentColor',
|
|
16
|
+
strokeWidth: 2,
|
|
17
|
+
strokeLinecap: 'round',
|
|
18
|
+
strokeLinejoin: 'round',
|
|
19
|
+
};
|
|
20
|
+
const createLucideIcon = (iconName, iconNode) => {
|
|
21
|
+
const Component = forwardRef(({ className, size = 24, color = 'currentColor', children, ...props }, ref) => {
|
|
22
|
+
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] }));
|
|
23
|
+
});
|
|
24
|
+
Component.displayName = iconName;
|
|
25
|
+
return Component;
|
|
26
|
+
};
|
|
27
|
+
export const ChevronDown = createLucideIcon('chevron-down', [
|
|
28
|
+
['path', { d: 'm6 9 6 6 6-6', key: 'qrunsl' }],
|
|
29
|
+
]);
|
|
30
|
+
export const Languages = createLucideIcon('languages', [
|
|
31
|
+
['path', { d: 'm5 8 6 6', key: '1wu5hv' }],
|
|
32
|
+
['path', { d: 'm4 14 6-6 2-3', key: '1k1g8d' }],
|
|
33
|
+
['path', { d: 'M2 5h12', key: 'or177f' }],
|
|
34
|
+
['path', { d: 'M7 2h1', key: '1t2jsx' }],
|
|
35
|
+
['path', { d: 'm22 22-5-10-5 10', key: 'don7ne' }],
|
|
36
|
+
['path', { d: 'M14 18h6', key: '1m8k6r' }],
|
|
37
|
+
]);
|
|
38
|
+
export const Sidebar = createLucideIcon('panel-left', [
|
|
39
|
+
[
|
|
40
|
+
'rect',
|
|
41
|
+
{ width: '18', height: '18', x: '3', y: '3', rx: '2', key: 'afitv7' },
|
|
42
|
+
],
|
|
43
|
+
['path', { d: 'M9 3v18', key: 'fh3hqa' }],
|
|
44
|
+
]);
|
|
45
|
+
export const ChevronsUpDown = createLucideIcon('chevrons-up-down', [
|
|
46
|
+
['path', { d: 'm7 15 5 5 5-5', key: '1hf1tw' }],
|
|
47
|
+
['path', { d: 'm7 9 5-5 5 5', key: 'sgt6xg' }],
|
|
48
|
+
]);
|
|
49
|
+
export const Search = createLucideIcon('search', [
|
|
50
|
+
['circle', { cx: '11', cy: '11', r: '8', key: '4ej97u' }],
|
|
51
|
+
['path', { d: 'm21 21-4.3-4.3', key: '1qie3q' }],
|
|
52
|
+
]);
|
|
53
|
+
export const ExternalLink = createLucideIcon('external-link', [
|
|
54
|
+
['path', { d: 'M15 3h6v6', key: '1q9fwt' }],
|
|
55
|
+
['path', { d: 'M10 14 21 3', key: 'gplh6r' }],
|
|
56
|
+
[
|
|
57
|
+
'path',
|
|
58
|
+
{
|
|
59
|
+
d: 'M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6',
|
|
60
|
+
key: 'a6xqqp',
|
|
61
|
+
},
|
|
62
|
+
],
|
|
63
|
+
]);
|
|
64
|
+
export const Moon = createLucideIcon('moon', [
|
|
65
|
+
['path', { d: 'M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z', key: 'a7tn18' }],
|
|
66
|
+
]);
|
|
67
|
+
export const Sun = createLucideIcon('sun', [
|
|
68
|
+
['circle', { cx: '12', cy: '12', r: '4', key: '4exip2' }],
|
|
69
|
+
['path', { d: 'M12 2v2', key: 'tus03m' }],
|
|
70
|
+
['path', { d: 'M12 20v2', key: '1lh1kg' }],
|
|
71
|
+
['path', { d: 'm4.93 4.93 1.41 1.41', key: '149t6j' }],
|
|
72
|
+
['path', { d: 'm17.66 17.66 1.41 1.41', key: 'ptbguv' }],
|
|
73
|
+
['path', { d: 'M2 12h2', key: '1t8f8n' }],
|
|
74
|
+
['path', { d: 'M20 12h2', key: '1q8mjw' }],
|
|
75
|
+
['path', { d: 'm6.34 17.66-1.41 1.41', key: '1m8zz5' }],
|
|
76
|
+
['path', { d: 'm19.07 4.93-1.41 1.41', key: '1shlcs' }],
|
|
77
|
+
]);
|
|
78
|
+
export const Airplay = createLucideIcon('airplay', [
|
|
79
|
+
[
|
|
80
|
+
'path',
|
|
81
|
+
{
|
|
82
|
+
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',
|
|
83
|
+
key: 'ns4c3b',
|
|
84
|
+
},
|
|
85
|
+
],
|
|
86
|
+
['path', { d: 'm12 15 5 6H7Z', key: '14qnn2' }],
|
|
87
|
+
]);
|
|
88
|
+
export const Menu = createLucideIcon('menu', [
|
|
89
|
+
['line', { x1: '4', x2: '20', y1: '12', y2: '12', key: '1e0a9i' }],
|
|
90
|
+
['line', { x1: '4', x2: '20', y1: '6', y2: '6', key: '1owob3' }],
|
|
91
|
+
['line', { x1: '4', x2: '20', y1: '18', y2: '18', key: 'yk5zj1' }],
|
|
92
|
+
]);
|
|
93
|
+
export const X = createLucideIcon('x', [
|
|
94
|
+
['path', { d: 'M18 6 6 18', key: '1bl5f8' }],
|
|
95
|
+
['path', { d: 'm6 6 12 12', key: 'd8bk6v' }],
|
|
96
|
+
]);
|
|
97
|
+
export const LoaderCircle = createLucideIcon('loader-circle', [
|
|
98
|
+
['path', { d: 'M21 12a9 9 0 1 1-6.219-8.56', key: '13zald' }],
|
|
99
|
+
]);
|
|
100
|
+
export const CircleCheck = createLucideIcon('circle-check', [
|
|
101
|
+
['circle', { cx: '12', cy: '12', r: '10', key: '1mglay' }],
|
|
102
|
+
['path', { d: 'm9 12 2 2 4-4', key: 'dzmm74' }],
|
|
103
|
+
]);
|
|
104
|
+
export const CircleX = createLucideIcon('circle-x', [
|
|
105
|
+
['circle', { cx: '12', cy: '12', r: '10', key: '1mglay' }],
|
|
106
|
+
['path', { d: 'm15 9-6 6', key: '1uzhvr' }],
|
|
107
|
+
['path', { d: 'm9 9 6 6', key: 'z0biqf' }],
|
|
108
|
+
]);
|
|
109
|
+
export const Check = createLucideIcon('check', [
|
|
110
|
+
['path', { d: 'M20 6 9 17l-5-5', key: '1gmf2c' }],
|
|
111
|
+
]);
|
|
112
|
+
export const TriangleAlert = createLucideIcon('triangle-alert', [
|
|
113
|
+
[
|
|
114
|
+
'path',
|
|
115
|
+
{
|
|
116
|
+
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',
|
|
117
|
+
key: 'wmoenq',
|
|
118
|
+
},
|
|
119
|
+
],
|
|
120
|
+
['path', { d: 'M12 9v4', key: 'juzpu7' }],
|
|
121
|
+
['path', { d: 'M12 17h.01', key: 'p32p05' }],
|
|
122
|
+
]);
|
|
123
|
+
export const Info = createLucideIcon('info', [
|
|
124
|
+
['circle', { cx: '12', cy: '12', r: '10', key: '1mglay' }],
|
|
125
|
+
['path', { d: 'M12 16v-4', key: '1dtifu' }],
|
|
126
|
+
['path', { d: 'M12 8h.01', key: 'e9boi3' }],
|
|
127
|
+
]);
|
|
128
|
+
export const Copy = createLucideIcon('copy', [
|
|
129
|
+
[
|
|
130
|
+
'rect',
|
|
131
|
+
{
|
|
132
|
+
width: '14',
|
|
133
|
+
height: '14',
|
|
134
|
+
x: '8',
|
|
135
|
+
y: '8',
|
|
136
|
+
rx: '2',
|
|
137
|
+
ry: '2',
|
|
138
|
+
key: '17jyea',
|
|
139
|
+
},
|
|
140
|
+
],
|
|
141
|
+
[
|
|
142
|
+
'path',
|
|
143
|
+
{
|
|
144
|
+
d: 'M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2',
|
|
145
|
+
key: 'zix9uf',
|
|
146
|
+
},
|
|
147
|
+
],
|
|
148
|
+
]);
|
|
149
|
+
export const FileText = createLucideIcon('file-text', [
|
|
150
|
+
[
|
|
151
|
+
'path',
|
|
152
|
+
{
|
|
153
|
+
d: 'M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z',
|
|
154
|
+
key: '1rqfz7',
|
|
155
|
+
},
|
|
156
|
+
],
|
|
157
|
+
['path', { d: 'M14 2v4a2 2 0 0 0 2 2h4', key: 'tnqrlb' }],
|
|
158
|
+
['path', { d: 'M10 9H8', key: 'b1mrlr' }],
|
|
159
|
+
['path', { d: 'M16 13H8', key: 't4e002' }],
|
|
160
|
+
['path', { d: 'M16 17H8', key: 'z1uh3a' }],
|
|
161
|
+
]);
|
|
162
|
+
export const Hash = createLucideIcon('hash', [
|
|
163
|
+
['line', { x1: '4', x2: '20', y1: '9', y2: '9', key: '4lhtct' }],
|
|
164
|
+
['line', { x1: '4', x2: '20', y1: '15', y2: '15', key: 'vyu0kd' }],
|
|
165
|
+
['line', { x1: '10', x2: '8', y1: '3', y2: '21', key: '1ggp8o' }],
|
|
166
|
+
['line', { x1: '16', x2: '14', y1: '3', y2: '21', key: 'weycgp' }],
|
|
167
|
+
]);
|
|
168
|
+
export const Text = createLucideIcon('text', [
|
|
169
|
+
['path', { d: 'M15 18H3', key: 'olowqp' }],
|
|
170
|
+
['path', { d: 'M17 6H3', key: '16j9eg' }],
|
|
171
|
+
['path', { d: 'M21 12H3', key: '2avoz0' }],
|
|
172
|
+
]);
|
|
173
|
+
export const File = createLucideIcon('file', [
|
|
174
|
+
[
|
|
175
|
+
'path',
|
|
176
|
+
{
|
|
177
|
+
d: 'M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z',
|
|
178
|
+
key: '1rqfz7',
|
|
179
|
+
},
|
|
180
|
+
],
|
|
181
|
+
['path', { d: 'M14 2v4a2 2 0 0 0 2 2h4', key: 'tnqrlb' }],
|
|
182
|
+
]);
|
|
183
|
+
export const Folder = createLucideIcon('folder', [
|
|
184
|
+
[
|
|
185
|
+
'path',
|
|
186
|
+
{
|
|
187
|
+
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',
|
|
188
|
+
key: '1kt360',
|
|
189
|
+
},
|
|
190
|
+
],
|
|
191
|
+
]);
|
|
192
|
+
export const FolderOpen = createLucideIcon('folder-open', [
|
|
193
|
+
[
|
|
194
|
+
'path',
|
|
195
|
+
{
|
|
196
|
+
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',
|
|
197
|
+
key: 'usdka0',
|
|
198
|
+
},
|
|
199
|
+
],
|
|
200
|
+
]);
|
|
201
|
+
export const Star = createLucideIcon('star', [
|
|
202
|
+
[
|
|
203
|
+
'path',
|
|
204
|
+
{
|
|
205
|
+
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',
|
|
206
|
+
key: 'r04s7s',
|
|
207
|
+
},
|
|
208
|
+
],
|
|
209
|
+
]);
|
|
210
|
+
export const Link = createLucideIcon('link', [
|
|
211
|
+
[
|
|
212
|
+
'path',
|
|
213
|
+
{
|
|
214
|
+
d: 'M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71',
|
|
215
|
+
key: '1cjeqo',
|
|
216
|
+
},
|
|
217
|
+
],
|
|
218
|
+
[
|
|
219
|
+
'path',
|
|
220
|
+
{
|
|
221
|
+
d: 'M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71',
|
|
222
|
+
key: '19qd67',
|
|
223
|
+
},
|
|
224
|
+
],
|
|
225
|
+
]);
|
|
226
|
+
export const Edit = createLucideIcon('square-pen', [
|
|
227
|
+
[
|
|
228
|
+
'path',
|
|
229
|
+
{
|
|
230
|
+
d: 'M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7',
|
|
231
|
+
key: '1m0v6g',
|
|
232
|
+
},
|
|
233
|
+
],
|
|
234
|
+
[
|
|
235
|
+
'path',
|
|
236
|
+
{
|
|
237
|
+
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',
|
|
238
|
+
key: 'ohrbg2',
|
|
239
|
+
},
|
|
240
|
+
],
|
|
241
|
+
]);
|
|
242
|
+
export const ChevronRight = createLucideIcon('chevron-right', [
|
|
243
|
+
['path', { d: 'm9 18 6-6-6-6', key: 'mthhwq' }],
|
|
244
|
+
]);
|
|
245
|
+
export const ChevronLeft = createLucideIcon('chevron-left', [
|
|
246
|
+
['path', { d: 'm15 18-6-6 6-6', key: '1wnfg3' }],
|
|
247
|
+
]);
|
|
248
|
+
export const Plus = createLucideIcon('plus', [
|
|
249
|
+
['path', { d: 'M5 12h14', key: '1ays0h' }],
|
|
250
|
+
['path', { d: 'M12 5v14', key: 's699le' }],
|
|
251
|
+
]);
|
|
252
|
+
export const Trash2 = createLucideIcon('trash-2', [
|
|
253
|
+
['path', { d: 'M3 6h18', key: 'd0wm0j' }],
|
|
254
|
+
['path', { d: 'M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6', key: '4alrt4' }],
|
|
255
|
+
['path', { d: 'M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2', key: 'v07s0e' }],
|
|
256
|
+
['line', { x1: '10', x2: '10', y1: '11', y2: '17', key: '1uufr5' }],
|
|
257
|
+
['line', { x1: '14', x2: '14', y1: '11', y2: '17', key: 'xtxkd' }],
|
|
258
|
+
]);
|
|
259
|
+
export const ChevronUp = createLucideIcon('chevron-up', [
|
|
260
|
+
['path', { d: 'm18 15-6-6-6 6', key: '153udz' }],
|
|
261
|
+
]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Menu, SidebarIcon, X } from '
|
|
3
|
+
import { Menu, Sidebar as SidebarIcon, X } from '../icons.js';
|
|
4
4
|
import { cn } from '../utils/cn.js';
|
|
5
5
|
import { buttonVariants } from '../components/ui/button.js';
|
|
6
6
|
import { useSidebar } from '../contexts/sidebar.js';
|
|
@@ -29,5 +29,5 @@ export function CollapsibleControl() {
|
|
|
29
29
|
}, children: [_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
|
|
30
30
|
color: 'ghost',
|
|
31
31
|
size: 'icon-sm',
|
|
32
|
-
}), 'rounded-lg'), children: _jsx(SidebarIcon, {}) }), _jsx(SearchToggle, { size: "icon-sm", className: "rounded-lg" })] }));
|
|
32
|
+
}), 'rounded-lg'), children: _jsx(SidebarIcon, {}) }), _jsx(SearchToggle, { size: "icon-sm", className: "rounded-lg", hideIfDisabled: true })] }));
|
|
33
33
|
}
|
package/dist/layouts/docs.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export interface DocsLayoutProps extends BaseLayoutProps {
|
|
|
15
15
|
*/
|
|
16
16
|
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
17
17
|
}
|
|
18
|
-
export declare function DocsLayout({ nav: { transparentMode, ...nav }, searchToggle, disableThemeSwitch, themeSwitch,
|
|
18
|
+
export declare function DocsLayout({ nav: { transparentMode, ...nav }, sidebar, searchToggle, disableThemeSwitch, themeSwitch, i18n, children, ...props }: DocsLayoutProps): ReactNode;
|
|
19
19
|
export declare function DocsLayoutSidebar({ collapsible, components, nav, links, footer, banner, ...props }: Omit<SidebarOptions, 'tabs'> & {
|
|
20
20
|
links?: LinkItemType[];
|
|
21
21
|
nav?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"docs.d.ts","sourceRoot":"","sources":["../../src/layouts/docs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAcrE,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,eAAe,EAAY,MAAM,UAAU,CAAC;AAK1D,OAAO,EACL,kBAAkB,EAClB,MAAM,EACN,oBAAoB,EACrB,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"docs.d.ts","sourceRoot":"","sources":["../../src/layouts/docs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAcrE,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,eAAe,EAAY,MAAM,UAAU,CAAC;AAK1D,OAAO,EACL,kBAAkB,EAClB,MAAM,EACN,oBAAoB,EACrB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAY/B,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IAEpB,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG;QAClC,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,SAAS,CAAC,EAAE,SAAS,CAAC;KACvB,CAAC;IAEF;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,wBAAgB,UAAU,CAAC,EACzB,GAAG,EAAE,EAAE,eAAe,EAAE,GAAG,GAAG,EAAO,EACrC,OAAY,EACZ,YAAY,EACZ,kBAA0B,EAC1B,WAA8C,EAC9C,IAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,SAAS,CAkG7B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAkB,EAClB,UAAU,EACV,GAAG,EACH,KAAU,EACV,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAChC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,2CA2CA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,WAAW,EACX,KAAU,GACX,EAAE;IACD,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;CAC9C,kDAiCA;AAED,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,oBAAoB,EAAE,KAAK,YAAY,EAAE,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC"}
|
package/dist/layouts/docs.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
|
-
import { Languages, SidebarIcon } from '
|
|
3
|
+
import { Languages, Sidebar as SidebarIcon } from '../icons.js';
|
|
4
4
|
import { cn } from '../utils/cn.js';
|
|
5
5
|
import { buttonVariants } from '../components/ui/button.js';
|
|
6
6
|
import { CollapsibleSidebar, Sidebar, SidebarCollapseTrigger, SidebarFooter, SidebarHeader, SidebarPageTree, SidebarViewport, } from '../components/layout/sidebar.js';
|
|
7
|
-
import { slot, slots } from '../layouts/shared.js';
|
|
7
|
+
import { omit, slot, slots } from '../layouts/shared.js';
|
|
8
8
|
import { BaseLinkItem, } from '../layouts/links.js';
|
|
9
9
|
import { RootToggle } from '../components/layout/root-toggle.js';
|
|
10
10
|
import { getLinks } from './shared.js';
|
|
@@ -12,12 +12,12 @@ import { LanguageToggle, LanguageToggleText, } from '../components/layout/langua
|
|
|
12
12
|
import { CollapsibleControl, Navbar, NavbarSidebarTrigger, } from '../layouts/docs-client.js';
|
|
13
13
|
import { TreeContextProvider } from '../contexts/tree.js';
|
|
14
14
|
import { ThemeToggle } from '../components/layout/theme-toggle.js';
|
|
15
|
-
import { LargeSearchToggle, SearchToggle, } from '../components/layout/search-toggle.js';
|
|
16
15
|
import { getSidebarTabsFromOptions, layoutVariables, SidebarLinkItem, } from '../layouts/docs/shared.js';
|
|
17
16
|
import { NavProvider, StylesProvider, } from '../contexts/layout.js';
|
|
18
17
|
import Link from 'fumadocs-core/link';
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
import { LargeSearchToggle, SearchToggle, } from '../components/layout/search-toggle.js';
|
|
19
|
+
export function DocsLayout({ nav: { transparentMode, ...nav } = {}, sidebar = {}, searchToggle, disableThemeSwitch = false, themeSwitch = { enabled: !disableThemeSwitch }, i18n = false, children, ...props }) {
|
|
20
|
+
const tabs = useMemo(() => getSidebarTabsFromOptions(sidebar.tabs, props.tree) ?? [], [sidebar.tabs, props.tree]);
|
|
21
21
|
const links = getLinks(props.links ?? [], props.githubUrl);
|
|
22
22
|
const variables = cn('[--fd-tocnav-height:36px] md:[--fd-sidebar-width:268px] lg:[--fd-sidebar-width:286px] xl:[--fd-toc-width:286px] xl:[--fd-tocnav-height:0px]', !nav.component && nav.enabled !== false
|
|
23
23
|
? '[--fd-nav-height:calc(var(--spacing)*14)] md:[--fd-nav-height:0px]'
|
|
@@ -29,7 +29,7 @@ export function DocsLayout({ nav: { transparentMode, ...nav } = {}, searchToggle
|
|
|
29
29
|
return (_jsx(TreeContextProvider, { tree: props.tree, children: _jsxs(NavProvider, { transparentMode: transparentMode, children: [slot(nav, _jsxs(Navbar, { className: "md:hidden", children: [_jsx(Link, { href: nav.url ?? '/', className: "inline-flex items-center gap-2.5 font-semibold", children: nav.title }), _jsx("div", { className: "flex flex-1 flex-row items-center gap-1", children: nav.children }), slots('sm', searchToggle, _jsx(SearchToggle, { hideIfDisabled: true })), _jsx(NavbarSidebarTrigger, { className: "-me-2 md:hidden" })] })), _jsxs("main", { id: "nd-docs-layout", ...props.containerProps, className: cn('flex flex-1 flex-row pe-(--fd-layout-offset)', variables, props.containerProps?.className), style: {
|
|
30
30
|
...layoutVariables,
|
|
31
31
|
...props.containerProps?.style,
|
|
32
|
-
}, children: [slot(sidebar, _jsx(DocsLayoutSidebar, { ...sidebar, links: links, nav: _jsxs(_Fragment, { children: [_jsx(Link, { href: nav.url ?? '/', className: "inline-flex text-[15px] items-center gap-2.5 font-medium", children: nav.title }), nav.children] }), banner: _jsxs(_Fragment, { children: [tabs.length > 0 ? _jsx(RootToggle, { options: tabs }) : null, slots('lg', searchToggle, _jsx(LargeSearchToggle, { hideIfDisabled: true, className: "rounded-lg max-md:hidden" })), sidebar.banner] }), footer: _jsxs(_Fragment, { children: [_jsx(DocsLayoutSidebarFooter, { links: links.filter((item) => item.type === 'icon'), i18n: i18n, themeSwitch: themeSwitch }), sidebar.footer] }) })), _jsx(StylesProvider, { ...pageStyles, children: children })] })] }) }));
|
|
32
|
+
}, children: [slot(sidebar, _jsx(DocsLayoutSidebar, { ...omit(sidebar, 'enabled', 'component', 'tabs'), links: links, nav: _jsxs(_Fragment, { children: [_jsx(Link, { href: nav.url ?? '/', className: "inline-flex text-[15px] items-center gap-2.5 font-medium", children: nav.title }), nav.children] }), banner: _jsxs(_Fragment, { children: [tabs.length > 0 ? _jsx(RootToggle, { options: tabs }) : null, slots('lg', searchToggle, _jsx(LargeSearchToggle, { hideIfDisabled: true, className: "rounded-lg max-md:hidden" })), sidebar.banner] }), footer: _jsxs(_Fragment, { children: [_jsx(DocsLayoutSidebarFooter, { links: links.filter((item) => item.type === 'icon'), i18n: i18n, themeSwitch: themeSwitch }), sidebar.footer] }) })), _jsx(StylesProvider, { ...pageStyles, children: children })] })] }) }));
|
|
33
33
|
}
|
|
34
34
|
export function DocsLayoutSidebar({ collapsible = true, components, nav, links = [], footer, banner, ...props }) {
|
|
35
35
|
const Aside = collapsible ? CollapsibleSidebar : Sidebar;
|
|
@@ -9,7 +9,7 @@ export declare function NavbarMenuContent(props: NavigationMenuContentProps): im
|
|
|
9
9
|
export declare function NavbarMenuTrigger(props: NavigationMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export declare function NavbarMenuLink(props: LinkProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
declare const linkVariants: (props?: ({
|
|
12
|
-
variant?: "
|
|
12
|
+
variant?: "button" | "main" | "icon" | null | undefined;
|
|
13
13
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
14
14
|
export declare function NavbarLink({ item, variant, ...props }: ComponentProps<typeof BaseLinkItem> & VariantProps<typeof linkVariants>): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
package/dist/layouts/home.js
CHANGED
|
@@ -8,7 +8,7 @@ import { Navbar, NavbarLink, NavbarMenu, NavbarMenuContent, NavbarMenuLink, Navb
|
|
|
8
8
|
import { LargeSearchToggle, SearchToggle, } from '../components/layout/search-toggle.js';
|
|
9
9
|
import { ThemeToggle } from '../components/layout/theme-toggle.js';
|
|
10
10
|
import { LanguageToggle, LanguageToggleText, } from '../components/layout/language-toggle.js';
|
|
11
|
-
import { ChevronDown, Languages } from '
|
|
11
|
+
import { ChevronDown, Languages } from '../icons.js';
|
|
12
12
|
import Link from 'fumadocs-core/link';
|
|
13
13
|
import { Menu, MenuContent, MenuLinkItem, MenuTrigger, } from '../layouts/home/menu.js';
|
|
14
14
|
export function HomeLayout(props) {
|
|
@@ -5,7 +5,7 @@ import { useSidebar } from '../contexts/sidebar.js';
|
|
|
5
5
|
import { useNav } from '../contexts/layout.js';
|
|
6
6
|
import { SidebarTrigger } from 'fumadocs-core/sidebar';
|
|
7
7
|
import { buttonVariants } from '../components/ui/button.js';
|
|
8
|
-
import { Menu, X } from '
|
|
8
|
+
import { Menu, X } from '../icons.js';
|
|
9
9
|
import Link from 'fumadocs-core/link';
|
|
10
10
|
import { usePathname } from 'fumadocs-core/framework';
|
|
11
11
|
import { isActive } from '../utils/is-active.js';
|
|
@@ -9,9 +9,9 @@ export interface DocsLayoutProps extends BaseLayoutProps {
|
|
|
9
9
|
nav?: BaseLayoutProps['nav'] & {
|
|
10
10
|
mode?: 'top' | 'auto';
|
|
11
11
|
};
|
|
12
|
-
sidebar?:
|
|
12
|
+
sidebar?: Partial<SidebarOptions>;
|
|
13
13
|
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
14
14
|
}
|
|
15
|
-
export declare function DocsLayout(
|
|
15
|
+
export declare function DocsLayout(props: DocsLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export { Navbar, NavbarSidebarTrigger };
|
|
17
17
|
//# sourceMappingURL=notebook.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notebook.d.ts","sourceRoot":"","sources":["../../src/layouts/notebook.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,cAAc,
|
|
1
|
+
{"version":3,"file":"notebook.d.ts","sourceRoot":"","sources":["../../src/layouts/notebook.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,cAAc,EAAW,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,KAAK,eAAe,EAAyB,MAAM,kBAAkB,CAAC;AAsB/E,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAGL,MAAM,EACN,oBAAoB,EAErB,MAAM,mBAAmB,CAAC;AAa3B,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE/B,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG;QAC7B,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;KACvB,CAAC;IAEF,OAAO,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAElC,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAkJhD;AAoLD,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,CAAC"}
|
package/dist/layouts/notebook.js
CHANGED
|
@@ -5,7 +5,7 @@ import { CollapsibleSidebar, Sidebar, SidebarCollapseTrigger, SidebarFooter, Sid
|
|
|
5
5
|
import { TreeContextProvider } from '../contexts/tree.js';
|
|
6
6
|
import { cn } from '../utils/cn.js';
|
|
7
7
|
import { buttonVariants } from '../components/ui/button.js';
|
|
8
|
-
import { ChevronDown, Languages, SidebarIcon } from '
|
|
8
|
+
import { ChevronDown, Languages, Sidebar as SidebarIcon } from '../icons.js';
|
|
9
9
|
import { BaseLinkItem } from '../layouts/links.js';
|
|
10
10
|
import { LanguageToggle } from '../components/layout/language-toggle.js';
|
|
11
11
|
import { ThemeToggle } from '../components/layout/theme-toggle.js';
|
|
@@ -16,7 +16,8 @@ import { NavProvider, StylesProvider, } from '../contexts/layout.js';
|
|
|
16
16
|
import { RootToggle } from '../components/layout/root-toggle.js';
|
|
17
17
|
import Link from 'fumadocs-core/link';
|
|
18
18
|
import { LargeSearchToggle, SearchToggle, } from '../components/layout/search-toggle.js';
|
|
19
|
-
export function DocsLayout(
|
|
19
|
+
export function DocsLayout(props) {
|
|
20
|
+
const { tabMode = 'sidebar', nav: { transparentMode, ...nav } = {}, sidebar: { collapsible: sidebarCollapsible = true, tabs: tabOptions, banner: sidebarBanner, footer: sidebarFooter, components: sidebarComponents, ...sidebar } = {}, i18n = false, disableThemeSwitch = false, themeSwitch = { enabled: !disableThemeSwitch }, } = props;
|
|
20
21
|
const navMode = nav.mode ?? 'auto';
|
|
21
22
|
const links = getLinks(props.links ?? [], props.githubUrl);
|
|
22
23
|
const tabs = useMemo(() => getSidebarTabsFromOptions(tabOptions, props.tree) ?? [], [tabOptions, props.tree]);
|
|
@@ -33,22 +34,25 @@ export function DocsLayout({ tabMode = 'sidebar', nav: { transparentMode, ...nav
|
|
|
33
34
|
...layoutVariables,
|
|
34
35
|
...props.containerProps?.style,
|
|
35
36
|
}, children: [_jsxs(Aside, { ...sidebar, className: cn('md:ps-(--fd-layout-offset)', navMode === 'top' ? 'bg-transparent' : 'md:[--fd-nav-height:0px]', sidebar.className), inner: {
|
|
36
|
-
className: cn(navMode === 'top' ? 'md:pt-2.5' : 'md:pt-3.5'
|
|
37
|
-
}, children: [_jsxs(SidebarHeader, { children: [navMode === 'auto' && (_jsxs("div", { className: "flex flex-row justify-between max-md:hidden", children: [_jsx(Link, { href: nav.url ?? '/', className: "inline-flex items-center gap-2.5 font-medium", children: nav.title }), _jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
|
|
37
|
+
className: cn(navMode === 'top' ? 'md:pt-2.5' : 'md:pt-3.5'),
|
|
38
|
+
}, children: [_jsxs(SidebarHeader, { children: [navMode === 'auto' && (_jsxs("div", { className: "flex flex-row justify-between max-md:hidden", children: [_jsx(Link, { href: nav.url ?? '/', className: "inline-flex items-center gap-2.5 font-medium", children: nav.title }), sidebarCollapsible && (_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
|
|
38
39
|
color: 'ghost',
|
|
39
40
|
size: 'icon-sm',
|
|
40
|
-
}), 'text-fd-muted-foreground mb-auto'), children: _jsx(SidebarIcon, {}) })] })), nav.children, sidebarBanner, tabMode === 'sidebar' && tabs.length > 0 ? (_jsx(RootToggle, { options: tabs })) : null] }), _jsxs(SidebarViewport, { children: [tabMode === 'navbar' &&
|
|
41
|
-
tabs.map((tab, i) => (_jsx(SidebarLayoutTab, { item: tab, className: cn('lg:hidden', i === tabs.length - 1 && 'mb-4') }, tab.url))), links.map((item, i) => (_jsx(SidebarLinkItem, { item: item, className: cn('lg:hidden', i === links.length - 1 && 'mb-4') }, i))), _jsx(SidebarPageTree, { components: sidebarComponents })] }), _jsxs(SidebarFooter, { className: cn('flex flex-row items-center', !sidebarFooter && 'md:hidden'), children: [i18n ? (_jsx(LanguageToggle, { className: "me-auto md:hidden", children: _jsx(Languages, { className: "size-5 text-fd-muted-foreground" }) })) : null, slot(themeSwitch, _jsx(ThemeToggle, { className: "md:hidden", mode: themeSwitch?.mode ?? 'light-dark-system' })), sidebarFooter] })] }), _jsx(DocsNavbar, {
|
|
41
|
+
}), 'text-fd-muted-foreground mb-auto'), children: _jsx(SidebarIcon, {}) }))] })), nav.children, sidebarBanner, tabMode === 'sidebar' && tabs.length > 0 ? (_jsx(RootToggle, { options: tabs })) : null] }), _jsxs(SidebarViewport, { children: [tabMode === 'navbar' &&
|
|
42
|
+
tabs.map((tab, i) => (_jsx(SidebarLayoutTab, { item: tab, className: cn('lg:hidden', i === tabs.length - 1 && 'mb-4') }, tab.url))), links.map((item, i) => (_jsx(SidebarLinkItem, { item: item, className: cn('lg:hidden', i === links.length - 1 && 'mb-4') }, i))), _jsx(SidebarPageTree, { components: sidebarComponents })] }), _jsxs(SidebarFooter, { className: cn('flex flex-row items-center', !sidebarFooter && 'md:hidden'), children: [i18n ? (_jsx(LanguageToggle, { className: "me-auto md:hidden", children: _jsx(Languages, { className: "size-5 text-fd-muted-foreground" }) })) : null, slot(themeSwitch, _jsx(ThemeToggle, { className: "md:hidden", mode: themeSwitch?.mode ?? 'light-dark-system' })), sidebarFooter] })] }), _jsx(DocsNavbar, { ...props, links: links, tabs: tabMode == 'navbar' ? tabs : [] }), _jsx(StylesProvider, { ...pageStyles, children: props.children })] }) }) }));
|
|
42
43
|
}
|
|
43
|
-
function DocsNavbar({
|
|
44
|
+
function DocsNavbar({ links, tabs, ...props }) {
|
|
45
|
+
const navMode = props.nav?.mode ?? 'auto';
|
|
46
|
+
const sidebarCollapsible = props.sidebar?.collapsible ?? true;
|
|
47
|
+
const nav = (_jsx(Link, { href: props.nav?.url ?? '/', className: cn('inline-flex items-center gap-2.5 font-semibold empty:hidden', navMode === 'auto' && 'md:hidden'), children: props.nav?.title }));
|
|
44
48
|
return (_jsxs(Navbar, { mode: navMode, children: [_jsxs("div", { className: cn('flex flex-row border-b border-fd-foreground/10 px-4 h-14', navMode === 'auto' && 'md:px-6'), children: [_jsxs("div", { className: cn('flex flex-row items-center', navMode === 'top' && 'flex-1 pe-4'), children: [sidebarCollapsible && navMode === 'auto' ? (_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
|
|
45
49
|
color: 'ghost',
|
|
46
50
|
size: 'icon-sm',
|
|
47
|
-
}), 'text-fd-muted-foreground -ms-1.5 me-2 data-[collapsed=false]:hidden max-md:hidden'), children: _jsx(SidebarIcon, {}) })) : null, nav] }), slots('lg', searchToggle, _jsx(LargeSearchToggle, { hideIfDisabled: true, className: cn('w-full my-auto rounded-xl max-md:hidden', navMode === 'top' ? 'max-w-sm px-2' : 'max-w-[240px]') })), _jsxs("div", { className: "flex flex-1 flex-row items-center justify-end", children: [_jsx("div", { className: "flex flex-row items-center gap-6 px-4 empty:hidden max-lg:hidden", children: links
|
|
51
|
+
}), 'text-fd-muted-foreground -ms-1.5 me-2 data-[collapsed=false]:hidden max-md:hidden'), children: _jsx(SidebarIcon, {}) })) : null, nav] }), slots('lg', props.searchToggle, _jsx(LargeSearchToggle, { hideIfDisabled: true, className: cn('w-full my-auto rounded-xl max-md:hidden', navMode === 'top' ? 'max-w-sm px-2' : 'max-w-[240px]') })), _jsxs("div", { className: "flex flex-1 flex-row items-center justify-end", children: [_jsx("div", { className: "flex flex-row items-center gap-6 px-4 empty:hidden max-lg:hidden", children: links
|
|
48
52
|
.filter((item) => item.type !== 'icon')
|
|
49
|
-
.map((item, i) => (_jsx(NavbarLinkItem, { item: item, className: "text-sm text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground" }, i))) }), children, slots('sm', searchToggle, _jsx(SearchToggle, { hideIfDisabled: true, className: "md:hidden" })), _jsx(NavbarSidebarTrigger, { className: "-me-1.5 md:hidden" }), links
|
|
53
|
+
.map((item, i) => (_jsx(NavbarLinkItem, { item: item, className: "text-sm text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground" }, i))) }), props.nav?.children, slots('sm', props.searchToggle, _jsx(SearchToggle, { hideIfDisabled: true, className: "md:hidden" })), _jsx(NavbarSidebarTrigger, { className: "-me-1.5 md:hidden" }), links
|
|
50
54
|
.filter((item) => item.type === 'icon')
|
|
51
|
-
.map((item, i) => (_jsx(BaseLinkItem, { item: item, className: cn(buttonVariants({ size: 'icon-sm', color: 'ghost' }), 'text-fd-muted-foreground max-lg:hidden'), "aria-label": item.label, children: item.icon }, i))), i18n ? (_jsx(LanguageToggle, { className: "max-md:hidden", children: _jsx(Languages, { className: "size-4.5 text-fd-muted-foreground" }) })) : null, slot(themeSwitch, _jsx(ThemeToggle, { className: "ms-2 max-md:hidden", mode: themeSwitch?.mode ?? 'light-dark-system' })), sidebarCollapsible && navMode === 'top' ? (_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
|
|
55
|
+
.map((item, i) => (_jsx(BaseLinkItem, { item: item, className: cn(buttonVariants({ size: 'icon-sm', color: 'ghost' }), 'text-fd-muted-foreground max-lg:hidden'), "aria-label": item.label, children: item.icon }, i))), props.i18n ? (_jsx(LanguageToggle, { className: "max-md:hidden", children: _jsx(Languages, { className: "size-4.5 text-fd-muted-foreground" }) })) : null, slot(props.themeSwitch, _jsx(ThemeToggle, { className: "ms-2 max-md:hidden", mode: props.themeSwitch?.mode ?? 'light-dark-system' })), sidebarCollapsible && navMode === 'top' ? (_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
|
|
52
56
|
color: 'secondary',
|
|
53
57
|
size: 'icon-sm',
|
|
54
58
|
}), 'ms-2 text-fd-muted-foreground rounded-full max-md:hidden'), children: _jsx(SidebarIcon, {}) })) : null] })] }), tabs.length > 0 ? (_jsx(LayoutTabs, { className: "px-6 border-b border-fd-foreground/10 h-10 max-lg:hidden", children: tabs.map((tab) => (_jsx(LayoutTab, { ...tab }, tab.url))) })) : null] }));
|
package/dist/layouts/shared.d.ts
CHANGED
|
@@ -62,4 +62,5 @@ export declare function slots<Comp extends Record<string, ReactNode>>(variant: k
|
|
|
62
62
|
enabled?: boolean;
|
|
63
63
|
components?: Comp;
|
|
64
64
|
} | undefined, def: ReactNode): ReactNode;
|
|
65
|
+
export declare function omit<T extends Record<string, unknown>, Keys extends keyof T>(obj: T, ...keys: Keys[]): Omit<T, Keys>;
|
|
65
66
|
//# sourceMappingURL=shared.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/layouts/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,gBAAgB;IAClD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,IAAI,CAAC,EAAE,YAAY,GAAG,mBAAmB,CAAC;KAC3C,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;YAClB,EAAE,EAAE,SAAS,CAAC;YACd,EAAE,EAAE,SAAS,CAAC;SACf,CAAC,CAAC;KACJ,CAAC,CAAC;IAEH;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAE1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,OAAO,EAAE,KAAK,YAAY,EAAE,CAAC;AAE7B;;GAEG;AACH,wBAAgB,QAAQ,CACtB,KAAK,GAAE,YAAY,EAAO,EAC1B,SAAS,CAAC,EAAE,MAAM,GACjB,YAAY,EAAE,CAqBhB;AAED,wBAAgB,IAAI,CAClB,GAAG,EACC;IACE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GACD,SAAS,EACb,GAAG,EAAE,SAAS,EACd,oBAAoB,CAAC,EAAE,MAAM,EAC7B,QAAQ,CAAC,EAAE,SAAS,GACnB,SAAS,CAMX;AAED,wBAAgB,KAAK,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1D,OAAO,EAAE,MAAM,IAAI,EACnB,GAAG,EACC;IACE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB,GACD,SAAS,EACb,GAAG,EAAE,SAAS,GACb,SAAS,CAMX"}
|
|
1
|
+
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/layouts/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,gBAAgB;IAClD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,IAAI,CAAC,EAAE,YAAY,GAAG,mBAAmB,CAAC;KAC3C,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;YAClB,EAAE,EAAE,SAAS,CAAC;YACd,EAAE,EAAE,SAAS,CAAC;SACf,CAAC,CAAC;KACJ,CAAC,CAAC;IAEH;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAE1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,OAAO,EAAE,KAAK,YAAY,EAAE,CAAC;AAE7B;;GAEG;AACH,wBAAgB,QAAQ,CACtB,KAAK,GAAE,YAAY,EAAO,EAC1B,SAAS,CAAC,EAAE,MAAM,GACjB,YAAY,EAAE,CAqBhB;AAED,wBAAgB,IAAI,CAClB,GAAG,EACC;IACE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GACD,SAAS,EACb,GAAG,EAAE,SAAS,EACd,oBAAoB,CAAC,EAAE,MAAM,EAC7B,QAAQ,CAAC,EAAE,SAAS,GACnB,SAAS,CAMX;AAED,wBAAgB,KAAK,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1D,OAAO,EAAE,MAAM,IAAI,EACnB,GAAG,EACC;IACE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,IAAI,CAAC;CACnB,GACD,SAAS,EACb,GAAG,EAAE,SAAS,GACb,SAAS,CAMX;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,SAAS,MAAM,CAAC,EAC1E,GAAG,EAAE,CAAC,EACN,GAAG,IAAI,EAAE,IAAI,EAAE,GACd,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAMf"}
|
package/dist/layouts/shared.js
CHANGED
|
@@ -33,3 +33,10 @@ export function slots(variant, obj, def) {
|
|
|
33
33
|
return _jsx(Slot, { children: obj.components[variant] });
|
|
34
34
|
return def;
|
|
35
35
|
}
|
|
36
|
+
export function omit(obj, ...keys) {
|
|
37
|
+
const clone = { ...obj };
|
|
38
|
+
for (const key of keys) {
|
|
39
|
+
delete clone[key];
|
|
40
|
+
}
|
|
41
|
+
return clone;
|
|
42
|
+
}
|
package/dist/mdx.d.ts
CHANGED
|
@@ -17,7 +17,7 @@ declare const defaultMdxComponents: {
|
|
|
17
17
|
h5: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
h6: (props: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
table: typeof Table;
|
|
20
|
-
Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "
|
|
20
|
+
Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
|
|
21
21
|
title?: import("react").ReactNode;
|
|
22
22
|
type?: "info" | "warn" | "error";
|
|
23
23
|
icon?: import("react").ReactNode;
|
package/dist/page-client.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Fragment, useEffect, useMemo, useRef, useState, } from 'react';
|
|
4
|
-
import { ChevronDown, ChevronLeft, ChevronRight } from '
|
|
4
|
+
import { ChevronDown, ChevronLeft, ChevronRight } from './icons.js';
|
|
5
5
|
import Link from 'fumadocs-core/link';
|
|
6
6
|
import { cn } from './utils/cn.js';
|
|
7
7
|
import { useI18n } from './contexts/i18n.js';
|
package/dist/page.js
CHANGED
|
@@ -6,7 +6,7 @@ import { cn } from './utils/cn.js';
|
|
|
6
6
|
import { Footer, LastUpdate, TocPopover, Breadcrumb, PageBody, PageArticle, TocPopoverTrigger, TocPopoverContent, } from './page-client.js';
|
|
7
7
|
import { Toc, TOCItems, TOCScrollArea, } from './components/layout/toc.js';
|
|
8
8
|
import { buttonVariants } from './components/ui/button.js';
|
|
9
|
-
import { Edit, Text } from '
|
|
9
|
+
import { Edit, Text } from './icons.js';
|
|
10
10
|
import { I18nLabel } from './contexts/i18n.js';
|
|
11
11
|
import ClerkTOCItems from './components/layout/toc-clerk.js';
|
|
12
12
|
export function DocsPage({ toc = [], full = false, tableOfContentPopover: { enabled: tocPopoverEnabled, component: tocPopoverReplace, ...tocPopoverOptions } = {}, tableOfContent: { enabled: tocEnabled, component: tocReplace, ...tocOptions } = {}, ...props }) {
|
package/dist/style.css
CHANGED
|
@@ -238,6 +238,9 @@
|
|
|
238
238
|
.collapse {
|
|
239
239
|
visibility: collapse;
|
|
240
240
|
}
|
|
241
|
+
.visible {
|
|
242
|
+
visibility: visible;
|
|
243
|
+
}
|
|
241
244
|
.fd-step {
|
|
242
245
|
&:before {
|
|
243
246
|
background-color: var(--color-fd-secondary);
|
|
@@ -829,9 +832,6 @@
|
|
|
829
832
|
.mt-6 {
|
|
830
833
|
margin-top: calc(var(--spacing) * 6);
|
|
831
834
|
}
|
|
832
|
-
.mt-8 {
|
|
833
|
-
margin-top: calc(var(--spacing) * 8);
|
|
834
|
-
}
|
|
835
835
|
.mt-auto {
|
|
836
836
|
margin-top: auto;
|
|
837
837
|
}
|
|
@@ -1693,6 +1693,11 @@
|
|
|
1693
1693
|
padding-bottom: calc(var(--spacing) * 0);
|
|
1694
1694
|
}
|
|
1695
1695
|
}
|
|
1696
|
+
.empty\:mb-0 {
|
|
1697
|
+
&:empty {
|
|
1698
|
+
margin-bottom: calc(var(--spacing) * 0);
|
|
1699
|
+
}
|
|
1700
|
+
}
|
|
1696
1701
|
.empty\:hidden {
|
|
1697
1702
|
&:empty {
|
|
1698
1703
|
display: none;
|
|
@@ -2096,11 +2101,6 @@
|
|
|
2096
2101
|
padding-inline-start: var(--fd-layout-offset);
|
|
2097
2102
|
}
|
|
2098
2103
|
}
|
|
2099
|
-
.md\:pt-0 {
|
|
2100
|
-
@media (width >= 48rem) {
|
|
2101
|
-
padding-top: calc(var(--spacing) * 0);
|
|
2102
|
-
}
|
|
2103
|
-
}
|
|
2104
2104
|
.md\:pt-2\.5 {
|
|
2105
2105
|
@media (width >= 48rem) {
|
|
2106
2106
|
padding-top: calc(var(--spacing) * 2.5);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "fumadocs-ui",
|
|
3
|
-
"version": "15.2.
|
|
3
|
+
"version": "15.2.12",
|
|
4
4
|
"description": "The framework for building a documentation website in Next.js",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"NextJs",
|
|
@@ -61,6 +61,10 @@
|
|
|
61
61
|
"./utils/*": {
|
|
62
62
|
"import": "./dist/utils/*.js",
|
|
63
63
|
"types": "./dist/utils/*.d.ts"
|
|
64
|
+
},
|
|
65
|
+
"./internal/icons": {
|
|
66
|
+
"import": "./dist/icons.js",
|
|
67
|
+
"types": "./dist/icons.d.ts"
|
|
64
68
|
}
|
|
65
69
|
},
|
|
66
70
|
"files": [
|
|
@@ -68,23 +72,22 @@
|
|
|
68
72
|
"css/*"
|
|
69
73
|
],
|
|
70
74
|
"dependencies": {
|
|
71
|
-
"@radix-ui/react-accordion": "^1.2.
|
|
72
|
-
"@radix-ui/react-collapsible": "^1.1.
|
|
73
|
-
"@radix-ui/react-dialog": "^1.1.
|
|
75
|
+
"@radix-ui/react-accordion": "^1.2.8",
|
|
76
|
+
"@radix-ui/react-collapsible": "^1.1.8",
|
|
77
|
+
"@radix-ui/react-dialog": "^1.1.11",
|
|
74
78
|
"@radix-ui/react-direction": "^1.1.1",
|
|
75
|
-
"@radix-ui/react-navigation-menu": "^1.2.
|
|
76
|
-
"@radix-ui/react-popover": "^1.1.
|
|
77
|
-
"@radix-ui/react-scroll-area": "^1.2.
|
|
79
|
+
"@radix-ui/react-navigation-menu": "^1.2.10",
|
|
80
|
+
"@radix-ui/react-popover": "^1.1.11",
|
|
81
|
+
"@radix-ui/react-scroll-area": "^1.2.6",
|
|
78
82
|
"@radix-ui/react-slot": "^1.2.0",
|
|
79
|
-
"@radix-ui/react-tabs": "^1.1.
|
|
83
|
+
"@radix-ui/react-tabs": "^1.1.9",
|
|
80
84
|
"class-variance-authority": "^0.7.1",
|
|
81
85
|
"lodash.merge": "^4.6.2",
|
|
82
|
-
"lucide-react": "^0.503.0",
|
|
83
86
|
"next-themes": "^0.4.6",
|
|
84
87
|
"postcss-selector-parser": "^7.1.0",
|
|
85
88
|
"react-medium-image-zoom": "^5.2.14",
|
|
86
89
|
"tailwind-merge": "^3.2.0",
|
|
87
|
-
"fumadocs-core": "15.2.
|
|
90
|
+
"fumadocs-core": "15.2.12"
|
|
88
91
|
},
|
|
89
92
|
"devDependencies": {
|
|
90
93
|
"@next/eslint-plugin-next": "^15.3.1",
|
|
@@ -97,7 +100,7 @@
|
|
|
97
100
|
"tsc-alias": "^1.8.15",
|
|
98
101
|
"@fumadocs/cli": "0.1.1",
|
|
99
102
|
"eslint-config-custom": "0.0.0",
|
|
100
|
-
"fumadocs-core": "15.2.
|
|
103
|
+
"fumadocs-core": "15.2.12",
|
|
101
104
|
"tsconfig": "0.0.0"
|
|
102
105
|
},
|
|
103
106
|
"peerDependencies": {
|