@fumadocs/base-ui 16.11.1 → 16.11.3
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/css/generated/docs.css +1 -1
- package/css/generated/flux.css +1 -1
- package/css/generated/home.css +1 -1
- package/css/generated/notebook.css +1 -1
- package/css/generated/shared.css +1 -1
- package/dist/components/accordion.d.ts +2 -14
- package/dist/components/banner.d.ts +1 -9
- package/dist/components/callout.d.ts +4 -24
- package/dist/components/card.d.ts +1 -7
- package/dist/components/codeblock.d.ts +4 -26
- package/dist/components/codeblock.rsc.d.ts +1 -6
- package/dist/components/dialog/search-algolia.d.ts +2 -11
- package/dist/components/dialog/search-default.d.ts +2 -12
- package/dist/components/dialog/search-orama.d.ts +2 -13
- package/dist/components/dialog/search.d.ts +10 -50
- package/dist/components/dialog/search.js +19 -6
- package/dist/components/dynamic-codeblock.core.d.ts +1 -9
- package/dist/components/dynamic-codeblock.d.ts +0 -1
- package/dist/components/files.d.ts +3 -16
- package/dist/components/github-info.d.ts +2 -17
- package/dist/components/heading.d.ts +1 -5
- package/dist/components/image-zoom.d.ts +2 -7
- package/dist/components/inline-toc.d.ts +1 -6
- package/dist/components/sidebar/base.d.ts +9 -45
- package/dist/components/sidebar/link-item.d.ts +1 -11
- package/dist/components/sidebar/page-tree.d.ts +1 -9
- package/dist/components/sidebar/tabs/dropdown.d.ts +1 -6
- package/dist/components/sidebar/tabs/index.d.ts +1 -4
- package/dist/components/steps.d.ts +2 -7
- package/dist/components/tabs.d.ts +5 -27
- package/dist/components/toc/clerk.d.ts +2 -11
- package/dist/components/toc/default.d.ts +2 -12
- package/dist/components/toc/index.d.ts +2 -11
- package/dist/components/type-table.d.ts +1 -7
- package/dist/components/ui/accordion.d.ts +5 -24
- package/dist/components/ui/button.d.ts +0 -1
- package/dist/components/ui/collapsible.d.ts +1 -6
- package/dist/components/ui/popover.d.ts +1 -7
- package/dist/components/ui/scroll-area.d.ts +3 -15
- package/dist/components/ui/tabs.d.ts +2 -15
- package/dist/contexts/i18n.d.ts +1 -8
- package/dist/contexts/search.d.ts +6 -12
- package/dist/contexts/search.js +11 -5
- package/dist/contexts/tree.d.ts +1 -5
- package/dist/i18n.d.ts +0 -1
- package/dist/layouts/docs/client.d.ts +0 -1
- package/dist/layouts/docs/index.d.ts +1 -13
- package/dist/layouts/docs/page/index.d.ts +5 -44
- package/dist/layouts/docs/page/slots/breadcrumb.d.ts +1 -7
- package/dist/layouts/docs/page/slots/container.d.ts +0 -1
- package/dist/layouts/docs/page/slots/footer.d.ts +1 -7
- package/dist/layouts/docs/page/slots/toc.d.ts +2 -17
- package/dist/layouts/docs/slots/container.d.ts +0 -1
- package/dist/layouts/docs/slots/header.d.ts +0 -1
- package/dist/layouts/docs/slots/sidebar.d.ts +1 -8
- package/dist/layouts/flux/index.d.ts +2 -14
- package/dist/layouts/flux/page/index.d.ts +5 -40
- package/dist/layouts/flux/page/slots/breadcrumb.d.ts +1 -7
- package/dist/layouts/flux/page/slots/container.d.ts +0 -1
- package/dist/layouts/flux/page/slots/footer.d.ts +1 -7
- package/dist/layouts/flux/page/slots/toc.d.ts +1 -10
- package/dist/layouts/flux/slots/container.d.ts +0 -1
- package/dist/layouts/flux/slots/sidebar.d.ts +1 -7
- package/dist/layouts/flux/slots/tab-dropdown.d.ts +1 -7
- package/dist/layouts/home/index.d.ts +0 -1
- package/dist/layouts/home/navbar.d.ts +5 -5
- package/dist/layouts/home/navbar.js +18 -15
- package/dist/layouts/home/slots/container.d.ts +0 -1
- package/dist/layouts/home/slots/header.d.ts +1 -2
- package/dist/layouts/home/slots/header.js +67 -52
- package/dist/layouts/notebook/client.d.ts +0 -1
- package/dist/layouts/notebook/index.d.ts +1 -12
- package/dist/layouts/notebook/page/index.d.ts +5 -44
- package/dist/layouts/notebook/page/slots/breadcrumb.d.ts +1 -7
- package/dist/layouts/notebook/page/slots/container.d.ts +0 -1
- package/dist/layouts/notebook/page/slots/footer.d.ts +1 -7
- package/dist/layouts/notebook/page/slots/toc.d.ts +2 -17
- package/dist/layouts/notebook/slots/container.d.ts +0 -1
- package/dist/layouts/notebook/slots/header.d.ts +0 -1
- package/dist/layouts/notebook/slots/sidebar.d.ts +2 -13
- package/dist/layouts/shared/client.d.ts +2 -9
- package/dist/layouts/shared/index.d.ts +3 -12
- package/dist/layouts/shared/page-actions.d.ts +2 -17
- package/dist/layouts/shared/slots/language-select.d.ts +1 -7
- package/dist/layouts/shared/slots/search-trigger.d.ts +2 -11
- package/dist/layouts/shared/slots/search-trigger.js +7 -10
- package/dist/layouts/shared/slots/theme-switch.d.ts +1 -6
- package/dist/mdx.d.ts +0 -1
- package/dist/mdx.server.d.ts +0 -1
- package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-medium-image-zoom/dist/controlled.d.ts +0 -1
- package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-medium-image-zoom/dist/uncontrolled.d.ts +0 -1
- package/dist/og/takumi.d.ts +2 -8
- package/dist/og/takumi.js +1 -1
- package/dist/og.d.ts +1 -7
- package/dist/page.d.ts +1 -7
- package/dist/provider/astro.d.ts +29 -0
- package/dist/provider/astro.js +20 -0
- package/dist/provider/base.d.ts +1 -8
- package/dist/provider/next.d.ts +1 -5
- package/dist/provider/react-router.d.ts +1 -5
- package/dist/provider/tanstack.d.ts +1 -5
- package/dist/provider/waku.d.ts +1 -5
- package/dist/style.css +10 -9
- package/dist/utils/use-copy-button.d.ts +0 -1
- package/dist/utils/use-footer-items.d.ts +0 -1
- package/dist/utils/use-is-scroll-top.d.ts +1 -3
- package/package.json +12 -12
- package/dist/components/ui/navigation-menu.d.ts +0 -28
- package/dist/components/ui/navigation-menu.js +0 -56
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
import { ComponentProps } from "react";
|
|
2
|
-
|
|
3
2
|
//#region src/layouts/shared/slots/theme-switch.d.ts
|
|
4
3
|
interface ThemeSwitchProps extends ComponentProps<'div'> {
|
|
5
4
|
mode?: 'light-dark' | 'light-dark-system';
|
|
6
5
|
}
|
|
7
|
-
declare function ThemeSwitch({
|
|
8
|
-
className,
|
|
9
|
-
mode,
|
|
10
|
-
...props
|
|
11
|
-
}: ThemeSwitchProps): import("react").JSX.Element;
|
|
6
|
+
declare function ThemeSwitch({ className, mode, ...props }: ThemeSwitchProps): import("react").JSX.Element;
|
|
12
7
|
//#endregion
|
|
13
8
|
export { ThemeSwitch, ThemeSwitchProps };
|
package/dist/mdx.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ import { Card, Cards } from "./components/card.js";
|
|
|
3
3
|
import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger } from "./components/codeblock.js";
|
|
4
4
|
import { createRelativeLink as createRelativeLink$1 } from "./mdx.server.js";
|
|
5
5
|
import React, { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from "react";
|
|
6
|
-
|
|
7
6
|
//#region src/mdx.d.ts
|
|
8
7
|
/**
|
|
9
8
|
* global types for MDX.js
|
package/dist/mdx.server.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import defaultMdxComponents from "./mdx.js";
|
|
2
2
|
import { ComponentProps, FC } from "react";
|
|
3
3
|
import { LoaderConfig, LoaderOutput, Page } from "fumadocs-core/source";
|
|
4
|
-
|
|
5
4
|
//#region src/mdx.server.d.ts
|
|
6
5
|
/**
|
|
7
6
|
* Extend the default Link component to resolve relative file paths in `href`.
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
2
|
//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-medium-image-zoom/dist/controlled.d.ts
|
|
4
3
|
type ModalState = 'LOADED' | 'LOADING' | 'UNLOADED' | 'UNLOADING';
|
|
5
4
|
interface ControlledProps {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ControlledProps } from "./controlled.js";
|
|
2
2
|
import React from "react";
|
|
3
|
-
|
|
4
3
|
//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-medium-image-zoom/dist/uncontrolled.d.ts
|
|
5
4
|
type UncontrolledProps = Omit<ControlledProps, 'isZoomed'>;
|
|
6
5
|
//#endregion
|
package/dist/og/takumi.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
import { ImageResponse, ImageResponseOptions } from "
|
|
3
|
-
|
|
2
|
+
import { ImageResponse, ImageResponseOptions } from "takumi-js/response";
|
|
4
3
|
//#region src/og/takumi.d.ts
|
|
5
4
|
interface GenerateProps {
|
|
6
5
|
title: ReactNode;
|
|
@@ -11,11 +10,6 @@ interface GenerateProps {
|
|
|
11
10
|
site?: ReactNode;
|
|
12
11
|
}
|
|
13
12
|
declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
|
|
14
|
-
declare function generate({
|
|
15
|
-
primaryColor,
|
|
16
|
-
primaryTextColor,
|
|
17
|
-
icon,
|
|
18
|
-
...props
|
|
19
|
-
}: GenerateProps): import("react").JSX.Element;
|
|
13
|
+
declare function generate({ primaryColor, primaryTextColor, icon, ...props }: GenerateProps): import("react").JSX.Element;
|
|
20
14
|
//#endregion
|
|
21
15
|
export { GenerateProps, generate, generateOGImage };
|
package/dist/og/takumi.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ImageResponse } from "
|
|
2
|
+
import { ImageResponse } from "takumi-js/response";
|
|
3
3
|
//#region src/og/takumi.tsx
|
|
4
4
|
function generateOGImage(options) {
|
|
5
5
|
const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;
|
package/dist/og.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import { ImageResponse } from "next/og.js";
|
|
3
3
|
import { ImageResponseOptions } from "next/dist/compiled/@vercel/og/types";
|
|
4
|
-
|
|
5
4
|
//#region src/og.d.ts
|
|
6
5
|
interface GenerateProps {
|
|
7
6
|
title: ReactNode;
|
|
@@ -12,11 +11,6 @@ interface GenerateProps {
|
|
|
12
11
|
site?: ReactNode;
|
|
13
12
|
}
|
|
14
13
|
declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
|
|
15
|
-
declare function generate({
|
|
16
|
-
primaryColor,
|
|
17
|
-
primaryTextColor,
|
|
18
|
-
icon,
|
|
19
|
-
...props
|
|
20
|
-
}: GenerateProps): import("react").JSX.Element;
|
|
14
|
+
declare function generate({ primaryColor, primaryTextColor, icon, ...props }: GenerateProps): import("react").JSX.Element;
|
|
21
15
|
//#endregion
|
|
22
16
|
export { generate, generateOGImage };
|
package/dist/page.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Breadcrumb } from "./layouts/docs/page/slots/breadcrumb.js";
|
|
2
2
|
import { DocsBody, DocsDescription, DocsPageProps as DocsPageProps$1, DocsTitle, EditOnGitHub, PageLastUpdate } from "./layouts/docs/page/index.js";
|
|
3
3
|
import { ComponentProps } from "react";
|
|
4
|
-
|
|
5
4
|
//#region src/page.d.ts
|
|
6
5
|
interface EditOnGitHubOptions extends Omit<ComponentProps<'a'>, 'href' | 'children'> {
|
|
7
6
|
owner: string;
|
|
@@ -25,11 +24,6 @@ interface DocsPageProps extends DocsPageProps$1 {
|
|
|
25
24
|
* For separate MDX page
|
|
26
25
|
*/
|
|
27
26
|
declare function withArticle(props: ComponentProps<'main'>): import("react").JSX.Element;
|
|
28
|
-
declare function DocsPage({
|
|
29
|
-
lastUpdate,
|
|
30
|
-
editOnGithub,
|
|
31
|
-
children,
|
|
32
|
-
...props
|
|
33
|
-
}: DocsPageProps): import("react").JSX.Element;
|
|
27
|
+
declare function DocsPage({ lastUpdate, editOnGithub, children, ...props }: DocsPageProps): import("react").JSX.Element;
|
|
34
28
|
//#endregion
|
|
35
29
|
export { DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, Breadcrumb as PageBreadcrumb, PageLastUpdate, withArticle };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { RootProvider as RootProvider$1 } from "./base.js";
|
|
2
|
+
import { Framework } from "fumadocs-core/framework";
|
|
3
|
+
import { ComponentProps } from "react";
|
|
4
|
+
import { AstroProviderProps } from "fumadocs-core/framework/astro";
|
|
5
|
+
//#region src/provider/astro.d.ts
|
|
6
|
+
interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
|
|
7
|
+
/**
|
|
8
|
+
* The current Astro pathname, usually `Astro.url.pathname`.
|
|
9
|
+
*/
|
|
10
|
+
pathname: AstroProviderProps['pathname'];
|
|
11
|
+
/**
|
|
12
|
+
* The current Astro route params, usually `Astro.params`.
|
|
13
|
+
*/
|
|
14
|
+
params?: AstroProviderProps['params'];
|
|
15
|
+
/**
|
|
16
|
+
* Optional Astro client navigation function from `astro:transitions/client`.
|
|
17
|
+
*/
|
|
18
|
+
navigate?: AstroProviderProps['navigate'];
|
|
19
|
+
/**
|
|
20
|
+
* Custom framework components to override Astro defaults
|
|
21
|
+
*/
|
|
22
|
+
components?: {
|
|
23
|
+
Link?: Framework['Link'];
|
|
24
|
+
Image?: Framework['Image'];
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
declare function RootProvider({ components, pathname, params, navigate, ...props }: RootProviderProps): import("react").JSX.Element;
|
|
28
|
+
//#endregion
|
|
29
|
+
export { RootProvider, RootProviderProps };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { RootProvider as RootProvider$1 } from "./base.js";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import { AstroProvider } from "fumadocs-core/framework/astro";
|
|
5
|
+
//#region src/provider/astro.tsx
|
|
6
|
+
function RootProvider({ components, pathname, params, navigate, ...props }) {
|
|
7
|
+
return /* @__PURE__ */ jsx(AstroProvider, {
|
|
8
|
+
pathname,
|
|
9
|
+
params,
|
|
10
|
+
navigate,
|
|
11
|
+
Link: components?.Link,
|
|
12
|
+
Image: components?.Image,
|
|
13
|
+
children: /* @__PURE__ */ jsx(RootProvider$1, {
|
|
14
|
+
...props,
|
|
15
|
+
children: props.children
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
//#endregion
|
|
20
|
+
export { RootProvider };
|
package/dist/provider/base.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ import { SearchProviderProps } from "../contexts/search.js";
|
|
|
2
2
|
import { I18nProviderProps } from "../contexts/i18n.js";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
import { ThemeProviderProps, UseThemeProps, useTheme } from "next-themes";
|
|
5
|
-
|
|
6
5
|
//#region src/provider/base.d.ts
|
|
7
6
|
interface SearchOptions extends Omit<SearchProviderProps, 'children'> {
|
|
8
7
|
/**
|
|
@@ -36,12 +35,6 @@ interface RootProviderProps {
|
|
|
36
35
|
i18n?: Omit<I18nProviderProps, 'children'>;
|
|
37
36
|
children?: ReactNode;
|
|
38
37
|
}
|
|
39
|
-
declare function RootProvider({
|
|
40
|
-
children,
|
|
41
|
-
dir,
|
|
42
|
-
theme,
|
|
43
|
-
search,
|
|
44
|
-
i18n
|
|
45
|
-
}: RootProviderProps): import("react").JSX.Element;
|
|
38
|
+
declare function RootProvider({ children, dir, theme, search, i18n }: RootProviderProps): import("react").JSX.Element;
|
|
46
39
|
//#endregion
|
|
47
40
|
export { RootProvider, RootProviderProps, type UseThemeProps, useTheme };
|
package/dist/provider/next.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { RootProvider as RootProvider$1 } from "./base.js";
|
|
2
2
|
import { Framework } from "fumadocs-core/framework";
|
|
3
3
|
import { ComponentProps } from "react";
|
|
4
|
-
|
|
5
4
|
//#region src/provider/next.d.ts
|
|
6
5
|
interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
|
|
7
6
|
/**
|
|
@@ -12,9 +11,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
|
|
|
12
11
|
Image?: Framework['Image'];
|
|
13
12
|
};
|
|
14
13
|
}
|
|
15
|
-
declare function RootProvider({
|
|
16
|
-
components,
|
|
17
|
-
...props
|
|
18
|
-
}: RootProviderProps): import("react").JSX.Element;
|
|
14
|
+
declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
|
|
19
15
|
//#endregion
|
|
20
16
|
export { RootProvider, RootProviderProps };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { RootProvider as RootProvider$1 } from "./base.js";
|
|
2
2
|
import { Framework } from "fumadocs-core/framework";
|
|
3
3
|
import { ComponentProps } from "react";
|
|
4
|
-
|
|
5
4
|
//#region src/provider/react-router.d.ts
|
|
6
5
|
interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
|
|
7
6
|
/**
|
|
@@ -12,9 +11,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
|
|
|
12
11
|
Image?: Framework['Image'];
|
|
13
12
|
};
|
|
14
13
|
}
|
|
15
|
-
declare function RootProvider({
|
|
16
|
-
components,
|
|
17
|
-
...props
|
|
18
|
-
}: RootProviderProps): import("react").JSX.Element;
|
|
14
|
+
declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
|
|
19
15
|
//#endregion
|
|
20
16
|
export { RootProvider, RootProviderProps };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { RootProvider as RootProvider$1 } from "./base.js";
|
|
2
2
|
import { Framework } from "fumadocs-core/framework";
|
|
3
3
|
import { ComponentProps } from "react";
|
|
4
|
-
|
|
5
4
|
//#region src/provider/tanstack.d.ts
|
|
6
5
|
interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
|
|
7
6
|
/**
|
|
@@ -12,9 +11,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
|
|
|
12
11
|
Image?: Framework['Image'];
|
|
13
12
|
};
|
|
14
13
|
}
|
|
15
|
-
declare function RootProvider({
|
|
16
|
-
components,
|
|
17
|
-
...props
|
|
18
|
-
}: RootProviderProps): import("react").JSX.Element;
|
|
14
|
+
declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
|
|
19
15
|
//#endregion
|
|
20
16
|
export { RootProvider, RootProviderProps };
|
package/dist/provider/waku.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { RootProvider as RootProvider$1 } from "./base.js";
|
|
2
2
|
import { Framework } from "fumadocs-core/framework";
|
|
3
3
|
import { ComponentProps } from "react";
|
|
4
|
-
|
|
5
4
|
//#region src/provider/waku.d.ts
|
|
6
5
|
interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
|
|
7
6
|
/**
|
|
@@ -12,9 +11,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
|
|
|
12
11
|
Image?: Framework['Image'];
|
|
13
12
|
};
|
|
14
13
|
}
|
|
15
|
-
declare function RootProvider({
|
|
16
|
-
components,
|
|
17
|
-
...props
|
|
18
|
-
}: RootProviderProps): import("react").JSX.Element;
|
|
14
|
+
declare function RootProvider({ components, ...props }: RootProviderProps): import("react").JSX.Element;
|
|
19
15
|
//#endregion
|
|
20
16
|
export { RootProvider, RootProviderProps };
|
package/dist/style.css
CHANGED
|
@@ -476,10 +476,11 @@
|
|
|
476
476
|
margin-inline-end: auto;
|
|
477
477
|
}
|
|
478
478
|
.prose {
|
|
479
|
+
--tw-prose-size: 1;
|
|
479
480
|
color: var(--tw-prose-body);
|
|
480
481
|
max-width: none;
|
|
481
|
-
font-size: 1rem;
|
|
482
|
-
line-height: 1.75rem;
|
|
482
|
+
font-size: calc(1rem * var(--tw-prose-size));
|
|
483
|
+
line-height: calc(1.75rem * var(--tw-prose-size));
|
|
483
484
|
:where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
484
485
|
font-size: 1.25em;
|
|
485
486
|
line-height: 1.6;
|
|
@@ -488,7 +489,7 @@
|
|
|
488
489
|
color: var(--tw-prose-lead);
|
|
489
490
|
}
|
|
490
491
|
:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
491
|
-
padding-inline-start: 1rem;
|
|
492
|
+
padding-inline-start: calc(1rem * var(--tw-prose-size));
|
|
492
493
|
list-style-type: disc;
|
|
493
494
|
margin-top: 1.25em;
|
|
494
495
|
margin-bottom: 1.25em;
|
|
@@ -619,7 +620,7 @@
|
|
|
619
620
|
:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
620
621
|
color: var(--tw-prose-headings);
|
|
621
622
|
font-weight: 800;
|
|
622
|
-
font-size: var(--text-3xl);
|
|
623
|
+
font-size: calc(var(--text-3xl) * var(--tw-prose-size));
|
|
623
624
|
margin-top: 0;
|
|
624
625
|
margin-bottom: 0.8888889em;
|
|
625
626
|
line-height: 1.1111111;
|
|
@@ -705,9 +706,9 @@
|
|
|
705
706
|
box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);
|
|
706
707
|
}
|
|
707
708
|
:where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
708
|
-
padding: 3px;
|
|
709
|
+
padding: calc(3px * var(--tw-prose-size));
|
|
709
710
|
border: solid 1px;
|
|
710
|
-
font-size: 13px;
|
|
711
|
+
font-size: calc(13px * var(--tw-prose-size));
|
|
711
712
|
border-color: var(--color-fd-border);
|
|
712
713
|
border-radius: 5px;
|
|
713
714
|
font-weight: 400;
|
|
@@ -719,7 +720,7 @@
|
|
|
719
720
|
}
|
|
720
721
|
:where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
721
722
|
color: inherit;
|
|
722
|
-
font-size: var(--text-2xl);
|
|
723
|
+
font-size: calc(var(--text-2xl) * var(--tw-prose-size));
|
|
723
724
|
}
|
|
724
725
|
:where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
725
726
|
color: inherit;
|
|
@@ -812,7 +813,7 @@
|
|
|
812
813
|
}
|
|
813
814
|
:where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
814
815
|
text-align: start;
|
|
815
|
-
padding: calc(var(--spacing) * 2.5);
|
|
816
|
+
padding: calc(var(--spacing) * 2.5 * var(--tw-prose-size));
|
|
816
817
|
border-inline-start: 1px solid var(--color-fd-border);
|
|
817
818
|
background: var(--color-fd-muted);
|
|
818
819
|
}
|
|
@@ -825,7 +826,7 @@
|
|
|
825
826
|
:where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
826
827
|
text-align: start;
|
|
827
828
|
border-inline-start: 1px solid var(--color-fd-border);
|
|
828
|
-
padding: calc(var(--spacing) * 2.5);
|
|
829
|
+
padding: calc(var(--spacing) * 2.5 * var(--tw-prose-size));
|
|
829
830
|
}
|
|
830
831
|
:where(td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
|
|
831
832
|
border-inline-start: none;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fumadocs/base-ui",
|
|
3
|
-
"version": "16.11.
|
|
3
|
+
"version": "16.11.3",
|
|
4
4
|
"description": "The Base UI version of Fumadocs UI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Docs",
|
|
@@ -50,7 +50,6 @@
|
|
|
50
50
|
"./components/ui/accordion": "./dist/components/ui/accordion.js",
|
|
51
51
|
"./components/ui/button": "./dist/components/ui/button.js",
|
|
52
52
|
"./components/ui/collapsible": "./dist/components/ui/collapsible.js",
|
|
53
|
-
"./components/ui/navigation-menu": "./dist/components/ui/navigation-menu.js",
|
|
54
53
|
"./components/ui/popover": "./dist/components/ui/popover.js",
|
|
55
54
|
"./components/ui/scroll-area": "./dist/components/ui/scroll-area.js",
|
|
56
55
|
"./components/ui/tabs": "./dist/components/ui/tabs.js",
|
|
@@ -102,6 +101,7 @@
|
|
|
102
101
|
"./og": "./dist/og.js",
|
|
103
102
|
"./og/takumi": "./dist/og/takumi.js",
|
|
104
103
|
"./page": "./dist/page.js",
|
|
104
|
+
"./provider/astro": "./dist/provider/astro.js",
|
|
105
105
|
"./provider/base": "./dist/provider/base.js",
|
|
106
106
|
"./provider/next": "./dist/provider/next.js",
|
|
107
107
|
"./provider/react-router": "./dist/provider/react-router.js",
|
|
@@ -131,40 +131,40 @@
|
|
|
131
131
|
"scroll-into-view-if-needed": "^3.1.0",
|
|
132
132
|
"shiki": "^4.3.1",
|
|
133
133
|
"unist-util-visit": "^5.1.0",
|
|
134
|
-
"@fumadocs/tailwind": "0.1.
|
|
134
|
+
"@fumadocs/tailwind": "0.1.1"
|
|
135
135
|
},
|
|
136
136
|
"devDependencies": {
|
|
137
137
|
"@tailwindcss/cli": "^4.3.2",
|
|
138
138
|
"@tailwindcss/oxide": "^4.3.2",
|
|
139
|
-
"@tsdown/css": "^0.22.
|
|
139
|
+
"@tsdown/css": "^0.22.4",
|
|
140
140
|
"@types/hast": "^3.0.4",
|
|
141
141
|
"@types/mdx": "^2.0.14",
|
|
142
|
-
"@types/node": "^26.1.
|
|
142
|
+
"@types/node": "^26.1.1",
|
|
143
143
|
"@types/react": "^19.2.17",
|
|
144
144
|
"@types/react-dom": "^19.2.3",
|
|
145
145
|
"fuma-cli": "^0.1.1",
|
|
146
146
|
"react-medium-image-zoom": "^5.4.8",
|
|
147
147
|
"tailwindcss": "^4.3.2",
|
|
148
|
-
"tsdown": "0.22.
|
|
148
|
+
"tsdown": "0.22.4",
|
|
149
149
|
"unified": "^11.0.5",
|
|
150
|
-
"@fumadocs/cli": "1.4.
|
|
151
|
-
"
|
|
152
|
-
"
|
|
150
|
+
"@fumadocs/cli": "1.4.1",
|
|
151
|
+
"fumadocs-core": "16.11.3",
|
|
152
|
+
"tsconfig": "0.0.0"
|
|
153
153
|
},
|
|
154
154
|
"peerDependencies": {
|
|
155
|
-
"@takumi-rs/image-response": "*",
|
|
156
155
|
"@types/mdx": "*",
|
|
157
156
|
"@types/react": "*",
|
|
158
157
|
"next": "16.x.x",
|
|
159
158
|
"react": "^19.2.0",
|
|
160
159
|
"react-dom": "^19.2.0",
|
|
161
|
-
"
|
|
160
|
+
"takumi-js": "*",
|
|
161
|
+
"fumadocs-core": "16.11.3"
|
|
162
162
|
},
|
|
163
163
|
"peerDependenciesMeta": {
|
|
164
164
|
"next": {
|
|
165
165
|
"optional": true
|
|
166
166
|
},
|
|
167
|
-
"
|
|
167
|
+
"takumi-js": {
|
|
168
168
|
"optional": true
|
|
169
169
|
},
|
|
170
170
|
"@types/mdx": {
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as React$1 from "react";
|
|
2
|
-
import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
|
|
3
|
-
|
|
4
|
-
//#region src/components/ui/navigation-menu.d.ts
|
|
5
|
-
type NavigationMenuContentProps = NavigationMenu$1.Content.Props;
|
|
6
|
-
type NavigationMenuTriggerProps = NavigationMenu$1.Trigger.Props;
|
|
7
|
-
declare const NavigationMenu: <Value = any>(props: NavigationMenu$1.Root.Props<Value>) => React$1.JSX.Element;
|
|
8
|
-
declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").NavigationMenuListProps, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
9
|
-
declare function NavigationMenuItem({
|
|
10
|
-
className,
|
|
11
|
-
children,
|
|
12
|
-
...props
|
|
13
|
-
}: React$1.ComponentProps<typeof NavigationMenu$1.Item>): React$1.JSX.Element;
|
|
14
|
-
declare function NavigationMenuTrigger({
|
|
15
|
-
children,
|
|
16
|
-
...props
|
|
17
|
-
}: React$1.ComponentProps<typeof NavigationMenu$1.Trigger>): React$1.JSX.Element;
|
|
18
|
-
declare function NavigationMenuContent({
|
|
19
|
-
className,
|
|
20
|
-
...props
|
|
21
|
-
}: React$1.ComponentProps<typeof NavigationMenu$1.Content>): React$1.JSX.Element;
|
|
22
|
-
declare function NavigationMenuLink({
|
|
23
|
-
children,
|
|
24
|
-
...props
|
|
25
|
-
}: React$1.ComponentProps<typeof NavigationMenu$1.Link>): React$1.JSX.Element;
|
|
26
|
-
declare function NavigationMenuViewport(props: NavigationMenu$1.Positioner.Props): React$1.JSX.Element;
|
|
27
|
-
//#endregion
|
|
28
|
-
export { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport };
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { cn } from "../../utils/cn.js";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import "react";
|
|
5
|
-
import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
|
|
6
|
-
//#region src/components/ui/navigation-menu.tsx
|
|
7
|
-
const NavigationMenu = NavigationMenu$1.Root;
|
|
8
|
-
const NavigationMenuList = NavigationMenu$1.List;
|
|
9
|
-
function NavigationMenuItem({ className, children, ...props }) {
|
|
10
|
-
return /* @__PURE__ */ jsx(NavigationMenu$1.Item, {
|
|
11
|
-
className: (s) => cn("list-none", typeof className === "function" ? className(s) : className),
|
|
12
|
-
...props,
|
|
13
|
-
children
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
function NavigationMenuTrigger({ children, ...props }) {
|
|
17
|
-
return /* @__PURE__ */ jsx(NavigationMenu$1.Trigger, {
|
|
18
|
-
...props,
|
|
19
|
-
children
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
function NavigationMenuContent({ className, ...props }) {
|
|
23
|
-
return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
|
|
24
|
-
className: (s) => cn("h-full w-(--anchor-width) max-w-(--available-width) p-3", "transition-[opacity,transform,translate] duration-(--duration) ease-(--easing)", "data-starting-style:opacity-0 data-ending-style:opacity-0", "data-starting-style:data-[activation-direction=left]:-translate-x-1/2", "data-starting-style:data-[activation-direction=right]:translate-x-1/2", "data-ending-style:data-[activation-direction=left]:translate-x-1/2", "data-ending-style:data-[activation-direction=right]:-translate-x-1/2", typeof className === "function" ? className(s) : className),
|
|
25
|
-
...props
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
function NavigationMenuLink({ children, ...props }) {
|
|
29
|
-
return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
|
|
30
|
-
...props,
|
|
31
|
-
children
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
function NavigationMenuViewport(props) {
|
|
35
|
-
return /* @__PURE__ */ jsx(NavigationMenu$1.Portal, { children: /* @__PURE__ */ jsx(NavigationMenu$1.Positioner, {
|
|
36
|
-
collisionPadding: {
|
|
37
|
-
top: 5,
|
|
38
|
-
bottom: 5,
|
|
39
|
-
left: 20,
|
|
40
|
-
right: 20
|
|
41
|
-
},
|
|
42
|
-
...props,
|
|
43
|
-
className: (s) => cn("z-40 box-border h-(--positioner-height) w-(--anchor-width) max-w-(--available-width) duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=left]:before:top-0 data-[side=left]:before:right-[-10px] data-[side=left]:before:bottom-0 data-[side=left]:before:w-2.5 data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:left-[-10px] data-[side=right]:before:w-2.5 data-[side=top]:before:right-0 data-[side=top]:before:bottom-[-10px] data-[side=top]:before:left-0 data-[side=top]:before:h-2.5", typeof props.className === "function" ? props.className(s) : props.className),
|
|
44
|
-
style: {
|
|
45
|
-
["--duration"]: "0.35s",
|
|
46
|
-
["--easing"]: "cubic-bezier(0.22, 1, 0.36, 1)",
|
|
47
|
-
...props.style
|
|
48
|
-
},
|
|
49
|
-
children: /* @__PURE__ */ jsx(NavigationMenu$1.Popup, {
|
|
50
|
-
className: "relative border h-(--popup-height) w-full rounded-xl bg-fd-popover/80 text-fd-popover-foreground backdrop-blur-md shadow-lg transition-[opacity,width,height] duration-(--duration) ease-(--easing) data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:opacity-0",
|
|
51
|
-
children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, { className: "relative size-full overflow-hidden" })
|
|
52
|
-
})
|
|
53
|
-
}) });
|
|
54
|
-
}
|
|
55
|
-
//#endregion
|
|
56
|
-
export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport };
|