@vx-oss/docs-react 1.0.3

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.9_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

@@ -0,0 +1,10 @@
+import { testImg } from "./element-tests.js";
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.9_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;
+	}
+};
+//#endregion
+export { getImgAlt };

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.9_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

@@ -0,0 +1,57 @@
+import { getScale } from "./get-scale.js";
+import { computePositionedStyle } from "./compute-positioned-style.js";
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.9_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";
+		else resolvedObjectFit = "contain";
+	}
+	const base = {
+		containerHeight,
+		containerLeft,
+		containerTop,
+		containerWidth,
+		hasScalableSrc,
+		offset,
+		position: objectPosition,
+		targetHeight,
+		targetWidth
+	};
+	if (resolvedObjectFit === "cover" || resolvedObjectFit === "contain") {
+		const widthRatio = containerWidth / targetWidth;
+		const heightRatio = containerHeight / targetHeight;
+		const ratio = resolvedObjectFit === "cover" ? Math.max(widthRatio, heightRatio) : Math.min(widthRatio, heightRatio);
+		return computePositionedStyle({
+			...base,
+			visibleWidth: targetWidth * ratio,
+			visibleHeight: targetHeight * ratio
+		});
+	} else if (resolvedObjectFit === "none") return computePositionedStyle({
+		...base,
+		visibleWidth: targetWidth,
+		visibleHeight: targetHeight
+	});
+	else {
+		const widthRatio = containerWidth / targetWidth;
+		const heightRatio = containerHeight / targetHeight;
+		const ratio = Math.max(widthRatio, heightRatio);
+		const scale = getScale({
+			containerHeight: targetHeight * ratio,
+			containerWidth: targetWidth * ratio,
+			hasScalableSrc,
+			offset,
+			targetHeight,
+			targetWidth
+		});
+		return {
+			top: containerTop,
+			left: containerLeft,
+			width: containerWidth * scale,
+			height: containerHeight * scale,
+			initialTransform: `translate(0,0) scale(${1 / scale})`
+		};
+	}
+};
+//#endregion
+export { getImgObjectFitStyle };

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.9_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

@@ -0,0 +1,21 @@
+import { getScale } from "./get-scale.js";
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.9_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,
+		containerWidth,
+		hasScalableSrc,
+		offset,
+		targetHeight,
+		targetWidth
+	});
+	return {
+		top: containerTop,
+		left: containerLeft,
+		width: containerWidth * scale,
+		height: containerHeight * scale,
+		initialTransform: `translate(0,0) scale(${1 / scale})`
+	};
+};
+//#endregion
+export { getImgRegularStyle };

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.9_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

@@ -0,0 +1,14 @@
+import { testDiv, testImg } from "./element-tests.js";
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.9_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) {
+		if (testImg(imgEl)) return imgEl.currentSrc === "" ? void 0 : imgEl.currentSrc;
+		else if (testDiv(imgEl)) {
+			const { backgroundImage: bgImg } = window.getComputedStyle(imgEl);
+			if (bgImg !== "") return URL_REGEX.exec(bgImg)?.[1];
+		}
+	}
+};
+//#endregion
+export { getImgSrc };

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.9_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

@@ -0,0 +1,22 @@
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.9_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 !== "") {
+		const halfWidth = width / 2;
+		const halfHeight = height / 2;
+		centeredUserTransform = `translate(${halfWidth}px,${halfHeight}px) ${userTransform} translate(${-halfWidth}px,${-halfHeight}px)`;
+	}
+	if (!isZoomed) {
+		if (centeredUserTransform === "") return initialTransform;
+		return `${initialTransform} ${centeredUserTransform}`;
+	}
+	const viewportX = window.innerWidth / 2;
+	const viewportY = window.innerHeight / 2;
+	const childCenterX = left + width / 2;
+	const childCenterY = top + height / 2;
+	const base = `translate(${viewportX - childCenterX}px,${viewportY - childCenterY}px) scale(1)`;
+	if (centeredUserTransform === "") return base;
+	return `${base} ${centeredUserTransform}`;
+};
+//#endregion
+export { getModalImgTransform };

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.9_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/get-scale.js

