react-reinspect 0.1.0 → 0.1.1

package/dist/lib/index.js

@@ -1,18 +1,31 @@
 import { createContext as e, useCallback as t, useContext as n, useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 import { createPortal as d } from "react-dom";
+//#region src/reinspect/reinspect.css?inline
+var f = ".reinspect-shell{border-radius:14px;transition:outline-color .12s;position:relative}.reinspect-shell[data-reinspect-active=true]{outline:2px dashed var(--reinspect-color);outline-offset:2px}.reinspect-content{border-radius:inherit}.reinspect-name-badge{z-index:calc(var(--reinspect-z-base) + 5);letter-spacing:.04em;color:#0f172a;background:color-mix(in srgb, var(--reinspect-color) 25%, white);border:1px solid color-mix(in srgb, var(--reinspect-color) 45%, white);pointer-events:none;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;line-height:1;position:absolute;top:-14px;left:10px}.reinspect-menu{z-index:2147483647;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:min(300px,100vw - 24px);max-height:min(420px,70vh);padding:12px;position:fixed;overflow:auto;box-shadow:0 20px 25px -5px #0f172a33,0 8px 10px -6px #0f172a33}.reinspect-menu-title{color:#0f172a;margin:0 0 10px;font-size:13px;font-weight:600}.reinspect-menu-component-setting{color:#1e293b;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:grid}.reinspect-menu-component-setting input[type=checkbox]{width:15px;height:15px}.reinspect-setting-note{color:#64748b;margin:0 0 10px;font-size:11px}.reinspect-submenu{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.reinspect-submenu button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px;font-size:12px}.reinspect-submenu button[data-state=active]{background:#e0f2fe;border-color:#0284c7}.reinspect-menu-grid{gap:9px;display:grid}.reinspect-menu-filter{margin-bottom:10px;position:relative}.reinspect-menu-filter-icon{color:#64748b;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.reinspect-menu-filter-icon svg{width:100%;height:100%;display:block}.reinspect-menu-filter input{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:5px 7px 5px 30px;font-size:12px}.reinspect-menu-empty-state{color:#64748b;margin:8px 0 0;font-size:12px}.reinspect-field{gap:4px;display:grid}.reinspect-field label{color:#334155;font-size:12px}.reinspect-inline-controls{grid-template-columns:1fr auto;gap:6px;display:grid}.reinspect-inline-controls input,.reinspect-inline-controls button,.reinspect-inline-controls output{font-size:12px}.reinspect-inline-controls input[type=number],.reinspect-inline-controls input[type=text]{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:5px 7px}.reinspect-inline-controls button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:5px 7px}.reinspect-inline-controls button:disabled{opacity:.45;cursor:default}.reinspect-opacity-controls{grid-template-columns:1fr auto auto;align-items:center}.reinspect-opacity-controls output{color:#475569;text-align:right;min-width:36px}.reinspect-props-panel{gap:8px;display:grid}.reinspect-props-submenu{grid-template-columns:1fr 1fr;gap:6px;display:grid}.reinspect-props-submenu button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px;font-size:12px}.reinspect-props-submenu button[data-state=active]{background:#e0f2fe;border-color:#0284c7}.reinspect-props-panel label{color:#334155;font-size:12px}.reinspect-props-table{gap:6px;display:grid}.reinspect-props-header{color:#475569;text-transform:uppercase;letter-spacing:.04em;grid-template-columns:.85fr 1.15fr;gap:8px;font-size:11px;display:grid}.reinspect-props-row{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:.85fr 1.15fr;align-items:start;gap:8px;padding:6px;display:grid}.reinspect-prop-key{color:#0f172a;word-break:break-word;font-size:12px}.reinspect-prop-cell{min-width:0}.reinspect-prop-cell code{color:#0f172a;word-break:break-word;font-size:11px}.reinspect-prop-missing{color:#94a3b8;font-size:11px}.reinspect-prop-scalar{gap:4px;display:grid}.reinspect-prop-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.reinspect-prop-scalar button,.reinspect-prop-function button,.reinspect-prop-tree summary button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;justify-self:start;padding:3px 6px;font-size:11px}.reinspect-prop-actions button,.reinspect-prop-json-preview button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;padding:3px 6px;font-size:11px}.reinspect-prop-tree{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:5px}.reinspect-prop-tree summary{cursor:pointer;color:#1e293b;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.reinspect-prop-tree-children{gap:6px;margin-top:6px;display:grid}.reinspect-prop-tree-row{grid-template-columns:.8fr 1.2fr;align-items:start;gap:6px;display:grid}.reinspect-prop-tree-row>code{color:#334155;word-break:break-word;font-size:10px}.reinspect-prop-function{gap:4px;display:grid}.reinspect-prop-function pre{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:0;padding:6px;font-size:11px;line-height:1.3}.reinspect-prop-json-preview{gap:6px;margin-top:6px;display:grid}.reinspect-prop-json-preview pre{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:180px;margin:0;padding:6px;font-size:11px;line-height:1.3;overflow:auto}.reinspect-modal-backdrop{z-index:2147483647;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reinspect-modal{background:#fff;border:1px solid #cbd5e1;border-radius:12px;gap:8px;width:min(560px,100%);padding:12px;display:grid;box-shadow:0 24px 28px -12px #0f172a40,0 10px 16px -10px #0f172a38}.reinspect-modal textarea,.reinspect-props-panel textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:12px}.reinspect-error{color:#b91c1c;margin:0;font-size:12px}.reinspect-floating-toggle{z-index:2147483647;color:#f8fafc;letter-spacing:.03em;cursor:pointer;background:linear-gradient(120deg,#0f172a,#334155);border:none;border-radius:999px;padding:10px 15px;font-size:13px;font-weight:600;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 18px #0f172a47}.reinspect-floating-root{z-index:2147483645;position:fixed;bottom:18px;right:18px}.reinspect-floating-root .reinspect-floating-toggle{position:static}.reinspect-settings-menu{background:#fff;border:1px solid #cbd5e1;border-radius:12px;gap:10px;width:min(360px,100vw - 24px);max-height:min(540px,75vh);padding:12px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 24px 28px -12px #0f172a40,0 10px 16px -10px #0f172a38}.reinspect-settings-title{color:#0f172a;margin:0;font-size:13px;font-weight:700}.reinspect-settings-toggle-row{color:#1e293b;grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.reinspect-settings-select-row{gap:6px;font-size:12px;display:grid}.reinspect-settings-select-row select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:6px 8px;font-size:12px}.reinspect-settings-toggle-label{line-height:1.35}.reinspect-settings-toggle-row input[type=checkbox]{width:16px;height:16px}.reinspect-settings-divider{background:#e2e8f0;height:1px}.reinspect-setting-block{gap:8px;display:grid}.reinspect-apply-button{color:#f8fafc;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600}.reinspect-apply-button:disabled{opacity:.4;cursor:default}.reinspect-setting-header{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.reinspect-setting-name{color:#0f172a;letter-spacing:.02em;margin:0;font-size:12px;font-weight:700}.reinspect-setting-short-description{color:#475569;margin:3px 0 0;font-size:12px;line-height:1.35}.reinspect-tooltip-host{display:inline-flex;position:relative}.reinspect-tooltip-trigger{color:#334155;cursor:help;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.reinspect-tooltip-content{color:#f8fafc;opacity:0;pointer-events:none;background:#0f172a;border:1px solid #cbd5e1;border-radius:8px;width:240px;padding:8px;font-size:11px;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + 6px);right:0}.reinspect-tooltip-host:hover .reinspect-tooltip-content,.reinspect-tooltip-host:focus-within .reinspect-tooltip-content{opacity:1;pointer-events:auto}.reinspect-setting-subheading{color:#334155;margin:2px 0 0;font-size:12px;font-weight:600}.reinspect-setting-empty-state{color:#64748b;margin:0;font-size:12px}.reinspect-component-settings-list{gap:6px;display:grid}.reinspect-component-setting-row{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:grid}.reinspect-component-setting-row input[type=checkbox]{width:15px;height:15px}", p = "reinspect-runtime-styles";
+function m() {
+	return typeof document > "u" ? null : document;
+}
+function h(e) {
+	if (!e) return;
+	let t = m();
+	if (!t || t.getElementById(p)) return;
+	let n = t.createElement("style");
+	n.id = p, n.textContent = e, (t.head ?? t.documentElement).appendChild(n);
+}
+//#endregion
 //#region src/reinspect/store.ts
-var f = e(null);
+var g = e(null);
 //#endregion
 //#region src/reinspect/useReinspect.ts
-function p() {
-	let e = n(f);
+function _() {
+	let e = n(g);
 	if (!e) throw Error("useReinspect must be used within ReinspectProvider");
 	return e;
 }
 //#endregion
 //#region src/reinspect/constants.ts
-var m = [
+var v = [
 	"backgroundColor",
 	"color",
 	"fontSize",
@@ -25,18 +38,18 @@ var m = [
 	"width",
 	"height",
 	"gap"
-], h = [
+], y = [
 	"#f97316",
 	"#2563eb",
 	"#16a34a",
 	"#db2777",
 	"#ca8a04",
 	"#0f766e"
-], g = new Set([
+], b = new Set([
 	"backgroundColor",
 	"color",
 	"borderColor"
-]), _ = new Set([
+]), ee = new Set([
 	"fontSize",
 	"padding",
 	"margin",
@@ -45,69 +58,69 @@ var m = [
 	"width",
 	"height",
 	"gap"
-]), v = 2147483e3, y = "reinspect.inspectMode", b = [
+]), x = 2147483e3, S = "reinspect.inspectMode", C = [
 	"wrapped",
 	"first-party",
 	"all"
-], x = [
+], w = [
 	"attempts",
 	"commits",
 	"both"
 ];
-function S() {
+function T() {
 	return !1;
 }
-function C(e) {
-	return typeof e == "string" && b.includes(e);
+function E(e) {
+	return typeof e == "string" && C.includes(e);
 }
-function w(e) {
-	return typeof e == "string" && x.includes(e);
+function D(e) {
+	return typeof e == "string" && w.includes(e);
 }
-function T() {
+function O() {
 	if (!(typeof window > "u")) try {
-		let e = window.sessionStorage.getItem(y);
-		return C(e) ? e : void 0;
+		let e = window.sessionStorage.getItem(S);
+		return E(e) ? e : void 0;
 	} catch {
 		return;
 	}
 }
-function E(e) {
-	return T() || (C(e) ? e : "wrapped");
+function te(e) {
+	return O() || (E(e) ? e : "wrapped");
 }
-function D(e) {
+function k(e) {
 	if (!(typeof window > "u")) try {
-		window.sessionStorage.setItem(y, e);
+		window.sessionStorage.setItem(S, e);
 	} catch {}
 }
-function ee() {
+function ne() {
 	if (!(typeof window > "u")) try {
 		window.location.reload();
 	} catch {}
 }
-function O(e = {}) {
-	let t = e.enabled ?? S(), n = e.editableProps && e.editableProps.length > 0 ? e.editableProps : m, r = e.palette && e.palette.length > 0 ? e.palette : h;
+function A(e = {}) {
+	let t = e.enabled ?? T(), n = e.editableProps && e.editableProps.length > 0 ? e.editableProps : v, r = e.palette && e.palette.length > 0 ? e.palette : y;
 	return {
 		enabled: t,
 		startActive: e.startActive ?? !0,
 		showFloatingToggle: e.showFloatingToggle ?? t,
-		inspectMode: E(e.inspectMode),
+		inspectMode: te(e.inspectMode),
 		editableProps: n,
 		palette: r,
-		zIndexBase: e.zIndexBase ?? v,
+		zIndexBase: e.zIndexBase ?? x,
 		shouldCountRenders: e.shouldCountRenders ?? !1,
 		countRendersForComponents: e.countRendersForComponents ?? [],
-		renderCaptureMode: w(e.renderCaptureMode) ? e.renderCaptureMode : "attempts"
+		renderCaptureMode: D(e.renderCaptureMode) ? e.renderCaptureMode : "attempts"
 	};
 }
-function k(e) {
+function j(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n += 1) t = (t << 5) - t + e.charCodeAt(n), t |= 0;
 	return Math.abs(t);
 }
-function A(e, t) {
-	return t.length === 0 ? h[0] : t[k(e) % t.length];
+function M(e, t) {
+	return t.length === 0 ? y[0] : t[j(e) % t.length];
 }
-function te(e, t) {
+function re(e, t) {
 	if (!e) return {};
 	let n = {};
 	for (let r of t) {
@@ -116,7 +129,7 @@ function te(e, t) {
 	}
 	return n;
 }
-function ne(e) {
+function ie(e) {
 	if (!e) return "#1f2937";
 	if (/^#[0-9a-fA-F]{6}$/.test(e)) return e;
 	if (/^#[0-9a-fA-F]{3}$/.test(e)) {
@@ -125,21 +138,21 @@ function ne(e) {
 	}
 	return "#1f2937";
 }
-function re(e) {
+function ae(e) {
 	let t = Number(e);
 	if (Number.isFinite(t)) return t;
 }
 //#endregion
 //#region src/reinspect/context.tsx
-var ie = "Capture rerenders and show totals next to component badges.", j = "Tracks every rerender after initial mount for wrapped components. Use this toggle to capture for all components, or enable a specific component from its right-click inspector menu.", M = "Choose whether to count render attempts, committed renders, or both.", N = "Render attempts track render-phase executions (includes Strict Mode extra passes). Committed renders track completed DOM commits. Both shows both counters together.", P = "Controls which components are automatically discoverable by Reinspect.", ae = "Only wrapped components uses explicit withReinspect wrappers only. All 1st-party components auto-discovers components under your source tree. All components also attempts dependency components (with safety skips).";
-function oe(e) {
+var N = "Capture rerenders and show totals next to component badges.", oe = "Tracks every rerender after initial mount for wrapped components. Use this toggle to capture for all components, or enable a specific component from its right-click inspector menu.", se = "Choose whether to count render attempts, committed renders, or both.", ce = "Render attempts track render-phase executions (includes Strict Mode extra passes). Committed renders track completed DOM commits. Both shows both counters together.", le = "Controls which components are automatically discoverable by Reinspect.", P = "Only wrapped components uses explicit withReinspect wrappers only. All 1st-party components auto-discovers components under your source tree. All components also attempts dependency components (with safety skips).";
+function F(e) {
 	let t = {};
 	for (let n of e) t[n] = !0;
 	return t;
 }
-function se({ children: e, config: n }) {
-	let r = a(() => O(n), [n]), [i, o] = s(r.startActive), [c] = s(r.inspectMode), [d, p] = s(r.inspectMode), [m, h] = s(r.shouldCountRenders), [g, _] = s(r.renderCaptureMode), [v, y] = s(() => oe(r.countRendersForComponents)), [b, x] = s({}), S = t((e, t, n) => {
-		x((r) => {
+function I({ children: e, config: n }) {
+	let r = a(() => A(n), [n]), [i, o] = s(r.startActive), [c] = s(r.inspectMode), [d, f] = s(r.inspectMode), [p, m] = s(r.shouldCountRenders), [h, _] = s(r.renderCaptureMode), [v, y] = s(() => F(r.countRendersForComponents)), [b, ee] = s({}), x = t((e, t, n) => {
+		ee((r) => {
 			let i = { ...r[e] ?? {} };
 			if (n == null || n === "" ? delete i[t] : i[t] = n, Object.keys(i).length === 0) {
 				let t = { ...r };
@@ -150,7 +163,7 @@ function se({ children: e, config: n }) {
 				[e]: i
 			};
 		});
-	}, []), C = t((e, t) => {
+	}, []), S = t((e, t) => {
 		y((n) => {
 			if (t) return {
 				...n,
@@ -160,51 +173,51 @@ function se({ children: e, config: n }) {
 			let r = { ...n };
 			return delete r[e], r;
 		});
-	}, []), w = t((e) => m || !!v[e], [m, v]), T = d !== c, E = t(() => {
-		T && (D(d), ee());
-	}, [T, d]), k = t((e) => A(e, r.palette), [r.palette]), te = a(() => ({
+	}, []), C = t((e) => p || !!v[e], [p, v]), w = d !== c, T = t(() => {
+		w && (k(d), ne());
+	}, [w, d]), E = t((e) => M(e, r.palette), [r.palette]), D = a(() => ({
 		config: r,
 		isActive: r.enabled && i,
 		setIsActive: o,
 		inspectMode: c,
 		pendingInspectMode: d,
-		setPendingInspectMode: p,
-		hasPendingInspectModeChange: T,
-		applyInspectMode: E,
-		shouldCountRenders: m,
-		setShouldCountRenders: h,
-		renderCaptureMode: g,
+		setPendingInspectMode: f,
+		hasPendingInspectModeChange: w,
+		applyInspectMode: T,
+		shouldCountRenders: p,
+		setShouldCountRenders: m,
+		renderCaptureMode: h,
 		setRenderCaptureMode: _,
 		renderCountComponents: v,
-		setRenderCountingForComponent: C,
-		isRenderCountingEnabledFor: w,
+		setRenderCountingForComponent: S,
+		isRenderCountingEnabledFor: C,
 		overrides: b,
-		updateOverride: S,
-		getBorderColor: k
+		updateOverride: x,
+		getBorderColor: E
 	}), [
 		r,
 		i,
 		c,
 		d,
-		p,
+		f,
+		w,
 		T,
-		E,
-		m,
-		g,
+		p,
+		h,
 		v,
+		S,
 		C,
-		w,
 		b,
-		S,
-		k
+		x,
+		E
 	]);
-	return /* @__PURE__ */ u(f.Provider, {
-		value: te,
-		children: [e, r.enabled && r.showFloatingToggle ? /* @__PURE__ */ l(F, {}) : null]
+	return /* @__PURE__ */ u(g.Provider, {
+		value: D,
+		children: [e, r.enabled && r.showFloatingToggle ? /* @__PURE__ */ l(L, {}) : null]
 	});
 }
-function F() {
-	let { config: e, isActive: t, setIsActive: n, inspectMode: i, pendingInspectMode: a, setPendingInspectMode: c, hasPendingInspectModeChange: d, applyInspectMode: f, shouldCountRenders: m, setShouldCountRenders: h, renderCaptureMode: g, setRenderCaptureMode: _ } = p(), [v, y] = s(!1), b = o(null);
+function L() {
+	let { config: e, isActive: t, setIsActive: n, inspectMode: i, pendingInspectMode: a, setPendingInspectMode: c, hasPendingInspectModeChange: d, applyInspectMode: f, shouldCountRenders: p, setShouldCountRenders: m, renderCaptureMode: h, setRenderCaptureMode: g } = _(), [v, y] = s(!1), b = o(null);
 	return r(() => {
 		if (!v) return;
 		let e = (e) => {
@@ -261,7 +274,7 @@ function F() {
 								children: "INSPECT_MODE"
 							}), /* @__PURE__ */ l("p", {
 								className: "reinspect-setting-short-description",
-								children: P
+								children: le
 							})] }), /* @__PURE__ */ u("span", {
 								className: "reinspect-tooltip-host",
 								children: [/* @__PURE__ */ l("button", {
@@ -272,7 +285,7 @@ function F() {
 								}), /* @__PURE__ */ l("span", {
 									className: "reinspect-tooltip-content",
 									role: "tooltip",
-									children: ae
+									children: P
 								})]
 							})]
 						}),
@@ -286,7 +299,7 @@ function F() {
 								value: a,
 								onChange: (e) => {
 									let t = e.currentTarget.value;
-									C(t) && c(t);
+									E(t) && c(t);
 								},
 								children: [
 									/* @__PURE__ */ l("option", {
@@ -333,7 +346,7 @@ function F() {
 								children: "SHOULD_COUNT_RENDERS"
 							}), /* @__PURE__ */ l("p", {
 								className: "reinspect-setting-short-description",
-								children: ie
+								children: N
 							})] }), /* @__PURE__ */ u("span", {
 								className: "reinspect-tooltip-host",
 								children: [/* @__PURE__ */ l("button", {
@@ -344,7 +357,7 @@ function F() {
 								}), /* @__PURE__ */ l("span", {
 									className: "reinspect-tooltip-content",
 									role: "tooltip",
-									children: j
+									children: oe
 								})]
 							})]
 						}),
@@ -356,8 +369,8 @@ function F() {
 							}), /* @__PURE__ */ l("input", {
 								"data-testid": "reinspect-setting-should-count-renders",
 								type: "checkbox",
-								checked: m,
-								onChange: (e) => h(e.currentTarget.checked)
+								checked: p,
+								onChange: (e) => m(e.currentTarget.checked)
 							})]
 						}),
 						/* @__PURE__ */ u("header", {
@@ -367,7 +380,7 @@ function F() {
 								children: "RENDER_CAPTURE_MODE"
 							}), /* @__PURE__ */ l("p", {
 								className: "reinspect-setting-short-description",
-								children: M
+								children: se
 							})] }), /* @__PURE__ */ u("span", {
 								className: "reinspect-tooltip-host",
 								children: [/* @__PURE__ */ l("button", {
@@ -378,7 +391,7 @@ function F() {
 								}), /* @__PURE__ */ l("span", {
 									className: "reinspect-tooltip-content",
 									role: "tooltip",
-									children: N
+									children: ce
 								})]
 							})]
 						}),
@@ -389,10 +402,10 @@ function F() {
 								children: "Capture mode"
 							}), /* @__PURE__ */ u("select", {
 								"data-testid": "reinspect-setting-render-capture-mode",
-								value: g,
+								value: h,
 								onChange: (e) => {
 									let t = e.currentTarget.value;
-									w(t) && _(t);
+									D(t) && g(t);
 								},
 								children: [
 									/* @__PURE__ */ l("option", {
@@ -418,25 +431,25 @@ function F() {
 }
 //#endregion
 //#region src/reinspect/propsInspector.ts
-var I = 4, L = 40, R = 40, z = "__reinspect_placeholder__";
-function B(e, t) {
+var R = 4, z = 40, B = 40, V = "__reinspect_placeholder__";
+function H(e, t) {
 	return {
-		[z]: e,
+		[V]: e,
 		display: t
 	};
 }
-function V(e) {
+function U(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function H(e) {
-	if (!V(e)) return !1;
+function ue(e) {
+	if (!U(e)) return !1;
 	let t = Object.getPrototypeOf(e);
 	return t === Object.prototype || t === null;
 }
-function U(e) {
-	return V(e) && typeof e.__reinspect_placeholder__ == "string" && typeof e.display == "string";
+function de(e) {
+	return U(e) && typeof e.__reinspect_placeholder__ == "string" && typeof e.display == "string";
 }
-function ce(e) {
+function fe(e) {
 	try {
 		return JSON.stringify(e, null, 2);
 	} catch {
@@ -451,40 +464,40 @@ function W(e) {
 		return "[Function source unavailable]";
 	}
 }
-function le(e) {
+function pe(e) {
 	let t = e.replace(/\s+/g, " ").trim();
 	return t.length <= 120 ? t : `${t.slice(0, 117)}...`;
 }
 function G(e, t, n) {
-	if (n > I) return B("truncated", "[Max depth reached]");
+	if (n > R) return H("truncated", "[Max depth reached]");
 	if (e === null) return null;
 	let r = typeof e;
 	if (r === "string" || r === "boolean") return e;
-	if (r === "number") return Number.isFinite(e) ? e : B("non-finite-number", String(e));
-	if (r === "undefined") return B("undefined", "undefined");
-	if (r === "bigint") return B("bigint", `${String(e)}n`);
-	if (r === "symbol") return B("symbol", String(e));
-	if (r === "function") return B("function", `[Function ${e.name || "anonymous"}]`);
-	if (e instanceof Date) return B("date", Number.isNaN(e.getTime()) ? "Invalid Date" : e.toISOString());
-	if (e instanceof RegExp) return B("regexp", e.toString());
+	if (r === "number") return Number.isFinite(e) ? e : H("non-finite-number", String(e));
+	if (r === "undefined") return H("undefined", "undefined");
+	if (r === "bigint") return H("bigint", `${String(e)}n`);
+	if (r === "symbol") return H("symbol", String(e));
+	if (r === "function") return H("function", `[Function ${e.name || "anonymous"}]`);
+	if (e instanceof Date) return H("date", Number.isNaN(e.getTime()) ? "Invalid Date" : e.toISOString());
+	if (e instanceof RegExp) return H("regexp", e.toString());
 	if (r === "object") {
 		let r = e;
-		if (t.has(r)) return B("circular", "[Circular]");
+		if (t.has(r)) return H("circular", "[Circular]");
 		if (t.add(r), Array.isArray(e)) {
-			let i = [], a = Math.min(e.length, R);
+			let i = [], a = Math.min(e.length, B);
 			for (let r = 0; r < a; r += 1) i.push(G(e[r], t, n + 1));
-			return e.length > R && i.push(B("truncated", `${e.length - R} more items`)), t.delete(r), i;
+			return e.length > B && i.push(H("truncated", `${e.length - B} more items`)), t.delete(r), i;
 		}
-		let i = {}, a = Object.entries(e), o = Math.min(a.length, L);
+		let i = {}, a = Object.entries(e), o = Math.min(a.length, z);
 		for (let e = 0; e < o; e += 1) {
 			let [r, o] = a[e];
 			i[r] = G(o, t, n + 1);
 		}
-		return a.length > L && (i.__reinspect_truncated__ = B("truncated", `${a.length - L} more keys`)), t.delete(r), i;
+		return a.length > z && (i.__reinspect_truncated__ = H("truncated", `${a.length - z} more keys`)), t.delete(r), i;
 	}
-	return B("unsupported", "[Unsupported value]");
+	return H("unsupported", "[Unsupported value]");
 }
-function ue(e) {
+function K(e) {
 	if (e === null) return {
 		kind: "null",
 		summary: "null",
@@ -533,7 +546,7 @@ function ue(e) {
 			functionMeta: {
 				name: r,
 				arity: t.length,
-				preview: le(n),
+				preview: pe(n),
 				source: n
 			}
 		};
@@ -557,7 +570,7 @@ function ue(e) {
 	return Array.isArray(e) ? {
 		kind: "array",
 		summary: `Array(${e.length})`
-	} : V(e) ? {
+	} : U(e) ? {
 		kind: "object",
 		summary: `Object(${Object.keys(e).length})`
 	} : {
@@ -565,21 +578,21 @@ function ue(e) {
 		summary: String(e)
 	};
 }
-function K(e) {
-	if (!U(e)) {
+function q(e) {
+	if (!de(e)) {
 		if (Array.isArray(e)) {
 			let t = [];
 			for (let n of e) {
-				let e = K(n);
+				let e = q(n);
 				if (e === void 0) return;
 				t.push(e);
 			}
 			return t;
 		}
-		if (V(e)) {
+		if (U(e)) {
 			let t = {};
 			for (let [n, r] of Object.entries(e)) {
-				let e = K(r);
+				let e = q(r);
 				e !== void 0 && (t[n] = e);
 			}
 			return t;
@@ -587,32 +600,32 @@ function K(e) {
 		return e;
 	}
 }
-function de(e) {
+function me(e) {
 	return Object.keys(e).map((t) => ({
 		key: t,
-		value: ue(e[t])
+		value: K(e[t])
 	}));
 }
-function fe(e) {
-	return ce(G(e, /* @__PURE__ */ new WeakSet(), 0)) ?? "{}";
+function he(e) {
+	return fe(G(e, /* @__PURE__ */ new WeakSet(), 0)) ?? "{}";
 }
-function pe(e) {
-	return ce(G(e, /* @__PURE__ */ new WeakSet(), 0));
+function ge(e) {
+	return fe(G(e, /* @__PURE__ */ new WeakSet(), 0));
 }
-function me(e) {
+function _e(e) {
 	if (e === null) return !0;
 	let t = typeof e;
-	return t === "string" || t === "number" || t === "boolean" || Array.isArray(e) ? !0 : H(e);
+	return t === "string" || t === "number" || t === "boolean" || Array.isArray(e) ? !0 : ue(e);
 }
-function he(e) {
+function ve(e) {
 	let t = e.trim();
 	if (t.length === 0) return {
 		parsed: null,
 		error: "Value JSON cannot be empty."
 	};
 	try {
-		let e = K(JSON.parse(t));
-		return e === void 0 || !me(e) ? {
+		let e = q(JSON.parse(t));
+		return e === void 0 || !_e(e) ? {
 			parsed: null,
 			error: "Only objects, arrays, and primitive JSON values are editable."
 		} : {
@@ -626,7 +639,7 @@ function he(e) {
 		};
 	}
 }
-function ge(e) {
+function ye(e) {
 	let t = e.trim();
 	if (t.length === 0) return {
 		parsed: {},
@@ -640,7 +653,7 @@ function ge(e) {
 		};
 		let n = {};
 		for (let [t, r] of Object.entries(e)) {
-			let e = K(r);
+			let e = q(r);
 			e !== void 0 && (n[t] = e);
 		}
 		return {
@@ -656,13 +669,13 @@ function ge(e) {
 }
 //#endregion
 //#region src/reinspect/wrapMarker.ts
-var _e = Symbol.for("reinspect.wrapped");
-function ve(e) {
-	return e[_e];
+var be = Symbol.for("reinspect.wrapped");
+function xe(e) {
+	return e[be];
 }
 //#endregion
 //#region src/reinspect/withReinspect.tsx
-var ye = {
+var Se = {
 	enabled: !1,
 	startActive: !1,
 	showFloatingToggle: !1,
@@ -673,9 +686,9 @@ var ye = {
 	shouldCountRenders: !1,
 	countRendersForComponents: [],
 	renderCaptureMode: "attempts"
-}, be = /* @__PURE__ */ new Map();
-function q(e) {
-	let t = be.get(e);
+}, Ce = /* @__PURE__ */ new Map();
+function J(e) {
+	let t = Ce.get(e);
 	if (t) return t;
 	let n = {
 		attempts: 0,
@@ -684,10 +697,10 @@ function q(e) {
 		wasCountingEnabled: !1,
 		shouldCountCommit: !1
 	};
-	return be.set(e, n), n;
+	return Ce.set(e, n), n;
 }
-function xe(e, t) {
-	let n = q(e);
+function we(e, t) {
+	let n = J(e);
 	if (!t) return n.wasCountingEnabled = !1, n.shouldCountCommit = !1, {
 		attempts: n.attempts,
 		commits: n.commits
@@ -698,27 +711,27 @@ function xe(e, t) {
 		commits: n.commits + +!!r
 	};
 }
-function Se(e) {
-	let t = q(e);
+function Te(e) {
+	let t = J(e);
 	t.hasCommitted && t.shouldCountCommit && (t.commits += 1), t.hasCommitted = !0, t.shouldCountCommit = !1;
 }
-function Ce(e, t) {
+function Ee(e, t) {
 	return t === "commits" ? `${e.commits} commits` : t === "both" ? `${e.attempts} attempts | ${e.commits} commits` : `${e.attempts} attempts`;
 }
-function we(e) {
+function De(e) {
 	let t = e.replace(/([A-Z])/g, " $1").trim();
 	return t.length > 0 ? t[0].toUpperCase() + t.slice(1) : e;
 }
-function Te(e) {
+function Oe(e) {
 	return e.trim().toLowerCase().replace(/[\s_-]+/g, "");
 }
-function J(e) {
+function Y(e) {
 	return e != null && e !== "";
 }
-function Ee(e) {
+function ke(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-async function De(e) {
+async function Ae(e) {
 	if (typeof navigator > "u" || !navigator.clipboard?.writeText) return !1;
 	try {
 		return await navigator.clipboard.writeText(e), !0;
@@ -726,7 +739,7 @@ async function De(e) {
 		return !1;
 	}
 }
-function Oe({ value: e, onCopy: t }) {
+function je({ value: e, onCopy: t }) {
 	if (e.kind === "function" && e.functionMeta) {
 		let n = e.functionMeta;
 		return /* @__PURE__ */ u("div", {
@@ -752,137 +765,137 @@ function Oe({ value: e, onCopy: t }) {
 		}) : null]
 	});
 }
-function ke(e, t) {
+function Me(e, t) {
 	return t?.name?.trim() || e.displayName?.trim() || e.name?.trim() || t?.fallbackName?.trim() || "Component";
 }
-function Ae(e, t, n) {
+function Ne(e, t, n) {
 	return e === "manual" || n === "all" || n === "first-party" && t === "first-party";
 }
-function Y(e, t) {
-	let a = t?.source ?? "manual", p = t?.scope ?? "first-party", m = ve(e);
-	if (m && a === "auto") return e;
-	let h = m && a === "manual" ? m.original : e, v = ke(h, t);
-	function y(e) {
-		let t = i(), m = o(null), y = o(null), [b, x] = s(null), [S, C] = s("css"), [w, T] = s("detected"), [E, D] = s(""), [ee, O] = s({}), [k, A] = s("{}"), [ie, j] = s(null), [M, N] = s(null), [P, ae] = s({}), [oe, se] = s({}), [F, I] = s({}), [L, R] = s(null), [z, B] = s(""), [V, H] = s(null), U = n(f), ce = !!U, W = U?.config ?? ye, le = U?.getBorderColor ?? (() => "#f97316"), G = U?.isActive ?? !1, ue = U?.inspectMode ?? "wrapped", K = U?.shouldCountRenders ?? !1, _e = U?.renderCaptureMode ?? ye.renderCaptureMode, ve = U?.overrides ?? {}, q = U?.updateOverride ?? (() => void 0), ke = U?.renderCountComponents ?? {}, Y = U?.setRenderCountingForComponent ?? (() => void 0), je = U?.isRenderCountingEnabledFor ?? (() => !1), X = `${v}-${t}`, Me = le(v), Ne = Ae(a, p, ue), Z = W.enabled && G && Ne, Pe = Ne && je(v), Fe = !!ke[v], Ie = xe(X, Pe), Le = ve[X], Re = Z ? te(Le, W.editableProps) : {}, Q = {
+function X(e, t) {
+	let a = t?.source ?? "manual", f = t?.scope ?? "first-party", p = xe(e);
+	if (p && a === "auto") return e;
+	let m = p && a === "manual" ? p.original : e, h = Me(m, t);
+	function _(e) {
+		let t = i(), p = o(null), _ = o(null), [v, y] = s(null), [x, S] = s("css"), [C, w] = s("detected"), [T, E] = s(""), [D, O] = s({}), [te, k] = s("{}"), [ne, A] = s(null), [j, M] = s(null), [N, oe] = s({}), [se, ce] = s({}), [le, P] = s({}), [F, I] = s(null), [L, R] = s(""), [z, B] = s(null), V = n(g), H = !!V, U = V?.config ?? Se, ue = V?.getBorderColor ?? (() => "#f97316"), de = V?.isActive ?? !1, fe = V?.inspectMode ?? "wrapped", W = V?.shouldCountRenders ?? !1, pe = V?.renderCaptureMode ?? Se.renderCaptureMode, G = V?.overrides ?? {}, K = V?.updateOverride ?? (() => void 0), q = V?.renderCountComponents ?? {}, be = V?.setRenderCountingForComponent ?? (() => void 0), xe = V?.isRenderCountingEnabledFor ?? (() => !1), J = `${h}-${t}`, Me = ue(h), X = Ne(a, f, fe), Z = U.enabled && de && X, Pe = X && xe(h), Fe = !!q[h], Ie = we(J, Pe), Le = G[J], Re = Z ? re(Le, U.editableProps) : {}, Q = {
 			...e,
-			...ee
-		}, ze = Q, $ = Z && b !== null, Be = Te(E), Ve = Be.length === 0 ? W.editableProps : W.editableProps.filter((e) => Te(e).includes(Be)), He = $ && S === "props" && w === "detected" ? de(ze) : [];
-		r(() => (Se(X), () => {
-			be.delete(X);
-		}), [X]), r(() => {
+			...D
+		}, ze = Q, $ = Z && v !== null, Be = Oe(T), Ve = Be.length === 0 ? U.editableProps : U.editableProps.filter((e) => Oe(e).includes(Be)), He = $ && x === "props" && C === "detected" ? me(ze) : [];
+		r(() => (Te(J), () => {
+			Ce.delete(J);
+		}), [J]), r(() => {
 			if (!$) return;
 			let e = (e) => {
 				let t = e.target;
-				m.current?.contains(t) || y.current?.contains(t) || (x(null), R(null), B(""), H(null));
+				p.current?.contains(t) || _.current?.contains(t) || (y(null), I(null), R(""), B(null));
 			}, t = (e) => {
 				if (e.key === "Escape") {
-					if (L) {
-						R(null), B(""), H(null);
+					if (F) {
+						I(null), R(""), B(null);
 						return;
 					}
-					x(null);
+					y(null);
 				}
 			};
 			return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 				document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 			};
-		}, [L, $]), r(() => {
-			if (!M) return;
+		}, [F, $]), r(() => {
+			if (!j) return;
 			let e = globalThis.setTimeout(() => {
-				N(null);
+				M(null);
 			}, 1400);
 			return () => {
 				globalThis.clearTimeout(e);
 			};
-		}, [M]);
+		}, [j]);
 		let Ue = {
 			"--reinspect-color": Me,
-			"--reinspect-z-base": W.zIndexBase
+			"--reinspect-z-base": U.zIndexBase
 		}, We = (e) => {
-			Z && (e.preventDefault(), C("css"), T("detected"), D(""), j(null), N(null), ae({}), se({}), I({}), R(null), B(""), H(null), A("{}"), x({
+			Z && (e.preventDefault(), S("css"), w("detected"), E(""), A(null), M(null), oe({}), ce({}), P({}), I(null), R(""), B(null), k("{}"), y({
 				x: e.clientX,
 				y: e.clientY
 			}));
 		}, Ge = () => {
-			let { parsed: e, error: t } = ge(k);
+			let { parsed: e, error: t } = ye(te);
 			if (t || !e) {
-				j(t);
+				A(t);
 				return;
 			}
-			O(e), j(null);
+			O(e), A(null);
 		}, Ke = () => {
-			O({}), w === "raw" && A(fe(e)), j(null);
+			O({}), C === "raw" && k(he(e)), A(null);
 		}, qe = (e, t) => {
-			De(e).then((e) => {
-				N(e ? `${t} copied.` : "Clipboard access is unavailable.");
+			Ae(e).then((e) => {
+				M(e ? `${t} copied.` : "Clipboard access is unavailable.");
 			});
 		}, Je = (e, t) => {
-			if (F[e]) {
-				I((t) => ({
+			if (le[e]) {
+				P((t) => ({
 					...t,
 					[e]: !1
 				}));
 				return;
 			}
-			if (!(e in P) && !(e in oe)) {
-				let n = pe(t);
-				n === null ? se((t) => ({
+			if (!(e in N) && !(e in se)) {
+				let n = ge(t);
+				n === null ? ce((t) => ({
 					...t,
 					[e]: "JSON preview is unavailable for this value."
-				})) : ae((t) => ({
+				})) : oe((t) => ({
 					...t,
 					[e]: n
 				}));
 			}
-			I((t) => ({
+			P((t) => ({
 				...t,
 				[e]: !0
 			}));
 		}, Ye = (e, t) => {
-			if (!me(t)) return;
-			let n = pe(t);
+			if (!_e(t)) return;
+			let n = ge(t);
 			if (n === null) {
-				N("Unable to open editor for this value.");
+				M("Unable to open editor for this value.");
 				return;
 			}
-			R(e), B(n), H(null);
+			I(e), R(n), B(null);
 		}, Xe = () => {
-			if (!L) return;
-			let { parsed: e, error: t } = he(z);
+			if (!F) return;
+			let { parsed: e, error: t } = ve(L);
 			if (t || e === null) {
-				H(t);
+				B(t);
 				return;
 			}
 			O((t) => ({
 				...t,
-				[L]: e
-			})), R(null), B(""), H(null);
+				[F]: e
+			})), I(null), R(""), B(null);
 		}, Ze = $ ? /* @__PURE__ */ u("div", {
-			ref: m,
+			ref: p,
 			className: "reinspect-menu",
 			role: "dialog",
-			"aria-label": `${v} inspector controls`,
+			"aria-label": `${h} inspector controls`,
 			style: {
-				top: `${b.y}px`,
-				left: `${b.x}px`
+				top: `${v.y}px`,
+				left: `${v.x}px`
 			},
 			children: [
 				/* @__PURE__ */ u("p", {
 					className: "reinspect-menu-title",
-					children: [v, " inspector"]
+					children: [h, " inspector"]
 				}),
 				/* @__PURE__ */ u("label", {
 					className: "reinspect-menu-component-setting",
 					children: [/* @__PURE__ */ l("span", { children: "Capture renders for this component" }), /* @__PURE__ */ l("input", {
 						type: "checkbox",
-						checked: K ? !0 : Fe,
-						onChange: (e) => Y(v, e.currentTarget.checked),
-						disabled: K,
-						"aria-label": `Capture renders for ${v}`,
-						"data-testid": `reinspect-component-render-toggle-${v}`
+						checked: W ? !0 : Fe,
+						onChange: (e) => be(h, e.currentTarget.checked),
+						disabled: W,
+						"aria-label": `Capture renders for ${h}`,
+						"data-testid": `reinspect-component-render-toggle-${h}`
 					})]
 				}),
-				K ? /* @__PURE__ */ l("p", {
+				W ? /* @__PURE__ */ l("p", {
 					className: "reinspect-setting-note",
 					children: "Global capture is enabled from Reinspect settings."
 				}) : null,
@@ -890,17 +903,17 @@ function Y(e, t) {
 					className: "reinspect-submenu",
 					children: [/* @__PURE__ */ l("button", {
 						type: "button",
-						"data-state": S === "css" ? "active" : "idle",
-						onClick: () => C("css"),
+						"data-state": x === "css" ? "active" : "idle",
+						onClick: () => S("css"),
 						children: "CSS"
 					}), /* @__PURE__ */ l("button", {
 						type: "button",
-						"data-state": S === "props" ? "active" : "idle",
-						onClick: () => C("props"),
+						"data-state": x === "props" ? "active" : "idle",
+						onClick: () => S("props"),
 						children: "Props"
 					})]
 				}),
-				S === "css" ? /* @__PURE__ */ u(c, { children: [
+				x === "css" ? /* @__PURE__ */ u(c, { children: [
 					/* @__PURE__ */ u("div", {
 						className: "reinspect-menu-filter",
 						children: [/* @__PURE__ */ l("span", {
@@ -915,37 +928,37 @@ function Y(e, t) {
 								})
 							})
 						}), /* @__PURE__ */ l("input", {
-							id: `${X}-css-filter`,
+							id: `${J}-css-filter`,
 							"data-testid": "reinspect-css-filter-input",
 							type: "search",
-							value: E,
+							value: T,
 							placeholder: "Filter",
 							"aria-label": "Filter CSS properties",
-							onChange: (e) => D(e.currentTarget.value)
+							onChange: (e) => E(e.currentTarget.value)
 						})]
 					}),
 					/* @__PURE__ */ l("div", {
 						className: "reinspect-menu-grid",
 						children: Ve.map((e) => {
-							let t = Le?.[e], n = `${X}-${e}`;
-							if (g.has(e)) {
-								let r = typeof t == "string" ? ne(t) : "#1f2937";
+							let t = Le?.[e], n = `${J}-${e}`;
+							if (b.has(e)) {
+								let r = typeof t == "string" ? ie(t) : "#1f2937";
 								return /* @__PURE__ */ u("div", {
 									className: "reinspect-field",
 									children: [/* @__PURE__ */ l("label", {
 										htmlFor: n,
-										children: we(e)
+										children: De(e)
 									}), /* @__PURE__ */ u("div", {
 										className: "reinspect-inline-controls",
 										children: [/* @__PURE__ */ l("input", {
 											id: n,
 											type: "color",
 											value: r,
-											onChange: (t) => q(X, e, t.currentTarget.value)
+											onChange: (t) => K(J, e, t.currentTarget.value)
 										}), /* @__PURE__ */ l("button", {
 											type: "button",
-											onClick: () => q(X, e, void 0),
-											disabled: !J(t),
+											onClick: () => K(J, e, void 0),
+											disabled: !Y(t),
 											children: "reset"
 										})]
 									})]
@@ -969,28 +982,28 @@ function Y(e, t) {
 												step: "0.05",
 												value: r,
 												onChange: (t) => {
-													let n = re(t.currentTarget.value);
-													n !== void 0 && q(X, e, n);
+													let n = ae(t.currentTarget.value);
+													n !== void 0 && K(J, e, n);
 												}
 											}),
 											/* @__PURE__ */ l("output", { children: r.toFixed(2) }),
 											/* @__PURE__ */ l("button", {
 												type: "button",
-												onClick: () => q(X, e, void 0),
-												disabled: !J(t),
+												onClick: () => K(J, e, void 0),
+												disabled: !Y(t),
 												children: "reset"
 											})
 										]
 									})]
 								}, e);
 							}
-							if (_.has(e)) {
+							if (ee.has(e)) {
 								let r = typeof t == "number" ? t : "";
 								return /* @__PURE__ */ u("div", {
 									className: "reinspect-field",
 									children: [/* @__PURE__ */ u("label", {
 										htmlFor: n,
-										children: [we(e), " (px)"]
+										children: [De(e), " (px)"]
 									}), /* @__PURE__ */ u("div", {
 										className: "reinspect-inline-controls",
 										children: [/* @__PURE__ */ l("input", {
@@ -1000,16 +1013,16 @@ function Y(e, t) {
 											value: r,
 											onChange: (t) => {
 												if (t.currentTarget.value === "") {
-													q(X, e, void 0);
+													K(J, e, void 0);
 													return;
 												}
-												let n = re(t.currentTarget.value);
-												n !== void 0 && q(X, e, n);
+												let n = ae(t.currentTarget.value);
+												n !== void 0 && K(J, e, n);
 											}
 										}), /* @__PURE__ */ l("button", {
 											type: "button",
-											onClick: () => q(X, e, void 0),
-											disabled: !J(t),
+											onClick: () => K(J, e, void 0),
+											disabled: !Y(t),
 											children: "reset"
 										})]
 									})]
@@ -1019,18 +1032,18 @@ function Y(e, t) {
 								className: "reinspect-field",
 								children: [/* @__PURE__ */ l("label", {
 									htmlFor: n,
-									children: we(e)
+									children: De(e)
 								}), /* @__PURE__ */ u("div", {
 									className: "reinspect-inline-controls",
 									children: [/* @__PURE__ */ l("input", {
 										id: n,
 										type: "text",
 										value: typeof t == "string" ? t : "",
-										onChange: (t) => q(X, e, t.currentTarget.value || void 0)
+										onChange: (t) => K(J, e, t.currentTarget.value || void 0)
 									}), /* @__PURE__ */ l("button", {
 										type: "button",
-										onClick: () => q(X, e, void 0),
-										disabled: !J(t),
+										onClick: () => K(J, e, void 0),
+										disabled: !Y(t),
 										children: "reset"
 									})]
 								})]
@@ -1041,7 +1054,7 @@ function Y(e, t) {
 						className: "reinspect-menu-empty-state",
 						children: [
 							"No CSS properties match \"",
-							E.trim(),
+							T.trim(),
 							"\"."
 						]
 					}) : null
@@ -1052,25 +1065,25 @@ function Y(e, t) {
 							className: "reinspect-props-submenu",
 							children: [/* @__PURE__ */ l("button", {
 								type: "button",
-								"data-state": w === "detected" ? "active" : "idle",
-								onClick: () => T("detected"),
+								"data-state": C === "detected" ? "active" : "idle",
+								onClick: () => w("detected"),
 								children: "Detected"
 							}), /* @__PURE__ */ l("button", {
 								type: "button",
-								"data-state": w === "raw" ? "active" : "idle",
+								"data-state": C === "raw" ? "active" : "idle",
 								onClick: () => {
-									T("raw"), j(null), A(fe(ze));
+									w("raw"), A(null), k(he(ze));
 								},
 								children: "Raw"
 							})]
 						}),
-						w === "detected" ? He.length > 0 ? /* @__PURE__ */ u("div", {
+						C === "detected" ? He.length > 0 ? /* @__PURE__ */ u("div", {
 							className: "reinspect-props-table",
 							children: [/* @__PURE__ */ u("div", {
 								className: "reinspect-props-header",
 								children: [/* @__PURE__ */ l("span", { children: "Key" }), /* @__PURE__ */ l("span", { children: "Value" })]
 							}), He.map((e) => {
-								let t = Ee(e.key), n = ze[e.key], r = e.value.kind === "object" || e.value.kind === "array", i = !!F[e.key], a = P[e.key], o = oe[e.key], s = me(n);
+								let t = ke(e.key), n = ze[e.key], r = e.value.kind === "object" || e.value.kind === "array", i = !!le[e.key], a = N[e.key], o = se[e.key], s = _e(n);
 								return /* @__PURE__ */ u("div", {
 									className: "reinspect-props-row",
 									"data-testid": `reinspect-prop-row-${t}`,
@@ -1081,7 +1094,7 @@ function Y(e, t) {
 										className: "reinspect-prop-cell",
 										"data-testid": `reinspect-prop-value-${t}`,
 										children: [
-											Oe({
+											je({
 												value: e.value,
 												onCopy: qe
 											}),
@@ -1121,20 +1134,20 @@ function Y(e, t) {
 							children: "No props detected."
 						}) : /* @__PURE__ */ u(c, { children: [
 							/* @__PURE__ */ l("label", {
-								htmlFor: `${X}-props-json`,
+								htmlFor: `${J}-props-json`,
 								children: "Props JSON"
 							}),
 							/* @__PURE__ */ l("textarea", {
-								id: `${X}-props-json`,
-								value: k,
+								id: `${J}-props-json`,
+								value: te,
 								onChange: (e) => {
-									A(e.currentTarget.value), j(null);
+									k(e.currentTarget.value), A(null);
 								},
 								rows: 9
 							}),
-							ie ? /* @__PURE__ */ l("p", {
+							ne ? /* @__PURE__ */ l("p", {
 								className: "reinspect-error",
-								children: ie
+								children: ne
 							}) : null,
 							/* @__PURE__ */ u("div", {
 								className: "reinspect-inline-controls",
@@ -1149,45 +1162,45 @@ function Y(e, t) {
 								})]
 							})
 						] }),
-						M ? /* @__PURE__ */ l("p", {
+						j ? /* @__PURE__ */ l("p", {
 							className: "reinspect-setting-note",
 							"data-testid": "reinspect-props-copy-status",
-							children: M
+							children: j
 						}) : null
 					]
 				})
 			]
-		}) : null, Qe = L ? d(/* @__PURE__ */ l("div", {
+		}) : null, Qe = F ? d(/* @__PURE__ */ l("div", {
 			className: "reinspect-modal-backdrop",
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-label": `Edit ${L} prop`,
+			"aria-label": `Edit ${F} prop`,
 			"data-testid": "reinspect-prop-edit-modal",
 			children: /* @__PURE__ */ u("div", {
 				className: "reinspect-modal",
-				ref: y,
+				ref: _,
 				children: [
 					/* @__PURE__ */ u("p", {
 						className: "reinspect-menu-title",
-						children: ["Edit prop: ", L]
+						children: ["Edit prop: ", F]
 					}),
 					/* @__PURE__ */ l("label", {
-						htmlFor: `${X}-prop-edit-json`,
+						htmlFor: `${J}-prop-edit-json`,
 						children: "JSON value"
 					}),
 					/* @__PURE__ */ l("textarea", {
-						id: `${X}-prop-edit-json`,
+						id: `${J}-prop-edit-json`,
 						"data-testid": "reinspect-prop-edit-textarea",
-						value: z,
+						value: L,
 						onChange: (e) => {
-							B(e.currentTarget.value), H(null);
+							R(e.currentTarget.value), B(null);
 						},
 						rows: 10
 					}),
-					V ? /* @__PURE__ */ l("p", {
+					z ? /* @__PURE__ */ l("p", {
 						className: "reinspect-error",
 						"data-testid": "reinspect-prop-edit-error",
-						children: V
+						children: z
 					}) : null,
 					/* @__PURE__ */ u("div", {
 						className: "reinspect-inline-controls",
@@ -1198,7 +1211,7 @@ function Y(e, t) {
 						}), /* @__PURE__ */ l("button", {
 							type: "button",
 							onClick: () => {
-								R(null), B(""), H(null);
+								I(null), R(""), B(null);
 							},
 							children: "cancel"
 						})]
@@ -1206,21 +1219,21 @@ function Y(e, t) {
 				]
 			})
 		}), document.body) : null;
-		if (!ce) {
+		if (!H) {
 			if (a === "manual") throw Error("useReinspect must be used within ReinspectProvider");
-			return /* @__PURE__ */ l(h, { ...Q });
+			return /* @__PURE__ */ l(m, { ...Q });
 		}
-		return a === "auto" && !Ne ? /* @__PURE__ */ l(h, { ...Q }) : /* @__PURE__ */ u("div", {
+		return a === "auto" && !X ? /* @__PURE__ */ l(m, { ...Q }) : /* @__PURE__ */ u("div", {
 			className: "reinspect-shell",
-			"data-reinspect-component": v,
+			"data-reinspect-component": h,
 			"data-reinspect-active": Z,
-			"data-testid": `reinspect-shell-${v}`,
+			"data-testid": `reinspect-shell-${h}`,
 			style: Ue,
 			onContextMenu: We,
 			children: [
 				Z ? /* @__PURE__ */ u("span", {
 					className: "reinspect-name-badge",
-					children: [v, Pe ? ` | ${Ce(Ie, _e)}` : ""]
+					children: [h, Pe ? ` | ${Ee(Ie, pe)}` : ""]
 				}) : null,
 				Ze ? d(Ze, document.body) : null,
 				Qe,
@@ -1228,21 +1241,21 @@ function Y(e, t) {
 					className: "reinspect-content",
 					"data-reinspect-content": "true",
 					style: Re,
-					children: /* @__PURE__ */ l(h, { ...Q })
+					children: /* @__PURE__ */ l(m, { ...Q })
 				})
 			]
 		});
 	}
-	return y.displayName = `withReinspect(${v})`, y[_e] = {
+	return _.displayName = `withReinspect(${h})`, _[be] = {
 		source: a,
-		scope: p,
-		original: h
-	}, y;
+		scope: f,
+		original: m
+	}, _;
 }
 //#endregion
 //#region src/reinspect/autoWrap.ts
-function je(e, t) {
-	return ve(e)?.source === "manual" ? e : Y(e, {
+function Z(e, t) {
+	return xe(e)?.source === "manual" ? e : X(e, {
 		source: "auto",
 		scope: t.scope,
 		name: t.componentName,
@@ -1251,13 +1264,16 @@ function je(e, t) {
 }
 //#endregion
 //#region src/reinspect/wrapInspectableMap.ts
-function X(e, t) {
+function Pe(e, t) {
 	let n = {};
 	for (let r of Object.keys(e)) {
 		let i = e[r];
-		n[r] = Y(i, typeof t == "function" ? t(r, i) : t?.[r]);
+		n[r] = X(i, typeof t == "function" ? t(r, i) : t?.[r]);
 	}
 	return n;
 }
 //#endregion
-export { m as DEFAULT_EDITABLE_PROPS, h as DEFAULT_PALETTE, F as ReinspectFloatingToggle, se as ReinspectProvider, je as autoWrapInspectable, p as useReinspect, Y as withReinspect, X as wrapInspectableMap };
+//#region src/reinspect/index.ts
+h(f);
+//#endregion
+export { v as DEFAULT_EDITABLE_PROPS, y as DEFAULT_PALETTE, L as ReinspectFloatingToggle, I as ReinspectProvider, Z as autoWrapInspectable, _ as useReinspect, X as withReinspect, Pe as wrapInspectableMap };