react-docs-ui 0.7.5 → 0.8.0

package/dist/{MdxContent-CZLqZlNp.js → MdxContent-BAm4izu3.js}

@@ -1,14 +1,14 @@
-import { t as e } from "./utils-Ct96Mtjw.js";
-import { S as t, b as n, c as r, d as i, h as a, l as o, p as s, s as c, t as l, v as u, x as d, y as f } from "./mdx-components-m1cGPhc8.js";
-import { t as p } from "./use-toast-DK69oadB.js";
-import { l as m, r as h, t as g, u as _ } from "./dialog-D8otbqQL.js";
-import * as v from "react";
-import { Check as y, Copy as b, Download as x, ExternalLink as S, Maximize as ee, Minimize as te, RefreshCw as ne, RotateCcw as re, RotateCw as ie, Search as ae, X as oe, ZoomIn as se, ZoomOut as ce } from "lucide-react";
-import { Link as le, useParams as C } from "react-router-dom";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import D from "remark-gfm";
-import O from "remark-math";
-import k from "react-markdown";
+import { n as e, r as t, t as n } from "./utils-KFBtT4Mx.js";
+import { S as r, b as i, c as a, d as o, h as s, l as c, p as l, s as u, t as d, v as f, x as p, y as m } from "./mdx-components-6beJPZgM.js";
+import { t as h } from "./use-toast-DK69oadB.js";
+import { l as g, r as _, t as v, u as y } from "./dialog-D68sEJBe.js";
+import * as b from "react";
+import { Check as ee, Copy as x, Download as te, ExternalLink as S, Maximize as ne, Minimize as re, RefreshCw as ie, RotateCcw as ae, RotateCw as oe, Search as se, X as ce, ZoomIn as le, ZoomOut as ue } from "lucide-react";
+import { Link as C, useParams as w } from "react-router-dom";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import O from "remark-gfm";
+import k from "remark-math";
+import de from "react-markdown";
 import A from "rehype-autolink-headings";
 import j from "rehype-slug";
 import M from "rehype-raw";
@@ -73,7 +73,7 @@ var R = {
 		imageLoadError: "Failed to load image"
 	}
 };