@@ -0,0 +1,27 @@
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.9_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({
+		height: targetHeight,
+		offset,
+		width: targetWidth
+	});
+	const ratio = targetWidth > targetHeight ? targetWidth / containerWidth : targetHeight / containerHeight;
+	return scale > 1 ? ratio : scale * ratio;
+};
+const getScale = ({ containerHeight, containerWidth, hasScalableSrc, offset, targetHeight, targetWidth }) => {
+	if (containerHeight === 0 || containerWidth === 0) return 1;
+	return !hasScalableSrc && targetHeight !== 0 && targetWidth !== 0 ? getScaleToWindowMax({
+		containerHeight,
+		containerWidth,
+		offset,
+		targetHeight,
+		targetWidth
+	}) : getScaleToWindow({
+		height: containerHeight,
+		offset,
+		width: containerWidth
+	});
+};
+//#endregion
+export { getScale };

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.9_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

@@ -0,0 +1,31 @@
+import { testSvg } from "./element-tests.js";
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.9_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)) {
+		const { parentElement: parentEl } = imgEl;
+		const rect = imgEl.getBoundingClientRect();
+		if (parentEl == null) return {
+			height: rect.height,
+			left: rect.left,
+			width: rect.width,
+			top: rect.top
+		};
+		else {
+			const parentRect = parentEl.getBoundingClientRect();
+			return {
+				height: rect.height,
+				left: parentRect.left - rect.left,
+				top: parentRect.top - rect.top,
+				width: rect.width
+			};
+		}
+	} else return {
+		height: imgEl.offsetHeight,
+		left: imgEl.offsetLeft,
+		width: imgEl.offsetWidth,
+		top: imgEl.offsetTop
+	};
+};
+//#endregion
+export { getStyleGhost };

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.9_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

@@ -0,0 +1,75 @@
+import { testDiv } from "./element-tests.js";
+import { getImgRegularStyle } from "./get-img-regular-style.js";
+import { getImgObjectFitStyle } from "./get-img-object-fit-style.js";
+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.9_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,
+		imgSrc,
+		isSvg
+	});
+	const imgRect = targetEl.getBoundingClientRect();
+	const targetElComputedStyle = window.getComputedStyle(targetEl);
+	const isDivImg = loadedImgEl != null && testDiv(targetEl);
+	const isImgObjectFit = loadedImgEl != null && !isDivImg;
+	const targetHeight = getTargetDimension({
+		fallback: imgRect.height,
+		natural: loadedImgEl?.naturalHeight
+	});
+	const targetWidth = getTargetDimension({
+		fallback: imgRect.width,
+		natural: loadedImgEl?.naturalWidth
+	});
+	const { height: containerHeight, left: containerLeft, top: containerTop, width: containerWidth } = imgRect;
+	const position = isDivImg ? getDivImgStyle({
+		backgroundPosition: targetElComputedStyle.backgroundPosition,
+		backgroundSize: targetElComputedStyle.backgroundSize,
+		containerHeight,
+		containerLeft,
+		containerTop,
+		containerWidth,
+		hasScalableSrc,
+		offset,
+		targetHeight,
+		targetWidth
+	}) : isImgObjectFit ? getImgObjectFitStyle({
+		containerHeight,
+		containerLeft,
+		containerTop,
+		containerWidth,
+		hasScalableSrc,
+		objectFit: targetElComputedStyle.objectFit,
+		objectPosition: targetElComputedStyle.objectPosition,
+		offset,
+		targetHeight,
+		targetWidth
+	}) : getImgRegularStyle({
+		containerHeight,
+		containerLeft,
+		containerTop,
+		containerWidth,
+		hasScalableSrc,
+		offset,
+		targetHeight,
+		targetWidth
+	});
+	const result = {
+		top: position.top,
+		left: position.left,
+		width: position.width,
+		height: position.height,
+		transform: getModalImgTransform({
+			...position,
+			isZoomed,
+			userTransform: targetElComputedStyle.transform
+		})
+	};
+	if (isZoomed && shouldRefresh) result.transitionDuration = "0.01ms";
+	return result;
+};
+//#endregion
+export { getStyleModalImg };

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.9_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

