npm - @fumadocs/base-ui - Versions diffs - 16.11.5 → 16.12.1 - Mend

@fumadocs/base-ui 16.11.5 → 16.12.1

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.

Files changed (75) hide show

package/dist/layouts/shared/client.d.ts CHANGED Viewed

@@ -28,7 +28,7 @@ interface BaseSlotsProps<P extends BaseLayoutProps = BaseLayoutProps> extends Pi
 declare function baseSlots({ useProps }: {
   useProps: () => BaseSlotsProps;
 }): {
-  useProvider(options: BaseLayoutProps): {
+  useBaseSlots(options: BaseLayoutProps): {
     baseSlots: BaseSlots;
     baseProps: BaseSlotsProps;
   };

package/dist/layouts/shared/client.js CHANGED Viewed

@@ -56,7 +56,7 @@ function baseSlots({ useProps }) {
 			children: title
 		});
 	}
-	return { useProvider(options) {
+	return { useBaseSlots(options) {
 		const { locales = [] } = useI18n();
 		const { nav, slots = {}, i18n = locales.length > 1, searchToggle: { enabled: searchToggleEnabled = true, ...searchToggle } = {}, themeSwitch: { enabled: themeSwitchEnabled = true, ...themeSwitch } = {} } = options;
 		return {

package/dist/layouts/shared/index.d.ts CHANGED Viewed

@@ -2,8 +2,8 @@ import { FullSearchTriggerProps, SearchTriggerProps } from "./slots/search-trigg
 import { ThemeSwitchProps } from "./slots/theme-switch.js";
 import { BaseSlots, BaseSlotsProps, LinkItem, baseSlots } from "./client.js";
 import { ComponentProps, FC, ReactNode } from "react";
-import * as PageTree from "fumadocs-core/page-tree";
 import { I18nConfig } from "fumadocs-core/i18n";
+import * as PageTree from "fumadocs-core/page-tree";
 //#region src/layouts/shared/index.d.ts
 interface NavOptions {
   enabled?: boolean;
@@ -82,7 +82,7 @@ interface GetLayoutTabsOptions {
   transform?: (option: LayoutTab, node: PageTree.Folder) => LayoutTab | null;
 }
 declare function getLayoutTabs(tree: PageTree.Root, { transform }?: GetLayoutTabsOptions): LayoutTab[];
-declare function isLayoutTabActive(tab: LayoutTab, pathname: string): boolean;
+declare function isLayoutTabActive(tab: LayoutTab, path: PageTree.Node[], pathname: string): boolean;
 interface Filterable {
   /**
    * Restrict where the item is displayed
@@ -159,11 +159,12 @@ type LinkItemType = MainItemType | IconItemType | ButtonItemType | MenuItemType
  * Get link items with shortcuts
  */
 declare function resolveLinkItems({ links, githubUrl }: Pick<BaseLayoutProps, 'links' | 'githubUrl'>): LinkItemType[];
-declare function useLinkItems({ githubUrl, links }: Pick<BaseLayoutProps, 'links' | 'githubUrl'>): {
+interface GroupedLinkItems {
+  all: LinkItemType[];
   navItems: LinkItemType[];
   menuItems: LinkItemType[];
-  all: LinkItemType[];
-};
+}
+declare function useLinkItems({ githubUrl, links }: Pick<BaseLayoutProps, 'links' | 'githubUrl'>): GroupedLinkItems;
 declare function isLinkItemActive(link: LinkItemType, pathname: string): boolean;
 //#endregion
-export { BaseLayoutProps, type BaseSlots, type BaseSlotsProps, ButtonItemType, CustomItemType, GetLayoutTabsOptions, IconItemType, LayoutTab, LinkItem, LinkItemType, MainItemType, MenuItemType, NavOptions, baseSlots, getLayoutTabs, isLayoutTabActive, isLinkItemActive, resolveLinkItems, useLinkItems };
+export { BaseLayoutProps, type BaseSlots, type BaseSlotsProps, ButtonItemType, CustomItemType, GetLayoutTabsOptions, GroupedLinkItems, IconItemType, LayoutTab, LinkItem, LinkItemType, MainItemType, MenuItemType, NavOptions, baseSlots, getLayoutTabs, isLayoutTabActive, isLinkItemActive, resolveLinkItems, useLinkItems };

package/dist/layouts/shared/index.js CHANGED Viewed

@@ -2,7 +2,6 @@ import { isActive, normalize } from "../../utils/urls.js";
 import { LinkItem, baseSlots } from "./client.js";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import * as PageTree from "fumadocs-core/page-tree";
 //#region src/layouts/shared/index.tsx
 const defaultTransform = (option, node) => {
 	if (!node.icon) return option;
@@ -38,8 +37,11 @@ function getLayoutTabs(tree, { transform = defaultTransform } = {}) {
 	if (tree.fallback) next(tree.fallback, true);
 	return results;
 }
-function isLayoutTabActive(tab, pathname) {
-	if (tab.$folder) return PageTree.findPath(tab.$folder.children, (node) => node.type === "page" && isActive(node.url, pathname)) !== null;
+function isLayoutTabActive(tab, path, pathname) {
+	if (tab.$folder) {
+		const folder = tab.$folder;
+		return path.some((node) => node.type === "folder" && (node.$id === folder.$id || node === folder));
+	}
 	if (tab.urls) return tab.urls.has(normalize(pathname));
 	return isActive(tab.url, pathname, true);
 }

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 → react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8}/node_modules/react-medium-image-zoom/dist/controlled.d.ts RENAMED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-//#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
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/controlled.d.ts
 type ModalState = 'LOADED' | 'LOADING' | 'UNLOADED' | 'UNLOADING';
 interface ControlledProps {
   a11yNameButtonUnzoom?: string;

@@ -6,7 +6,7 @@ import { getStyleGhost } from "./utils/get-style-ghost.js";
 import { getStyleModalImg } from "./utils/get-style-modal-img.js";
 import React from "react";
 import ReactDOM from "react-dom";
-//#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.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/controlled.js
 const IMAGE_QUERY = [
 	"img",
 	"svg",

@@ -1,6 +1,6 @@
 import { ControlledProps } from "./controlled.js";
 import React from "react";
-//#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
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/uncontrolled.d.ts
 type UncontrolledProps = Omit<ControlledProps, 'isZoomed'>;
 //#endregion
 export { UncontrolledProps };

@@ -1,6 +1,6 @@
 import { Controlled } from "./controlled.js";
 import React from "react";
-//#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.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/uncontrolled.js
 function Uncontrolled({ onZoomChange, ...props }) {
 	const [isZoomed, setIsZoomed] = React.useState(false);
 	const handleZoomChange = React.useCallback((value, { event }) => {

@@ -1,4 +1,4 @@
-//#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/utils/adjust-svg-ids.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/adjust-svg-ids.js
 const adjustSvgIDs = (svgEl) => {
 	const newIdSuffix = "-zoom";
 	const attrs = [

@@ -1,6 +1,6 @@
 import { getScale } from "./get-scale.js";
 import { parsePosition } from "./parse-position.js";
-//#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/utils/compute-positioned-style.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/compute-positioned-style.js
 const computePositionedStyle = ({ containerHeight, containerLeft, containerTop, containerWidth, hasScalableSrc, offset, position, targetHeight, targetWidth, visibleHeight, visibleWidth }) => {
 	const [posLeft = "50%", posTop = "50%"] = position.split(" ");
 	const posX = parsePosition(posLeft, containerWidth - visibleWidth);

@@ -1,4 +1,4 @@
-//#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/utils/element-tests.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/element-tests.js
 function isElement(el) {
 	if (typeof Element === "undefined") return false;
 	return el instanceof Element;

@@ -1,6 +1,6 @@
 import { parsePosition } from "./parse-position.js";
 import { computePositionedStyle } from "./compute-positioned-style.js";
-//#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/utils/get-div-img-style.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/get-div-img-style.js
 const getDivImgStyle = ({ backgroundPosition, backgroundSize, containerHeight, containerLeft, containerTop, containerWidth, hasScalableSrc, offset, targetHeight, targetWidth }) => {
 	const base = {
 		containerHeight,

@@ -1,5 +1,5 @@
 import { testImg } from "./element-tests.js";
-//#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/utils/get-img-alt.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/get-img-alt.js
 const getImgAlt = (imgEl) => {
 	if (imgEl !== null) if (testImg(imgEl)) return imgEl.alt;
 	else return imgEl.getAttribute("aria-label") ?? void 0;

@@ -1,6 +1,6 @@
 import { getScale } from "./get-scale.js";
 import { computePositionedStyle } from "./compute-positioned-style.js";
-//#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/utils/get-img-object-fit-style.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/get-img-object-fit-style.js
 const getImgObjectFitStyle = ({ containerHeight, containerLeft, containerTop, containerWidth, hasScalableSrc, objectFit: objectFitParam, objectPosition, offset, targetHeight, targetWidth }) => {
 	let resolvedObjectFit = objectFitParam;
 	if (resolvedObjectFit === "scale-down") if (targetWidth <= containerWidth && targetHeight <= containerHeight) resolvedObjectFit = "none";

@@ -1,5 +1,5 @@
 import { getScale } from "./get-scale.js";
-//#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/utils/get-img-regular-style.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/get-img-regular-style.js
 const getImgRegularStyle = ({ containerHeight, containerLeft, containerTop, containerWidth, hasScalableSrc, offset, targetHeight, targetWidth }) => {
 	const scale = getScale({
 		containerHeight,

@@ -1,5 +1,5 @@
 import { testDiv, testImg } from "./element-tests.js";
-//#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/utils/get-img-src.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/get-img-src.js
 const URL_REGEX = /url(?:\(['"]?)(?<url>.*?)(?:['"]?\))/;
 const getImgSrc = (imgEl) => {
 	if (imgEl !== null) {

@@ -1,4 +1,4 @@
-//#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/utils/get-modal-img-transform.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/get-modal-img-transform.js
 const getModalImgTransform = ({ height, initialTransform, isZoomed, left, top, userTransform, width }) => {
 	let centeredUserTransform = "";
 	if (userTransform !== "none" && userTransform !== "") {

@@ -1,4 +1,4 @@
-//#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/utils/get-scale.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/get-scale.js
 const getScaleToWindow = ({ height, offset, width }) => Math.min((window.innerWidth - offset * 2) / width, (window.innerHeight - offset * 2) / height);
 const getScaleToWindowMax = ({ containerHeight, containerWidth, offset, targetHeight, targetWidth }) => {
 	const scale = getScaleToWindow({

@@ -1,5 +1,5 @@
 import { testSvg } from "./element-tests.js";
-//#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/utils/get-style-ghost.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/get-style-ghost.js
 const getStyleGhost = (imgEl) => {
 	if (imgEl == null) return {};
 	if (testSvg(imgEl)) {

@@ -5,7 +5,7 @@ import { getDivImgStyle } from "./get-div-img-style.js";
 import { getModalImgTransform } from "./get-modal-img-transform.js";
 import { getTargetDimension } from "./get-target-dimension.js";
 import { testHasScalableSrc } from "./test-has-scalable-src.js";
-//#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/utils/get-style-modal-img.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/get-style-modal-img.js
 const getStyleModalImg = ({ hasZoomImg, imgSrc, isSvg, isZoomed, loadedImgEl, offset, shouldRefresh, targetEl }) => {
 	const hasScalableSrc = testHasScalableSrc({
 		hasZoomImg,

@@ -1,4 +1,4 @@
-//#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/utils/get-target-dimension.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/get-target-dimension.js
 const getTargetDimension = ({ fallback, natural }) => natural !== void 0 && natural !== 0 ? natural : fallback;
 //#endregion
 export { getTargetDimension };

@@ -1,4 +1,4 @@
-//#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/utils/parse-position.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/parse-position.js
 const parsePosition = (position, relativeNum) => {
 	const positionNum = parseFloat(position);
 	return position.endsWith("%") ? relativeNum * positionNum / 100 : positionNum;

@@ -1,4 +1,4 @@
-//#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/utils/test-has-scalable-src.js
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.8_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/test-has-scalable-src.js
 const SRC_SVG_REGEX = /\.svg$/i;
 const testHasScalableSrc = ({ hasZoomImg, imgSrc, isSvg }) => isSvg || imgSrc?.slice(0, 18) === "data:image/svg+xml" || hasZoomImg || imgSrc !== void 0 && SRC_SVG_REGEX.test(imgSrc);
 //#endregion