-function ue(e = "zh-cn", t) {
+function fe(e = "zh-cn", t) {
 	return {
 		...R[e === "en" ? "en" : "zh-cn"],
 		...t
@@ -81,19 +81,19 @@ function ue(e = "zh-cn", t) {
 }
 //#endregion
 //#region src/components/ImageViewer.tsx
-var de = .2, fe = 5, pe = .2;
+var pe = .2, me = 5, he = .2;
 function z(e) {
-	return Math.min(fe, Math.max(de, Number(e.toFixed(2))));
+	return Math.min(me, Math.max(pe, Number(e.toFixed(2))));
 }
-function me(e, t, n) {
+function ge(e, t, n) {
 	let r = (t || n || "image").trim().split("").map((e) => e.charCodeAt(0) < 32 || "<>:\"/\\|?*".includes(e) ? "-" : e).join("");
 	return (e.split("?")[0]?.split("#")[0] ?? e).split("/").pop()?.trim() || r || "image";
 }
-function he(e, t) {
+function _e(e, t) {
 	let n = document.createElement("a");
 	n.href = e, n.download = t, n.rel = "noopener noreferrer", document.body.appendChild(n), n.click(), document.body.removeChild(n);
 }
-function ge(e) {
+function ve(e) {
 	if (e.startsWith("blob:") || e.startsWith("data:")) return !0;
 	try {
 		return new URL(e, window.location.href).origin === window.location.origin;
@@ -101,66 +101,66 @@ function ge(e) {
 		return !1;
 	}
 }
-function B({ open: r, onOpenChange: i, src: a, alt: o, title: s, lang: c = "zh-cn", labels: l }) {
-	let y = v.useMemo(() => ue(c, l), [c, l]), b = v.useRef(null), le = v.useRef(null), [C, w] = v.useState(1), [D, O] = v.useState(0), [k, A] = v.useState("fit"), [j, M] = v.useState(!1), [N, P] = v.useState(!1), [F, I] = v.useState({
+function B({ open: e, onOpenChange: t, src: a, alt: o, title: s, lang: c = "zh-cn", labels: l }) {
+	let u = b.useMemo(() => fe(c, l), [c, l]), d = b.useRef(null), ee = b.useRef(null), [x, C] = b.useState(1), [w, T] = b.useState(0), [O, k] = b.useState("fit"), [de, A] = b.useState(!1), [j, M] = b.useState(!1), [N, P] = b.useState({
 		x: 0,
 		y: 0
-	}), [L, R] = v.useState(!1), B = v.useRef(/* @__PURE__ */ new Map()), V = v.useRef(null), H = v.useRef(null), U = o?.trim() || s?.trim() || y.imageAltFallback, W = v.useCallback(() => {
-		w(1), O(0), A("fit"), P(!1), I({
+	}), [F, I] = b.useState(!1), L = b.useRef(/* @__PURE__ */ new Map()), R = b.useRef(null), B = b.useRef(null), V = o?.trim() || s?.trim() || u.imageAltFallback, H = b.useCallback(() => {
+		C(1), T(0), k("fit"), M(!1), P({
 			x: 0,
 			y: 0
-		}), R(!1), B.current.clear(), V.current = null, H.current = null;
+		}), I(!1), L.current.clear(), R.current = null, B.current = null;
 	}, []);
-	v.useEffect(() => {
-		if (r) {
-			W();
+	b.useEffect(() => {
+		if (e) {
+			H();
 			return;
 		}
-		M(!1);
-	}, [r, W]), v.useEffect(() => {
-		document.fullscreenElement || M(!1);
-	}, [r]), v.useEffect(() => {
+		A(!1);
+	}, [e, H]), b.useEffect(() => {
+		document.fullscreenElement || A(!1);
+	}, [e]), b.useEffect(() => {
 		let e = () => {
-			M(!!document.fullscreenElement);
+			A(!!document.fullscreenElement);
 		};
 		return document.addEventListener("fullscreenchange", e), () => {
 			document.removeEventListener("fullscreenchange", e);
 		};
 	}, []);
-	let _e = v.useMemo(() => ({
-		transform: `translate(${F.x}px, ${F.y}px) scale(${C}) rotate(${D}deg)`,
-		transition: L ? "none" : "transform 160ms ease",
-		cursor: N ? "default" : L ? "grabbing" : "grab"
+	let U = b.useMemo(() => ({
+		transform: `translate(${N.x}px, ${N.y}px) scale(${x}) rotate(${w}deg)`,
+		transition: F ? "none" : "transform 160ms ease",
+		cursor: j ? "default" : F ? "grabbing" : "grab"
 	}), [
-		L,
-		N,
-		D,
-		C,
-		F.x,
-		F.y
-	]), G = v.useCallback(() => {
-		A("actual"), w((e) => z(e + pe));
-	}, []), K = v.useCallback(() => {
-		A("actual"), w((e) => z(e - pe));
-	}, []), q = v.useCallback(() => {
-		A("fit"), w(1), I({
+		F,
+		j,
+		w,
+		x,
+		N.x,
+		N.y
+	]), W = b.useCallback(() => {
+		k("actual"), C((e) => z(e + he));
+	}, []), G = b.useCallback(() => {
+		k("actual"), C((e) => z(e - he));
+	}, []), K = b.useCallback(() => {
+		k("fit"), C(1), P({
 			x: 0,
 			y: 0
 		});
-	}, []), J = v.useCallback(() => {
-		A("actual"), w(1), I({
+	}, []), q = b.useCallback(() => {
+		k("actual"), C(1), P({
 			x: 0,
 			y: 0
 		});
-	}, []), Y = v.useCallback(() => {
-		O((e) => e - 90);
-	}, []), X = v.useCallback(() => {
-		O((e) => e + 90);
-	}, []), Z = v.useCallback(async () => {
-		let e = me(a, s, o), t = null;
+	}, []), J = b.useCallback(() => {
+		T((e) => e - 90);
+	}, []), Y = b.useCallback(() => {
+		T((e) => e + 90);
+	}, []), X = b.useCallback(async () => {
+		let e = ge(a, s, o), t = null;
 		try {
-			if (ge(a)) {
-				he(a, e), p({ description: y.downloadSuccess });
+			if (ve(a)) {
+				_e(a, e), h({ description: u.downloadSuccess });
 				return;
 			}
 		} catch {}
@@ -168,268 +168,268 @@ function B({ open: r, onOpenChange: i, src: a, alt: o, title: s, lang: c = "zh-c
 			let n = await fetch(a, { mode: "cors" });
 			if (!n.ok) throw Error(`Failed to fetch image: ${n.status}`);
 			let r = await n.blob();
-			t = URL.createObjectURL(r), he(t, e), p({ description: y.downloadSuccess });
+			t = URL.createObjectURL(r), _e(t, e), h({ description: u.downloadSuccess });
 		} catch {
-			p({
+			h({
 				variant: "destructive",
-				description: y.downloadError
+				description: u.downloadError
 			});
 		} finally {
 			t && URL.revokeObjectURL(t);
 		}
 	}, [
 		o,
-		y.downloadError,
-		y.downloadSuccess,
+		u.downloadError,
+		u.downloadSuccess,
 		a,
 		s
-	]), ve = v.useCallback(() => {
+	]), Z = b.useCallback(() => {
 		try {
 			window.open(a, "_blank", "noopener,noreferrer");
 		} catch {
-			p({
+			h({
 				variant: "destructive",
-				description: y.openInNewTabError
+				description: u.openInNewTabError
 			});
 		}
-	}, [y.openInNewTabError, a]), Q = v.useCallback(async () => {
-		let e = b.current;
+	}, [u.openInNewTabError, a]), Q = b.useCallback(async () => {
+		let e = d.current;
 		if (!e?.requestFullscreen) {
-			p({ description: y.fullscreenError });
+			h({ description: u.fullscreenError });
 			return;
 		}
 		try {
 			document.fullscreenElement ? await document.exitFullscreen() : await e.requestFullscreen();
 		} catch {
-			p({ description: y.fullscreenError });
+			h({ description: u.fullscreenError });
 		}
-	}, [y.fullscreenError]);
-	v.useEffect(() => {
-		if (!r) return;
-		let e = (e) => {
-			e.key === "+" ? (e.preventDefault(), G()) : e.key === "-" ? (e.preventDefault(), K()) : e.key === "0" ? (e.preventDefault(), W()) : e.key === "f" || e.key === "F" ? (e.preventDefault(), Q()) : e.key === "[" ? (e.preventDefault(), Y()) : e.key === "]" && (e.preventDefault(), X());
+	}, [u.fullscreenError]);
+	b.useEffect(() => {
+		if (!e) return;
+		let t = (e) => {
+			e.key === "+" ? (e.preventDefault(), W()) : e.key === "-" ? (e.preventDefault(), G()) : e.key === "0" ? (e.preventDefault(), H()) : e.key === "f" || e.key === "F" ? (e.preventDefault(), Q()) : e.key === "[" ? (e.preventDefault(), J()) : e.key === "]" && (e.preventDefault(), Y());
 		};
-		return window.addEventListener("keydown", e), () => {
-			window.removeEventListener("keydown", e);
+		return window.addEventListener("keydown", t), () => {
+			window.removeEventListener("keydown", t);
 		};
 	}, [
 		Q,
-		r,
-		W,
+		e,
+		H,
+		J,
 		Y,
-		X,
-		G,
-		K
+		W,
+		G
 	]);
-	let $ = v.useCallback((e) => {
-		e.preventDefault(), e.stopPropagation(), e.deltaY < 0 ? G() : K();
-	}, [G, K]);
-	v.useEffect(() => {
-		if (!r) return;
-		let e = b.current;
-		if (e) return e.addEventListener("wheel", $, { passive: !1 }), () => {
-			e.removeEventListener("wheel", $);
+	let $ = b.useCallback((e) => {
+		e.preventDefault(), e.stopPropagation(), e.deltaY < 0 ? W() : G();
+	}, [W, G]);
+	b.useEffect(() => {
+		if (!e) return;
+		let t = d.current;
+		if (t) return t.addEventListener("wheel", $, { passive: !1 }), () => {
+			t.removeEventListener("wheel", $);
 		};
-	}, [$, r]);
-	let ye = v.useCallback((e) => {
-		B.current.set(e.pointerId, {
+	}, [$, e]);
+	let ye = b.useCallback((e) => {
+		L.current.set(e.pointerId, {
 			x: e.clientX,
 			y: e.clientY
 		});
-		let t = Array.from(B.current.values());
-		if (t.length === 2 && H.current) {
-			let [e, n] = t, r = Math.hypot(n.x - e.x, n.y - e.y), i = z(H.current.startScale * (r / H.current.startDistance));
-			A("actual"), w(i);
+		let t = Array.from(L.current.values());
+		if (t.length === 2 && B.current) {
+			let [e, n] = t, r = Math.hypot(n.x - e.x, n.y - e.y), i = z(B.current.startScale * (r / B.current.startDistance));
+			k("actual"), C(i);
 			return;
 		}
-		let n = V.current;
-		!n || n.pointerId !== e.pointerId || I({
+		let n = R.current;
+		!n || n.pointerId !== e.pointerId || P({
 			x: n.originX + (e.clientX - n.startX),
 			y: n.originY + (e.clientY - n.startY)
 		});
-	}, []), be = v.useCallback((e) => {
-		e && b.current?.hasPointerCapture(e.pointerId) && b.current.releasePointerCapture(e.pointerId), e && B.current.delete(e.pointerId), V.current = null, B.current.size < 2 && (H.current = null), R(!1);
-	}, []), xe = v.useCallback((e) => {
-		if (e.button !== 0 || N) return;
-		e.preventDefault(), e.stopPropagation(), e.currentTarget.setPointerCapture(e.pointerId), B.current.set(e.pointerId, {
+	}, []), be = b.useCallback((e) => {
+		e && d.current?.hasPointerCapture(e.pointerId) && d.current.releasePointerCapture(e.pointerId), e && L.current.delete(e.pointerId), R.current = null, L.current.size < 2 && (B.current = null), I(!1);
+	}, []), xe = b.useCallback((e) => {
+		if (e.button !== 0 || j) return;
+		e.preventDefault(), e.stopPropagation(), e.currentTarget.setPointerCapture(e.pointerId), L.current.set(e.pointerId, {
 			x: e.clientX,
 			y: e.clientY
 		});
-		let t = Array.from(B.current.values());
+		let t = Array.from(L.current.values());
 		if (t.length === 2) {
 			let [e, n] = t;
-			H.current = {
+			B.current = {
 				startDistance: Math.max(1, Math.hypot(n.x - e.x, n.y - e.y)),
-				startScale: C
-			}, V.current = null, R(!1);
+				startScale: x
+			}, R.current = null, I(!1);
 			return;
 		}
-		V.current = {
+		R.current = {
 			pointerId: e.pointerId,
 			startX: e.clientX,
 			startY: e.clientY,
-			originX: F.x,
-			originY: F.y
-		}, R(!0);
+			originX: N.x,
+			originY: N.y
+		}, I(!0);
 	}, [
-		N,
-		C,
-		F.x,
-		F.y
+		j,
+		x,
+		N.x,
+		N.y
 	]);
-	v.useEffect(() => {
-		if (!r) return;
-		let e = (e) => {
-			let t = b.current, n = e.target;
+	b.useEffect(() => {
+		if (!e) return;
+		let t = (e) => {
+			let t = d.current, n = e.target;
 			!t || !(n instanceof Node) || !t.contains(n) || !e.ctrlKey || $(e);
 		};
-		return window.addEventListener("wheel", e, {
+		return window.addEventListener("wheel", t, {
 			passive: !1,
 			capture: !0
 		}), () => {
-			window.removeEventListener("wheel", e, { capture: !0 });
+			window.removeEventListener("wheel", t, { capture: !0 });
 		};
-	}, [$, r]);
-	let Se = v.useMemo(() => [
+	}, [$, e]);
+	let Se = b.useMemo(() => [
 		{
 			key: "zoom-in",
-			label: y.zoomIn,
-			icon: se,
-			onClick: G,
-			disabled: N || C >= fe
+			label: u.zoomIn,
+			icon: le,
+			onClick: W,
+			disabled: j || x >= me
 		},
 		{
 			key: "zoom-out",
-			label: y.zoomOut,
-			icon: ce,
-			onClick: K,
-			disabled: N || C <= de
+			label: u.zoomOut,
+			icon: ue,
+			onClick: G,
+			disabled: j || x <= pe
 		},
 		{
 			key: "fit",
-			label: y.fit,
-			icon: te,
-			onClick: q,
-			disabled: N
+			label: u.fit,
+			icon: re,
+			onClick: K,
+			disabled: j
 		},
 		{
 			key: "actual-size",
-			label: y.actualSize,
-			icon: ae,
-			onClick: J,
-			disabled: N
+			label: u.actualSize,
+			icon: se,
+			onClick: q,
+			disabled: j
 		},
 		{
 			key: "reset",
-			label: y.reset,
-			icon: ne,
-			onClick: W,
-			disabled: N
+			label: u.reset,
+			icon: ie,
+			onClick: H,
+			disabled: j
 		},
 		{
 			key: "rotate-left",
-			label: y.rotateLeft,
-			icon: re,
-			onClick: Y,
-			disabled: N
+			label: u.rotateLeft,
+			icon: ae,
+			onClick: J,
+			disabled: j
 		},
 		{
 			key: "rotate-right",
-			label: y.rotateRight,
-			icon: ie,
-			onClick: X,
-			disabled: N
+			label: u.rotateRight,
+			icon: oe,
+			onClick: Y,
+			disabled: j
 		},
 		{
 			key: "fullscreen",
-			label: y.fullscreen,
-			icon: ee,
+			label: u.fullscreen,
+			icon: ne,
 			onClick: () => void Q(),
 			disabled: !1
 		},
 		{
 			key: "download",
-			label: y.download,
-			icon: x,
-			onClick: Z,
-			disabled: N
+			label: u.download,
+			icon: te,
+			onClick: X,
+			disabled: j
 		},
 		{
 			key: "new-tab",
-			label: y.openInNewTab,
+			label: u.openInNewTab,
 			icon: S,
-			onClick: ve,
+			onClick: Z,
 			disabled: !1
 		}
 	], [
-		Z,
-		Q,
-		ve,
-		N,
-		y.actualSize,
-		y.download,
-		y.fit,
-		y.fullscreen,
-		y.openInNewTab,
-		y.reset,
-		y.rotateLeft,
-		y.rotateRight,
-		y.zoomIn,
-		y.zoomOut,
-		W,
-		Y,
 		X,
-		C,
+		Q,
+		Z,
+		j,
+		u.actualSize,
+		u.download,
+		u.fit,
+		u.fullscreen,
+		u.openInNewTab,
+		u.reset,
+		u.rotateLeft,
+		u.rotateRight,
+		u.zoomIn,
+		u.zoomOut,
+		H,
 		J,
+		Y,
+		x,
 		q,
-		G,
-		K
+		K,
+		W,
+		G
 	]);
-	return /* @__PURE__ */ T(g, {
-		open: r,
-		onOpenChange: i,
-		children: /* @__PURE__ */ E(h, {
+	return /* @__PURE__ */ E(v, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ D(_, {
 			showCloseButton: !1,
 			className: "flex h-[min(94vh,980px)] w-[calc(100vw-0.75rem)] sm:w-[40rem] md:w-[52rem] lg:w-[64rem] xl:w-[74rem] 2xl:w-[86rem] max-w-[calc(100vw-0.75rem)] flex-col gap-3 border-zinc-800 bg-zinc-950 p-3 text-zinc-50 sm:max-w-[calc(100vw-2rem)] sm:p-4",
 			children: [
-				/* @__PURE__ */ T(_, { children: U }),
-				/* @__PURE__ */ T(m, { children: y.close }),
-				/* @__PURE__ */ E(n, {
+				/* @__PURE__ */ E(y, { children: V }),
+				/* @__PURE__ */ E(g, { children: u.close }),
+				/* @__PURE__ */ D(i, {
 					delayDuration: 100,
-					children: [/* @__PURE__ */ E("div", {
+					children: [/* @__PURE__ */ D("div", {
 						className: "flex items-center justify-between gap-3 rounded-lg border border-zinc-800 bg-zinc-900/80 px-3 py-2",
-						children: [/* @__PURE__ */ E("div", {
+						children: [/* @__PURE__ */ D("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ T("p", {
+							children: [/* @__PURE__ */ E("p", {
 								className: "truncate text-sm font-medium",
-								children: U
-							}), /* @__PURE__ */ E("p", {
+								children: V
+							}), /* @__PURE__ */ D("p", {
 								className: "text-xs text-zinc-400",
 								children: [
-									k === "fit" ? y.fit : `${Math.round(C * 100)}%`,
-									D === 0 ? "" : ` · ${D}deg`,
-									j ? ` · ${y.fullscreen}` : ""
+									O === "fit" ? u.fit : `${Math.round(x * 100)}%`,
+									w === 0 ? "" : ` · ${w}deg`,
+									de ? ` · ${u.fullscreen}` : ""
 								]
 							})]
-						}), /* @__PURE__ */ T(t, {
+						}), /* @__PURE__ */ E(r, {
 							type: "button",
 							size: "icon",
 							variant: "ghost",
 							className: "h-9 w-9 shrink-0 text-zinc-100 hover:bg-zinc-800 hover:text-white",
-							onClick: () => i(!1),
-							"aria-label": y.close,
-							title: y.close,
-							children: /* @__PURE__ */ T(oe, { className: "h-4 w-4" })
+							onClick: () => t(!1),
+							"aria-label": u.close,
+							title: u.close,
+							children: /* @__PURE__ */ E(ce, { className: "h-4 w-4" })
 						})]
-					}), /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ E("div", {
 						className: "overflow-x-auto rounded-lg border border-zinc-800 bg-zinc-900/80 px-2 py-2",
-						children: /* @__PURE__ */ T("div", {
+						children: /* @__PURE__ */ E("div", {
 							className: "flex min-w-max items-center gap-2",
 							children: Se.map((e) => {
-								let n = e.icon;
-								return /* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T(d, {
+								let t = e.icon;
+								return /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(p, {
 									asChild: !0,
-									children: /* @__PURE__ */ T(t, {
+									children: /* @__PURE__ */ E(r, {
 										type: "button",
 										size: "icon",
 										variant: "secondary",
@@ -438,43 +438,43 @@ function B({ open: r, onOpenChange: i, src: a, alt: o, title: s, lang: c = "zh-c
 										disabled: e.disabled,
 										"aria-label": e.label,
 										title: e.label,
-										children: /* @__PURE__ */ T(n, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ E(t, { className: "h-4 w-4" })
 									})
-								}), /* @__PURE__ */ T(f, { children: e.label })] }, e.key);
+								}), /* @__PURE__ */ E(m, { children: e.label })] }, e.key);
 							})
 						})
 					})]
 				}),
-				/* @__PURE__ */ T("div", {
-					ref: b,
+				/* @__PURE__ */ E("div", {
+					ref: d,
 					className: "relative flex min-h-0 flex-1 items-center justify-center overflow-hidden rounded-xl border border-zinc-800 bg-[radial-gradient(circle_at_top,_rgba(255,255,255,0.08),_transparent_40%),linear-gradient(180deg,_rgba(24,24,27,0.9),_rgba(9,9,11,1))] p-4 touch-none",
 					onPointerDown: xe,
 					onPointerMove: ye,
 					onPointerUp: be,
 					onPointerCancel: be,
-					children: N ? /* @__PURE__ */ E("div", {
+					children: j ? /* @__PURE__ */ D("div", {
 						className: "flex flex-col items-center gap-2 text-center",
 						children: [
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ E("div", {
 								className: "rounded-full border border-red-500/40 bg-red-500/10 p-3 text-red-300",
-								children: /* @__PURE__ */ T(ae, { className: "h-5 w-5" })
+								children: /* @__PURE__ */ E(se, { className: "h-5 w-5" })
 							}),
-							/* @__PURE__ */ T("p", {
+							/* @__PURE__ */ E("p", {
 								className: "text-sm font-medium",
-								children: y.imageLoadError
+								children: u.imageLoadError
 							}),
-							/* @__PURE__ */ T("p", {
+							/* @__PURE__ */ E("p", {
 								className: "max-w-md text-xs text-zinc-400",
 								children: a
 							})
 						]
-					}) : /* @__PURE__ */ T("img", {
-						ref: le,
+					}) : /* @__PURE__ */ E("img", {
+						ref: ee,
 						src: a,
-						alt: U,
-						className: e("max-h-full max-w-full select-none rounded-lg object-contain shadow-2xl", k === "fit" ? "h-auto w-auto" : ""),
-						style: _e,
-						onError: () => P(!0),
+						alt: V,
+						className: n("max-h-full max-w-full select-none rounded-lg object-contain shadow-2xl", O === "fit" ? "h-auto w-auto" : ""),
+						style: U,
+						onError: () => M(!0),
 						draggable: !1
 					})
 				})
@@ -530,7 +530,7 @@ function W(e) {
 		"off"
 	].includes(t)) return !1;
 }
-function _e(e, t) {
+function G(e, t) {
 	let n = {
 		title: e,
 		width: U(t?.width),
@@ -553,18 +553,18 @@ function _e(e, t) {
 		return t;
 	}), n.title = r.replace(/\s{2,}/g, " ").trim() || void 0, n;
 }
-function G(e) {
+function K(e) {
 	let t = e, n = "";
 	for (; t !== n;) n = t, t = t.replace(/<([A-Z][a-zA-Z0-9]*(?:\.[A-Z][a-zA-Z0-9]*)*)(\s+[^>]*)>([\s\S]*?)<\/\1>/g, (e, t, n, r) => {
-		let i = K(n), a = t.toLowerCase().replace(/\./g, "-");
+		let i = q(n), a = t.toLowerCase().replace(/\./g, "-");
 		return `<${a}${i}>${r}</${a}>`;
 	}).replace(/<([A-Z][a-zA-Z0-9]*(?:\.[A-Z][a-zA-Z0-9]*)*)(\s+[^>]*?)\s*\/>/g, (e, t, n) => {
-		let r = K(n), i = t.toLowerCase().replace(/\./g, "-");
+		let r = q(n), i = t.toLowerCase().replace(/\./g, "-");
 		return `<${i}${r}></${i}>`;
 	});
 	return t;
 }
-function K(e) {
+function q(e) {
 	if (!e) return "";
 	let t = [], n = /(\w+)=(?:{([^}]+)}|"([^"]*)"|'([^']*)')/g, r;
 	for (; (r = n.exec(e)) !== null;) {
@@ -573,7 +573,7 @@ function K(e) {
 	}
 	return t.length > 0 ? " " + t.join(" ") : "";
 }
-function q(e) {
+function J(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) if (n.startsWith("data-")) {
 		let e = n.slice(5);
@@ -596,7 +596,7 @@ function q(e) {
 	}
 	return t;
 }
-var J = {
+var Y = {
 	js: "JavaScript",
 	javascript: "JavaScript",
 	ts: "TypeScript",
@@ -638,10 +638,10 @@ var J = {
 	diff: "Diff",
 	text: "Text"
 };
-function Y({ className: e, children: t, meta: n, codeHighlight: r, shikiBundle: a }) {
-	let [s, l] = v.useState(""), [u, d] = v.useState(!1), [f, p] = v.useState(!1), m = v.useMemo(() => n?.toLowerCase().includes("showlinenumbers") ?? !1, [n]), h = /language-(\w+)/.exec(e || ""), g = h ? h[1] : "text", _ = i(g), x = J[g.toLowerCase()] || g.toUpperCase(), S = v.useMemo(() => {
+function X({ className: n, children: r, meta: i, codeHighlight: a, shikiBundle: s }) {
+	let [l, d] = b.useState(""), [f, p] = b.useState(!1), [m, h] = b.useState(!1), g = b.useMemo(() => i?.toLowerCase().includes("showlinenumbers") ?? !1, [i]), _ = /language-(\w+)/.exec(n || ""), v = _ ? _[1] : "text", y = o(v), te = Y[v.toLowerCase()] || v.toUpperCase(), S = b.useMemo(() => {
 		let e = "";
-		return e = typeof t == "string" ? t : v.Children.count(t) === 1 && typeof t == "string" ? String(t) : v.Children.toArray(t).map((e) => {
+		return e = typeof r == "string" ? r : b.Children.count(r) === 1 && typeof r == "string" ? String(r) : b.Children.toArray(r).map((e) => {
 			if (typeof e == "string") return e;
 			if (typeof e == "object" && e && "props" in e) {
 				let t = e.props;
@@ -652,10 +652,10 @@ function Y({ className: e, children: t, meta: n, codeHighlight: r, shikiBundle:
 			}
 			return "";
 		}).join(""), e.replace(/^\n+/, "").replace(/\n+$/, "");
-	}, [t]);
-	v.useEffect(() => {
+	}, [r]);
+	b.useEffect(() => {
 		let e = () => {
-			d(document.documentElement.classList.contains("dark"));
+			p(document.documentElement.classList.contains("dark"));
 		};
 		e();
 		let t = new MutationObserver(() => e());
@@ -663,68 +663,56 @@ function Y({ className: e, children: t, meta: n, codeHighlight: r, shikiBundle:
 			attributes: !0,
 			attributeFilter: ["class"]
 		}), () => t.disconnect();
-	}, []), v.useEffect(() => {
-		o(S, {
-			lang: _,
-			theme: c(u, r, a),
-			showLineNumbers: m
-		}, r, a).then(l);
+	}, []), b.useEffect(() => {
+		c(S, {
+			lang: y,
+			theme: u(f, a, s),
+			showLineNumbers: g
+		}, a, s).then((e) => d(t(e)));
 	}, [
 		S,
-		_,
-		u,
-		m,
-		r,
-		a
+		y,
+		f,
+		g,
+		a,
+		s
 	]);
-	let ee = v.useCallback(async () => {
-		let e = async (e) => {
-			if (navigator.clipboard && window.isSecureContext) await navigator.clipboard.writeText(e);
-			else {
-				let t = document.createElement("textarea");
-				t.value = e, t.style.position = "fixed", t.style.left = "-9999px", t.style.top = "-9999px", document.body.appendChild(t), t.focus(), t.select();
-				try {
-					document.execCommand("copy");
-				} finally {
-					document.body.removeChild(t);
-				}
-			}
-		};
+	let ne = b.useCallback(async () => {
 		try {
-			await e(S), p(!0), setTimeout(() => p(!1), 2e3);
+			await e(S), h(!0), setTimeout(() => h(!1), 2e3);
 		} catch (e) {
 			console.error("Failed to copy:", e);
 		}
 	}, [S]);
-	return s ? /* @__PURE__ */ E("div", {
+	return l ? /* @__PURE__ */ D("div", {
 		className: "code-block-wrapper",
 		children: [
-			/* @__PURE__ */ T("span", {
+			/* @__PURE__ */ E("span", {
 				className: "code-lang-label",
-				children: x
+				children: te
 			}),
-			/* @__PURE__ */ T("button", {
+			/* @__PURE__ */ E("button", {
 				className: "code-copy-btn",
-				onClick: ee,
-				title: f ? "已复制" : "复制代码",
+				onClick: ne,
+				title: m ? "已复制" : "复制代码",
 				"aria-label": "复制代码",
-				children: f ? /* @__PURE__ */ T(y, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ T(b, { className: "h-4 w-4" })
+				children: m ? /* @__PURE__ */ E(ee, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ E(x, { className: "h-4 w-4" })
 			}),
-			/* @__PURE__ */ T("pre", {
-				className: `shiki-code-block${m ? " show-line-numbers" : ""}`,
-				dangerouslySetInnerHTML: { __html: s }
+			/* @__PURE__ */ E("pre", {
+				className: `shiki-code-block${g ? " show-line-numbers" : ""}`,
+				dangerouslySetInnerHTML: { __html: l }
 			})
 		]
-	}) : /* @__PURE__ */ T("div", {
+	}) : /* @__PURE__ */ E("div", {
 		className: "code-block-wrapper",
-		children: /* @__PURE__ */ T("pre", {
+		children: /* @__PURE__ */ E("pre", {
 			className: "shiki-code-block",
-			children: /* @__PURE__ */ T("code", { children: S })
+			children: /* @__PURE__ */ E("code", { children: S })
 		})
 	});
 }
-function X({ lang: e, viewerConfig: t, src: n, alt: r, title: i, className: a, node: o, ...s }) {
-	let [c, l] = v.useState(!1), u = v.useMemo(() => ue(e, t?.labels), [e, t?.labels]), d = v.useMemo(() => _e(i, s), [s, i]), f = d.preview ?? t?.enabled !== !1, p = d.inline === !0, m = !!(d.width || d.height), h = v.useMemo(() => ({
+function Z({ lang: e, viewerConfig: t, src: n, alt: r, title: i, className: a, node: o, ...s }) {
+	let [c, l] = b.useState(!1), u = b.useMemo(() => fe(e, t?.labels), [e, t?.labels]), d = b.useMemo(() => G(i, s), [s, i]), f = d.preview ?? t?.enabled !== !1, p = d.inline === !0, m = !!(d.width || d.height), h = b.useMemo(() => ({
 		...s.style,
 		width: d.width ?? s.style?.width,
 		height: d.height ?? s.style?.height,
@@ -736,13 +724,13 @@ function X({ lang: e, viewerConfig: t, src: n, alt: r, title: i, className: a, n
 		d.width,
 		s.style
 	]);
-	return n ? f ? m || p ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("button", {
+	return n ? f ? m || p ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("button", {
 		type: "button",
 		className: "not-prose inline-flex max-w-full cursor-zoom-in align-middle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
 		onClick: () => l(!0),
 		"aria-label": u.preview,
 		title: u.preview,
-		children: /* @__PURE__ */ T("img", {
+		children: /* @__PURE__ */ E("img", {
 			...s,
 			src: n,
 			alt: r || u.imageAltFallback,
@@ -750,7 +738,7 @@ function X({ lang: e, viewerConfig: t, src: n, alt: r, title: i, className: a, n
 			className: a ?? (p ? "inline-block align-middle" : void 0),
 			style: h
 		})
-	}), /* @__PURE__ */ T(B, {
+	}), /* @__PURE__ */ E(B, {
 		open: c,
 		onOpenChange: l,
 		src: n,
@@ -758,15 +746,15 @@ function X({ lang: e, viewerConfig: t, src: n, alt: r, title: i, className: a, n
 		title: d.title,
 		lang: e,
 		labels: t?.labels
-	})] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("span", {
+	})] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("span", {
 		className: "not-prose group relative my-6 block",
-		children: [/* @__PURE__ */ T("button", {
+		children: [/* @__PURE__ */ E("button", {
 			type: "button",
 			className: "block w-full cursor-zoom-in overflow-hidden rounded-2xl border border-border/60 bg-muted/20 shadow-sm transition duration-200 hover:-translate-y-0.5 hover:shadow-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
 			onClick: () => l(!0),
 			"aria-label": u.preview,
 			title: u.preview,
-			children: /* @__PURE__ */ T("img", {
+			children: /* @__PURE__ */ E("img", {
 				...s,
 				src: n,
 				alt: r || u.imageAltFallback,
@@ -774,17 +762,17 @@ function X({ lang: e, viewerConfig: t, src: n, alt: r, title: i, className: a, n
 				className: a ?? "h-auto w-full rounded-2xl object-contain",
 				style: h
 			})
-		}), /* @__PURE__ */ E("button", {
+		}), /* @__PURE__ */ D("button", {
 			type: "button",
 			className: "absolute right-3 top-3 inline-flex items-center gap-2 rounded-full border border-white/20 bg-black/65 px-3 py-1.5 text-xs font-medium text-white opacity-0 shadow-lg transition group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/70",
 			onClick: () => l(!0),
 			"aria-label": u.preview,
 			children: [
-				/* @__PURE__ */ T("span", {
+				/* @__PURE__ */ E("span", {
 					className: "sr-only",
 					children: u.preview
 				}),
-				/* @__PURE__ */ E("svg", {
+				/* @__PURE__ */ D("svg", {
 					"aria-hidden": "true",
 					viewBox: "0 0 24 24",
 					className: "h-3.5 w-3.5",
@@ -793,16 +781,16 @@ function X({ lang: e, viewerConfig: t, src: n, alt: r, title: i, className: a, n
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ T("path", { d: "M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6Z" }), /* @__PURE__ */ T("circle", {
+					children: [/* @__PURE__ */ E("path", { d: "M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6Z" }), /* @__PURE__ */ E("circle", {
 						cx: "12",
 						cy: "12",
 						r: "3"
 					})]
 				}),
-				/* @__PURE__ */ T("span", { children: u.preview })
+				/* @__PURE__ */ E("span", { children: u.preview })
 			]
 		})]
-	}), /* @__PURE__ */ T(B, {
+	}), /* @__PURE__ */ E(B, {
 		open: c,
 		onOpenChange: l,
 		src: n,
@@ -810,7 +798,7 @@ function X({ lang: e, viewerConfig: t, src: n, alt: r, title: i, className: a, n
 		title: d.title,
 		lang: e,
 		labels: t?.labels
-	})] }) : /* @__PURE__ */ T("img", {
+	})] }) : /* @__PURE__ */ E("img", {
 		...s,
 		src: n,
 		alt: r || u.imageAltFallback,
@@ -819,32 +807,32 @@ function X({ lang: e, viewerConfig: t, src: n, alt: r, title: i, className: a, n
 		style: h
 	}) : null;
 }
-function Z({ source: e, skipFirstH1: t = !1, imageViewer: n, codeHighlight: i, shikiBundle: o }) {
-	let c = C(), u = c.lang || "zh-cn", d = c.version, f = s();
-	v.useEffect(() => {
-		r(i, o);
-	}, [i, o]);
-	let p = v.useMemo(() => {
+function Q({ source: e, skipFirstH1: t = !1, imageViewer: n, codeHighlight: r, shikiBundle: i }) {
+	let o = w(), c = o.lang || "zh-cn", u = o.version, f = l();
+	b.useEffect(() => {
+		a(r, i);
+	}, [r, i]);
+	let p = b.useMemo(() => {
 		if (!t) return e;
 		let n = e.split("\n"), r = !1;
 		return n.filter((e) => !r && e.startsWith("# ") ? (r = !0, !1) : !0).join("\n");
-	}, [e, t]), m = v.useMemo(() => G(p), [p]), h = v.useMemo(() => {
+	}, [e, t]), m = b.useMemo(() => K(p), [p]), h = b.useMemo(() => {
 		let e = /* @__PURE__ */ new Map();
 		return f && Object.entries(f).forEach(([t, n]) => {
-			let r = v.memo(({ children: e, ...t }) => {
-				let r = q(t);
-				return v.createElement(n, r, e);
+			let r = b.memo(({ children: e, ...t }) => {
+				let r = J(t);
+				return b.createElement(n, r, e);
 			});
 			if (e.set(t, r), e.set(t.toLowerCase(), r), t.includes(".")) {
 				let [n, i] = t.split("."), a = `${n.toLowerCase()}-${i.toLowerCase()}`;
 				e.set(a, r);
 			}
 		}), e;
-	}, [f]), g = v.useMemo(() => Object.fromEntries(h), [h]);
-	return /* @__PURE__ */ T("div", {
+	}, [f]), g = b.useMemo(() => Object.fromEntries(h), [h]);
+	return /* @__PURE__ */ E("div", {
 		className: "prose dark:prose-invert max-w-none",
-		children: /* @__PURE__ */ T(k, {
-			remarkPlugins: [D, O],
+		children: /* @__PURE__ */ E(de, {
+			remarkPlugins: [O, k],
 			rehypePlugins: [
 				j,
 				M,
@@ -867,56 +855,56 @@ function Z({ source: e, skipFirstH1: t = !1, imageViewer: n, codeHighlight: i, s
 			components: {
 				...g,
 				table({ children: e, ...t }) {
-					return /* @__PURE__ */ T("div", {
+					return /* @__PURE__ */ E("div", {
 						className: "overflow-x-auto",
-						children: /* @__PURE__ */ T("table", {
+						children: /* @__PURE__ */ E("table", {
 							...t,
 							children: e
 						})
 					});
 				},
 				pre({ children: e, ...t }) {
-					let n = v.Children.toArray(e).find((e) => e?.type === "code" || e?.props?.node?.tagName === "code");
+					let n = b.Children.toArray(e).find((e) => e?.type === "code" || e?.props?.node?.tagName === "code");
 					if (n) {
-						let e = n.props, t = e?.className || "", r = /language-(\w+)/.exec(t), a = r ? r[1].toLowerCase() : "text", s = e?.node, c = e?.children, u = e?.["data-raw-value"];
-						u && (c = u);
-						let d = s?.data?.meta || "";
-						return a === "mermaid" ? /* @__PURE__ */ T(l, { chart: typeof c == "string" ? c : String(c || "") }) : /* @__PURE__ */ T(Y, {
+						let e = n.props, t = e?.className || "", a = /language-(\w+)/.exec(t), o = a ? a[1].toLowerCase() : "text", s = e?.node, c = e?.children, l = e?.["data-raw-value"];
+						l && (c = l);
+						let u = s?.data?.meta || "";
+						return o === "mermaid" ? /* @__PURE__ */ E(d, { chart: typeof c == "string" ? c : String(c || "") }) : /* @__PURE__ */ E(X, {
 							className: t,
-							meta: d,
-							codeHighlight: i,
-							shikiBundle: o,
+							meta: u,
+							codeHighlight: r,
+							shikiBundle: i,
 							children: c
 						});
 					}
-					return /* @__PURE__ */ T("pre", {
+					return /* @__PURE__ */ E("pre", {
 						...t,
 						children: e
 					});
 				},
 				a({ href: e, children: t, ...n }) {
-					return e ? e.startsWith("#") ? /* @__PURE__ */ T("a", {
+					return e ? e.startsWith("#") ? /* @__PURE__ */ E("a", {
 						href: e,
 						...n,
 						children: t
-					}) : /^(https?:)?\/\//i.test(e) || e.startsWith("mailto:") || e.startsWith("tel:") ? /* @__PURE__ */ T("a", {
+					}) : /^(https?:)?\/\//i.test(e) || e.startsWith("mailto:") || e.startsWith("tel:") ? /* @__PURE__ */ E("a", {
 						href: e,
 						target: "_blank",
 						rel: "noopener noreferrer",
 						...n,
 						children: t
-					}) : /* @__PURE__ */ T(le, {
-						to: a(u, e.startsWith("/") ? e : `/${e}`, d),
+					}) : /* @__PURE__ */ E(C, {
+						to: s(c, e.startsWith("/") ? e : `/${e}`, u),
 						...n,
 						children: t
-					}) : /* @__PURE__ */ T("a", {
+					}) : /* @__PURE__ */ E("a", {
 						...n,
 						children: t
 					});
 				},
 				img({ src: e, alt: t, title: r, className: i, node: a, ...o }) {
-					return /* @__PURE__ */ T(X, {
-						lang: u,
+					return /* @__PURE__ */ E(Z, {
+						lang: c,
 						viewerConfig: n,
 						src: e,
 						alt: t,
@@ -932,4 +920,4 @@ function Z({ source: e, skipFirstH1: t = !1, imageViewer: n, codeHighlight: i, s
 	});
 }
 //#endregion
-export { B as n, Z as t };
+export { B as n, Q as t };