fumadocs-ui 16.0.4 → 16.0.6
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/dialog/search.d.ts.map +1 -1
- package/dist/components/dialog/search.js +1 -2
- package/dist/components/layout/toc-thumb.d.ts +4 -3
- package/dist/components/layout/toc-thumb.d.ts.map +1 -1
- package/dist/components/layout/toc-thumb.js +29 -31
- package/dist/components/tabs.unstyled.d.ts.map +1 -1
- package/dist/components/tabs.unstyled.js +1 -2
- package/dist/layouts/docs/page-client.d.ts.map +1 -1
- package/dist/layouts/docs/page-client.js +1 -2
- package/dist/style.css +29 -85
- package/package.json +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import { ChevronRight, Hash, Search as SearchIcon } from '../../icons.js';
|
|
4
|
-
import { createContext, Fragment, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
|
|
4
|
+
import { createContext, Fragment, useCallback, useContext, useEffect, useEffectEvent, useMemo, useRef, useState, } from 'react';
|
|
5
5
|
import { I18nLabel, useI18n } from '../../contexts/i18n.js';
|
|
6
6
|
import { cn } from '../../utils/cn.js';
|
|
7
7
|
import { Dialog, DialogContent, DialogOverlay, DialogTitle, } from '@radix-ui/react-dialog';
|
|
8
8
|
import { cva } from 'class-variance-authority';
|
|
9
|
-
import { useEffectEvent } from 'fumadocs-core/utils/use-effect-event';
|
|
10
9
|
import { useRouter } from 'fumadocs-core/framework';
|
|
11
10
|
import { useOnChange } from 'fumadocs-core/utils/use-on-change';
|
|
12
11
|
import scrollIntoView from 'scroll-into-view-if-needed';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes, type RefObject } from 'react';
|
|
2
|
-
|
|
3
|
-
export declare function TocThumb({ containerRef, ...props }: HTMLAttributes<HTMLDivElement> & {
|
|
2
|
+
interface RefProps {
|
|
4
3
|
containerRef: RefObject<HTMLElement | null>;
|
|
5
|
-
}
|
|
4
|
+
}
|
|
5
|
+
export declare function TocThumb({ containerRef, ...props }: HTMLAttributes<HTMLDivElement> & RefProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
6
7
|
//# sourceMappingURL=toc-thumb.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toc-thumb.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc-thumb.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"toc-thumb.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc-thumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,UAAU,QAAQ;IAChB,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7C;AAED,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,QAAQ,2CAS3C"}
|
|
@@ -1,8 +1,32 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useRef } from 'react';
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useEffectEvent, useRef, } from 'react';
|
|
3
|
+
import { useActiveAnchors } from 'fumadocs-core/toc';
|
|
4
|
+
export function TocThumb({ containerRef, ...props }) {
|
|
5
|
+
const thumbRef = useRef(null);
|
|
6
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { ref: thumbRef, role: "none", ...props }), _jsx(Updater, { containerRef: containerRef, thumbRef: thumbRef })] }));
|
|
7
|
+
}
|
|
8
|
+
function Updater({ containerRef, thumbRef, }) {
|
|
9
|
+
const active = useActiveAnchors();
|
|
10
|
+
const onPrint = useEffectEvent(() => {
|
|
11
|
+
if (!containerRef.current || !thumbRef.current)
|
|
12
|
+
return;
|
|
13
|
+
update(thumbRef.current, calc(containerRef.current, active));
|
|
14
|
+
});
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
if (!containerRef.current)
|
|
17
|
+
return;
|
|
18
|
+
const container = containerRef.current;
|
|
19
|
+
const observer = new ResizeObserver(onPrint);
|
|
20
|
+
observer.observe(container);
|
|
21
|
+
return () => {
|
|
22
|
+
observer.disconnect();
|
|
23
|
+
};
|
|
24
|
+
}, [containerRef]);
|
|
25
|
+
if (containerRef.current && thumbRef.current) {
|
|
26
|
+
update(thumbRef.current, calc(containerRef.current, active));
|
|
27
|
+
}
|
|
28
|
+
return null;
|
|
29
|
+
}
|
|
6
30
|
function calc(container, active) {
|
|
7
31
|
if (active.length === 0 || container.clientHeight === 0) {
|
|
8
32
|
return [0, 0];
|
|
@@ -24,29 +48,3 @@ function update(element, info) {
|
|
|
24
48
|
element.style.setProperty('--fd-top', `${info[0]}px`);
|
|
25
49
|
element.style.setProperty('--fd-height', `${info[1]}px`);
|
|
26
50
|
}
|
|
27
|
-
export function TocThumb({ containerRef, ...props }) {
|
|
28
|
-
const active = Primitive.useActiveAnchors();
|
|
29
|
-
const thumbRef = useRef(null);
|
|
30
|
-
const onResize = useEffectEvent(() => {
|
|
31
|
-
if (!containerRef.current || !thumbRef.current)
|
|
32
|
-
return;
|
|
33
|
-
update(thumbRef.current, calc(containerRef.current, active));
|
|
34
|
-
});
|
|
35
|
-
useEffect(() => {
|
|
36
|
-
if (!containerRef.current)
|
|
37
|
-
return;
|
|
38
|
-
const container = containerRef.current;
|
|
39
|
-
onResize();
|
|
40
|
-
const observer = new ResizeObserver(onResize);
|
|
41
|
-
observer.observe(container);
|
|
42
|
-
return () => {
|
|
43
|
-
observer.disconnect();
|
|
44
|
-
};
|
|
45
|
-
}, [containerRef]);
|
|
46
|
-
useOnChange(active, () => {
|
|
47
|
-
if (!containerRef.current || !thumbRef.current)
|
|
48
|
-
return;
|
|
49
|
-
update(thumbRef.current, calc(containerRef.current, active));
|
|
50
|
-
});
|
|
51
|
-
return _jsx("div", { ref: thumbRef, role: "none", ...props });
|
|
52
|
-
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.unstyled.d.ts","sourceRoot":"","sources":["../../src/components/tabs.unstyled.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,
|
|
1
|
+
{"version":3,"file":"tabs.unstyled.d.ts","sourceRoot":"","sources":["../../src/components/tabs.unstyled.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAQpB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,SAAS,MAAM,sBAAsB,CAAC;AAoBlD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAYD,eAAO,MAAM,QAAQ,oHAAqB,CAAC;AAE3C,eAAO,MAAM,WAAW,0HAAwB,CAAC;AAEjD;;GAEG;AACH,wBAAgB,IAAI,CAAC,EACnB,GAAG,EACH,OAAO,EACP,OAAe,EACf,YAAoB,EACpB,YAAY,EACZ,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,cAAc,EAC7B,GAAG,KAAK,EACT,EAAE,SAAS,2CAsEX;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,WAAW,CAAC,2CAY9C"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { createContext, useContext, useLayoutEffect, useMemo, useRef, useState, } from 'react';
|
|
3
|
+
import { createContext, useContext, useEffectEvent, useLayoutEffect, useMemo, useRef, useState, } from 'react';
|
|
4
4
|
import * as Primitive from '@radix-ui/react-tabs';
|
|
5
5
|
import { mergeRefs } from '../utils/merge-refs.js';
|
|
6
|
-
import { useEffectEvent } from 'fumadocs-core/utils/use-effect-event';
|
|
7
6
|
const listeners = new Map();
|
|
8
7
|
function addChangeListener(id, listener) {
|
|
9
8
|
const list = listeners.get(id) ?? [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-client.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/page-client.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,
|
|
1
|
+
{"version":3,"file":"page-client.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/page-client.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAiBlC,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAoDpE;AA4DD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAUjE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAwD1D;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,KAAK,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IAAE,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;CAAE,2CAiBjE;AAED,KAAK,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,GAAG,KAAK,CAAC,CAAC;AAChE,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,KAAK,CAAC;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,IAAI,CAAC;QAChB,IAAI,CAAC,EAAE,IAAI,CAAC;KACb,CAAC;CACH;AAyBD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAiC1D;AA8BD,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExE,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,eAAe,kDA6CjB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAuBnD"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Fragment, useEffect, useMemo, useRef, useState, } from 'react';
|
|
3
|
+
import { Fragment, useEffect, useEffectEvent, useMemo, useRef, useState, } from 'react';
|
|
4
4
|
import { ChevronDown, ChevronLeft, ChevronRight } from '../../icons.js';
|
|
5
5
|
import Link from 'fumadocs-core/link';
|
|
6
6
|
import { cn } from '../../utils/cn.js';
|
|
@@ -10,7 +10,6 @@ import { createContext, usePathname } from 'fumadocs-core/framework';
|
|
|
10
10
|
import { getBreadcrumbItemsFromPath, } from 'fumadocs-core/breadcrumb';
|
|
11
11
|
import { useNav } from '../../contexts/layout.js';
|
|
12
12
|
import { isActive } from '../../utils/is-active.js';
|
|
13
|
-
import { useEffectEvent } from 'fumadocs-core/utils/use-effect-event';
|
|
14
13
|
import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../../components/ui/collapsible.js';
|
|
15
14
|
import { useSidebar } from '../../contexts/sidebar.js';
|
|
16
15
|
import { useTOCItems } from '../../components/layout/toc.js';
|
package/dist/style.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
@@ -200,9 +200,7 @@
|
|
|
200
200
|
::placeholder {
|
|
201
201
|
color: currentcolor;
|
|
202
202
|
@supports (color: color-mix(in lab, red, red)) {
|
|
203
|
-
|
|
204
|
-
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
205
|
-
}
|
|
203
|
+
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
206
204
|
}
|
|
207
205
|
}
|
|
208
206
|
}
|
|
@@ -803,9 +801,7 @@
|
|
|
803
801
|
}
|
|
804
802
|
--tw-prose-body: color-mix(in srgb, hsl(0, 0%, 3.9%) 90%, transparent);
|
|
805
803
|
@supports (color: color-mix(in lab, red, red)) {
|
|
806
|
-
|
|
807
|
-
--tw-prose-body: color-mix(in oklab, var(--color-fd-foreground) 90%, transparent);
|
|
808
|
-
}
|
|
804
|
+
--tw-prose-body: color-mix(in oklab, var(--color-fd-foreground) 90%, transparent);
|
|
809
805
|
}
|
|
810
806
|
--tw-prose-headings: var(--color-fd-foreground);
|
|
811
807
|
--tw-prose-lead: var(--color-fd-foreground);
|
|
@@ -823,9 +819,7 @@
|
|
|
823
819
|
--tw-prose-kbd: var(--color-fd-foreground);
|
|
824
820
|
--tw-prose-kbd-shadows: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
|
|
825
821
|
@supports (color: color-mix(in lab, red, red)) {
|
|
826
|
-
|
|
827
|
-
--tw-prose-kbd-shadows: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
|
|
828
|
-
}
|
|
822
|
+
--tw-prose-kbd-shadows: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
|
|
829
823
|
}
|
|
830
824
|
:where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
|
831
825
|
margin-top: 0;
|
|
@@ -1326,9 +1320,7 @@
|
|
|
1326
1320
|
.border-fd-foreground\/10 {
|
|
1327
1321
|
border-color: color-mix(in srgb, hsl(0, 0%, 3.9%) 10%, transparent);
|
|
1328
1322
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1329
|
-
|
|
1330
|
-
border-color: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
|
|
1331
|
-
}
|
|
1323
|
+
border-color: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
|
|
1332
1324
|
}
|
|
1333
1325
|
}
|
|
1334
1326
|
.border-fd-primary {
|
|
@@ -1340,9 +1332,7 @@
|
|
|
1340
1332
|
.bg-\(--callout-color\)\/50 {
|
|
1341
1333
|
background-color: var(--callout-color);
|
|
1342
1334
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1343
|
-
|
|
1344
|
-
background-color: color-mix(in oklab, var(--callout-color) 50%, transparent);
|
|
1345
|
-
}
|
|
1335
|
+
background-color: color-mix(in oklab, var(--callout-color) 50%, transparent);
|
|
1346
1336
|
}
|
|
1347
1337
|
}
|
|
1348
1338
|
.bg-\(--shiki-light-bg\) {
|
|
@@ -1357,9 +1347,7 @@
|
|
|
1357
1347
|
.bg-fd-background\/80 {
|
|
1358
1348
|
background-color: color-mix(in srgb, hsl(0, 0%, 96%) 80%, transparent);
|
|
1359
1349
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1360
|
-
|
|
1361
|
-
background-color: color-mix(in oklab, var(--color-fd-background) 80%, transparent);
|
|
1362
|
-
}
|
|
1350
|
+
background-color: color-mix(in oklab, var(--color-fd-background) 80%, transparent);
|
|
1363
1351
|
}
|
|
1364
1352
|
}
|
|
1365
1353
|
.bg-fd-border {
|
|
@@ -1371,9 +1359,7 @@
|
|
|
1371
1359
|
.bg-fd-foreground\/10 {
|
|
1372
1360
|
background-color: color-mix(in srgb, hsl(0, 0%, 3.9%) 10%, transparent);
|
|
1373
1361
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1374
|
-
|
|
1375
|
-
background-color: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
|
|
1376
|
-
}
|
|
1362
|
+
background-color: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
|
|
1377
1363
|
}
|
|
1378
1364
|
}
|
|
1379
1365
|
.bg-fd-muted {
|
|
@@ -1388,9 +1374,7 @@
|
|
|
1388
1374
|
.bg-fd-popover\/60 {
|
|
1389
1375
|
background-color: color-mix(in srgb, hsl(0, 0%, 98%) 60%, transparent);
|
|
1390
1376
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1391
|
-
|
|
1392
|
-
background-color: color-mix(in oklab, var(--color-fd-popover) 60%, transparent);
|
|
1393
|
-
}
|
|
1377
|
+
background-color: color-mix(in oklab, var(--color-fd-popover) 60%, transparent);
|
|
1394
1378
|
}
|
|
1395
1379
|
}
|
|
1396
1380
|
.bg-fd-primary {
|
|
@@ -1399,9 +1383,7 @@
|
|
|
1399
1383
|
.bg-fd-primary\/10 {
|
|
1400
1384
|
background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
|
|
1401
1385
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1402
|
-
|
|
1403
|
-
background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
|
|
1404
|
-
}
|
|
1386
|
+
background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
|
|
1405
1387
|
}
|
|
1406
1388
|
}
|
|
1407
1389
|
.bg-fd-secondary {
|
|
@@ -1410,9 +1392,7 @@
|
|
|
1410
1392
|
.bg-fd-secondary\/50 {
|
|
1411
1393
|
background-color: color-mix(in srgb, hsl(0, 0%, 93.1%) 50%, transparent);
|
|
1412
1394
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1413
|
-
|
|
1414
|
-
background-color: color-mix(in oklab, var(--color-fd-secondary) 50%, transparent);
|
|
1415
|
-
}
|
|
1395
|
+
background-color: color-mix(in oklab, var(--color-fd-secondary) 50%, transparent);
|
|
1416
1396
|
}
|
|
1417
1397
|
}
|
|
1418
1398
|
.bg-transparent {
|
|
@@ -1427,17 +1407,13 @@
|
|
|
1427
1407
|
.stroke-current\/25 {
|
|
1428
1408
|
stroke: currentcolor;
|
|
1429
1409
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1430
|
-
|
|
1431
|
-
stroke: color-mix(in oklab, currentcolor 25%, transparent);
|
|
1432
|
-
}
|
|
1410
|
+
stroke: color-mix(in oklab, currentcolor 25%, transparent);
|
|
1433
1411
|
}
|
|
1434
1412
|
}
|
|
1435
1413
|
.stroke-fd-foreground\/10 {
|
|
1436
1414
|
stroke: color-mix(in srgb, hsl(0, 0%, 3.9%) 10%, transparent);
|
|
1437
1415
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1438
|
-
|
|
1439
|
-
stroke: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
|
|
1440
|
-
}
|
|
1416
|
+
stroke: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
|
|
1441
1417
|
}
|
|
1442
1418
|
}
|
|
1443
1419
|
.p-0 {
|
|
@@ -1659,9 +1635,7 @@
|
|
|
1659
1635
|
.text-fd-foreground\/80 {
|
|
1660
1636
|
color: color-mix(in srgb, hsl(0, 0%, 3.9%) 80%, transparent);
|
|
1661
1637
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1662
|
-
|
|
1663
|
-
color: color-mix(in oklab, var(--color-fd-foreground) 80%, transparent);
|
|
1664
|
-
}
|
|
1638
|
+
color: color-mix(in oklab, var(--color-fd-foreground) 80%, transparent);
|
|
1665
1639
|
}
|
|
1666
1640
|
}
|
|
1667
1641
|
.text-fd-muted-foreground {
|
|
@@ -1670,9 +1644,7 @@
|
|
|
1670
1644
|
.text-fd-muted-foreground\/50 {
|
|
1671
1645
|
color: color-mix(in srgb, hsl(0, 0%, 45.1%) 50%, transparent);
|
|
1672
1646
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1673
|
-
|
|
1674
|
-
color: color-mix(in oklab, var(--color-fd-muted-foreground) 50%, transparent);
|
|
1675
|
-
}
|
|
1647
|
+
color: color-mix(in oklab, var(--color-fd-muted-foreground) 50%, transparent);
|
|
1676
1648
|
}
|
|
1677
1649
|
}
|
|
1678
1650
|
.text-fd-popover-foreground {
|
|
@@ -1681,9 +1653,7 @@
|
|
|
1681
1653
|
.text-fd-popover-foreground\/80 {
|
|
1682
1654
|
color: color-mix(in srgb, hsl(0, 0%, 15.1%) 80%, transparent);
|
|
1683
1655
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1684
|
-
|
|
1685
|
-
color: color-mix(in oklab, var(--color-fd-popover-foreground) 80%, transparent);
|
|
1686
|
-
}
|
|
1656
|
+
color: color-mix(in oklab, var(--color-fd-popover-foreground) 80%, transparent);
|
|
1687
1657
|
}
|
|
1688
1658
|
}
|
|
1689
1659
|
.text-fd-primary {
|
|
@@ -1695,9 +1665,7 @@
|
|
|
1695
1665
|
.text-fd-primary\/50 {
|
|
1696
1666
|
color: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
|
|
1697
1667
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1698
|
-
|
|
1699
|
-
color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
|
|
1700
|
-
}
|
|
1668
|
+
color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
|
|
1701
1669
|
}
|
|
1702
1670
|
}
|
|
1703
1671
|
.text-fd-secondary-foreground {
|
|
@@ -1734,9 +1702,7 @@
|
|
|
1734
1702
|
.shadow-black\/50 {
|
|
1735
1703
|
--tw-shadow-color: color-mix(in srgb, #000 50%, transparent);
|
|
1736
1704
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1737
|
-
|
|
1738
|
-
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent);
|
|
1739
|
-
}
|
|
1705
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent);
|
|
1740
1706
|
}
|
|
1741
1707
|
}
|
|
1742
1708
|
.outline {
|
|
@@ -2004,9 +1970,7 @@
|
|
|
2004
1970
|
@media (hover: hover) {
|
|
2005
1971
|
background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 50%, transparent);
|
|
2006
1972
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2007
|
-
|
|
2008
|
-
background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
|
|
2009
|
-
}
|
|
1973
|
+
background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
|
|
2010
1974
|
}
|
|
2011
1975
|
}
|
|
2012
1976
|
}
|
|
@@ -2016,9 +1980,7 @@
|
|
|
2016
1980
|
@media (hover: hover) {
|
|
2017
1981
|
background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 80%, transparent);
|
|
2018
1982
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2019
|
-
|
|
2020
|
-
background-color: color-mix(in oklab, var(--color-fd-accent) 80%, transparent);
|
|
2021
|
-
}
|
|
1983
|
+
background-color: color-mix(in oklab, var(--color-fd-accent) 80%, transparent);
|
|
2022
1984
|
}
|
|
2023
1985
|
}
|
|
2024
1986
|
}
|
|
@@ -2028,9 +1990,7 @@
|
|
|
2028
1990
|
@media (hover: hover) {
|
|
2029
1991
|
background-color: color-mix(in srgb, hsl(0, 0%, 9%) 80%, transparent);
|
|
2030
1992
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2031
|
-
|
|
2032
|
-
background-color: color-mix(in oklab, var(--color-fd-primary) 80%, transparent);
|
|
2033
|
-
}
|
|
1993
|
+
background-color: color-mix(in oklab, var(--color-fd-primary) 80%, transparent);
|
|
2034
1994
|
}
|
|
2035
1995
|
}
|
|
2036
1996
|
}
|
|
@@ -2047,9 +2007,7 @@
|
|
|
2047
2007
|
@media (hover: hover) {
|
|
2048
2008
|
color: color-mix(in srgb, hsl(0, 0%, 9%) 80%, transparent);
|
|
2049
2009
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2050
|
-
|
|
2051
|
-
color: color-mix(in oklab, var(--color-fd-accent-foreground) 80%, transparent);
|
|
2052
|
-
}
|
|
2010
|
+
color: color-mix(in oklab, var(--color-fd-accent-foreground) 80%, transparent);
|
|
2053
2011
|
}
|
|
2054
2012
|
}
|
|
2055
2013
|
}
|
|
@@ -2059,9 +2017,7 @@
|
|
|
2059
2017
|
@media (hover: hover) {
|
|
2060
2018
|
color: color-mix(in srgb, hsl(0, 0%, 15.1%) 50%, transparent);
|
|
2061
2019
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2062
|
-
|
|
2063
|
-
color: color-mix(in oklab, var(--color-fd-popover-foreground) 50%, transparent);
|
|
2064
|
-
}
|
|
2020
|
+
color: color-mix(in oklab, var(--color-fd-popover-foreground) 50%, transparent);
|
|
2065
2021
|
}
|
|
2066
2022
|
}
|
|
2067
2023
|
}
|
|
@@ -2333,9 +2289,7 @@
|
|
|
2333
2289
|
&[data-state="open"] {
|
|
2334
2290
|
background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 50%, transparent);
|
|
2335
2291
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2336
|
-
|
|
2337
|
-
background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
|
|
2338
|
-
}
|
|
2292
|
+
background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
|
|
2339
2293
|
}
|
|
2340
2294
|
}
|
|
2341
2295
|
}
|
|
@@ -2782,9 +2736,7 @@
|
|
|
2782
2736
|
content: counter(line);
|
|
2783
2737
|
color: var(--fd-counter-color, hsl(0, 0%, 45.1%));
|
|
2784
2738
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2785
|
-
|
|
2786
|
-
color: color-mix( in oklab, var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%, transparent );
|
|
2787
|
-
}
|
|
2739
|
+
color: color-mix( in oklab, var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%, transparent );
|
|
2788
2740
|
}
|
|
2789
2741
|
top: calc(var(--spacing) * 0);
|
|
2790
2742
|
left: calc(var(--spacing) * 4);
|
|
@@ -2817,15 +2769,11 @@
|
|
|
2817
2769
|
border-left-width: 2px;
|
|
2818
2770
|
border-color: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
|
|
2819
2771
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2820
|
-
|
|
2821
|
-
border-color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
|
|
2822
|
-
}
|
|
2772
|
+
border-color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
|
|
2823
2773
|
}
|
|
2824
2774
|
background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
|
|
2825
2775
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2826
|
-
|
|
2827
|
-
background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
|
|
2828
|
-
}
|
|
2776
|
+
background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
|
|
2829
2777
|
}
|
|
2830
2778
|
}
|
|
2831
2779
|
.highlighted-word& {
|
|
@@ -2836,15 +2784,11 @@
|
|
|
2836
2784
|
border-width: 1px;
|
|
2837
2785
|
border-color: color-mix(in srgb, hsl(0, 0%, 9%) 30%, transparent);
|
|
2838
2786
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2839
|
-
|
|
2840
|
-
border-color: color-mix(in oklab, var(--color-fd-primary) 30%, transparent);
|
|
2841
|
-
}
|
|
2787
|
+
border-color: color-mix(in oklab, var(--color-fd-primary) 30%, transparent);
|
|
2842
2788
|
}
|
|
2843
2789
|
background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
|
|
2844
2790
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2845
|
-
|
|
2846
|
-
background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
|
|
2847
|
-
}
|
|
2791
|
+
background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
|
|
2848
2792
|
}
|
|
2849
2793
|
--tw-font-weight: var(--font-weight-medium);
|
|
2850
2794
|
font-weight: var(--font-weight-medium);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "fumadocs-ui",
|
|
3
|
-
"version": "16.0.
|
|
3
|
+
"version": "16.0.6",
|
|
4
4
|
"description": "The framework for building a documentation website in Next.js",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"NextJs",
|
|
@@ -121,21 +121,21 @@
|
|
|
121
121
|
"react-medium-image-zoom": "^5.4.0",
|
|
122
122
|
"scroll-into-view-if-needed": "^3.1.0",
|
|
123
123
|
"tailwind-merge": "^3.3.1",
|
|
124
|
-
"fumadocs-core": "16.0.
|
|
124
|
+
"fumadocs-core": "16.0.6"
|
|
125
125
|
},
|
|
126
126
|
"devDependencies": {
|
|
127
|
-
"@next/eslint-plugin-next": "16.0.
|
|
128
|
-
"@tailwindcss/cli": "^4.1.
|
|
127
|
+
"@next/eslint-plugin-next": "16.0.1",
|
|
128
|
+
"@tailwindcss/cli": "^4.1.16",
|
|
129
129
|
"@types/lodash.merge": "^4.6.9",
|
|
130
130
|
"@types/react": "^19.2.2",
|
|
131
131
|
"@types/react-dom": "^19.2.2",
|
|
132
|
-
"next": "16.0.
|
|
133
|
-
"tailwindcss": "^4.1.
|
|
132
|
+
"next": "16.0.1",
|
|
133
|
+
"tailwindcss": "^4.1.16",
|
|
134
134
|
"tsc-alias": "^1.8.16",
|
|
135
|
-
"@fumadocs/cli": "1.0.3",
|
|
136
135
|
"eslint-config-custom": "0.0.0",
|
|
137
|
-
"fumadocs-core": "16.0.
|
|
138
|
-
"tsconfig": "0.0.0"
|
|
136
|
+
"fumadocs-core": "16.0.6",
|
|
137
|
+
"tsconfig": "0.0.0",
|
|
138
|
+
"@fumadocs/cli": "1.0.3"
|
|
139
139
|
},
|
|
140
140
|
"peerDependencies": {
|
|
141
141
|
"@types/react": "*",
|