react-reinspect 0.1.6 → 0.1.8

package/dist/lib/index.js

@@ -1,1279 +1,382 @@
-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";
+"use client";
+import { a as e, c as t, i as n, l as r, o as i, r as a, s as o, t as s } from "./wrap-8xVFW-im.js";
+import { useCallback as c, useContext as l, useEffect as u, useMemo as d, useReducer as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#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() {
+var _ = ".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}", v = "reinspect-runtime-styles";
+function y() {
 	return typeof document > "u" ? null : document;
 }
-function h(e) {
+function b(e) {
 	if (!e) return;
-	let t = m();
-	if (!t || t.getElementById(p)) return;
+	let t = y();
+	if (!t || t.getElementById(v)) return;
 	let n = t.createElement("style");
-	n.id = p, n.textContent = e, (t.head ?? t.documentElement).appendChild(n);
+	n.id = v, n.textContent = e, (t.head ?? t.documentElement).appendChild(n);
 }
 //#endregion
-//#region src/reinspect/store.ts
-var g = e(null);
-//#endregion
-//#region src/reinspect/useReinspect.ts
-function _() {
-	let e = n(g);
-	if (!e) throw Error("useReinspect must be used within ReinspectProvider");
-	return e;
-}
-//#endregion
-//#region src/reinspect/constants.ts
-var v = [
-	"backgroundColor",
-	"color",
-	"fontSize",
-	"padding",
-	"margin",
-	"borderRadius",
-	"borderWidth",
-	"borderColor",
-	"opacity",
-	"width",
-	"height",
-	"gap"
-], y = [
-	"#f97316",
-	"#2563eb",
-	"#16a34a",
-	"#db2777",
-	"#ca8a04",
-	"#0f766e"
-], b = new Set([
-	"backgroundColor",
-	"color",
-	"borderColor"
-]), ee = new Set([
-	"fontSize",
-	"padding",
-	"margin",
-	"borderRadius",
-	"borderWidth",
-	"width",
-	"height",
-	"gap"
-]), x = 2147483e3, S = "reinspect.inspectMode", C = [
-	"wrapped",
-	"first-party",
-	"all"
-], w = [
-	"attempts",
-	"commits",
-	"both"
-];
-function T() {
-	return !1;
-}
-function E(e) {
-	return typeof e == "string" && C.includes(e);
-}
-function D(e) {
-	return typeof e == "string" && w.includes(e);
-}
-function O() {
-	if (!(typeof window > "u")) try {
-		let e = window.sessionStorage.getItem(S);
-		return E(e) ? e : void 0;
-	} catch {
-		return;
-	}
-}
-function te(e) {
-	return O() || (E(e) ? e : "wrapped");
-}
-function k(e) {
-	if (!(typeof window > "u")) try {
-		window.sessionStorage.setItem(S, e);
-	} catch {}
-}
-function ne() {
-	if (!(typeof window > "u")) try {
-		window.location.reload();
-	} catch {}
+//#region src/reinspect/core/state.ts
+function x(e) {
+	let t = {};
+	for (let n of e) t[n] = !0;
+	return t;
 }
-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;
+function S(e) {
 	return {
-		enabled: t,
-		startActive: e.startActive ?? !0,
-		showFloatingToggle: e.showFloatingToggle ?? t,
-		inspectMode: te(e.inspectMode),
-		editableProps: n,
-		palette: r,
-		zIndexBase: e.zIndexBase ?? x,
-		shouldCountRenders: e.shouldCountRenders ?? !1,
-		countRendersForComponents: e.countRendersForComponents ?? [],
-		renderCaptureMode: D(e.renderCaptureMode) ? e.renderCaptureMode : "attempts"
+		isActive: e.startActive,
+		inspectMode: e.inspectMode,
+		pendingInspectMode: e.inspectMode,
+		renderCounterMode: e.renderCounters,
+		renderCountComponents: x(e.countRendersForComponents),
+		overrides: {}
 	};
 }
-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 M(e, t) {
-	return t.length === 0 ? y[0] : t[j(e) % t.length];
-}
-function re(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 ie(e) {
-	if (!e) return "#1f2937";
-	if (/^#[0-9a-fA-F]{6}$/.test(e)) return e;
-	if (/^#[0-9a-fA-F]{3}$/.test(e)) {
-		let [, t, n, r] = e;
-		return `#${t}${t}${n}${n}${r}${r}`;
+function C(e, t) {
+	if (e === t) return !0;
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n += 1) if (e[n] !== t[n]) return !1;
+	return !0;
+}
+function w(e, t) {
+	switch (t.type) {
+		case "hydrate-config": {
+			let n = x(t.config.countRendersForComponents), r = {
+				...e,
+				isActive: t.config.enabled ? e.isActive : !1,
+				inspectMode: t.config.inspectMode,
+				pendingInspectMode: t.config.inspectMode,
+				renderCounterMode: t.config.renderCounters,
+				renderCountComponents: n
+			};
+			return r.isActive === e.isActive && r.inspectMode === e.inspectMode && r.pendingInspectMode === e.pendingInspectMode && r.renderCounterMode === e.renderCounterMode && C(Object.keys(r.renderCountComponents), Object.keys(e.renderCountComponents)) ? e : r;
+		}
+		case "set-is-active": return e.isActive === t.value ? e : {
+			...e,
+			isActive: t.value
+		};
+		case "set-pending-inspect-mode": return e.pendingInspectMode === t.value ? e : {
+			...e,
+			pendingInspectMode: t.value
+		};
+		case "set-render-counter-mode": return e.renderCounterMode === t.value ? e : {
+			...e,
+			renderCounterMode: t.value
+		};
+		case "set-render-counting-for-component": {
+			if (t.enabled) return e.renderCountComponents[t.componentName] ? e : {
+				...e,
+				renderCountComponents: {
+					...e.renderCountComponents,
+					[t.componentName]: !0
+				}
+			};
+			if (!e.renderCountComponents[t.componentName]) return e;
+			let n = { ...e.renderCountComponents };
+			return delete n[t.componentName], {
+				...e,
+				renderCountComponents: n
+			};
+		}
+		case "update-override": {
+			let n = { ...e.overrides[t.componentId] ?? {} };
+			if (t.value === void 0 || t.value === null || t.value === "" ? delete n[t.prop] : n[t.prop] = t.value, Object.keys(n).length === 0) {
+				if (!e.overrides[t.componentId]) return e;
+				let n = { ...e.overrides };
+				return delete n[t.componentId], {
+					...e,
+					overrides: n
+				};
+			}
+			return {
+				...e,
+				overrides: {
+					...e.overrides,
+					[t.componentId]: n
+				}
+			};
+		}
+		default: return e;
 	}
-	return "#1f2937";
-}
-function ae(e) {
-	let t = Number(e);
-	if (Number.isFinite(t)) return t;
 }
 //#endregion
-//#region src/reinspect/context.tsx
-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;
+//#region src/reinspect/useReinspect.ts
+function T() {
+	let e = l(r);
+	if (!e) throw Error("useReinspect must be used within ReinspectProvider");
+	return e;
 }
-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 };
-				return delete t[e], t;
-			}
-			return {
-				...r,
-				[e]: i
-			};
+//#endregion
+//#region src/reinspect/react/provider.tsx
+var E = "Controls render counting for wrapped components.", D = "Off disables global counting. Attempts, commits, and both capture rerenders after initial mount.", O = "Controls which components are automatically discoverable by Reinspect.", k = "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 A({ children: n, config: a }) {
+	let s = d(() => t(a), [a]), [l, p] = f(w, s, S);
+	u(() => {
+		p({
+			type: "hydrate-config",
+			config: s
 		});
-	}, []), S = t((e, t) => {
-		y((n) => {
-			if (t) return {
-				...n,
-				[e]: !0
-			};
-			if (!n[e]) return n;
-			let r = { ...n };
-			return delete r[e], r;
+	}, [s]);
+	let m = c((e) => {
+		p({
+			type: "set-is-active",
+			value: typeof e == "function" ? e(l.isActive) : e
+		});
+	}, [l.isActive]), _ = c((e) => {
+		p({
+			type: "set-pending-inspect-mode",
+			value: typeof e == "function" ? e(l.pendingInspectMode) : e
 		});
-	}, []), 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: f,
-		hasPendingInspectModeChange: w,
+	}, [l.pendingInspectMode]), v = c((e) => {
+		p({
+			type: "set-render-counter-mode",
+			value: typeof e == "function" ? e(l.renderCounterMode) : e
+		});
+	}, [l.renderCounterMode]), y = c((e, t, n) => {
+		p({
+			type: "update-override",
+			componentId: e,
+			prop: t,
+			value: n
+		});
+	}, []), b = c((e, t) => {
+		p({
+			type: "set-render-counting-for-component",
+			componentName: e,
+			enabled: t
+		});
+	}, []), x = c((e) => l.renderCounterMode !== "off" || !!l.renderCountComponents[e], [l.renderCounterMode, l.renderCountComponents]), C = l.pendingInspectMode !== l.inspectMode, T = c(() => {
+		C && (e(l.pendingInspectMode), o());
+	}, [C, l.pendingInspectMode]), E = c((e) => i(e, s.palette), [s.palette]), D = d(() => ({
+		config: s,
+		isActive: s.enabled && l.isActive,
+		setIsActive: m,
+		inspectMode: l.inspectMode,
+		pendingInspectMode: l.pendingInspectMode,
+		setPendingInspectMode: _,
+		hasPendingInspectModeChange: C,
 		applyInspectMode: T,
-		shouldCountRenders: p,
-		setShouldCountRenders: m,
-		renderCaptureMode: h,
-		setRenderCaptureMode: _,
-		renderCountComponents: v,
-		setRenderCountingForComponent: S,
-		isRenderCountingEnabledFor: C,
-		overrides: b,
-		updateOverride: x,
+		renderCounterMode: l.renderCounterMode,
+		setRenderCounterMode: v,
+		renderCountComponents: l.renderCountComponents,
+		setRenderCountingForComponent: b,
+		isRenderCountingEnabledFor: x,
+		overrides: l.overrides,
+		updateOverride: y,
 		getBorderColor: E
 	}), [
-		r,
-		i,
-		c,
-		d,
-		f,
-		w,
+		s,
+		l.isActive,
+		m,
+		l.inspectMode,
+		l.pendingInspectMode,
+		_,
+		C,
 		T,
-		p,
-		h,
+		l.renderCounterMode,
 		v,
-		S,
-		C,
+		l.renderCountComponents,
 		b,
 		x,
+		l.overrides,
+		y,
 		E
 	]);
-	return /* @__PURE__ */ u(g.Provider, {
+	return /* @__PURE__ */ g(r.Provider, {
 		value: D,
-		children: [e, r.enabled && r.showFloatingToggle ? /* @__PURE__ */ l(L, {}) : null]
+		children: [n, s.enabled && s.showFloatingToggle ? /* @__PURE__ */ h(j, {}) : 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;
+function j() {
+	let { config: e, isActive: t, setIsActive: r, inspectMode: i, pendingInspectMode: o, setPendingInspectMode: s, hasPendingInspectModeChange: c, applyInspectMode: l, renderCounterMode: d, setRenderCounterMode: f } = T(), [_, v] = m(!1), y = p(null);
+	return u(() => {
+		if (!_) return;
 		let e = (e) => {
 			let t = e.target;
-			b.current?.contains(t) || y(!1);
+			t instanceof Node && (y.current?.contains(t) || v(!1));
 		}, t = (e) => {
-			e.key === "Escape" && y(!1);
+			e.key === "Escape" && v(!1);
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
-	}, [v]), e.enabled ? /* @__PURE__ */ u("div", {
+	}, [_]), e.enabled ? /* @__PURE__ */ g("div", {
 		className: "reinspect-floating-root",
-		ref: b,
-		children: [/* @__PURE__ */ l("button", {
+		ref: y,
+		children: [/* @__PURE__ */ h("button", {
 			type: "button",
 			className: "reinspect-floating-toggle",
 			"data-testid": "reinspect-floating-toggle",
-			onClick: () => y((e) => !e),
-			"aria-expanded": v,
+			onClick: () => v((e) => !e),
+			"aria-expanded": _,
 			"aria-controls": "reinspect-settings-menu",
 			children: "Reinspect settings"
-		}), v ? /* @__PURE__ */ u("div", {
+		}), _ ? /* @__PURE__ */ g("div", {
 			id: "reinspect-settings-menu",
 			className: "reinspect-settings-menu",
 			role: "dialog",
 			"aria-label": "Reinspect settings",
 			"data-testid": "reinspect-settings-menu",
 			children: [
-				/* @__PURE__ */ l("p", {
+				/* @__PURE__ */ h("p", {
 					className: "reinspect-settings-title",
 					children: "Reinspect settings"
 				}),
-				/* @__PURE__ */ u("label", {
+				/* @__PURE__ */ g("label", {
 					className: "reinspect-settings-toggle-row",
-					children: [/* @__PURE__ */ l("span", {
+					children: [/* @__PURE__ */ h("span", {
 						className: "reinspect-settings-toggle-label",
 						children: "Inspector enabled"
-					}), /* @__PURE__ */ l("input", {
+					}), /* @__PURE__ */ h("input", {
 						"data-testid": "reinspect-setting-inspector-active",
 						type: "checkbox",
 						checked: t,
-						onChange: (e) => n(e.currentTarget.checked)
+						onChange: (e) => r(e.currentTarget.checked)
 					})]
 				}),
-				/* @__PURE__ */ l("div", { className: "reinspect-settings-divider" }),
-				/* @__PURE__ */ u("section", {
+				/* @__PURE__ */ h("div", { className: "reinspect-settings-divider" }),
+				/* @__PURE__ */ g("section", {
 					className: "reinspect-setting-block",
 					children: [
-						/* @__PURE__ */ u("header", {
+						/* @__PURE__ */ g("header", {
 							className: "reinspect-setting-header",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 								className: "reinspect-setting-name",
 								children: "INSPECT_MODE"
-							}), /* @__PURE__ */ l("p", {
+							}), /* @__PURE__ */ h("p", {
 								className: "reinspect-setting-short-description",
-								children: le
-							})] }), /* @__PURE__ */ u("span", {
+								children: O
+							})] }), /* @__PURE__ */ g("span", {
 								className: "reinspect-tooltip-host",
-								children: [/* @__PURE__ */ l("button", {
+								children: [/* @__PURE__ */ h("button", {
 									type: "button",
 									className: "reinspect-tooltip-trigger",
 									"aria-label": "Explain INSPECT_MODE",
 									children: "?"
-								}), /* @__PURE__ */ l("span", {
+								}), /* @__PURE__ */ h("span", {
 									className: "reinspect-tooltip-content",
 									role: "tooltip",
-									children: P
+									children: k
 								})]
 							})]
 						}),
-						/* @__PURE__ */ u("label", {
+						/* @__PURE__ */ g("label", {
 							className: "reinspect-settings-select-row",
-							children: [/* @__PURE__ */ l("span", {
+							children: [/* @__PURE__ */ h("span", {
 								className: "reinspect-settings-toggle-label",
 								children: "Inspect Mode"
-							}), /* @__PURE__ */ u("select", {
+							}), /* @__PURE__ */ g("select", {
 								"data-testid": "reinspect-setting-inspect-mode",
-								value: a,
+								value: o,
 								onChange: (e) => {
 									let t = e.currentTarget.value;
-									E(t) && c(t);
+									a(t) && s(t);
 								},
 								children: [
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ h("option", {
 										value: "wrapped",
 										children: "Only wrapped components"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ h("option", {
 										value: "first-party",
 										children: "All 1st-party components"
 									}),
-									/* @__PURE__ */ l("option", {
+									/* @__PURE__ */ h("option", {
 										value: "all",
 										children: "All components"
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ h("button", {
 							type: "button",
 							className: "reinspect-apply-button",
 							"data-testid": "reinspect-apply-inspect-mode",
-							onClick: f,
-							disabled: !d,
+							onClick: l,
+							disabled: !c,
 							children: "Apply & Reload"
 						}),
-						d ? /* @__PURE__ */ l("p", {
+						c ? /* @__PURE__ */ h("p", {
 							className: "reinspect-setting-note",
 							"data-testid": "reinspect-inspect-mode-reload-note",
 							children: "Inspect mode changes are applied after reload."
-						}) : /* @__PURE__ */ u("p", {
+						}) : /* @__PURE__ */ g("p", {
 							className: "reinspect-setting-note",
 							children: ["Current mode: ", i]
 						})
 					]
 				}),
-				/* @__PURE__ */ l("div", { className: "reinspect-settings-divider" }),
-				/* @__PURE__ */ u("section", {
+				/* @__PURE__ */ h("div", { className: "reinspect-settings-divider" }),
+				/* @__PURE__ */ g("section", {
 					className: "reinspect-setting-block",
-					children: [
-						/* @__PURE__ */ u("header", {
-							className: "reinspect-setting-header",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-								className: "reinspect-setting-name",
-								children: "SHOULD_COUNT_RENDERS"
-							}), /* @__PURE__ */ l("p", {
-								className: "reinspect-setting-short-description",
-								children: N
-							})] }), /* @__PURE__ */ u("span", {
-								className: "reinspect-tooltip-host",
-								children: [/* @__PURE__ */ l("button", {
-									type: "button",
-									className: "reinspect-tooltip-trigger",
-									"aria-label": "Explain SHOULD_COUNT_RENDERS",
-									children: "?"
-								}), /* @__PURE__ */ l("span", {
-									className: "reinspect-tooltip-content",
-									role: "tooltip",
-									children: oe
-								})]
-							})]
-						}),
-						/* @__PURE__ */ u("label", {
-							className: "reinspect-settings-toggle-row",
-							children: [/* @__PURE__ */ l("span", {
-								className: "reinspect-settings-toggle-label",
-								children: "Capture render for all components"
-							}), /* @__PURE__ */ l("input", {
-								"data-testid": "reinspect-setting-should-count-renders",
-								type: "checkbox",
-								checked: p,
-								onChange: (e) => m(e.currentTarget.checked)
-							})]
-						}),
-						/* @__PURE__ */ u("header", {
-							className: "reinspect-setting-header",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-								className: "reinspect-setting-name",
-								children: "RENDER_CAPTURE_MODE"
-							}), /* @__PURE__ */ l("p", {
-								className: "reinspect-setting-short-description",
-								children: se
-							})] }), /* @__PURE__ */ u("span", {
-								className: "reinspect-tooltip-host",
-								children: [/* @__PURE__ */ l("button", {
-									type: "button",
-									className: "reinspect-tooltip-trigger",
-									"aria-label": "Explain RENDER_CAPTURE_MODE",
-									children: "?"
-								}), /* @__PURE__ */ l("span", {
-									className: "reinspect-tooltip-content",
-									role: "tooltip",
-									children: ce
-								})]
-							})]
-						}),
-						/* @__PURE__ */ u("label", {
-							className: "reinspect-settings-select-row",
-							children: [/* @__PURE__ */ l("span", {
-								className: "reinspect-settings-toggle-label",
-								children: "Capture mode"
-							}), /* @__PURE__ */ u("select", {
-								"data-testid": "reinspect-setting-render-capture-mode",
-								value: h,
-								onChange: (e) => {
-									let t = e.currentTarget.value;
-									D(t) && g(t);
-								},
-								children: [
-									/* @__PURE__ */ l("option", {
-										value: "attempts",
-										children: "Render attempts"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "commits",
-										children: "Committed renders"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "both",
-										children: "Both"
-									})
-								]
+					children: [/* @__PURE__ */ g("header", {
+						className: "reinspect-setting-header",
+						children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+							className: "reinspect-setting-name",
+							children: "RENDER_COUNTERS"
+						}), /* @__PURE__ */ h("p", {
+							className: "reinspect-setting-short-description",
+							children: E
+						})] }), /* @__PURE__ */ g("span", {
+							className: "reinspect-tooltip-host",
+							children: [/* @__PURE__ */ h("button", {
+								type: "button",
+								className: "reinspect-tooltip-trigger",
+								"aria-label": "Explain RENDER_COUNTERS",
+								children: "?"
+							}), /* @__PURE__ */ h("span", {
+								className: "reinspect-tooltip-content",
+								role: "tooltip",
+								children: D
 							})]
-						})
-					]
+						})]
+					}), /* @__PURE__ */ g("label", {
+						className: "reinspect-settings-select-row",
+						children: [/* @__PURE__ */ h("span", {
+							className: "reinspect-settings-toggle-label",
+							children: "Counter mode"
+						}), /* @__PURE__ */ g("select", {
+							"data-testid": "reinspect-setting-render-counters",
+							value: d,
+							onChange: (e) => {
+								let t = e.currentTarget.value;
+								n(t) && f(t);
+							},
+							children: [
+								/* @__PURE__ */ h("option", {
+									value: "off",
+									children: "Off"
+								}),
+								/* @__PURE__ */ h("option", {
+									value: "attempts",
+									children: "Render attempts"
+								}),
+								/* @__PURE__ */ h("option", {
+									value: "commits",
+									children: "Committed renders"
+								}),
+								/* @__PURE__ */ h("option", {
+									value: "both",
+									children: "Both"
+								})
+							]
+						})]
+					})]
 				})
 			]
 		}) : null]
 	}) : null;
 }
 //#endregion
-//#region src/reinspect/propsInspector.ts
-var R = 4, z = 40, B = 40, V = "__reinspect_placeholder__";
-function H(e, t) {
-	return {
-		[V]: e,
-		display: t
-	};
-}
-function U(e) {
-	return typeof e == "object" && !!e && !Array.isArray(e);
-}
-function ue(e) {
-	if (!U(e)) return !1;
-	let t = Object.getPrototypeOf(e);
-	return t === Object.prototype || t === null;
-}
-function de(e) {
-	return U(e) && typeof e.__reinspect_placeholder__ == "string" && typeof e.display == "string";
-}
-function fe(e) {
-	try {
-		return JSON.stringify(e, null, 2);
-	} catch {
-		return null;
-	}
-}
-function W(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 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 > 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 : 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 H("circular", "[Circular]");
-		if (t.add(r), Array.isArray(e)) {
-			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 > 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, z);
-		for (let e = 0; e < o; e += 1) {
-			let [r, o] = a[e];
-			i[r] = G(o, t, n + 1);
-		}
-		return a.length > z && (i.__reinspect_truncated__ = H("truncated", `${a.length - z} more keys`)), t.delete(r), i;
-	}
-	return H("unsupported", "[Unsupported value]");
-}
-function K(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 = W(t), r = t.name || "anonymous";
-		return {
-			kind: "function",
-			summary: `Function ${r}(${t.length})`,
-			copyText: n,
-			functionMeta: {
-				name: r,
-				arity: t.length,
-				preview: pe(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})`
-	} : U(e) ? {
-		kind: "object",
-		summary: `Object(${Object.keys(e).length})`
-	} : {
-		kind: "unknown",
-		summary: String(e)
-	};
-}
-function q(e) {
-	if (!de(e)) {
-		if (Array.isArray(e)) {
-			let t = [];
-			for (let n of e) {
-				let e = q(n);
-				if (e === void 0) return;
-				t.push(e);
-			}
-			return t;
-		}
-		if (U(e)) {
-			let t = {};
-			for (let [n, r] of Object.entries(e)) {
-				let e = q(r);
-				e !== void 0 && (t[n] = e);
-			}
-			return t;
-		}
-		return e;
-	}
-}
-function me(e) {
-	return Object.keys(e).map((t) => ({
-		key: t,
-		value: K(e[t])
-	}));
-}
-function he(e) {
-	return fe(G(e, /* @__PURE__ */ new WeakSet(), 0)) ?? "{}";
-}
-function ge(e) {
-	return fe(G(e, /* @__PURE__ */ new WeakSet(), 0));
-}
-function _e(e) {
-	if (e === null) return !0;
-	let t = typeof e;
-	return t === "string" || t === "number" || t === "boolean" || Array.isArray(e) ? !0 : ue(e);
-}
-function ve(e) {
-	let t = e.trim();
-	if (t.length === 0) return {
-		parsed: null,
-		error: "Value JSON cannot be empty."
-	};
-	try {
-		let e = q(JSON.parse(t));
-		return e === void 0 || !_e(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 ye(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 = q(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 be = Symbol.for("reinspect.wrapped");
-function xe(e) {
-	return e[be];
-}
-//#endregion
 //#region src/reinspect/withReinspect.tsx
-var Se = {
-	enabled: !1,
-	startActive: !1,
-	showFloatingToggle: !1,
-	inspectMode: "wrapped",
-	editableProps: [],
-	palette: [],
-	zIndexBase: 0,
-	shouldCountRenders: !1,
-	countRendersForComponents: [],
-	renderCaptureMode: "attempts"
-}, Ce = /* @__PURE__ */ new Map();
-function J(e) {
-	let t = Ce.get(e);
-	if (t) return t;
+function M(e, t) {
 	let n = {
-		attempts: 0,
-		commits: 0,
-		hasCommitted: !1,
-		wasCountingEnabled: !1,
-		shouldCountCommit: !1
-	};
-	return Ce.set(e, n), n;
-}
-function we(e, t) {
-	let n = J(e);
-	if (!t) return n.wasCountingEnabled = !1, n.shouldCountCommit = !1, {
-		attempts: n.attempts,
-		commits: n.commits
-	};
-	let r = n.hasCommitted && n.wasCountingEnabled;
-	return r && (n.attempts += 1), n.wasCountingEnabled = !0, n.shouldCountCommit = r, {
-		attempts: n.attempts,
-		commits: n.commits + +!!r
+		source: "manual",
+		scope: "first-party"
 	};
-}
-function Te(e) {
-	let t = J(e);
-	t.hasCommitted && t.shouldCountCommit && (t.commits += 1), t.hasCommitted = !0, t.shouldCountCommit = !1;
-}
-function Ee(e, t) {
-	return t === "commits" ? `${e.commits} commits` : t === "both" ? `${e.attempts} attempts | ${e.commits} commits` : `${e.attempts} attempts`;
-}
-function De(e) {
-	let t = e.replace(/([A-Z])/g, " $1").trim();
-	return t.length > 0 ? t[0].toUpperCase() + t.slice(1) : e;
-}
-function Oe(e) {
-	return e.trim().toLowerCase().replace(/[\s_-]+/g, "");
-}
-function Y(e) {
-	return e != null && e !== "";
-}
-function ke(e) {
-	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
-}
-async function Ae(e) {
-	if (typeof navigator > "u" || !navigator.clipboard?.writeText) return !1;
-	try {
-		return await navigator.clipboard.writeText(e), !0;
-	} catch {
-		return !1;
-	}
-}
-function je({ value: e, onCopy: t }) {
-	if (e.kind === "function" && e.functionMeta) {
-		let n = e.functionMeta;
-		return /* @__PURE__ */ u("div", {
-			className: "reinspect-prop-function",
-			children: [
-				/* @__PURE__ */ l("code", { children: e.summary }),
-				/* @__PURE__ */ l("pre", { children: n.preview }),
-				/* @__PURE__ */ l("button", {
-					type: "button",
-					onClick: () => t(n.source, "Function source"),
-					disabled: !n.source,
-					children: "Copy function source"
-				})
-			]
-		});
-	}
-	return /* @__PURE__ */ u("div", {
-		className: "reinspect-prop-scalar",
-		children: [/* @__PURE__ */ l("code", { children: e.summary }), e.copyText ? /* @__PURE__ */ l("button", {
-			type: "button",
-			onClick: () => t(e.copyText ?? "", "Value"),
-			children: "Copy"
-		}) : null]
-	});
-}
-function Me(e, t) {
-	return t?.name?.trim() || e.displayName?.trim() || e.name?.trim() || t?.fallbackName?.trim() || "Component";
-}
-function Ne(e, t, n) {
-	return e === "manual" || n === "all" || n === "first-party" && t === "first-party";
-}
-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,
-			...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;
-				p.current?.contains(t) || _.current?.contains(t) || (y(null), I(null), R(""), B(null));
-			}, t = (e) => {
-				if (e.key === "Escape") {
-					if (F) {
-						I(null), R(""), B(null);
-						return;
-					}
-					y(null);
-				}
-			};
-			return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
-				document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
-			};
-		}, [F, $]), r(() => {
-			if (!j) return;
-			let e = globalThis.setTimeout(() => {
-				M(null);
-			}, 1400);
-			return () => {
-				globalThis.clearTimeout(e);
-			};
-		}, [j]);
-		let Ue = {
-			"--reinspect-color": Me,
-			"--reinspect-z-base": U.zIndexBase
-		}, We = (e) => {
-			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 } = ye(te);
-			if (t || !e) {
-				A(t);
-				return;
-			}
-			O(e), A(null);
-		}, Ke = () => {
-			O({}), C === "raw" && k(he(e)), A(null);
-		}, qe = (e, t) => {
-			Ae(e).then((e) => {
-				M(e ? `${t} copied.` : "Clipboard access is unavailable.");
-			});
-		}, Je = (e, t) => {
-			if (le[e]) {
-				P((t) => ({
-					...t,
-					[e]: !1
-				}));
-				return;
-			}
-			if (!(e in N) && !(e in se)) {
-				let n = ge(t);
-				n === null ? ce((t) => ({
-					...t,
-					[e]: "JSON preview is unavailable for this value."
-				})) : oe((t) => ({
-					...t,
-					[e]: n
-				}));
-			}
-			P((t) => ({
-				...t,
-				[e]: !0
-			}));
-		}, Ye = (e, t) => {
-			if (!_e(t)) return;
-			let n = ge(t);
-			if (n === null) {
-				M("Unable to open editor for this value.");
-				return;
-			}
-			I(e), R(n), B(null);
-		}, Xe = () => {
-			if (!F) return;
-			let { parsed: e, error: t } = ve(L);
-			if (t || e === null) {
-				B(t);
-				return;
-			}
-			O((t) => ({
-				...t,
-				[F]: e
-			})), I(null), R(""), B(null);
-		}, Ze = $ ? /* @__PURE__ */ u("div", {
-			ref: p,
-			className: "reinspect-menu",
-			role: "dialog",
-			"aria-label": `${h} inspector controls`,
-			style: {
-				top: `${v.y}px`,
-				left: `${v.x}px`
-			},
-			children: [
-				/* @__PURE__ */ u("p", {
-					className: "reinspect-menu-title",
-					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: 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}`
-					})]
-				}),
-				W ? /* @__PURE__ */ l("p", {
-					className: "reinspect-setting-note",
-					children: "Global capture is enabled from Reinspect settings."
-				}) : null,
-				/* @__PURE__ */ u("div", {
-					className: "reinspect-submenu",
-					children: [/* @__PURE__ */ l("button", {
-						type: "button",
-						"data-state": x === "css" ? "active" : "idle",
-						onClick: () => S("css"),
-						children: "CSS"
-					}), /* @__PURE__ */ l("button", {
-						type: "button",
-						"data-state": x === "props" ? "active" : "idle",
-						onClick: () => S("props"),
-						children: "Props"
-					})]
-				}),
-				x === "css" ? /* @__PURE__ */ u(c, { children: [
-					/* @__PURE__ */ u("div", {
-						className: "reinspect-menu-filter",
-						children: [/* @__PURE__ */ l("span", {
-							className: "reinspect-menu-filter-icon",
-							"aria-hidden": "true",
-							children: /* @__PURE__ */ l("svg", {
-								viewBox: "0 0 24 24",
-								focusable: "false",
-								children: /* @__PURE__ */ l("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__ */ l("input", {
-							id: `${J}-css-filter`,
-							"data-testid": "reinspect-css-filter-input",
-							type: "search",
-							value: T,
-							placeholder: "Filter",
-							"aria-label": "Filter CSS properties",
-							onChange: (e) => E(e.currentTarget.value)
-						})]
-					}),
-					/* @__PURE__ */ l("div", {
-						className: "reinspect-menu-grid",
-						children: Ve.map((e) => {
-							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: De(e)
-									}), /* @__PURE__ */ u("div", {
-										className: "reinspect-inline-controls",
-										children: [/* @__PURE__ */ l("input", {
-											id: n,
-											type: "color",
-											value: r,
-											onChange: (t) => K(J, e, t.currentTarget.value)
-										}), /* @__PURE__ */ l("button", {
-											type: "button",
-											onClick: () => K(J, e, void 0),
-											disabled: !Y(t),
-											children: "reset"
-										})]
-									})]
-								}, e);
-							}
-							if (e === "opacity") {
-								let r = typeof t == "number" ? t : 1;
-								return /* @__PURE__ */ u("div", {
-									className: "reinspect-field",
-									children: [/* @__PURE__ */ l("label", {
-										htmlFor: n,
-										children: "Opacity"
-									}), /* @__PURE__ */ u("div", {
-										className: "reinspect-inline-controls reinspect-opacity-controls",
-										children: [
-											/* @__PURE__ */ l("input", {
-												id: n,
-												type: "range",
-												min: "0",
-												max: "1",
-												step: "0.05",
-												value: r,
-												onChange: (t) => {
-													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: () => K(J, e, void 0),
-												disabled: !Y(t),
-												children: "reset"
-											})
-										]
-									})]
-								}, 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: [De(e), " (px)"]
-									}), /* @__PURE__ */ u("div", {
-										className: "reinspect-inline-controls",
-										children: [/* @__PURE__ */ l("input", {
-											id: n,
-											type: "number",
-											step: "1",
-											value: r,
-											onChange: (t) => {
-												if (t.currentTarget.value === "") {
-													K(J, e, void 0);
-													return;
-												}
-												let n = ae(t.currentTarget.value);
-												n !== void 0 && K(J, e, n);
-											}
-										}), /* @__PURE__ */ l("button", {
-											type: "button",
-											onClick: () => K(J, e, void 0),
-											disabled: !Y(t),
-											children: "reset"
-										})]
-									})]
-								}, e);
-							}
-							return /* @__PURE__ */ u("div", {
-								className: "reinspect-field",
-								children: [/* @__PURE__ */ l("label", {
-									htmlFor: n,
-									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) => K(J, e, t.currentTarget.value || void 0)
-									}), /* @__PURE__ */ l("button", {
-										type: "button",
-										onClick: () => K(J, e, void 0),
-										disabled: !Y(t),
-										children: "reset"
-									})]
-								})]
-							}, e);
-						})
-					}),
-					Ve.length === 0 ? /* @__PURE__ */ u("p", {
-						className: "reinspect-menu-empty-state",
-						children: [
-							"No CSS properties match \"",
-							T.trim(),
-							"\"."
-						]
-					}) : null
-				] }) : /* @__PURE__ */ u("div", {
-					className: "reinspect-props-panel",
-					children: [
-						/* @__PURE__ */ u("div", {
-							className: "reinspect-props-submenu",
-							children: [/* @__PURE__ */ l("button", {
-								type: "button",
-								"data-state": C === "detected" ? "active" : "idle",
-								onClick: () => w("detected"),
-								children: "Detected"
-							}), /* @__PURE__ */ l("button", {
-								type: "button",
-								"data-state": C === "raw" ? "active" : "idle",
-								onClick: () => {
-									w("raw"), A(null), k(he(ze));
-								},
-								children: "Raw"
-							})]
-						}),
-						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 = 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}`,
-									children: [/* @__PURE__ */ l("code", {
-										className: "reinspect-prop-key",
-										children: e.key
-									}), /* @__PURE__ */ u("div", {
-										className: "reinspect-prop-cell",
-										"data-testid": `reinspect-prop-value-${t}`,
-										children: [
-											je({
-												value: e.value,
-												onCopy: qe
-											}),
-											r || s ? /* @__PURE__ */ u("div", {
-												className: "reinspect-prop-actions",
-												children: [r ? /* @__PURE__ */ l("button", {
-													type: "button",
-													"data-testid": `reinspect-prop-show-json-${t}`,
-													onClick: () => Je(e.key, n),
-													children: i ? "Hide JSON" : "Show JSON"
-												}) : null, s ? /* @__PURE__ */ l("button", {
-													type: "button",
-													"data-testid": `reinspect-prop-edit-${t}`,
-													onClick: () => Ye(e.key, n),
-													children: "Edit"
-												}) : null]
-											}) : null,
-											i ? /* @__PURE__ */ l("div", {
-												className: "reinspect-prop-json-preview",
-												"data-testid": `reinspect-prop-json-preview-${t}`,
-												children: o ? /* @__PURE__ */ l("p", {
-													className: "reinspect-error",
-													children: o
-												}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("pre", { children: a }), a ? /* @__PURE__ */ l("button", {
-													type: "button",
-													"data-testid": `reinspect-prop-copy-json-${t}`,
-													onClick: () => qe(a, "JSON value"),
-													children: "Copy JSON"
-												}) : null] })
-											}) : null
-										]
-									})]
-								}, e.key);
-							})]
-						}) : /* @__PURE__ */ l("p", {
-							className: "reinspect-menu-empty-state",
-							children: "No props detected."
-						}) : /* @__PURE__ */ u(c, { children: [
-							/* @__PURE__ */ l("label", {
-								htmlFor: `${J}-props-json`,
-								children: "Props JSON"
-							}),
-							/* @__PURE__ */ l("textarea", {
-								id: `${J}-props-json`,
-								value: te,
-								onChange: (e) => {
-									k(e.currentTarget.value), A(null);
-								},
-								rows: 9
-							}),
-							ne ? /* @__PURE__ */ l("p", {
-								className: "reinspect-error",
-								children: ne
-							}) : null,
-							/* @__PURE__ */ u("div", {
-								className: "reinspect-inline-controls",
-								children: [/* @__PURE__ */ l("button", {
-									type: "button",
-									onClick: Ge,
-									children: "apply"
-								}), /* @__PURE__ */ l("button", {
-									type: "button",
-									onClick: Ke,
-									children: "reset"
-								})]
-							})
-						] }),
-						j ? /* @__PURE__ */ l("p", {
-							className: "reinspect-setting-note",
-							"data-testid": "reinspect-props-copy-status",
-							children: j
-						}) : null
-					]
-				})
-			]
-		}) : null, Qe = F ? d(/* @__PURE__ */ l("div", {
-			className: "reinspect-modal-backdrop",
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-label": `Edit ${F} prop`,
-			"data-testid": "reinspect-prop-edit-modal",
-			children: /* @__PURE__ */ u("div", {
-				className: "reinspect-modal",
-				ref: _,
-				children: [
-					/* @__PURE__ */ u("p", {
-						className: "reinspect-menu-title",
-						children: ["Edit prop: ", F]
-					}),
-					/* @__PURE__ */ l("label", {
-						htmlFor: `${J}-prop-edit-json`,
-						children: "JSON value"
-					}),
-					/* @__PURE__ */ l("textarea", {
-						id: `${J}-prop-edit-json`,
-						"data-testid": "reinspect-prop-edit-textarea",
-						value: L,
-						onChange: (e) => {
-							R(e.currentTarget.value), B(null);
-						},
-						rows: 10
-					}),
-					z ? /* @__PURE__ */ l("p", {
-						className: "reinspect-error",
-						"data-testid": "reinspect-prop-edit-error",
-						children: z
-					}) : null,
-					/* @__PURE__ */ u("div", {
-						className: "reinspect-inline-controls",
-						children: [/* @__PURE__ */ l("button", {
-							type: "button",
-							onClick: Xe,
-							children: "apply"
-						}), /* @__PURE__ */ l("button", {
-							type: "button",
-							onClick: () => {
-								I(null), R(""), B(null);
-							},
-							children: "cancel"
-						})]
-					})
-				]
-			})
-		}), document.body) : null;
-		if (!H) {
-			if (a === "manual") throw Error("useReinspect must be used within ReinspectProvider");
-			return /* @__PURE__ */ l(m, { ...Q });
-		}
-		return a === "auto" && !X ? /* @__PURE__ */ l(m, { ...Q }) : /* @__PURE__ */ u("div", {
-			className: "reinspect-shell",
-			"data-reinspect-component": h,
-			"data-reinspect-active": Z,
-			"data-testid": `reinspect-shell-${h}`,
-			style: Ue,
-			onContextMenu: We,
-			children: [
-				Z ? /* @__PURE__ */ u("span", {
-					className: "reinspect-name-badge",
-					children: [h, Pe ? ` | ${Ee(Ie, pe)}` : ""]
-				}) : null,
-				Ze ? d(Ze, document.body) : null,
-				Qe,
-				/* @__PURE__ */ l("div", {
-					className: "reinspect-content",
-					"data-reinspect-content": "true",
-					style: Re,
-					children: /* @__PURE__ */ l(m, { ...Q })
-				})
-			]
-		});
-	}
-	return _.displayName = `withReinspect(${h})`, _[be] = {
-		source: a,
-		scope: f,
-		original: m
-	}, _;
-}
-//#endregion
-//#region src/reinspect/autoWrap.ts
-function Z(e, t) {
-	return xe(e)?.source === "manual" ? e : X(e, {
-		source: "auto",
-		scope: t.scope,
-		name: t.componentName,
-		fallbackName: t.fallbackName
-	});
-}
-//#endregion
-//#region src/reinspect/wrapInspectableMap.ts
-function Pe(e, t) {
-	let n = {};
-	for (let r of Object.keys(e)) {
-		let i = e[r];
-		n[r] = X(i, typeof t == "function" ? t(r, i) : t?.[r]);
-	}
-	return n;
+	return t?.name && (n.componentName = t.name), s(e, n);
 }
 //#endregion
 //#region src/reinspect/index.ts
-h(f);
+b(_);
 //#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 };
+export { A as ReinspectProvider, T as useReinspect, M as withReinspect };