react-reinspect 0.1.7 → 0.1.9

package/dist/lib/wrap-DkOzTshV.js

@@ -0,0 +1,2456 @@
+import { Profiler as e, createContext as t, useCallback as n, useContext as r, useEffect as i, useMemo as a, useRef as o, useState as s, useSyncExternalStore as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { createPortal as f } from "react-dom";
+//#region \0rolldown/runtime.js
+var p = Object.create, m = Object.defineProperty, h = Object.getOwnPropertyDescriptor, g = Object.getOwnPropertyNames, _ = Object.getPrototypeOf, v = Object.prototype.hasOwnProperty, ee = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), te = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = g(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !v.call(e, s) && s !== n && m(e, s, {
+		get: ((e) => t[e]).bind(null, s),
+		enumerable: !(r = h(t, s)) || r.enumerable
+	});
+	return e;
+}, y = (e, t, n) => (n = e == null ? {} : p(_(e)), te(t || !e || !e.__esModule ? m(n, "default", {
+	value: e,
+	enumerable: !0
+}) : n, e)), b = t(null), x = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled]):not([type=\"hidden\"])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(", ");
+function S(e) {
+	let t = window.getComputedStyle(e);
+	return t.display !== "none" && t.visibility !== "hidden";
+}
+function C(e) {
+	return Array.from(e.querySelectorAll(x)).filter((e) => S(e));
+}
+function w(e) {
+	let t = C(e)[0];
+	if (t) {
+		t.focus();
+		return;
+	}
+	e.focus();
+}
+function ne(e, t) {
+	if (e.key !== "Tab") return;
+	let n = C(t);
+	if (n.length === 0) {
+		e.preventDefault(), t.focus();
+		return;
+	}
+	let r = n[0], i = n[n.length - 1];
+	if (!r || !i) {
+		e.preventDefault(), t.focus();
+		return;
+	}
+	let a = document.activeElement instanceof HTMLElement ? document.activeElement : null, o = a && t.contains(a);
+	if (e.shiftKey) {
+		(!o || a === r) && (e.preventDefault(), i.focus());
+		return;
+	}
+	(!o || a === i) && (e.preventDefault(), r.focus());
+}
+//#endregion
+//#region src/reinspect/constants.ts
+var T = [
+	"backgroundColor",
+	"color",
+	"fontSize",
+	"padding",
+	"margin",
+	"borderRadius",
+	"borderWidth",
+	"borderColor",
+	"opacity",
+	"width",
+	"height",
+	"gap"
+], E = "#1f2937", D = new Set([
+	"backgroundColor",
+	"color",
+	"borderColor"
+]), re = new Set([
+	"fontSize",
+	"padding",
+	"margin",
+	"borderRadius",
+	"borderWidth",
+	"width",
+	"height",
+	"gap"
+]), O = 2147483e3, k = "reinspect.inspectMode", ie = "reinspect.inspectWhitelist", A = "reinspect.inspectBlacklist", j = "reinspect.propsSerializationMode", M = "reinspect.menuTheme", ae = "reinspect.menuOpenGesture", N = {
+	ctrl: !1,
+	alt: !1,
+	shift: !0,
+	meta: !1
+}, oe = {
+	mode: "right-click",
+	modifiers: N
+}, P = [
+	"wrapped",
+	"first-party",
+	"all"
+], se = [
+	"off",
+	"attempts",
+	"commits",
+	"both"
+], F = ["distilled", "complete"], ce = ["light", "dark"], le = ["right-click", "modifier-right-click"], ue = !1;
+function I(e) {
+	return typeof e == "object" && !!e;
+}
+function L() {
+	ue || typeof console > "u" || (ue = !0, console.warn("[react-reinspect] `shouldCountRenders` and `renderCaptureMode` are deprecated. Use `renderCounters` instead."));
+}
+function R(e) {
+	return typeof e == "string" && P.includes(e);
+}
+function de(e) {
+	return typeof e == "string" && se.includes(e);
+}
+function z(e) {
+	return typeof e == "string" && F.includes(e);
+}
+function fe(e) {
+	return typeof e == "string" && ce.includes(e);
+}
+function B(e) {
+	return typeof e == "string" && le.includes(e);
+}
+function V(e) {
+	let t = {
+		ctrl: e?.ctrl === !0,
+		alt: e?.alt === !0,
+		shift: e?.shift === !0,
+		meta: e?.meta === !0
+	};
+	return t.ctrl || t.alt || t.shift || t.meta ? t : { ...N };
+}
+function H(e) {
+	return {
+		mode: B(e?.mode) ? e.mode : oe.mode,
+		modifiers: V(e?.modifiers)
+	};
+}
+function U(e) {
+	let t = [];
+	if (Array.isArray(e?.patterns)) for (let n of e.patterns) {
+		if (typeof n != "string") continue;
+		let e = n.trim();
+		e.length !== 0 && t.push(e);
+	}
+	return {
+		patterns: t,
+		regex: e?.regex === !0,
+		wholeWord: e?.wholeWord === !0,
+		matchCase: e?.matchCase === !0
+	};
+}
+function pe() {
+	if (!(typeof window > "u")) try {
+		let e = window.sessionStorage.getItem(k);
+		return R(e) ? e : void 0;
+	} catch {
+		return;
+	}
+}
+function W(e) {
+	return pe() || (R(e) ? e : "wrapped");
+}
+function me(e) {
+	if (!(typeof window > "u")) try {
+		window.sessionStorage.setItem(k, e);
+	} catch {}
+}
+function G(e) {
+	if (!(typeof window > "u")) try {
+		let t = window.sessionStorage.getItem(e);
+		if (!t) return;
+		let n = JSON.parse(t);
+		return I(n) ? U(n) : void 0;
+	} catch {
+		return;
+	}
+}
+function he(e, t) {
+	return G(t) || U(e);
+}
+function ge(e) {
+	return he(e, ie);
+}
+function _e(e) {
+	return he(e, A);
+}
+function ve(e, t) {
+	if (!(typeof window > "u")) try {
+		let n = U(t);
+		window.sessionStorage.setItem(e, JSON.stringify(n));
+	} catch {}
+}
+function ye(e) {
+	ve(ie, e);
+}
+function be(e) {
+	ve(A, e);
+}
+function K() {
+	if (!(typeof window > "u")) try {
+		let e = window.sessionStorage.getItem(j);
+		return z(e) ? e : void 0;
+	} catch {
+		return;
+	}
+}
+function xe(e) {
+	return K() || (z(e) ? e : "distilled");
+}
+function q(e) {
+	if (!(typeof window > "u")) try {
+		window.sessionStorage.setItem(j, e);
+	} catch {}
+}
+function Se() {
+	if (!(typeof window > "u")) try {
+		let e = window.sessionStorage.getItem(M);
+		return fe(e) ? e : void 0;
+	} catch {
+		return;
+	}
+}
+function Ce(e) {
+	return Se() || (fe(e) ? e : "light");
+}
+function we(e) {
+	if (!(typeof window > "u")) try {
+		window.sessionStorage.setItem(M, e);
+	} catch {}
+}
+function Te() {
+	if (!(typeof window > "u")) try {
+		let e = window.sessionStorage.getItem(ae);
+		if (!e) return;
+		let t = JSON.parse(e);
+		return I(t) ? H(t) : void 0;
+	} catch {
+		return;
+	}
+}
+function Ee(e) {
+	return Te() || H(e);
+}
+function De(e) {
+	if (!(typeof window > "u")) try {
+		let t = H(e);
+		window.sessionStorage.setItem(ae, JSON.stringify(t));
+	} catch {}
+}
+function J(e) {
+	return de(e.renderCounters) ? e.renderCounters : ((e.shouldCountRenders !== void 0 || e.renderCaptureMode !== void 0) && L(), e.shouldCountRenders === !1 ? "off" : e.shouldCountRenders === !0 ? e.renderCaptureMode ?? "attempts" : e.renderCaptureMode ? e.renderCaptureMode : "off");
+}
+function Oe(e) {
+	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function ke(e) {
+	let t = U(e), n = [], r = [], i = t.matchCase ? "" : "i";
+	for (let e of t.patterns) {
+		let a = t.regex ? e : Oe(e), o = t.wholeWord ? `\\b(?:${a})\\b` : a;
+		try {
+			n.push(new RegExp(o, i));
+		} catch {
+			r.push(e);
+		}
+	}
+	return {
+		hasPatterns: n.length > 0,
+		invalidPatterns: r,
+		matches: (e) => n.some((t) => t.test(e))
+	};
+}
+function Ae(e, t, n) {
+	return !(!(!t.hasPatterns || t.matches(e)) || n.hasPatterns && n.matches(e));
+}
+function Y(e = {}) {
+	let t = e.enabled ?? !1, n = e.editableProps && e.editableProps.length > 0 ? e.editableProps : T;
+	return {
+		enabled: t,
+		startActive: e.startActive ?? !0,
+		showFloatingToggle: e.showFloatingToggle ?? t,
+		inspectMode: W(e.inspectMode),
+		inspectWhitelist: ge(e.inspectWhitelist),
+		inspectBlacklist: _e(e.inspectBlacklist),
+		editableProps: n,
+		zIndexBase: e.zIndexBase ?? O,
+		renderCounters: J(e),
+		countRendersForComponents: e.countRendersForComponents ?? [],
+		propsSerializationMode: xe(e.propsSerializationMode),
+		menuTheme: Ce(e.menuTheme),
+		menuOpenGesture: Ee(e.menuOpenGesture)
+	};
+}
+function je(e, t) {
+	if (!e) return {};
+	let n = {};
+	for (let r of t) {
+		let t = e[r];
+		t == null || t === "" || (n[r] = t);
+	}
+	return n;
+}
+function Me(e) {
+	let t = e.trim();
+	if (t.length === 0) return;
+	if (t.endsWith("%")) {
+		let e = Number(t.slice(0, -1));
+		return Number.isFinite(e) ? Math.min(255, Math.max(0, Math.round(e / 100 * 255))) : void 0;
+	}
+	let n = Number(t);
+	if (Number.isFinite(n)) return Math.min(255, Math.max(0, Math.round(n)));
+}
+function Ne(e) {
+	return e.toString(16).padStart(2, "0");
+}
+function X(e) {
+	if (!e) return;
+	let t = e.trim();
+	if (/^#[0-9a-fA-F]{6}$/.test(t)) return t.toLowerCase();
+	if (/^#[0-9a-fA-F]{3}$/.test(t)) {
+		let [, e = "0", n = "0", r = "0"] = t;
+		return `#${e}${e}${n}${n}${r}${r}`.toLowerCase();
+	}
+	let n = t.match(/^rgba?\((.+)\)$/i);
+	if (n) {
+		let e = (n[1] ?? "").replace(/\//g, " ").split(/[,\s]+/).filter((e) => e.length > 0), t = Me(e[0] ?? ""), r = Me(e[1] ?? ""), i = Me(e[2] ?? "");
+		if (t !== void 0 && r !== void 0 && i !== void 0) return `#${Ne(t)}${Ne(r)}${Ne(i)}`;
+	}
+}
+function Pe(e) {
+	if (typeof document > "u" || typeof window > "u") return;
+	let t = document.createElement("span");
+	if (t.style.position = "fixed", t.style.left = "-9999px", t.style.top = "-9999px", t.style.color = "", t.style.color = e, t.style.color) {
+		document.body.appendChild(t);
+		try {
+			let e = window.getComputedStyle(t).color;
+			return X(e);
+		} finally {
+			t.remove();
+		}
+	}
+}
+function Fe(e) {
+	let t = X(e);
+	if (t) return t;
+	if (e) {
+		let t = Pe(e);
+		if (t) return t;
+	}
+	return Pe("var(--reinspect-menu-text)") || Pe("CanvasText") || E;
+}
+function Ie(e) {
+	let t = Number(e);
+	if (Number.isFinite(t)) return t;
+}
+//#endregion
+//#region src/reinspect/propsInspector.ts
+var Le = 4, Re = 40, ze = 40, Be = "__reinspect_placeholder__", Ve = "__reinspect__displayName__", Z = "display", Q = Symbol("reinspect.omitSerialization"), He = new Set([
+	"$$typeof",
+	"_owner",
+	"_store",
+	"_self",
+	"_source"
+]);
+function Ue(e, t) {
+	return { [Ve]: t };
+}
+function We(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function Ge(e) {
+	if (!We(e)) return !1;
+	let t = Object.getPrototypeOf(e);
+	return t === Object.prototype || t === null;
+}
+function Ke(e) {
+	if (!We(e)) return !1;
+	let t = e[Be];
+	if (t !== void 0 && typeof t != "string") return !1;
+	let n = e[Ve];
+	if (n !== void 0 && typeof n != "string") return !1;
+	let r = e[Z];
+	return r !== void 0 && typeof r != "string" ? !1 : typeof t == "string" || typeof n == "string";
+}
+function qe(e) {
+	try {
+		return JSON.stringify(e, null, 2);
+	} catch {
+		return null;
+	}
+}
+function Je(e) {
+	try {
+		let t = Function.prototype.toString.call(e);
+		return typeof t != "string" || t.trim().length === 0 ? "[Function source unavailable]" : t;
+	} catch {
+		return "[Function source unavailable]";
+	}
+}
+function Ye(e) {
+	let t = e.replace(/\s+/g, " ").trim();
+	return t.length <= 120 ? t : `${t.slice(0, 117)}...`;
+}
+function Xe(e) {
+	return e?.mode === "complete" ? "complete" : "distilled";
+}
+function Ze(e) {
+	return "$$typeof" in e && "props" in e;
+}
+function Qe(e, t) {
+	let n = Object.entries(e);
+	return t !== "distilled" || !Ze(e) ? n : n.filter(([e]) => !He.has(e));
+}
+function $e(e, t, n, r) {
+	let i = (e, t) => r === "complete" ? Ue(e, t) : Q;
+	if (n > Le) return i("truncated", "[Max depth reached]");
+	if (e === null) return null;
+	let a = typeof e;
+	if (a === "string" || a === "boolean") return e;
+	if (a === "number") return Number.isFinite(e) ? e : i("non-finite-number", String(e));
+	if (a === "undefined") return i("undefined", "undefined");
+	if (a === "bigint") return i("bigint", `${String(e)}n`);
+	if (a === "symbol") return i("symbol", String(e));
+	if (a === "function") return i("function", `[Function ${e.name || "anonymous"}]`);
+	if (e instanceof Date) return i("date", Number.isNaN(e.getTime()) ? "Invalid Date" : e.toISOString());
+	if (e instanceof RegExp) return i("regexp", e.toString());
+	if (a === "object") {
+		let a = e;
+		if (t.has(a)) return i("circular", "[Circular]");
+		if (t.add(a), Array.isArray(e)) {
+			let o = [], s = Math.min(e.length, ze);
+			for (let i = 0; i < s; i += 1) {
+				let a = $e(e[i], t, n + 1, r);
+				a !== Q && o.push(a);
+			}
+			if (e.length > ze) {
+				let t = i("truncated", `${e.length - ze} more items`);
+				t !== Q && o.push(t);
+			}
+			return t.delete(a), o;
+		}
+		let o = {}, s = Qe(e, r), c = Math.min(s.length, Re);
+		for (let e = 0; e < c; e += 1) {
+			let i = s[e];
+			if (!i) continue;
+			let [a, c] = i, l = $e(c, t, n + 1, r);
+			l !== Q && (o[a] = l);
+		}
+		if (s.length > Re) {
+			let e = i("truncated", `${s.length - Re} more keys`);
+			e !== Q && (o.__reinspect_truncated__ = e);
+		}
+		return t.delete(a), o;
+	}
+	return i("unsupported", "[Unsupported value]");
+}
+function et(e) {
+	if (e === null) return {
+		kind: "null",
+		summary: "null",
+		copyText: "null"
+	};
+	let t = typeof e;
+	if (t === "undefined") return {
+		kind: "undefined",
+		summary: "undefined",
+		copyText: "undefined"
+	};
+	if (t === "boolean") return {
+		kind: "boolean",
+		summary: String(e),
+		copyText: String(e)
+	};
+	if (t === "number") return {
+		kind: "number",
+		summary: String(e),
+		copyText: String(e)
+	};
+	if (t === "string") return {
+		kind: "string",
+		summary: JSON.stringify(e),
+		copyText: String(e)
+	};
+	if (t === "bigint") return {
+		kind: "bigint",
+		summary: `${String(e)}n`,
+		copyText: `${String(e)}n`
+	};
+	if (t === "symbol") {
+		let t = String(e);
+		return {
+			kind: "symbol",
+			summary: t,
+			copyText: t
+		};
+	}
+	if (t === "function") {
+		let t = e, n = Je(t), r = t.name || "anonymous";
+		return {
+			kind: "function",
+			summary: `Function ${r}(${t.length})`,
+			copyText: n,
+			functionMeta: {
+				name: r,
+				arity: t.length,
+				preview: Ye(n),
+				source: n
+			}
+		};
+	}
+	if (e instanceof Date) {
+		let t = Number.isNaN(e.getTime()) ? "Invalid Date" : e.toISOString();
+		return {
+			kind: "date",
+			summary: `Date ${t}`,
+			copyText: t
+		};
+	}
+	if (e instanceof RegExp) {
+		let t = e.toString();
+		return {
+			kind: "regexp",
+			summary: t,
+			copyText: t
+		};
+	}
+	return Array.isArray(e) ? {
+		kind: "array",
+		summary: `Array(${e.length})`
+	} : We(e) ? {
+		kind: "object",
+		summary: `Object(${Object.keys(e).length})`
+	} : {
+		kind: "unknown",
+		summary: String(e)
+	};
+}
+function tt(e) {
+	if (!Ke(e)) {
+		if (Array.isArray(e)) {
+			let t = [];
+			for (let n of e) {
+				let e = tt(n);
+				if (e === void 0) return;
+				t.push(e);
+			}
+			return t;
+		}
+		if (We(e)) {
+			let t = {};
+			for (let [n, r] of Object.entries(e)) {
+				let e = tt(r);
+				e !== void 0 && (t[n] = e);
+			}
+			return t;
+		}
+		return e;
+	}
+}
+function nt(e) {
+	return Object.keys(e).map((t) => ({
+		key: t,
+		value: et(e[t])
+	}));
+}
+function rt(e, t) {
+	let n = $e(e, /* @__PURE__ */ new WeakSet(), 0, Xe(t));
+	return n === Q ? "{}" : qe(n) ?? "{}";
+}
+function it(e, t) {
+	let n = $e(e, /* @__PURE__ */ new WeakSet(), 0, Xe(t));
+	return n === Q ? null : qe(n);
+}
+function at(e) {
+	if (e === null) return !0;
+	let t = typeof e;
+	return t === "string" || t === "number" || t === "boolean" || Array.isArray(e) ? !0 : Ge(e);
+}
+function ot(e) {
+	let t = e.trim();
+	if (t.length === 0) return {
+		parsed: null,
+		error: "Value JSON cannot be empty."
+	};
+	try {
+		let e = tt(JSON.parse(t));
+		return e === void 0 || !at(e) ? {
+			parsed: null,
+			error: "Only objects, arrays, and primitive JSON values are editable."
+		} : {
+			parsed: e,
+			error: null
+		};
+	} catch {
+		return {
+			parsed: null,
+			error: "Invalid JSON. Fix syntax and try Apply again."
+		};
+	}
+}
+function st(e) {
+	let t = e.trim();
+	if (t.length === 0) return {
+		parsed: {},
+		error: null
+	};
+	try {
+		let e = JSON.parse(t);
+		if (typeof e != "object" || !e || Array.isArray(e)) return {
+			parsed: null,
+			error: "Props JSON must be an object (example: {\"title\":\"Demo\"})."
+		};
+		let n = {};
+		for (let [t, r] of Object.entries(e)) {
+			let e = tt(r);
+			e !== void 0 && (n[t] = e);
+		}
+		return {
+			parsed: n,
+			error: null
+		};
+	} catch {
+		return {
+			parsed: null,
+			error: "Invalid JSON. Fix syntax and try Apply again."
+		};
+	}
+}
+//#endregion
+//#region src/reinspect/wrapMarker.ts
+var ct = Symbol.for("reinspect.wrapped");
+function lt(e) {
+	return e[ct];
+}
+function ut(e, t) {
+	e[ct] = t;
+}
+//#endregion
+//#region src/reinspect/core/renderCounter.ts
+var dt = {
+	attempts: 0,
+	commits: 0
+}, ft = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
+function pt(e) {
+	let t = ft.get(e);
+	if (t) return t;
+	let n = {
+		attempts: 0,
+		commits: 0
+	};
+	return ft.set(e, n), n;
+}
+function mt(e) {
+	let t = $.get(e);
+	if (t) for (let e of t) e();
+}
+function ht(e) {
+	let t = pt(e);
+	ft.set(e, {
+		attempts: t.attempts + 1,
+		commits: t.commits + 1
+	}), mt(e);
+}
+function gt(e) {
+	return ft.get(e) || dt;
+}
+function _t(e) {
+	ft.delete(e), mt(e);
+}
+function vt(e, t) {
+	let n = $.get(e);
+	return n ? n.add(t) : $.set(e, new Set([t])), () => {
+		let n = $.get(e);
+		n && (n.delete(t), n.size === 0 && $.delete(e));
+	};
+}
+function yt(e) {
+	return c(n((t) => vt(e, t), [e]), n(() => gt(e), [e]), () => dt);
+}
+function bt(e, t) {
+	return t === "commits" ? `${e.commits} commits` : t === "both" ? `${e.attempts} attempts | ${e.commits} commits` : `${e.attempts} attempts`;
+}
+//#endregion
+//#region node_modules/.pnpm/prismjs@1.30.0/node_modules/prismjs/components/prism-javascript.js
+var xt = /* @__PURE__ */ y((/* @__PURE__ */ ee(((e, t) => {
+	var n = function(e) {
+		var t = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, n = 0, r = {}, i = {
+			manual: e.Prism && e.Prism.manual,
+			disableWorkerMessageHandler: e.Prism && e.Prism.disableWorkerMessageHandler,
+			util: {
+				encode: function e(t) {
+					return t instanceof a ? new a(t.type, e(t.content), t.alias) : Array.isArray(t) ? t.map(e) : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+				},
+				type: function(e) {
+					return Object.prototype.toString.call(e).slice(8, -1);
+				},
+				objId: function(e) {
+					return e.__id || Object.defineProperty(e, "__id", { value: ++n }), e.__id;
+				},
+				clone: function e(t, n) {
+					n ||= {};
+					var r, a;
+					switch (i.util.type(t)) {
+						case "Object":
+							if (a = i.util.objId(t), n[a]) return n[a];
+							for (var o in r = {}, n[a] = r, t) t.hasOwnProperty(o) && (r[o] = e(t[o], n));
+							return r;
+						case "Array": return a = i.util.objId(t), n[a] ? n[a] : (r = [], n[a] = r, t.forEach(function(t, i) {
+							r[i] = e(t, n);
+						}), r);
+						default: return t;
+					}
+				},
+				getLanguage: function(e) {
+					for (; e;) {
+						var n = t.exec(e.className);
+						if (n) return n[1].toLowerCase();
+						e = e.parentElement;
+					}
+					return "none";
+				},
+				setLanguage: function(e, n) {
+					e.className = e.className.replace(RegExp(t, "gi"), ""), e.classList.add("language-" + n);
+				},
+				currentScript: function() {
+					if (typeof document > "u") return null;
+					if (document.currentScript && document.currentScript.tagName === "SCRIPT") return document.currentScript;
+					try {
+						throw Error();
+					} catch (r) {
+						var e = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(r.stack) || [])[1];
+						if (e) {
+							var t = document.getElementsByTagName("script");
+							for (var n in t) if (t[n].src == e) return t[n];
+						}
+						return null;
+					}
+				},
+				isActive: function(e, t, n) {
+					for (var r = "no-" + t; e;) {
+						var i = e.classList;
+						if (i.contains(t)) return !0;
+						if (i.contains(r)) return !1;
+						e = e.parentElement;
+					}
+					return !!n;
+				}
+			},
+			languages: {
+				plain: r,
+				plaintext: r,
+				text: r,
+				txt: r,
+				extend: function(e, t) {
+					var n = i.util.clone(i.languages[e]);
+					for (var r in t) n[r] = t[r];
+					return n;
+				},
+				insertBefore: function(e, t, n, r) {
+					r ||= i.languages;
+					var a = r[e], o = {};
+					for (var s in a) if (a.hasOwnProperty(s)) {
+						if (s == t) for (var c in n) n.hasOwnProperty(c) && (o[c] = n[c]);
+						n.hasOwnProperty(s) || (o[s] = a[s]);
+					}
+					var l = r[e];
+					return r[e] = o, i.languages.DFS(i.languages, function(t, n) {
+						n === l && t != e && (this[t] = o);
+					}), o;
+				},
+				DFS: function e(t, n, r, a) {
+					a ||= {};
+					var o = i.util.objId;
+					for (var s in t) if (t.hasOwnProperty(s)) {
+						n.call(t, s, t[s], r || s);
+						var c = t[s], l = i.util.type(c);
+						l === "Object" && !a[o(c)] ? (a[o(c)] = !0, e(c, n, null, a)) : l === "Array" && !a[o(c)] && (a[o(c)] = !0, e(c, n, s, a));
+					}
+				}
+			},
+			plugins: {},
+			highlightAll: function(e, t) {
+				i.highlightAllUnder(document, e, t);
+			},
+			highlightAllUnder: function(e, t, n) {
+				var r = {
+					callback: n,
+					container: e,
+					selector: "code[class*=\"language-\"], [class*=\"language-\"] code, code[class*=\"lang-\"], [class*=\"lang-\"] code"
+				};
+				i.hooks.run("before-highlightall", r), r.elements = Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)), i.hooks.run("before-all-elements-highlight", r);
+				for (var a = 0, o; o = r.elements[a++];) i.highlightElement(o, t === !0, r.callback);
+			},
+			highlightElement: function(t, n, r) {
+				var a = i.util.getLanguage(t), o = i.languages[a];
+				i.util.setLanguage(t, a);
+				var s = t.parentElement;
+				s && s.nodeName.toLowerCase() === "pre" && i.util.setLanguage(s, a);
+				var c = {
+					element: t,
+					language: a,
+					grammar: o,
+					code: t.textContent
+				};
+				function l(e) {
+					c.highlightedCode = e, i.hooks.run("before-insert", c), c.element.innerHTML = c.highlightedCode, i.hooks.run("after-highlight", c), i.hooks.run("complete", c), r && r.call(c.element);
+				}
+				if (i.hooks.run("before-sanity-check", c), s = c.element.parentElement, s && s.nodeName.toLowerCase() === "pre" && !s.hasAttribute("tabindex") && s.setAttribute("tabindex", "0"), !c.code) {
+					i.hooks.run("complete", c), r && r.call(c.element);
+					return;
+				}
+				if (i.hooks.run("before-highlight", c), !c.grammar) {
+					l(i.util.encode(c.code));
+					return;
+				}
+				if (n && e.Worker) {
+					var u = new Worker(i.filename);
+					u.onmessage = function(e) {
+						l(e.data);
+					}, u.postMessage(JSON.stringify({
+						language: c.language,
+						code: c.code,
+						immediateClose: !0
+					}));
+				} else l(i.highlight(c.code, c.grammar, c.language));
+			},
+			highlight: function(e, t, n) {
+				var r = {
+					code: e,
+					grammar: t,
+					language: n
+				};
+				if (i.hooks.run("before-tokenize", r), !r.grammar) throw Error("The language \"" + r.language + "\" has no grammar.");
+				return r.tokens = i.tokenize(r.code, r.grammar), i.hooks.run("after-tokenize", r), a.stringify(i.util.encode(r.tokens), r.language);
+			},
+			tokenize: function(e, t) {
+				var n = t.rest;
+				if (n) {
+					for (var r in n) t[r] = n[r];
+					delete t.rest;
+				}
+				var i = new c();
+				return l(i, i.head, e), s(e, i, t, i.head, 0), d(i);
+			},
+			hooks: {
+				all: {},
+				add: function(e, t) {
+					var n = i.hooks.all;
+					n[e] = n[e] || [], n[e].push(t);
+				},
+				run: function(e, t) {
+					var n = i.hooks.all[e];
+					if (!(!n || !n.length)) for (var r = 0, a; a = n[r++];) a(t);
+				}
+			},
+			Token: a
+		};
+		e.Prism = i;
+		function a(e, t, n, r) {
+			this.type = e, this.content = t, this.alias = n, this.length = (r || "").length | 0;
+		}
+		a.stringify = function e(t, n) {
+			if (typeof t == "string") return t;
+			if (Array.isArray(t)) {
+				var r = "";
+				return t.forEach(function(t) {
+					r += e(t, n);
+				}), r;
+			}
+			var a = {
+				type: t.type,
+				content: e(t.content, n),
+				tag: "span",
+				classes: ["token", t.type],
+				attributes: {},
+				language: n
+			}, o = t.alias;
+			o && (Array.isArray(o) ? Array.prototype.push.apply(a.classes, o) : a.classes.push(o)), i.hooks.run("wrap", a);
+			var s = "";
+			for (var c in a.attributes) s += " " + c + "=\"" + (a.attributes[c] || "").replace(/"/g, "&quot;") + "\"";
+			return "<" + a.tag + " class=\"" + a.classes.join(" ") + "\"" + s + ">" + a.content + "</" + a.tag + ">";
+		};
+		function o(e, t, n, r) {
+			e.lastIndex = t;
+			var i = e.exec(n);
+			if (i && r && i[1]) {
+				var a = i[1].length;
+				i.index += a, i[0] = i[0].slice(a);
+			}
+			return i;
+		}
+		function s(e, t, n, r, c, d) {
+			for (var f in n) if (!(!n.hasOwnProperty(f) || !n[f])) {
+				var p = n[f];
+				p = Array.isArray(p) ? p : [p];
+				for (var m = 0; m < p.length; ++m) {
+					if (d && d.cause == f + "," + m) return;
+					var h = p[m], g = h.inside, _ = !!h.lookbehind, v = !!h.greedy, ee = h.alias;
+					if (v && !h.pattern.global) {
+						var te = h.pattern.toString().match(/[imsuy]*$/)[0];
+						h.pattern = RegExp(h.pattern.source, te + "g");
+					}
+					for (var y = h.pattern || h, b = r.next, x = c; b !== t.tail && !(d && x >= d.reach); x += b.value.length, b = b.next) {
+						var S = b.value;
+						if (t.length > e.length) return;
+						if (!(S instanceof a)) {
+							var C = 1, w;
+							if (v) {
+								if (w = o(y, x, e, _), !w || w.index >= e.length) break;
+								var ne = w.index, T = w.index + w[0].length, E = x;
+								for (E += b.value.length; ne >= E;) b = b.next, E += b.value.length;
+								if (E -= b.value.length, x = E, b.value instanceof a) continue;
+								for (var D = b; D !== t.tail && (E < T || typeof D.value == "string"); D = D.next) C++, E += D.value.length;
+								C--, S = e.slice(x, E), w.index -= x;
+							} else if (w = o(y, 0, S, _), !w) continue;
+							var ne = w.index, re = w[0], O = S.slice(0, ne), k = S.slice(ne + re.length), ie = x + S.length;
+							d && ie > d.reach && (d.reach = ie);
+							var A = b.prev;
+							O && (A = l(t, A, O), x += O.length), u(t, A, C);
+							var j = new a(f, g ? i.tokenize(re, g) : re, ee, re);
+							if (b = l(t, A, j), k && l(t, b, k), C > 1) {
+								var M = {
+									cause: f + "," + m,
+									reach: ie
+								};
+								s(e, t, n, b.prev, x, M), d && M.reach > d.reach && (d.reach = M.reach);
+							}
+						}
+					}
+				}
+			}
+		}
+		function c() {
+			var e = {
+				value: null,
+				prev: null,
+				next: null
+			}, t = {
+				value: null,
+				prev: e,
+				next: null
+			};
+			e.next = t, this.head = e, this.tail = t, this.length = 0;
+		}
+		function l(e, t, n) {
+			var r = t.next, i = {
+				value: n,
+				prev: t,
+				next: r
+			};
+			return t.next = i, r.prev = i, e.length++, i;
+		}
+		function u(e, t, n) {
+			for (var r = t.next, i = 0; i < n && r !== e.tail; i++) r = r.next;
+			t.next = r, r.prev = t, e.length -= i;
+		}
+		function d(e) {
+			for (var t = [], n = e.head.next; n !== e.tail;) t.push(n.value), n = n.next;
+			return t;
+		}
+		if (!e.document) return e.addEventListener && (i.disableWorkerMessageHandler || e.addEventListener("message", function(t) {
+			var n = JSON.parse(t.data), r = n.language, a = n.code, o = n.immediateClose;
+			e.postMessage(i.highlight(a, i.languages[r], r)), o && e.close();
+		}, !1)), i;
+		var f = i.util.currentScript();
+		f && (i.filename = f.src, f.hasAttribute("data-manual") && (i.manual = !0));
+		function p() {
+			i.manual || i.highlightAll();
+		}
+		if (!i.manual) {
+			var m = document.readyState;
+			m === "loading" || m === "interactive" && f && f.defer ? document.addEventListener("DOMContentLoaded", p) : window.requestAnimationFrame ? window.requestAnimationFrame(p) : window.setTimeout(p, 16);
+		}
+		return i;
+	}(typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {});
+	t !== void 0 && t.exports && (t.exports = n), typeof global < "u" && (global.Prism = n), n.languages.markup = {
+		comment: {
+			pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
+			greedy: !0
+		},
+		prolog: {
+			pattern: /<\?[\s\S]+?\?>/,
+			greedy: !0
+		},
+		doctype: {
+			pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,
+			greedy: !0,
+			inside: {
+				"internal-subset": {
+					pattern: /(^[^\[]*\[)[\s\S]+(?=\]>$)/,
+					lookbehind: !0,
+					greedy: !0,
+					inside: null
+				},
+				string: {
+					pattern: /"[^"]*"|'[^']*'/,
+					greedy: !0
+				},
+				punctuation: /^<!|>$|[[\]]/,
+				"doctype-tag": /^DOCTYPE/i,
+				name: /[^\s<>'"]+/
+			}
+		},
+		cdata: {
+			pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+			greedy: !0
+		},
+		tag: {
+			pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,
+			greedy: !0,
+			inside: {
+				tag: {
+					pattern: /^<\/?[^\s>\/]+/,
+					inside: {
+						punctuation: /^<\/?/,
+						namespace: /^[^\s>\/:]+:/
+					}
+				},
+				"special-attr": [],
+				"attr-value": {
+					pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,
+					inside: { punctuation: [{
+						pattern: /^=/,
+						alias: "attr-equals"
+					}, {
+						pattern: /^(\s*)["']|["']$/,
+						lookbehind: !0
+					}] }
+				},
+				punctuation: /\/?>/,
+				"attr-name": {
+					pattern: /[^\s>\/]+/,
+					inside: { namespace: /^[^\s>\/:]+:/ }
+				}
+			}
+		},
+		entity: [{
+			pattern: /&[\da-z]{1,8};/i,
+			alias: "named-entity"
+		}, /&#x?[\da-f]{1,8};/i]
+	}, n.languages.markup.tag.inside["attr-value"].inside.entity = n.languages.markup.entity, n.languages.markup.doctype.inside["internal-subset"].inside = n.languages.markup, n.hooks.add("wrap", function(e) {
+		e.type === "entity" && (e.attributes.title = e.content.replace(/&amp;/, "&"));
+	}), Object.defineProperty(n.languages.markup.tag, "addInlined", { value: function(e, t) {
+		var r = {};
+		r["language-" + t] = {
+			pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
+			lookbehind: !0,
+			inside: n.languages[t]
+		}, r.cdata = /^<!\[CDATA\[|\]\]>$/i;
+		var i = { "included-cdata": {
+			pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+			inside: r
+		} };
+		i["language-" + t] = {
+			pattern: /[\s\S]+/,
+			inside: n.languages[t]
+		};
+		var a = {};
+		a[e] = {
+			pattern: RegExp("(<__[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[\\s\\S])*?(?=<\\/__>)".replace(/__/g, function() {
+				return e;
+			}), "i"),
+			lookbehind: !0,
+			greedy: !0,
+			inside: i
+		}, n.languages.insertBefore("markup", "cdata", a);
+	} }), Object.defineProperty(n.languages.markup.tag, "addAttribute", { value: function(e, t) {
+		n.languages.markup.tag.inside["special-attr"].push({
+			pattern: RegExp("(^|[\"'\\s])(?:" + e + ")\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))", "i"),
+			lookbehind: !0,
+			inside: {
+				"attr-name": /^[^\s=]+/,
+				"attr-value": {
+					pattern: /=[\s\S]+/,
+					inside: {
+						value: {
+							pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
+							lookbehind: !0,
+							alias: [t, "language-" + t],
+							inside: n.languages[t]
+						},
+						punctuation: [{
+							pattern: /^=/,
+							alias: "attr-equals"
+						}, /"|'/]
+					}
+				}
+			}
+		});
+	} }), n.languages.html = n.languages.markup, n.languages.mathml = n.languages.markup, n.languages.svg = n.languages.markup, n.languages.xml = n.languages.extend("markup", {}), n.languages.ssml = n.languages.xml, n.languages.atom = n.languages.xml, n.languages.rss = n.languages.xml, (function(e) {
+		var t = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
+		e.languages.css = {
+			comment: /\/\*[\s\S]*?\*\//,
+			atrule: {
+				pattern: RegExp("@[\\w-](?:[^;{\\s\"']|\\s+(?!\\s)|" + t.source + ")*?(?:;|(?=\\s*\\{))"),
+				inside: {
+					rule: /^@[\w-]+/,
+					"selector-function-argument": {
+						pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,
+						lookbehind: !0,
+						alias: "selector"
+					},
+					keyword: {
+						pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/,
+						lookbehind: !0
+					}
+				}
+			},
+			url: {
+				pattern: RegExp("\\burl\\((?:" + t.source + "|(?:[^\\\\\\r\\n()\"']|\\\\[\\s\\S])*)\\)", "i"),
+				greedy: !0,
+				inside: {
+					function: /^url/i,
+					punctuation: /^\(|\)$/,
+					string: {
+						pattern: RegExp("^" + t.source + "$"),
+						alias: "url"
+					}
+				}
+			},
+			selector: {
+				pattern: RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|" + t.source + ")*(?=\\s*\\{)"),
+				lookbehind: !0
+			},
+			string: {
+				pattern: t,
+				greedy: !0
+			},
+			property: {
+				pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,
+				lookbehind: !0
+			},
+			important: /!important\b/i,
+			function: {
+				pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,
+				lookbehind: !0
+			},
+			punctuation: /[(){};:,]/
+		}, e.languages.css.atrule.inside.rest = e.languages.css;
+		var n = e.languages.markup;
+		n && (n.tag.addInlined("style", "css"), n.tag.addAttribute("style", "css"));
+	})(n), n.languages.clike = {
+		comment: [{
+			pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
+			lookbehind: !0,
+			greedy: !0
+		}, {
+			pattern: /(^|[^\\:])\/\/.*/,
+			lookbehind: !0,
+			greedy: !0
+		}],
+		string: {
+			pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+			greedy: !0
+		},
+		"class-name": {
+			pattern: /(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,
+			lookbehind: !0,
+			inside: { punctuation: /[.\\]/ }
+		},
+		keyword: /\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,
+		boolean: /\b(?:false|true)\b/,
+		function: /\b\w+(?=\()/,
+		number: /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,
+		operator: /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
+		punctuation: /[{}[\];(),.:]/
+	}, n.languages.javascript = n.languages.extend("clike", {
+		"class-name": [n.languages.clike["class-name"], {
+			pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
+			lookbehind: !0
+		}],
+		keyword: [{
+			pattern: /((?:^|\})\s*)catch\b/,
+			lookbehind: !0
+		}, {
+			pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
+			lookbehind: !0
+		}],
+		function: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
+		number: {
+			pattern: RegExp("(^|[^\\w$])(?:NaN|Infinity|0[bB][01]+(?:_[01]+)*n?|0[oO][0-7]+(?:_[0-7]+)*n?|0[xX][\\dA-Fa-f]+(?:_[\\dA-Fa-f]+)*n?|\\d+(?:_\\d+)*n|(?:\\d+(?:_\\d+)*(?:\\.(?:\\d+(?:_\\d+)*)?)?|\\.\\d+(?:_\\d+)*)(?:[Ee][+-]?\\d+(?:_\\d+)*)?)(?![\\w$])"),
+			lookbehind: !0
+		},
+		operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
+	}), n.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/, n.languages.insertBefore("javascript", "keyword", {
+		regex: {
+			pattern: RegExp("((?:^|[^$\\w\\xA0-\\uFFFF.\"'\\])\\s]|\\b(?:return|yield))\\s*)\\/(?:(?:\\[(?:[^\\]\\\\\\r\\n]|\\\\.)*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}|(?:\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.)*\\])*\\])*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}v[dgimyus]{0,7})(?=(?:\\s|\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/)*(?:$|[\\r\\n,.;:})\\]]|\\/\\/))"),
+			lookbehind: !0,
+			greedy: !0,
+			inside: {
+				"regex-source": {
+					pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
+					lookbehind: !0,
+					alias: "language-regex",
+					inside: n.languages.regex
+				},
+				"regex-delimiter": /^\/|\/$/,
+				"regex-flags": /^[a-z]+$/
+			}
+		},
+		"function-variable": {
+			pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,
+			alias: "function"
+		},
+		parameter: [
+			{
+				pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
+				lookbehind: !0,
+				inside: n.languages.javascript
+			},
+			{
+				pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
+				lookbehind: !0,
+				inside: n.languages.javascript
+			},
+			{
+				pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
+				lookbehind: !0,
+				inside: n.languages.javascript
+			},
+			{
+				pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
+				lookbehind: !0,
+				inside: n.languages.javascript
+			}
+		],
+		constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/
+	}), n.languages.insertBefore("javascript", "string", {
+		hashbang: {
+			pattern: /^#!.*/,
+			greedy: !0,
+			alias: "comment"
+		},
+		"template-string": {
+			pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,
+			greedy: !0,
+			inside: {
+				"template-punctuation": {
+					pattern: /^`|`$/,
+					alias: "string"
+				},
+				interpolation: {
+					pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,
+					lookbehind: !0,
+					inside: {
+						"interpolation-punctuation": {
+							pattern: /^\$\{|\}$/,
+							alias: "punctuation"
+						},
+						rest: n.languages.javascript
+					}
+				},
+				string: /[\s\S]+/
+			}
+		},
+		"string-property": {
+			pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
+			lookbehind: !0,
+			greedy: !0,
+			alias: "property"
+		}
+	}), n.languages.insertBefore("javascript", "operator", { "literal-property": {
+		pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
+		lookbehind: !0,
+		alias: "property"
+	} }), n.languages.markup && (n.languages.markup.tag.addInlined("script", "javascript"), n.languages.markup.tag.addAttribute("on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)", "javascript")), n.languages.js = n.languages.javascript, (function() {
+		if (n === void 0 || typeof document > "u") return;
+		Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);
+		var e = "Loading…", t = function(e, t) {
+			return "✖ Error " + e + " while fetching file: " + t;
+		}, r = "✖ Error: File does not exist or is empty", i = {
+			js: "javascript",
+			py: "python",
+			rb: "ruby",
+			ps1: "powershell",
+			psm1: "powershell",
+			sh: "bash",
+			bat: "batch",
+			h: "c",
+			tex: "latex"
+		}, a = "data-src-status", o = "loading", s = "loaded", c = "failed", l = "pre[data-src]:not([" + a + "=\"" + s + "\"]):not([" + a + "=\"" + o + "\"])";
+		function u(e, n, i) {
+			var a = new XMLHttpRequest();
+			a.open("GET", e, !0), a.onreadystatechange = function() {
+				a.readyState == 4 && (a.status < 400 && a.responseText ? n(a.responseText) : a.status >= 400 ? i(t(a.status, a.statusText)) : i(r));
+			}, a.send(null);
+		}
+		function d(e) {
+			var t = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(e || "");
+			if (t) {
+				var n = Number(t[1]), r = t[2], i = t[3];
+				return r ? i ? [n, Number(i)] : [n, void 0] : [n, n];
+			}
+		}
+		n.hooks.add("before-highlightall", function(e) {
+			e.selector += ", " + l;
+		}), n.hooks.add("before-sanity-check", function(t) {
+			var r = t.element;
+			if (r.matches(l)) {
+				t.code = "", r.setAttribute(a, o);
+				var f = r.appendChild(document.createElement("CODE"));
+				f.textContent = e;
+				var p = r.getAttribute("data-src"), m = t.language;
+				if (m === "none") {
+					var h = (/\.(\w+)$/.exec(p) || [, "none"])[1];
+					m = i[h] || h;
+				}
+				n.util.setLanguage(f, m), n.util.setLanguage(r, m);
+				var g = n.plugins.autoloader;
+				g && g.loadLanguages(m), u(p, function(e) {
+					r.setAttribute(a, s);
+					var t = d(r.getAttribute("data-range"));
+					if (t) {
+						var i = e.split(/\r\n?|\n/g), o = t[0], c = t[1] == null ? i.length : t[1];
+						o < 0 && (o += i.length), o = Math.max(0, Math.min(o - 1, i.length)), c < 0 && (c += i.length), c = Math.max(0, Math.min(c, i.length)), e = i.slice(o, c).join("\n"), r.hasAttribute("data-start") || r.setAttribute("data-start", String(o + 1));
+					}
+					f.textContent = e, n.highlightElement(f);
+				}, function(e) {
+					r.setAttribute(a, c), f.textContent = e;
+				});
+			}
+		}), n.plugins.fileHighlight = { highlight: function(e) {
+			for (var t = (e || document).querySelectorAll(l), r = 0, i; i = t[r++];) n.highlightElement(i);
+		} };
+		var f = !1;
+		n.fileHighlight = function() {
+			f ||= (console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."), !0), n.plugins.fileHighlight.highlight.apply(this, arguments);
+		};
+	})();
+})))(), 1);
+Prism.languages.javascript = Prism.languages.extend("clike", {
+	"class-name": [Prism.languages.clike["class-name"], {
+		pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
+		lookbehind: !0
+	}],
+	keyword: [{
+		pattern: /((?:^|\})\s*)catch\b/,
+		lookbehind: !0
+	}, {
+		pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
+		lookbehind: !0
+	}],
+	function: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
+	number: {
+		pattern: RegExp("(^|[^\\w$])(?:NaN|Infinity|0[bB][01]+(?:_[01]+)*n?|0[oO][0-7]+(?:_[0-7]+)*n?|0[xX][\\dA-Fa-f]+(?:_[\\dA-Fa-f]+)*n?|\\d+(?:_\\d+)*n|(?:\\d+(?:_\\d+)*(?:\\.(?:\\d+(?:_\\d+)*)?)?|\\.\\d+(?:_\\d+)*)(?:[Ee][+-]?\\d+(?:_\\d+)*)?)(?![\\w$])"),
+		lookbehind: !0
+	},
+	operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
+}), Prism.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/, Prism.languages.insertBefore("javascript", "keyword", {
+	regex: {
+		pattern: RegExp("((?:^|[^$\\w\\xA0-\\uFFFF.\"'\\])\\s]|\\b(?:return|yield))\\s*)\\/(?:(?:\\[(?:[^\\]\\\\\\r\\n]|\\\\.)*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}|(?:\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.)*\\])*\\])*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}v[dgimyus]{0,7})(?=(?:\\s|\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/)*(?:$|[\\r\\n,.;:})\\]]|\\/\\/))"),
+		lookbehind: !0,
+		greedy: !0,
+		inside: {
+			"regex-source": {
+				pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
+				lookbehind: !0,
+				alias: "language-regex",
+				inside: Prism.languages.regex
+			},
+			"regex-delimiter": /^\/|\/$/,
+			"regex-flags": /^[a-z]+$/
+		}
+	},
+	"function-variable": {
+		pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,
+		alias: "function"
+	},
+	parameter: [
+		{
+			pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
+			lookbehind: !0,
+			inside: Prism.languages.javascript
+		},
+		{
+			pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
+			lookbehind: !0,
+			inside: Prism.languages.javascript
+		},
+		{
+			pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
+			lookbehind: !0,
+			inside: Prism.languages.javascript
+		},
+		{
+			pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
+			lookbehind: !0,
+			inside: Prism.languages.javascript
+		}
+	],
+	constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/
+}), Prism.languages.insertBefore("javascript", "string", {
+	hashbang: {
+		pattern: /^#!.*/,
+		greedy: !0,
+		alias: "comment"
+	},
+	"template-string": {
+		pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,
+		greedy: !0,
+		inside: {
+			"template-punctuation": {
+				pattern: /^`|`$/,
+				alias: "string"
+			},
+			interpolation: {
+				pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,
+				lookbehind: !0,
+				inside: {
+					"interpolation-punctuation": {
+						pattern: /^\$\{|\}$/,
+						alias: "punctuation"
+					},
+					rest: Prism.languages.javascript
+				}
+			},
+			string: /[\s\S]+/
+		}
+	},
+	"string-property": {
+		pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
+		lookbehind: !0,
+		greedy: !0,
+		alias: "property"
+	}
+}), Prism.languages.insertBefore("javascript", "operator", { "literal-property": {
+	pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
+	lookbehind: !0,
+	alias: "property"
+} }), Prism.languages.markup && (Prism.languages.markup.tag.addInlined("script", "javascript"), Prism.languages.markup.tag.addAttribute("on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)", "javascript")), Prism.languages.js = Prism.languages.javascript, Prism.languages.json = {
+	property: {
+		pattern: /(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,
+		lookbehind: !0,
+		greedy: !0
+	},
+	string: {
+		pattern: /(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,
+		lookbehind: !0,
+		greedy: !0
+	},
+	comment: {
+		pattern: /\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,
+		greedy: !0
+	},
+	number: /-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,
+	punctuation: /[{}[\],]/,
+	operator: /:/,
+	boolean: /\b(?:false|true)\b/,
+	null: {
+		pattern: /\bnull\b/,
+		alias: "keyword"
+	}
+}, Prism.languages.webmanifest = Prism.languages.json;
+//#endregion
+//#region src/reinspect/syntaxHighlight.ts
+function St(e) {
+	return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+}
+function Ct(e) {
+	return xt.languages[e] ?? null;
+}
+function wt(e, t) {
+	let n = Ct(t);
+	if (!n) return St(e);
+	try {
+		return xt.highlight(e, n, t);
+	} catch {
+		return St(e);
+	}
+}
+//#endregion
+//#region src/reinspect/react/overlay.tsx
+function Tt({ value: e }) {
+	if (e.kind === "function" && e.functionMeta) {
+		let t = e.functionMeta;
+		return /* @__PURE__ */ d("div", {
+			className: "reinspect-prop-function",
+			children: [/* @__PURE__ */ u("code", { children: e.summary }), /* @__PURE__ */ u("pre", { children: /* @__PURE__ */ u("code", {
+				className: "language-javascript reinspect-code-block",
+				dangerouslySetInnerHTML: { __html: wt(t.preview, "javascript") }
+			}) })]
+		});
+	}
+	return /* @__PURE__ */ u("div", {
+		className: "reinspect-prop-scalar",
+		children: /* @__PURE__ */ u("code", { children: e.summary })
+	});
+}
+function Et({ instanceId: e, counterMode: t }) {
+	return /* @__PURE__ */ u(l, { children: bt(yt(e), t) });
+}
+//#endregion
+//#region src/reinspect/react/wrap.tsx
+var Dt = {
+	enabled: !1,
+	startActive: !1,
+	showFloatingToggle: !1,
+	inspectMode: "wrapped",
+	inspectWhitelist: {
+		patterns: [],
+		regex: !1,
+		wholeWord: !1,
+		matchCase: !1
+	},
+	inspectBlacklist: {
+		patterns: [],
+		regex: !1,
+		wholeWord: !1,
+		matchCase: !1
+	},
+	editableProps: [],
+	zIndexBase: 0,
+	renderCounters: "off",
+	countRendersForComponents: [],
+	propsSerializationMode: "distilled",
+	menuTheme: "light",
+	menuOpenGesture: {
+		mode: "right-click",
+		modifiers: {
+			ctrl: !1,
+			alt: !1,
+			shift: !0,
+			meta: !1
+		}
+	}
+}, Ot = 0, kt = 12, At = 560, jt = 620;
+function Mt(e) {
+	return Ot += 1, `${e}-${Ot.toString(36)}`;
+}
+function Nt(e) {
+	let t = e.replace(/([A-Z])/g, " $1").trim(), n = t.slice(0, 1);
+	return t.length > 0 ? n.toUpperCase() + t.slice(1) : e;
+}
+function Pt(e) {
+	return e.trim().toLowerCase().replace(/[\s_-]+/g, "");
+}
+function Ft(e) {
+	return e != null && e !== "";
+}
+function It(e) {
+	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
+}
+function Lt(e) {
+	return e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+}
+function Rt(e) {
+	if (!e) return !0;
+	let t = e.trim().toLowerCase();
+	if (t === "transparent") return !0;
+	let n = t.match(/^rgba?\((.+)\)$/i);
+	if (!n) return !1;
+	let [, r = ""] = n, i = r.replace(/\//g, " ").split(/[,\s]+/).filter((e) => e.length > 0);
+	if (i.length < 4) return !1;
+	let a = i[3];
+	if (!a) return !1;
+	let o = a.endsWith("%") ? Number(a.slice(0, -1)) / 100 : Number(a);
+	return Number.isFinite(o) && o <= 0;
+}
+function zt(e, t, n) {
+	if (typeof window > "u") return e;
+	let r = kt, i = kt, a = Math.max(r, window.innerWidth - t - kt), o = Math.max(i, window.innerHeight - n - kt);
+	return {
+		x: Math.min(Math.max(e.x, r), a),
+		y: Math.min(Math.max(e.y, i), o)
+	};
+}
+function Bt(e, t) {
+	return e.includes(t) ? [...e] : [...e, t];
+}
+function Vt(e, t) {
+	return e.includes(t) ? e.filter((e) => e !== t) : Bt(e, t);
+}
+function Ht(e, t) {
+	if (t.mode === "right-click") return !0;
+	let n = t.modifiers;
+	return !(n.ctrl && !e.ctrlKey || n.alt && !e.altKey || n.shift && !e.shiftKey || n.meta && !e.metaKey);
+}
+function Ut() {
+	return /* @__PURE__ */ u("svg", {
+		viewBox: "0 0 16 16",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: /* @__PURE__ */ u("path", {
+			d: "M5.5 1.75A1.75 1.75 0 0 0 3.75 3.5v7c0 .966.784 1.75 1.75 1.75h7a1.75 1.75 0 0 0 1.75-1.75v-7a1.75 1.75 0 0 0-1.75-1.75h-7Zm-.25 1.75c0-.138.112-.25.25-.25h7c.138 0 .25.112.25.25v7a.25.25 0 0 1-.25.25h-7a.25.25 0 0 1-.25-.25v-7ZM1.75 6.5a.75.75 0 0 1 1.5 0v6c0 .966.784 1.75 1.75 1.75h6a.75.75 0 0 1 0 1.5h-6A3.25 3.25 0 0 1 1.75 12.5v-6Z",
+			fill: "currentColor"
+		})
+	});
+}
+function Wt() {
+	return /* @__PURE__ */ u("svg", {
+		viewBox: "0 0 16 16",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: /* @__PURE__ */ u("path", {
+			d: "M11.86 1.52a1.8 1.8 0 0 1 2.55 2.55l-7.12 7.12a.75.75 0 0 1-.35.2l-3 0a.75.75 0 0 1-.75-.75l0-3a.75.75 0 0 1 .2-.35l7.12-7.12Zm1.49 1.06a.3.3 0 0 0-.43 0L6.1 9.4l-.16.5.5-.16 6.82-6.82a.3.3 0 0 0 0-.43l.09.09Z",
+			fill: "currentColor"
+		})
+	});
+}
+function Gt(e) {
+	return Array.isArray(e) || typeof e == "object" && !!e;
+}
+async function Kt(e) {
+	if (typeof navigator > "u" || !navigator.clipboard?.writeText) return !1;
+	try {
+		return await navigator.clipboard.writeText(e), !0;
+	} catch {
+		return !1;
+	}
+}
+function qt(e, t) {
+	return t?.componentName?.trim() || e.displayName?.trim() || e.name?.trim() || t?.fallbackName?.trim() || "Component";
+}
+function Jt(e, t, n) {
+	return e === "manual" || n === "all" || n === "first-party" && t === "first-party";
+}
+function Yt(t, n) {
+	let c = n?.source ?? "manual", p = n?.scope ?? "first-party", m = lt(t);
+	if (m && c === "auto") return t;
+	let h = m && c === "manual" ? m.original : t, g = qt(h, n);
+	function _(t) {
+		let n = o(null), m = o(null), _ = o(null), v = o(null), ee = o(null), te = o(!1), [y, x] = s(null), [S, C] = s("css"), [T, E] = s("detected"), [O, k] = s(""), [ie, A] = s({}), [j, M] = s("{}"), [ae, N] = s(null), [oe, P] = s(null), [se, F] = s({}), [ce, le] = s({}), [ue, I] = s({}), [L, R] = s(null), [de, z] = s(""), [fe, B] = s(null), [V, H] = s(null), [U, pe] = s({}), W = r(b), me = !!W, G = W?.config ?? Dt, he = W?.getColor ?? (() => "var(--reinspect-brand-500)"), ge = W?.menuTheme ?? "light", _e = W?.menuOpenGesture ?? Dt.menuOpenGesture, ve = W?.isActive ?? !1, ye = W?.inspectMode ?? "wrapped", be = W?.renderCounterMode ?? Dt.renderCounters, K = W?.propsSerializationMode ?? Dt.propsSerializationMode, xe = W?.overrides ?? {}, q = W?.updateOverride ?? (() => void 0), Se = W?.renderCountComponents ?? {}, Ce = W?.setRenderCountingForComponent ?? (() => void 0), we = W?.setInspectWhitelist ?? (() => void 0), Te = W?.inspectWhitelist ?? Dt.inspectWhitelist, Ee = W?.setInspectBlacklist ?? (() => void 0), De = W?.isRenderCountingEnabledFor ?? (() => !1);
+		n.current ||= Mt(g);
+		let J = n.current, Oe = he(g), ke = Jt(c, p, ye), Ae = W?.isComponentInspectableByFilters(g) ?? !0, Y = G.enabled && ve && ke && Ae, Me = Y && De(g), Ne = !!Se[g], X = be !== "off", Pe = be === "off" ? "attempts" : be, Le = Me, Re = xe[J], ze = Y ? je(Re, G.editableProps) : {}, Be = {
+			...t,
+			...ie
+		}, Ve = Be, Z = y !== null, Q = Pt(O), He = Q.length === 0 ? G.editableProps : G.editableProps.filter((e) => Pt(e).includes(Q)), Ue = Z && S === "props" && T === "detected" ? nt(Ve) : [], We = o(Le);
+		i(() => {
+			We.current = Le;
+		}, [Le]);
+		let Ge = a(() => (e, t) => {
+			t === "mount" || !We.current || ht(J);
+		}, [J]);
+		i(() => () => {
+			_t(J);
+		}, [J]), i(() => {
+			if (!Z) return;
+			let e = (e) => {
+				let t = e.target;
+				_.current?.contains(t) || v.current?.contains(t) || (x(null), R(null), z(""), B(null));
+			}, t = (e) => {
+				if (e.key === "Escape") {
+					if (L) {
+						R(null), z(""), B(null);
+						return;
+					}
+					x(null);
+				}
+			};
+			return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+				document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+			};
+		}, [L, Z]), i(() => {
+			Z && (G.enabled && ve && ke || (x(null), R(null), z(""), B(null)));
+		}, [
+			G.enabled,
+			ke,
+			ve,
+			Z
+		]), i(() => {
+			if (!oe) return;
+			let e = globalThis.setTimeout(() => {
+				P(null);
+			}, 1400);
+			return () => {
+				globalThis.clearTimeout(e);
+			};
+		}, [oe]), i(() => {
+			if (!V) return;
+			let e = globalThis.setTimeout(() => {
+				H(null);
+			}, 5e3);
+			return () => {
+				globalThis.clearTimeout(e);
+			};
+		}, [V]), i(() => {
+			if (!Z || !y || !_.current) return;
+			let e = _.current.getBoundingClientRect(), t = zt(y, e.width, e.height);
+			(t.x !== y.x || t.y !== y.y) && x(t);
+		}, [Z, y]), i(() => {
+			if (!Z || L || !_.current) return;
+			let e = _.current;
+			w(e);
+			let t = (t) => {
+				ne(t, e);
+			};
+			return document.addEventListener("keydown", t), () => {
+				document.removeEventListener("keydown", t);
+			};
+		}, [Z, L]), i(() => {
+			if (!L || !v.current) return;
+			let e = v.current;
+			w(e);
+			let t = (t) => {
+				ne(t, e);
+			};
+			return document.addEventListener("keydown", t), () => {
+				document.removeEventListener("keydown", t), _.current?.focus();
+			};
+		}, [L]), i(() => {
+			te.current && !Z && m.current?.focus(), te.current = Z;
+		}, [Z]);
+		let Ke = {
+			"--reinspect-color": Oe,
+			"--reinspect-z-base": G.zIndexBase
+		}, qe = (e) => {
+			if (typeof window > "u") return {};
+			let t = e.currentTarget.querySelector("[data-reinspect-content=\"true\"]"), n = e.target, r = null;
+			if (n instanceof HTMLElement && t?.contains(n) && (r = n), !r && t?.firstElementChild instanceof HTMLElement && (r = t.firstElementChild), !r && t instanceof HTMLElement && (r = t), !r) return {};
+			let i = window.getComputedStyle(r), a = {}, o = () => {
+				let e = r;
+				for (; e;) {
+					let t = window.getComputedStyle(e).backgroundColor.trim();
+					if (!Rt(t)) return t;
+					e = e.parentElement;
+				}
+				let t = window.getComputedStyle(document.documentElement).backgroundColor.trim();
+				return Rt(t) ? "rgb(255 255 255)" : t;
+			};
+			for (let e of G.editableProps) {
+				let t = Lt(e), n = e === "backgroundColor" ? o() : i.getPropertyValue(t).trim();
+				n.length > 0 && (a[e] = n);
+			}
+			return a;
+		}, Je = (e) => {
+			if (!e) return;
+			let t = e.trim().match(/-?\d*\.?\d+/);
+			if (t?.[0]) return Ie(t[0]);
+		}, Ye = (e) => {
+			Y && Ht(e, _e) && (e.preventDefault(), C("general"), E("detected"), k(""), N(null), P(null), F({}), le({}), I({}), R(null), z(""), B(null), M("{}"), pe(qe(e)), x(zt({
+				x: e.clientX,
+				y: e.clientY
+			}, At, jt)));
+		}, Xe = () => {
+			let { parsed: e, error: t } = st(j);
+			if (t || !e) {
+				N(t);
+				return;
+			}
+			A(e), F({}), le({}), I({}), N(null);
+		}, Ze = () => {
+			A({}), T === "raw" && M(rt(t, { mode: K })), N(null);
+		}, Qe = (e, t) => {
+			Kt(e).then((e) => {
+				P(e ? `${t} copied.` : "Clipboard access is unavailable.");
+			});
+		}, $e = (e, t) => {
+			let n = se[e], r = n ?? it(t, { mode: K });
+			if (!r) {
+				P("JSON preview is unavailable for this value.");
+				return;
+			}
+			n || F((t) => ({
+				...t,
+				[e]: r
+			})), Qe(r, "JSON value");
+		}, et = (e, t) => {
+			if (ue[e]) {
+				I((t) => ({
+					...t,
+					[e]: !1
+				}));
+				return;
+			}
+			if (!(e in se) && !(e in ce)) {
+				let n = it(t, { mode: K });
+				n === null ? le((t) => ({
+					...t,
+					[e]: "JSON preview is unavailable for this value."
+				})) : F((t) => ({
+					...t,
+					[e]: n
+				}));
+			}
+			I((t) => ({
+				...t,
+				[e]: !0
+			}));
+		}, tt = (e, t) => {
+			if (!at(t)) return;
+			let n = it(t, { mode: K });
+			if (n === null) {
+				P("Unable to open editor for this value.");
+				return;
+			}
+			R(e), z(n), B(null);
+		}, ct = () => {
+			if (!L) return;
+			let e = L, { parsed: t, error: n } = ot(de);
+			if (n || t === null) {
+				B(n);
+				return;
+			}
+			let r = Gt(t), i = r ? it(t, { mode: K }) : null;
+			A((n) => ({
+				...n,
+				[e]: t
+			})), F((t) => {
+				if (i === null) {
+					if (!(e in t)) return t;
+					let n = { ...t };
+					return delete n[e], n;
+				}
+				return t[e] === i ? t : {
+					...t,
+					[e]: i
+				};
+			}), le((t) => {
+				let n = "JSON preview is unavailable for this value.";
+				if (r && i === null) return t[e] === n ? t : {
+					...t,
+					[e]: n
+				};
+				if (!(e in t)) return t;
+				let a = { ...t };
+				return delete a[e], a;
+			}), I((t) => r || !t[e] ? t : {
+				...t,
+				[e]: !1
+			}), R(null), z(""), B(null);
+		}, lt = () => {
+			we((e) => ({
+				...e,
+				patterns: Vt(e.patterns, g)
+			}));
+		}, ut = Te.patterns.includes(g), dt = () => {
+			Ee((e) => ({
+				...e,
+				patterns: Bt(e.patterns, g)
+			})), x(null), H({ componentName: g });
+		}, ft = () => {
+			V && (Ee((e) => ({
+				...e,
+				patterns: e.patterns.filter((e) => e !== V.componentName)
+			})), H(null));
+		}, $ = Z ? /* @__PURE__ */ d("div", {
+			ref: _,
+			className: "reinspect-menu",
+			"data-reinspect-theme": ge,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": `${g} controls`,
+			tabIndex: -1,
+			onMouseDown: (e) => {
+				e.stopPropagation();
+			},
+			onClick: (e) => {
+				e.stopPropagation();
+			},
+			onContextMenu: (e) => {
+				e.preventDefault(), e.stopPropagation();
+			},
+			style: {
+				top: `${y.y}px`,
+				left: `${y.x}px`,
+				"--reinspect-color": Oe
+			},
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: "reinspect-menu-header",
+					children: [/* @__PURE__ */ d("div", {
+						className: "reinspect-menu-title-wrap",
+						children: [/* @__PURE__ */ d("div", {
+							className: "reinspect-menu-title-row",
+							children: [/* @__PURE__ */ u("p", {
+								className: "reinspect-menu-title",
+								children: g
+							}), /* @__PURE__ */ u("span", {
+								className: "reinspect-menu-title-color-chip",
+								"aria-hidden": "true",
+								title: `${g} color`
+							})]
+						}), /* @__PURE__ */ u("p", {
+							className: "reinspect-menu-subtitle",
+							children: "Component controls"
+						})]
+					}), /* @__PURE__ */ u("button", {
+						type: "button",
+						className: "reinspect-menu-close",
+						"aria-label": `Close ${g} controls`,
+						"data-testid": `reinspect-menu-close-${g}`,
+						onClick: () => x(null),
+						children: "×"
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "reinspect-submenu",
+					"aria-label": `${g} menu panels`,
+					children: [
+						/* @__PURE__ */ u("button", {
+							type: "button",
+							"data-state": S === "general" ? "active" : "idle",
+							onClick: () => C("general"),
+							children: "General"
+						}),
+						/* @__PURE__ */ u("button", {
+							type: "button",
+							"data-state": S === "css" ? "active" : "idle",
+							onClick: () => C("css"),
+							children: "CSS"
+						}),
+						/* @__PURE__ */ u("button", {
+							type: "button",
+							"data-state": S === "props" ? "active" : "idle",
+							onClick: () => C("props"),
+							children: "Props"
+						})
+					]
+				}),
+				S === "general" ? /* @__PURE__ */ u("div", {
+					className: "reinspect-general-panel",
+					children: /* @__PURE__ */ d("section", {
+						className: "reinspect-menu-section",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "reinspect-menu-section-header",
+								children: [/* @__PURE__ */ u("p", {
+									className: "reinspect-menu-section-title",
+									children: "Quick filters"
+								}), /* @__PURE__ */ u("p", {
+									className: "reinspect-menu-section-caption",
+									children: g
+								})]
+							}),
+							/* @__PURE__ */ u("p", {
+								className: "reinspect-menu-section-description",
+								children: "Focus inspection on this component type, or hide this type from inspection."
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "reinspect-menu-shortcuts",
+								children: [/* @__PURE__ */ d("button", {
+									type: "button",
+									className: "reinspect-menu-action-card",
+									onClick: lt,
+									"data-testid": `reinspect-include-component-${g}`,
+									"data-state": ut ? "active" : "idle",
+									"aria-label": `Only inspect ${g} components`,
+									children: [
+										/* @__PURE__ */ u("span", {
+											className: "reinspect-menu-action-title",
+											children: "Show only this component type"
+										}),
+										/* @__PURE__ */ u("span", {
+											className: "reinspect-menu-action-description",
+											children: "Keeps all matching instances inspectable and hides other types."
+										}),
+										/* @__PURE__ */ u("code", {
+											className: "reinspect-menu-action-target",
+											children: g
+										})
+									]
+								}), /* @__PURE__ */ d("button", {
+									type: "button",
+									className: "reinspect-menu-action-card",
+									onClick: dt,
+									"data-testid": `reinspect-exclude-component-${g}`,
+									"aria-label": `Hide ${g} components from inspection`,
+									children: [
+										/* @__PURE__ */ u("span", {
+											className: "reinspect-menu-action-title",
+											children: "Hide this component type"
+										}),
+										/* @__PURE__ */ u("span", {
+											className: "reinspect-menu-action-description",
+											children: "Removes matching instances from inspection overlays."
+										}),
+										/* @__PURE__ */ u("code", {
+											className: "reinspect-menu-action-target",
+											children: g
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ u("div", { className: "reinspect-menu-divider" }),
+							/* @__PURE__ */ d("div", {
+								className: "reinspect-menu-inline-setting",
+								children: [/* @__PURE__ */ d("div", {
+									className: "reinspect-menu-inline-copy",
+									children: [/* @__PURE__ */ u("p", {
+										className: "reinspect-menu-inline-title",
+										children: "Capture renders"
+									}), /* @__PURE__ */ u("p", {
+										className: "reinspect-menu-inline-description",
+										children: "Track rerender attempts and commits for this component."
+									})]
+								}), /* @__PURE__ */ u("button", {
+									type: "button",
+									role: "switch",
+									"aria-checked": X ? !0 : Ne,
+									onClick: () => Ce(g, !Ne),
+									disabled: X,
+									"aria-label": `Capture renders for ${g}`,
+									"data-testid": `reinspect-component-render-toggle-${g}`,
+									className: "reinspect-switch-button reinspect-menu-switch",
+									"data-state": X || Ne ? "on" : "off"
+								})]
+							}),
+							X ? /* @__PURE__ */ u("p", {
+								className: "reinspect-setting-note",
+								children: "Global render capture is enabled in settings."
+							}) : null
+						]
+					})
+				}) : null,
+				S === "css" ? /* @__PURE__ */ d("div", {
+					className: "reinspect-css-panel",
+					children: [
+						/* @__PURE__ */ d("div", {
+							className: "reinspect-menu-panel-header",
+							children: [/* @__PURE__ */ u("p", {
+								className: "reinspect-menu-section-title",
+								children: "Editable styles"
+							}), /* @__PURE__ */ d("p", {
+								className: "reinspect-menu-section-caption",
+								children: [
+									He.length,
+									"/",
+									G.editableProps.length
+								]
+							})]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "reinspect-menu-filter",
+							children: [
+								/* @__PURE__ */ u("span", {
+									className: "reinspect-menu-filter-icon",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ u("svg", {
+										viewBox: "0 0 24 24",
+										focusable: "false",
+										children: /* @__PURE__ */ u("path", {
+											d: "M10.5 3a7.5 7.5 0 015.92 12.1l4.24 4.23a1 1 0 01-1.42 1.42l-4.23-4.24A7.5 7.5 0 1110.5 3zm0 2a5.5 5.5 0 100 11 5.5 5.5 0 000-11z",
+											fill: "currentColor"
+										})
+									})
+								}),
+								/* @__PURE__ */ u("input", {
+									id: `${J}-css-filter`,
+									"data-testid": "reinspect-css-filter-input",
+									type: "search",
+									value: O,
+									placeholder: "Filter",
+									"aria-label": "Filter CSS properties",
+									onChange: (e) => k(e.currentTarget.value)
+								}),
+								O.trim().length > 0 ? /* @__PURE__ */ u("button", {
+									type: "button",
+									className: "reinspect-menu-filter-clear",
+									onClick: () => k(""),
+									"aria-label": "Clear CSS filter",
+									children: "Clear"
+								}) : null
+							]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "reinspect-menu-grid",
+							children: He.map((e) => {
+								let t = Re?.[e], n = `${J}-${e}`;
+								if (D.has(e)) {
+									let r = Fe(typeof t == "string" ? t : U[e]);
+									return /* @__PURE__ */ d("div", {
+										className: "reinspect-field",
+										children: [/* @__PURE__ */ u("label", {
+											htmlFor: n,
+											children: Nt(e)
+										}), /* @__PURE__ */ d("div", {
+											className: "reinspect-inline-controls",
+											children: [/* @__PURE__ */ u("input", {
+												id: n,
+												type: "color",
+												value: r,
+												onChange: (t) => q(J, e, t.currentTarget.value)
+											}), /* @__PURE__ */ u("button", {
+												type: "button",
+												onClick: () => q(J, e, void 0),
+												disabled: !Ft(t),
+												children: "reset"
+											})]
+										})]
+									}, e);
+								}
+								if (e === "opacity") {
+									let r = typeof t == "number" ? t : Je(U[e]) ?? 1;
+									return /* @__PURE__ */ d("div", {
+										className: "reinspect-field",
+										children: [/* @__PURE__ */ u("label", {
+											htmlFor: n,
+											children: "Opacity"
+										}), /* @__PURE__ */ d("div", {
+											className: "reinspect-inline-controls reinspect-opacity-controls",
+											children: [
+												/* @__PURE__ */ u("input", {
+													id: n,
+													type: "range",
+													min: "0",
+													max: "1",
+													step: "0.05",
+													value: r,
+													onChange: (t) => {
+														let n = Ie(t.currentTarget.value);
+														n !== void 0 && q(J, e, n);
+													}
+												}),
+												/* @__PURE__ */ u("output", { children: r.toFixed(2) }),
+												/* @__PURE__ */ u("button", {
+													type: "button",
+													onClick: () => q(J, e, void 0),
+													disabled: !Ft(t),
+													children: "reset"
+												})
+											]
+										})]
+									}, e);
+								}
+								if (re.has(e)) {
+									let r = typeof t == "number" ? t : Je(U[e]) ?? "";
+									return /* @__PURE__ */ d("div", {
+										className: "reinspect-field",
+										children: [/* @__PURE__ */ d("label", {
+											htmlFor: n,
+											children: [Nt(e), " (px)"]
+										}), /* @__PURE__ */ d("div", {
+											className: "reinspect-inline-controls",
+											children: [/* @__PURE__ */ u("input", {
+												id: n,
+												type: "number",
+												step: "1",
+												value: r,
+												onChange: (t) => {
+													if (t.currentTarget.value === "") {
+														q(J, e, void 0);
+														return;
+													}
+													let n = Ie(t.currentTarget.value);
+													n !== void 0 && q(J, e, n);
+												}
+											}), /* @__PURE__ */ u("button", {
+												type: "button",
+												onClick: () => q(J, e, void 0),
+												disabled: !Ft(t),
+												children: "reset"
+											})]
+										})]
+									}, e);
+								}
+								return /* @__PURE__ */ d("div", {
+									className: "reinspect-field",
+									children: [/* @__PURE__ */ u("label", {
+										htmlFor: n,
+										children: Nt(e)
+									}), /* @__PURE__ */ d("div", {
+										className: "reinspect-inline-controls",
+										children: [/* @__PURE__ */ u("input", {
+											id: n,
+											type: "text",
+											value: typeof t == "string" ? t : U[e] ?? "",
+											onChange: (t) => q(J, e, t.currentTarget.value || void 0)
+										}), /* @__PURE__ */ u("button", {
+											type: "button",
+											onClick: () => q(J, e, void 0),
+											disabled: !Ft(t),
+											children: "reset"
+										})]
+									})]
+								}, e);
+							})
+						}),
+						He.length === 0 ? /* @__PURE__ */ d("p", {
+							className: "reinspect-menu-empty-state",
+							children: [
+								"No CSS properties match \"",
+								O.trim(),
+								"\"."
+							]
+						}) : null
+					]
+				}) : null,
+				S === "props" ? /* @__PURE__ */ d("div", {
+					className: "reinspect-props-panel",
+					children: [
+						/* @__PURE__ */ d("div", {
+							className: "reinspect-props-submenu",
+							children: [/* @__PURE__ */ u("button", {
+								type: "button",
+								"data-state": T === "detected" ? "active" : "idle",
+								onClick: () => E("detected"),
+								children: "Detected"
+							}), /* @__PURE__ */ u("button", {
+								type: "button",
+								"data-state": T === "raw" ? "active" : "idle",
+								onClick: () => {
+									E("raw"), N(null), M(rt(Ve, { mode: K }));
+								},
+								children: "Raw"
+							})]
+						}),
+						T === "detected" ? Ue.length > 0 ? /* @__PURE__ */ u("div", {
+							className: "reinspect-props-table",
+							children: Ue.map((e) => {
+								let t = It(e.key), n = Ve[e.key], r = e.value.kind === "object" || e.value.kind === "array", i = !!ue[e.key], a = se[e.key], o = ce[e.key], s = at(n);
+								return /* @__PURE__ */ d("div", {
+									className: "reinspect-props-row",
+									"data-testid": `reinspect-prop-row-${t}`,
+									children: [/* @__PURE__ */ u("code", {
+										className: "reinspect-prop-key",
+										children: e.key
+									}), /* @__PURE__ */ d("div", {
+										className: "reinspect-prop-cell",
+										"data-testid": `reinspect-prop-value-${t}`,
+										children: [/* @__PURE__ */ d("div", {
+											className: "reinspect-prop-main",
+											children: [/* @__PURE__ */ u("div", {
+												className: "reinspect-prop-value-render",
+												children: Tt({ value: e.value })
+											}), r || s || e.value.copyText ? /* @__PURE__ */ d("div", {
+												className: "reinspect-prop-actions",
+												children: [
+													r ? /* @__PURE__ */ u("button", {
+														type: "button",
+														"data-testid": `reinspect-prop-show-json-${t}`,
+														onClick: () => et(e.key, n),
+														className: "reinspect-prop-action-text-button",
+														title: i ? "Collapse JSON preview" : "Expand JSON preview",
+														"aria-label": i ? `Collapse JSON preview for ${e.key}` : `Expand JSON preview for ${e.key}`,
+														children: i ? "Collapse JSON" : "Expand JSON"
+													}) : null,
+													s ? /* @__PURE__ */ u("button", {
+														type: "button",
+														"data-testid": `reinspect-prop-edit-${t}`,
+														onClick: () => tt(e.key, n),
+														className: "reinspect-icon-button",
+														title: "Edit value",
+														"aria-label": `Edit ${e.key}`,
+														children: Wt()
+													}) : null,
+													r || e.value.copyText ? /* @__PURE__ */ u("button", {
+														type: "button",
+														className: "reinspect-icon-button",
+														title: e.value.kind === "function" ? "Copy function source" : r ? "Copy JSON" : "Copy value",
+														"aria-label": e.value.kind === "function" ? "Copy function source" : r ? `Copy JSON for ${e.key}` : `Copy value for ${e.key}`,
+														onClick: () => {
+															if (r) {
+																$e(e.key, n);
+																return;
+															}
+															e.value.copyText && Qe(e.value.copyText, e.value.kind === "function" ? "Function source" : "Value");
+														},
+														children: Ut()
+													}) : null
+												]
+											}) : null]
+										}), i ? /* @__PURE__ */ u("div", {
+											className: "reinspect-prop-json-preview",
+											"data-testid": `reinspect-prop-json-preview-${t}`,
+											children: o ? /* @__PURE__ */ u("p", {
+												className: "reinspect-error",
+												children: o
+											}) : /* @__PURE__ */ u("pre", { children: /* @__PURE__ */ u("code", {
+												className: "language-json reinspect-code-block",
+												dangerouslySetInnerHTML: { __html: wt(a ?? "", "json") }
+											}) })
+										}) : null]
+									})]
+								}, e.key);
+							})
+						}) : /* @__PURE__ */ u("p", {
+							className: "reinspect-menu-empty-state",
+							children: "No props detected."
+						}) : /* @__PURE__ */ d(l, { children: [
+							/* @__PURE__ */ u("label", {
+								htmlFor: `${J}-props-json`,
+								children: "Props JSON"
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "reinspect-json-editor",
+								children: [/* @__PURE__ */ u("pre", {
+									"aria-hidden": "true",
+									ref: ee,
+									children: /* @__PURE__ */ u("code", {
+										className: "language-json reinspect-code-block",
+										dangerouslySetInnerHTML: { __html: wt(j, "json") }
+									})
+								}), /* @__PURE__ */ u("textarea", {
+									id: `${J}-props-json`,
+									value: j,
+									onChange: (e) => {
+										M(e.currentTarget.value), N(null);
+									},
+									onScroll: (e) => {
+										let t = ee.current;
+										t && (t.scrollTop = e.currentTarget.scrollTop, t.scrollLeft = e.currentTarget.scrollLeft);
+									},
+									rows: 9,
+									spellCheck: !1,
+									className: "reinspect-json-editor-textarea",
+									"data-testid": "reinspect-raw-props-textarea"
+								})]
+							}),
+							ae ? /* @__PURE__ */ u("p", {
+								className: "reinspect-error",
+								children: ae
+							}) : null,
+							/* @__PURE__ */ d("div", {
+								className: "reinspect-inline-controls",
+								children: [/* @__PURE__ */ u("button", {
+									type: "button",
+									onClick: Xe,
+									children: "apply"
+								}), /* @__PURE__ */ u("button", {
+									type: "button",
+									onClick: Ze,
+									children: "reset"
+								})]
+							})
+						] }),
+						oe ? /* @__PURE__ */ u("p", {
+							className: "reinspect-setting-note",
+							"data-testid": "reinspect-props-copy-status",
+							children: oe
+						}) : null
+					]
+				}) : null
+			]
+		}) : null, pt = L ? f(/* @__PURE__ */ u("div", {
+			className: "reinspect-modal-backdrop",
+			"data-reinspect-theme": ge,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": `Edit ${L} prop`,
+			"data-testid": "reinspect-prop-edit-modal",
+			children: /* @__PURE__ */ d("div", {
+				className: "reinspect-modal",
+				"data-reinspect-theme": ge,
+				ref: v,
+				tabIndex: -1,
+				children: [
+					/* @__PURE__ */ d("p", {
+						className: "reinspect-menu-title",
+						children: ["Edit prop: ", L]
+					}),
+					/* @__PURE__ */ u("label", {
+						htmlFor: `${J}-prop-edit-json`,
+						children: "JSON value"
+					}),
+					/* @__PURE__ */ u("textarea", {
+						id: `${J}-prop-edit-json`,
+						"data-testid": "reinspect-prop-edit-textarea",
+						value: de,
+						onChange: (e) => {
+							z(e.currentTarget.value), B(null);
+						},
+						rows: 10
+					}),
+					fe ? /* @__PURE__ */ u("p", {
+						className: "reinspect-error",
+						"data-testid": "reinspect-prop-edit-error",
+						children: fe
+					}) : null,
+					/* @__PURE__ */ d("div", {
+						className: "reinspect-inline-controls",
+						children: [/* @__PURE__ */ u("button", {
+							type: "button",
+							onClick: ct,
+							children: "apply"
+						}), /* @__PURE__ */ u("button", {
+							type: "button",
+							onClick: () => {
+								R(null), z(""), B(null);
+							},
+							children: "cancel"
+						})]
+					})
+				]
+			})
+		}), document.body) : null, mt = V ? f(/* @__PURE__ */ d("div", {
+			className: "reinspect-toast",
+			"data-reinspect-theme": ge,
+			role: "status",
+			"aria-live": "polite",
+			"data-testid": "reinspect-hide-component-toast",
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: "reinspect-toast-copy",
+					children: [/* @__PURE__ */ d("p", {
+						className: "reinspect-toast-title",
+						children: ["Hidden ", V.componentName]
+					}), /* @__PURE__ */ u("p", {
+						className: "reinspect-toast-description",
+						children: "This component type was excluded from inspection."
+					})]
+				}),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: "reinspect-toast-undo",
+					"data-testid": "reinspect-hide-component-undo",
+					onClick: ft,
+					children: "Undo"
+				}),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: "reinspect-toast-dismiss",
+					"aria-label": "Dismiss notification",
+					onClick: () => H(null),
+					children: "×"
+				})
+			]
+		}), document.body) : null;
+		if (!me) {
+			if (c === "manual") throw Error("useReinspect must be used within ReinspectProvider");
+			return /* @__PURE__ */ u(h, { ...Be });
+		}
+		let gt = Le ? /* @__PURE__ */ u(e, {
+			id: J,
+			onRender: Ge,
+			children: /* @__PURE__ */ u(h, { ...Be })
+		}) : /* @__PURE__ */ u(h, { ...Be });
+		return !Y && !Z ? /* @__PURE__ */ d(l, { children: [gt, mt] }) : /* @__PURE__ */ d("div", {
+			ref: m,
+			className: "reinspect-shell",
+			"data-reinspect-component": g,
+			"data-reinspect-active": Y,
+			"data-testid": `reinspect-shell-${g}`,
+			style: Ke,
+			tabIndex: -1,
+			onContextMenu: Ye,
+			children: [
+				Y ? /* @__PURE__ */ d("span", {
+					className: "reinspect-name-badge",
+					children: [
+						g,
+						Me ? " | " : "",
+						Me ? /* @__PURE__ */ u(Et, {
+							instanceId: J,
+							counterMode: Pe
+						}) : null
+					]
+				}) : null,
+				$ ? f($, document.body) : null,
+				pt,
+				mt,
+				/* @__PURE__ */ u("div", {
+					className: "reinspect-content",
+					"data-reinspect-content": "true",
+					style: ze,
+					children: gt
+				})
+			]
+		});
+	}
+	return _.displayName = `withReinspect(${g})`, ut(_, {
+		source: c,
+		scope: p,
+		original: h
+	}), _;
+}
+//#endregion
+export { q as _, Ae as a, ne as b, fe as c, U as d, be as f, we as g, De as h, ke as i, z as l, ye as m, lt as n, R as o, me as p, N as r, B as s, Yt as t, de as u, Y as v, b as x, w as y };