@@ -0,0 +1,4 @@
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.9_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 };

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.9_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-medium-image-zoom/dist/utils/parse-position.js

@@ -0,0 +1,7 @@
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.9_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;
+};
+//#endregion
+export { parsePosition };

package/dist/node_modules/.pnpm/react-medium-image-zoom@5.4.9_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

@@ -0,0 +1,5 @@
+//#region ../../node_modules/.pnpm/react-medium-image-zoom@5.4.9_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
+export { testHasScalableSrc };

package/dist/og/takumi.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+import { ImageResponse, ImageResponseOptions } from "takumi-js/response";
+//#region src/og/takumi.d.ts
+interface GenerateProps {
+  title: ReactNode;
+  description?: ReactNode;
+  icon?: ReactNode;
+  primaryColor?: string;
+  primaryTextColor?: string;
+  site?: ReactNode;
+}
+declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
+declare function generate({ primaryColor, primaryTextColor, icon, ...props }: GenerateProps): import("react").JSX.Element;
+//#endregion
+export { GenerateProps, generate, generateOGImage };

package/dist/og/takumi.js

@@ -0,0 +1,91 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ImageResponse } from "takumi-js/response";
+//#region src/og/takumi.tsx
+function generateOGImage(options) {
+	const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;
+	return new ImageResponse(generate({
+		title,
+		description,
+		icon,
+		site,
+		primaryTextColor,
+		primaryColor
+	}), {
+		width: 1200,
+		height: 630,
+		...rest
+	});
+}
+function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "rgb(255,150,255)", icon = /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "56",
+	height: "56",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	className: "lucide lucide-book-icon lucide-book",
+	children: /* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "11",
+		stroke: primaryTextColor,
+		strokeWidth: "2"
+	})
+}), ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%",
+			height: "100%",
+			color: "white",
+			padding: "4rem",
+			backgroundColor: "#0c0c0c",
+			borderBottom: `18px solid ${primaryColor}`
+		},
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				style: {
+					fontWeight: 800,
+					fontSize: "82px",
+					margin: 0
+				},
+				children: props.title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				style: {
+					fontSize: "52px",
+					color: "rgba(240,240,240,0.8)",
+					margin: 0,
+					marginTop: "16px",
+					paddingBottom: "28px",
+					borderBottom: `10px dashed ${primaryColor}`
+				},
+				children: props.description
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					flexDirection: "row",
+					alignItems: "center",
+					gap: "20px",
+					marginTop: "auto",
+					color: primaryTextColor
+				},
+				children: [icon, props.site && /* @__PURE__ */ jsx("p", {
+					style: {
+						fontSize: "56px",
+						fontWeight: 600,
+						margin: 0
+					},
+					children: props.site
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { generate, generateOGImage };

package/dist/og.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import { ImageResponse } from "next/og.js";
+import { ImageResponseOptions } from "next/dist/compiled/@vercel/og/types";
+//#region src/og.d.ts
+interface GenerateProps {
+  title: ReactNode;
+  description?: ReactNode;
+  icon?: ReactNode;
+  primaryColor?: string;
+  primaryTextColor?: string;
+  site?: ReactNode;
+}
+declare function generateOGImage(options: GenerateProps & ImageResponseOptions): ImageResponse;
+declare function generate({ primaryColor, primaryTextColor, icon, ...props }: GenerateProps): import("react").JSX.Element;
+//#endregion
+export { generate, generateOGImage };

package/dist/og.js

@@ -0,0 +1,91 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ImageResponse } from "next/og.js";
+//#region src/og.tsx
+function generateOGImage(options) {
+	const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;
+	return new ImageResponse(generate({
+		title,
+		description,
+		icon,
+		site,
+		primaryTextColor,
+		primaryColor
+	}), {
+		width: 1200,
+		height: 630,
+		...rest
+	});
+}
+function generate({ primaryColor = "rgba(255,150,255,0.3)", primaryTextColor = "rgb(255,150,255)", icon = /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "56",
+	height: "56",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	className: "lucide lucide-book-icon lucide-book",
+	children: /* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "11",
+		stroke: primaryTextColor,
+		strokeWidth: "2"
+	})
+}), ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%",
+			height: "100%",
+			color: "white",
+			padding: "4rem",
+			backgroundColor: "#0c0c0c",
+			borderBottom: `18px solid ${primaryColor}`
+		},
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				style: {
+					fontWeight: 800,
+					fontSize: "82px",
+					margin: 0
+				},
+				children: props.title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				style: {
+					fontSize: "52px",
+					color: "rgba(240,240,240,0.8)",
+					margin: 0,
+					marginTop: "16px",
+					paddingBottom: "28px",
+					borderBottom: `10px dashed ${primaryColor}`
+				},
+				children: props.description
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					flexDirection: "row",
+					alignItems: "center",
+					gap: "20px",
+					marginTop: "auto",
+					color: primaryTextColor
+				},
+				children: [icon, props.site && /* @__PURE__ */ jsx("p", {
+					style: {
+						fontSize: "56px",
+						fontWeight: 600,
+						margin: 0
+					},
+					children: props.site
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { generate, generateOGImage };

package/dist/page.d.ts

@@ -0,0 +1,29 @@
+import { Breadcrumb } from "./layouts/docs/page/slots/breadcrumb.js";
+import { DocsBody, DocsDescription, DocsPageProps as DocsPageProps$1, DocsTitle, EditOnGitHub, PageLastUpdate } from "./layouts/docs/page/index.js";
+import { ComponentProps } from "react";
+//#region src/page.d.ts
+interface EditOnGitHubOptions extends Omit<ComponentProps<'a'>, 'href' | 'children'> {
+  owner: string;
+  repo: string;
+  /**
+   * SHA or ref (branch or tag) name.
+   *
+   * @defaultValue main
+   */
+  sha?: string;
+  /**
+   * File path in the repo
+   */
+  path: string;
+}
+interface DocsPageProps extends DocsPageProps$1 {
+  editOnGithub?: EditOnGitHubOptions;
+  lastUpdate?: Date | string | number;
+}
+/**
+ * For separate MDX page
+ */
+declare function withArticle(props: ComponentProps<'main'>): import("react").JSX.Element;
+declare function DocsPage({ lastUpdate, editOnGithub, children, ...props }: DocsPageProps): import("react").JSX.Element;
+//#endregion
+export { DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, Breadcrumb as PageBreadcrumb, PageLastUpdate, withArticle };

package/dist/page.js

@@ -0,0 +1,33 @@
+"use client";
+import { cn } from "./utils/cn.js";
+import { useIsDocsLayout } from "./layouts/docs/client.js";
+import { Breadcrumb } from "./layouts/docs/page/slots/breadcrumb.js";
+import { DocsBody, DocsDescription, DocsTitle, EditOnGitHub, PageLastUpdate, page_exports } from "./layouts/docs/page/index.js";
+import { page_exports as page_exports$1 } from "./layouts/notebook/page/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/page.tsx
+/**
+* For separate MDX page
+*/
+function withArticle(props) {
+	return /* @__PURE__ */ jsx("main", {
+		...props,
+		className: cn("w-full max-w-[1400px] mx-auto px-4 py-12", props.className),
+		children: /* @__PURE__ */ jsx("article", {
+			className: "prose",
+			children: props.children
+		})
+	});
+}
+function DocsPage({ lastUpdate, editOnGithub, children, ...props }) {
+	const { DocsPage, EditOnGitHub, PageLastUpdate } = useIsDocsLayout() ? page_exports : page_exports$1;
+	return /* @__PURE__ */ jsxs(DocsPage, {
+		...props,
+		children: [children, /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-row flex-wrap items-center justify-between gap-4 empty:hidden",
+			children: [editOnGithub && /* @__PURE__ */ jsx(EditOnGitHub, { href: `https://github.com/${editOnGithub.owner}/${editOnGithub.repo}/blob/${editOnGithub.sha}/${editOnGithub.path.startsWith("/") ? editOnGithub.path.slice(1) : editOnGithub.path}` }), lastUpdate && /* @__PURE__ */ jsx(PageLastUpdate, { date: new Date(lastUpdate) })]
+		})]
+	});
+}
+//#endregion
+export { DocsBody, DocsDescription, DocsPage, DocsTitle, EditOnGitHub, Breadcrumb as PageBreadcrumb, PageLastUpdate, withArticle };

package/dist/provider/astro.d.ts

@@ -0,0 +1,29 @@
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { Framework } from "@vx-oss/docs-core/framework";
+import { ComponentProps } from "react";
+import { AstroProviderProps } from "@vx-oss/docs-core/framework/astro";
+//#region src/provider/astro.d.ts
+interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
+  /**
+   * The current Astro pathname, usually `Astro.url.pathname`.
+   */
+  pathname: AstroProviderProps['pathname'];
+  /**
+   * The current Astro route params, usually `Astro.params`.
+   */
+  params?: AstroProviderProps['params'];
+  /**
+   * Optional Astro client navigation function from `astro:transitions/client`.
+   */
+  navigate?: AstroProviderProps['navigate'];
+  /**
+   * Custom framework components to override Astro defaults
+   */
+  components?: {
+    Link?: Framework['Link'];
+    Image?: Framework['Image'];
+  };
+}
+declare function RootProvider({ components, pathname, params, navigate, ...props }: RootProviderProps): import("react").JSX.Element;
+//#endregion
+export { RootProvider, RootProviderProps };

package/dist/provider/astro.js

@@ -0,0 +1,20 @@
+"use client";
+import { RootProvider as RootProvider$1 } from "./base.js";
+import { jsx } from "react/jsx-runtime";
+import { AstroProvider } from "@vx-oss/docs-core/framework/astro";
+//#region src/provider/astro.tsx
+function RootProvider({ components, pathname, params, navigate, ...props }) {
+	return /* @__PURE__ */ jsx(AstroProvider, {
+		pathname,
+		params,
+		navigate,
+		Link: components?.Link,
+		Image: components?.Image,
+		children: /* @__PURE__ */ jsx(RootProvider$1, {
+			...props,
+			children: props.children
+		})
+	});
+}
+//#endregion
+export { RootProvider };

package/dist/provider/base.d.ts

@@ -0,0 +1,48 @@
+import { SearchProviderProps } from "../contexts/search.js";
+import { I18nProviderProps } from "../contexts/i18n.js";
+import { ReactNode } from "react";
+import { ThemeProviderProps, UseThemeProps, useTheme } from "next-themes";
+//#region src/provider/base.d.ts
+interface SearchOptions extends Omit<SearchProviderProps, 'children'> {
+  /**
+   * Enable search functionality
+   *
+   * @defaultValue `true`
+   */
+  enabled?: boolean;
+}
+interface ThemeOptions extends ThemeProviderProps {
+  /**
+   * Enable `next-themes`
+   *
+   * @defaultValue true
+   */
+  enabled?: boolean;
+  /**
+   * Hotkey for toggling between light/dark mode, pass `false` to disable it.
+   *
+   * It is ignored while typing in an editable element (e.g. `<input />`), or when a dialog is opened.
+   *
+   * @defaultValue `d`
+   */
+  hotKey?: string | ((e: KeyboardEvent) => boolean) | false;
+}
+interface RootProviderProps {
+  /**
+   * `dir` option for Radix UI
+   */
+  dir?: 'rtl' | 'ltr';
+  /**
+   * @remarks `SearchProviderProps`
+   */
+  search?: Partial<SearchOptions>;
+  /**
+   * Customize options for `next-themes`
+   */
+  theme?: ThemeOptions;
+  i18n?: Omit<I18nProviderProps, 'children'>;
+  children?: ReactNode;
+}
+declare function RootProvider({ children, dir, theme, search, i18n }: RootProviderProps): import("react").JSX.Element;
+//#endregion
+export { RootProvider, RootProviderProps, type UseThemeProps, useTheme };