react-reinspect 0.1.8 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -5
- package/dist/lib/constants.d.ts +2 -1
- package/dist/lib/constants.d.ts.map +1 -1
- package/dist/lib/core/state.d.ts +27 -2
- package/dist/lib/core/state.d.ts.map +1 -1
- package/dist/lib/index.cjs +1 -1
- package/dist/lib/index.d.ts +1 -1
- package/dist/lib/index.d.ts.map +1 -1
- package/dist/lib/index.js +707 -227
- package/dist/lib/internal/auto-wrap.cjs +1 -1
- package/dist/lib/internal/auto-wrap.js +1 -1
- package/dist/lib/propsInspector.d.ts +8 -2
- package/dist/lib/propsInspector.d.ts.map +1 -1
- package/dist/lib/react/focusTrap.d.ts +3 -0
- package/dist/lib/react/focusTrap.d.ts.map +1 -0
- package/dist/lib/react/overlay.d.ts +1 -2
- package/dist/lib/react/overlay.d.ts.map +1 -1
- package/dist/lib/react/provider.d.ts.map +1 -1
- package/dist/lib/react/wrap.d.ts.map +1 -1
- package/dist/lib/style.css +1 -1
- package/dist/lib/syntaxHighlight.d.ts +6 -0
- package/dist/lib/syntaxHighlight.d.ts.map +1 -0
- package/dist/lib/types.d.ts +48 -3
- package/dist/lib/types.d.ts.map +1 -1
- package/dist/lib/utils.d.ts +31 -2
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/lib/wrap-Cc3mMcCA.cjs +2 -0
- package/dist/lib/wrap-DkOzTshV.js +2456 -0
- package/package.json +25 -2
- package/dist/lib/wrap-8xVFW-im.js +0 -996
- package/dist/lib/wrap-Bu931FVO.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../wrap-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../wrap-Cc3mMcCA.cjs`);function t(t,n){if(e.n(t)?.source===`manual`)return t;let r={source:`auto`,scope:n.scope};return n.componentName&&(r.componentName=n.componentName),n.fallbackName&&(r.fallbackName=n.fallbackName),e.t(t,r)}exports.autoWrapInspectable=t;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import type { PropsSerializationMode } from './types';
|
|
1
2
|
export declare const REINSPECT_PLACEHOLDER_KEY = "__reinspect_placeholder__";
|
|
3
|
+
export declare const REINSPECT_PLACEHOLDER_DISPLAY_NAME_KEY = "__reinspect__displayName__";
|
|
2
4
|
export type InspectedValueKind = 'null' | 'undefined' | 'boolean' | 'number' | 'string' | 'bigint' | 'symbol' | 'function' | 'date' | 'regexp' | 'array' | 'object' | 'unknown';
|
|
3
5
|
export interface InspectedFunctionMeta {
|
|
4
6
|
name: string;
|
|
@@ -16,9 +18,12 @@ export interface DetectedPropsRow {
|
|
|
16
18
|
key: string;
|
|
17
19
|
value: InspectedValueDescriptor;
|
|
18
20
|
}
|
|
21
|
+
interface SerializationOptions {
|
|
22
|
+
mode?: PropsSerializationMode;
|
|
23
|
+
}
|
|
19
24
|
export declare function buildDetectedPropsRows(props: Record<string, unknown>): DetectedPropsRow[];
|
|
20
|
-
export declare function serializePropsForRawEditor(props: Record<string, unknown
|
|
21
|
-
export declare function serializeValueForJson(value: unknown): string | null;
|
|
25
|
+
export declare function serializePropsForRawEditor(props: Record<string, unknown>, options?: SerializationOptions): string;
|
|
26
|
+
export declare function serializeValueForJson(value: unknown, options?: SerializationOptions): string | null;
|
|
22
27
|
export declare function isEditablePropValue(value: unknown): boolean;
|
|
23
28
|
export declare function parseEditablePropValueInput(input: string): {
|
|
24
29
|
parsed: unknown | null;
|
|
@@ -28,4 +33,5 @@ export declare function parsePropsOverridesInput(input: string): {
|
|
|
28
33
|
parsed: Record<string, unknown> | null;
|
|
29
34
|
error: string | null;
|
|
30
35
|
};
|
|
36
|
+
export {};
|
|
31
37
|
//# sourceMappingURL=propsInspector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propsInspector.d.ts","sourceRoot":"","sources":["../../src/reinspect/propsInspector.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"propsInspector.d.ts","sourceRoot":"","sources":["../../src/reinspect/propsInspector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAMrD,eAAO,MAAM,yBAAyB,8BAA8B,CAAA;AACpE,eAAO,MAAM,sCAAsC,+BACrB,CAAA;AAsB9B,MAAM,MAAM,kBAAkB,GAC1B,MAAM,GACN,WAAW,GACX,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,CAAA;AAEb,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,kBAAkB,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,qBAAqB,CAAA;CACrC;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,wBAAwB,CAAA;CAChC;AAED,UAAU,oBAAoB;IAC5B,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B;AAkZD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,gBAAgB,EAAE,CAKpB;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,OAAO,CAAC,EAAE,oBAAoB,GAC7B,MAAM,CAYR;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,OAAO,EACd,OAAO,CAAC,EAAE,oBAAoB,GAC7B,MAAM,GAAG,IAAI,CAcf;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAmB3D;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,GAAG;IAC1D,MAAM,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CA8BA;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG;IACvD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACtC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CA4CA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"focusTrap.d.ts","sourceRoot":"","sources":["../../../src/reinspect/react/focusTrap.ts"],"names":[],"mappings":"AAoBA,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CASvE;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,WAAW,GACrB,IAAI,CAuCN"}
|
|
@@ -3,9 +3,8 @@ import type { InspectedValueDescriptor } from '../propsInspector';
|
|
|
3
3
|
import type { RenderCounterMode } from '../types';
|
|
4
4
|
interface PropsValueTreeProps {
|
|
5
5
|
value: InspectedValueDescriptor;
|
|
6
|
-
onCopy: (text: string, label: string) => void;
|
|
7
6
|
}
|
|
8
|
-
export declare function renderPropsValueTree({ value
|
|
7
|
+
export declare function renderPropsValueTree({ value }: PropsValueTreeProps): ReactNode;
|
|
9
8
|
interface RenderCountBadgeProps {
|
|
10
9
|
instanceId: string;
|
|
11
10
|
counterMode: Exclude<RenderCounterMode, 'off'>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/reinspect/react/overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/reinspect/react/overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AAEjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,wBAAwB,CAAA;CAChC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,GAAG,SAAS,CAuB9E;AAED,UAAU,qBAAqB;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,OAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;CAC/C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,WAAW,GACZ,EAAE,qBAAqB,2CAGvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/reinspect/react/provider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/reinspect/react/provider.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAUV,sBAAsB,EAEvB,MAAM,UAAU,CAAA;AAmVjB,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,MAAM,GACP,EAAE,sBAAsB,2CAoRxB;AAED,wBAAgB,uBAAuB,mDAibtC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wrap.d.ts","sourceRoot":"","sources":["../../../src/reinspect/react/wrap.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAUnB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"wrap.d.ts","sourceRoot":"","sources":["../../../src/reinspect/react/wrap.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAUnB,MAAM,OAAO,CAAA;AAsBd,OAAO,KAAK,EACV,iBAAiB,EAMlB,MAAM,UAAU,CAAA;AACjB,OAAO,EAEL,KAAK,mBAAmB,EAEzB,MAAM,eAAe,CAAA;AAYtB,MAAM,WAAW,4BAA4B;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAA;CAC1B;AAqQD,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,EACpD,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAC3B,OAAO,CAAC,EAAE,4BAA4B,GACrC,aAAa,CAAC,CAAC,CAAC,CAq4ClB"}
|
package/dist/lib/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.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}
|
|
1
|
+
:root{--reinspect-font-sans:"Geist Sans", "Geist", "Segoe UI", "SF Pro Text", system-ui, -apple-system, sans-serif;--reinspect-font-mono:"Geist Mono", "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--reinspect-menu-bg:oklch(98.2% .014 252);--reinspect-menu-surface:oklch(96.5% .018 252);--reinspect-menu-surface-strong:oklch(93.6% .024 252);--reinspect-menu-surface-stronger:oklch(90.2% .03 252);--reinspect-menu-text:oklch(20.5% .028 252);--reinspect-menu-text-muted:oklch(36.5% .024 252);--reinspect-menu-text-soft:oklch(49% .02 252);--reinspect-menu-border:oklch(66% .024 252/.52);--reinspect-menu-border-strong:oklch(57% .03 252/.65);--reinspect-menu-border-subtle:oklch(73% .02 252/.5);--reinspect-brand-400:oklch(73% .145 254);--reinspect-brand-500:oklch(66% .165 254);--reinspect-brand-600:oklch(58% .165 254);--reinspect-brand-700:oklch(51% .153 254);--reinspect-brand-soft:color-mix(in oklch, var(--reinspect-brand-500) 18%, var(--reinspect-menu-surface));--reinspect-brand-soft-strong:color-mix(in oklch, var(--reinspect-brand-500) 28%, var(--reinspect-menu-surface));--reinspect-brand-soft-hover:color-mix(in oklch, var(--reinspect-brand-500) 36%, var(--reinspect-menu-surface));--reinspect-on-brand:oklch(98.5% .008 252);--reinspect-interactive-bg:var(--reinspect-menu-surface);--reinspect-interactive-bg-hover:var(--reinspect-menu-surface-strong);--reinspect-interactive-bg-active:var(--reinspect-brand-soft-hover);--reinspect-interactive-border:var(--reinspect-menu-border);--reinspect-interactive-border-hover:var(--reinspect-brand-400);--reinspect-interactive-border-active:var(--reinspect-brand-500);--reinspect-interactive-text:var(--reinspect-menu-text);--reinspect-interactive-text-active:var(--reinspect-brand-700);--reinspect-prism-bg:color-mix(in oklch, var(--reinspect-menu-surface-strong) 74%, white);--reinspect-prism-text:var(--reinspect-menu-text);--reinspect-prism-comment:var(--reinspect-menu-text-soft);--reinspect-prism-keyword:var(--reinspect-brand-700);--reinspect-prism-string:color-mix(in oklch, var(--reinspect-semantic-error) 70%, var(--reinspect-menu-text));--reinspect-prism-number:color-mix(in oklch, var(--reinspect-semantic-success) 76%, var(--reinspect-menu-text));--reinspect-prism-boolean:var(--reinspect-prism-keyword);--reinspect-prism-function:color-mix(in oklch, var(--reinspect-semantic-warning) 72%, var(--reinspect-menu-text));--reinspect-prism-property:color-mix(in oklch, var(--reinspect-brand-600) 74%, var(--reinspect-menu-text));--reinspect-prism-operator:var(--reinspect-menu-text);--reinspect-prism-punctuation:var(--reinspect-menu-text);--reinspect-prism-constant:color-mix(in oklch, var(--reinspect-brand-500) 78%, var(--reinspect-menu-text));--reinspect-semantic-error:oklch(62% .165 20);--reinspect-semantic-success:oklch(67% .115 158);--reinspect-semantic-warning:oklch(76% .12 78);--reinspect-focus-ring:color-mix(in oklch, var(--reinspect-brand-500) 70%, white);--reinspect-runtime-soft-mix:22%;--reinspect-runtime-border-mix:54%;--reinspect-runtime-strong-mix:78%;--reinspect-runtime-border-base:var(--reinspect-menu-border-strong);--reinspect-runtime-strong-base:var(--reinspect-menu-text);--reinspect-overlay-backdrop:oklch(24.5% .02 248/.44);--reinspect-shadow-popover:0 28px 44px -18px oklch(25.5% .02 248/.38), 0 10px 20px -12px oklch(25.5% .02 248/.3);--reinspect-shadow-modal:0 24px 28px -12px oklch(25.5% .02 248/.25), 0 10px 16px -10px oklch(25.5% .02 248/.22)}.reinspect-menu[data-reinspect-theme=dark],.reinspect-settings-menu[data-reinspect-theme=dark],.reinspect-modal-backdrop[data-reinspect-theme=dark],.reinspect-modal[data-reinspect-theme=dark],.reinspect-toast[data-reinspect-theme=dark],.reinspect-floating-root[data-reinspect-theme=dark],.reinspect-floating-toggle[data-reinspect-theme=dark]{--reinspect-menu-bg:oklch(19% .018 252);--reinspect-menu-surface:oklch(22.8% .022 252);--reinspect-menu-surface-strong:oklch(27.2% .025 252);--reinspect-menu-surface-stronger:oklch(32.2% .028 252);--reinspect-menu-text:oklch(96.5% .012 252);--reinspect-menu-text-muted:oklch(84% .018 252);--reinspect-menu-text-soft:oklch(73% .017 252);--reinspect-menu-border:oklch(54% .022 252/.55);--reinspect-menu-border-strong:oklch(63% .022 252/.72);--reinspect-menu-border-subtle:oklch(48% .018 252/.52);--reinspect-focus-ring:color-mix(in oklch, var(--reinspect-brand-400) 82%, black);--reinspect-runtime-soft-mix:28%;--reinspect-runtime-border-mix:48%;--reinspect-runtime-strong-mix:74%;--reinspect-runtime-border-base:var(--reinspect-menu-border);--reinspect-runtime-strong-base:var(--reinspect-menu-text);--reinspect-overlay-backdrop:oklch(14.5% .01 248/.58);--reinspect-shadow-popover:0 28px 44px -18px oklch(11% .01 248/.68), 0 10px 20px -12px oklch(11% .01 248/.58);--reinspect-shadow-modal:0 24px 28px -12px oklch(11% .01 248/.62), 0 10px 16px -10px oklch(11% .01 248/.54);--reinspect-interactive-bg:oklch(25.8% .023 252);--reinspect-interactive-bg-hover:oklch(31% .03 252);--reinspect-interactive-bg-active:color-mix(in oklch, var(--reinspect-brand-500) 42%, var(--reinspect-menu-surface-stronger));--reinspect-interactive-border:var(--reinspect-menu-border-strong);--reinspect-interactive-border-hover:var(--reinspect-brand-400);--reinspect-interactive-border-active:var(--reinspect-brand-400);--reinspect-interactive-text:var(--reinspect-menu-text);--reinspect-interactive-text-active:oklch(96.6% .014 252);--reinspect-prism-bg:color-mix(in oklch, var(--reinspect-menu-surface) 88%, black);--reinspect-prism-text:var(--reinspect-menu-text);--reinspect-prism-comment:color-mix(in oklch, var(--reinspect-menu-text-soft) 82%, white);--reinspect-prism-keyword:var(--reinspect-brand-400);--reinspect-prism-string:color-mix(in oklch, var(--reinspect-semantic-warning) 56%, var(--reinspect-menu-text));--reinspect-prism-number:color-mix(in oklch, var(--reinspect-semantic-success) 62%, var(--reinspect-menu-text));--reinspect-prism-boolean:var(--reinspect-prism-keyword);--reinspect-prism-function:color-mix(in oklch, var(--reinspect-semantic-warning) 64%, var(--reinspect-menu-text));--reinspect-prism-property:color-mix(in oklch, var(--reinspect-brand-400) 70%, var(--reinspect-menu-text));--reinspect-prism-operator:var(--reinspect-menu-text);--reinspect-prism-punctuation:var(--reinspect-menu-text);--reinspect-prism-constant:color-mix(in oklch, var(--reinspect-brand-400) 84%, var(--reinspect-menu-text))}.reinspect-shell,.reinspect-menu{--reinspect-runtime-color:var(--reinspect-color,var(--reinspect-brand-500));--reinspect-runtime-soft:color-mix(in oklch, var(--reinspect-runtime-color) var(--reinspect-runtime-soft-mix), var(--reinspect-menu-surface));--reinspect-runtime-border:color-mix(in oklch, var(--reinspect-runtime-color) var(--reinspect-runtime-border-mix), var(--reinspect-runtime-border-base));--reinspect-runtime-strong:color-mix(in oklch, var(--reinspect-runtime-color) var(--reinspect-runtime-strong-mix), var(--reinspect-runtime-strong-base))}.reinspect-menu,.reinspect-settings-menu,.reinspect-modal,.reinspect-floating-toggle{font-family:var(--reinspect-font-sans)}.reinspect-menu,.reinspect-settings-menu,.reinspect-modal{color:var(--reinspect-menu-text)}.reinspect-menu[data-reinspect-theme=light],.reinspect-settings-menu[data-reinspect-theme=light],.reinspect-modal-backdrop[data-reinspect-theme=light],.reinspect-modal[data-reinspect-theme=light],.reinspect-toast[data-reinspect-theme=light],.reinspect-floating-root[data-reinspect-theme=light],.reinspect-floating-toggle[data-reinspect-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.reinspect-menu[data-reinspect-theme=dark],.reinspect-settings-menu[data-reinspect-theme=dark],.reinspect-modal-backdrop[data-reinspect-theme=dark],.reinspect-modal[data-reinspect-theme=dark],.reinspect-toast[data-reinspect-theme=dark],.reinspect-floating-root[data-reinspect-theme=dark],.reinspect-floating-toggle[data-reinspect-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.reinspect-shell{will-change:box-shadow;border-radius:14px;transition:box-shadow .18s ease-out,filter .18s ease-out;position:relative}.reinspect-shell[data-reinspect-active=true]{box-shadow:0 0 0 1px color-mix(in oklch, var(--reinspect-runtime-color) 62%, var(--reinspect-menu-bg)), 0 0 0 4px color-mix(in oklch, var(--reinspect-runtime-color) 16%, transparent), 0 10px 18px -16px color-mix(in oklch, var(--reinspect-runtime-color) 48%, var(--reinspect-menu-text));filter:saturate(1.03)}.reinspect-shell[data-reinspect-active=true]:hover{box-shadow:0 0 0 1px color-mix(in oklch, var(--reinspect-runtime-color) 74%, var(--reinspect-menu-bg)), 0 0 0 5px color-mix(in oklch, var(--reinspect-runtime-color) 22%, transparent), 0 14px 24px -18px color-mix(in oklch, var(--reinspect-runtime-color) 52%, var(--reinspect-menu-text))}.reinspect-shell[data-reinspect-active=true]:focus-within{box-shadow:0 0 0 1px color-mix(in oklch, var(--reinspect-runtime-color) 78%, var(--reinspect-menu-bg)), 0 0 0 2px color-mix(in oklch, var(--reinspect-runtime-color) 34%, transparent), 0 0 0 6px color-mix(in oklch, var(--reinspect-runtime-color) 20%, transparent), 0 16px 28px -20px color-mix(in oklch, var(--reinspect-runtime-color) 52%, var(--reinspect-menu-text))}.reinspect-content{border-radius:inherit}.reinspect-name-badge{z-index:calc(var(--reinspect-z-base) + 5);letter-spacing:.04em;color:var(--reinspect-runtime-strong);background:var(--reinspect-runtime-soft);border:1px solid var(--reinspect-runtime-border);opacity:.9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;line-height:1;position:absolute;top:-13px;left:10px;box-shadow:0 8px 16px -14px oklch(25.5% .02 248/.45)}.reinspect-menu{z-index:2147483647;border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:min(560px,100vw - 24px);max-height:min(620px,82vh);box-shadow:var(--reinspect-shadow-popover);overscroll-behavior:contain;border-radius:16px;gap:10px;padding:12px;display:grid;position:fixed;overflow:auto}.reinspect-menu-title{color:var(--reinspect-menu-text);letter-spacing:-.014em;margin:0;font-size:19px;font-weight:760;line-height:1.1}.reinspect-menu-title-row{align-items:center;gap:8px;min-width:0;display:inline-flex}.reinspect-menu-title-color-chip{border:1px solid color-mix(in oklab, var(--reinspect-color) 65%, black 35%);background:var(--reinspect-color);border-radius:3px;flex:none;width:10px;height:10px}.reinspect-menu-title-wrap{gap:3px;min-width:0;display:grid}.reinspect-menu-subtitle{color:var(--reinspect-menu-text-soft);margin:0;font-size:12px;font-weight:560;line-height:1.2}.reinspect-menu-header{grid-template-columns:1fr auto;align-items:start;gap:10px;display:grid}.reinspect-menu-close{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-surface);width:32px;height:32px;color:var(--reinspect-menu-text);cursor:pointer;border-radius:10px;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.reinspect-menu-close:hover{background:var(--reinspect-menu-surface-strong);border-color:var(--reinspect-menu-border-strong)}.reinspect-menu-close:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-setting-note{color:var(--reinspect-menu-text-muted);margin:0 0 10px;font-size:12px}.reinspect-setting-helper-text{color:var(--reinspect-menu-text-muted);margin:0;font-size:12px;line-height:1.4}.reinspect-submenu{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-menu-surface);isolation:isolate;border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid;overflow:hidden}.reinspect-submenu button{border:1px solid var(--reinspect-interactive-border);background:var(--reinspect-interactive-bg);color:var(--reinspect-interactive-text);cursor:pointer;white-space:nowrap;opacity:1;border-radius:8px;padding:7px 8px;font-size:12px;font-weight:640;transition:opacity .14s ease-out,transform .14s ease-out,box-shadow .14s ease-out,border-color .14s ease-out,background-color .14s ease-out}.reinspect-submenu button:hover{border-color:var(--reinspect-interactive-border-hover);background:var(--reinspect-interactive-bg-hover)}.reinspect-submenu button[data-state=active]{border-color:var(--reinspect-interactive-border-active);background:var(--reinspect-interactive-bg-active);color:var(--reinspect-interactive-text-active);box-shadow:0 0 0 1px color-mix(in oklch, var(--reinspect-brand-500) 35%, transparent), 0 8px 14px -14px oklch(25.5% .02 248/.38);z-index:1;transform:translateY(-1px)}.reinspect-submenu button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:0}@media (prefers-reduced-motion:reduce){.reinspect-shell,.reinspect-submenu button,.reinspect-menu-action-card{transition:none}.reinspect-menu-action-card[data-state=active]:after{animation:none}}.reinspect-menu-shortcuts{gap:8px;margin-bottom:0;display:grid}.reinspect-menu-action-card{border:1px solid var(--reinspect-interactive-border);background:var(--reinspect-interactive-bg);color:var(--reinspect-interactive-text);text-align:left;cursor:pointer;border-radius:12px;gap:4px;padding:9px 10px;font-size:12px;transition:border-color .12s,box-shadow .12s,background-color .12s,transform .12s;display:grid;position:relative}.reinspect-menu-action-card:hover{border-color:var(--reinspect-interactive-border-hover);background:var(--reinspect-interactive-bg-hover);box-shadow:0 1px oklch(25.5% .02 248/.08)}.reinspect-menu-action-card:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-menu-action-card[data-state=active]{border-color:var(--reinspect-interactive-border-active);background:var(--reinspect-interactive-bg-active);color:var(--reinspect-interactive-text-active);box-shadow:0 0 0 1px color-mix(in oklch, var(--reinspect-brand-500) 40%, transparent), 0 8px 18px -14px oklch(25.5% .02 248/.35);transform:translateY(-1px)}.reinspect-menu-action-card[data-state=active]:after{content:"Selected";border:1px solid var(--reinspect-interactive-border-active);background:color-mix(in oklch, var(--reinspect-brand-500) 20%, var(--reinspect-menu-surface));color:var(--reinspect-interactive-text-active);letter-spacing:.01em;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1;animation:.56s cubic-bezier(.22,1,.36,1) reinspect-selected-pulse;position:absolute;top:8px;right:10px}@keyframes reinspect-selected-pulse{0%{opacity:.72;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.reinspect-menu-action-title{font-weight:700}.reinspect-menu-action-description{color:var(--reinspect-menu-text-muted);font-size:11px;line-height:1.35}.reinspect-menu-action-target{font-family:var(--reinspect-font-mono);color:var(--reinspect-menu-text-muted);white-space:normal;word-break:break-word;font-size:11px}.reinspect-general-panel{gap:10px;display:grid}.reinspect-general-panel .reinspect-setting-note{margin:0}.reinspect-menu-section{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);border-radius:12px;gap:7px;padding:10px;display:grid}.reinspect-menu-section-header,.reinspect-menu-panel-header{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.reinspect-menu-section-title{color:var(--reinspect-menu-text);letter-spacing:.01em;margin:0;font-size:13px;font-weight:700}.reinspect-menu-section-description{color:var(--reinspect-menu-text-muted);margin:0;font-size:12px;line-height:1.4}.reinspect-menu-section-caption{color:var(--reinspect-menu-text-muted);font-family:var(--reinspect-font-mono);margin:0;font-size:10px}.reinspect-menu-switch{justify-self:end}.reinspect-menu-switch:disabled{opacity:.7;cursor:default}.reinspect-menu-divider{background:var(--reinspect-menu-border);height:1px}.reinspect-menu-inline-setting{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.reinspect-menu-inline-copy{gap:2px;display:grid}.reinspect-menu-inline-title{color:var(--reinspect-menu-text);margin:0;font-size:12px;font-weight:700}.reinspect-menu-inline-description{color:var(--reinspect-menu-text-muted);margin:0;font-size:12px;line-height:1.35}.reinspect-css-panel{gap:9px;display:grid}.reinspect-menu-grid{gap:8px;display:grid}.reinspect-menu-filter{align-items:center;display:grid;position:relative}.reinspect-menu-filter-icon{color:var(--reinspect-menu-text-soft);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 var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:100%;color:var(--reinspect-menu-text);border-radius:10px;padding:7px 52px 7px 30px;font-size:12px}.reinspect-menu-filter input::placeholder,.reinspect-filter-search-input::placeholder{color:var(--reinspect-menu-text-soft);opacity:1}.reinspect-menu-filter input:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:0}.reinspect-menu-filter-clear{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-surface);color:var(--reinspect-menu-text);cursor:pointer;border-radius:7px;padding:4px 6px;font-size:10px;font-weight:600;line-height:1;position:absolute;right:6px}.reinspect-menu-filter-clear:hover{border-color:var(--reinspect-brand-400);background:var(--reinspect-brand-soft)}.reinspect-menu-filter-clear:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-menu-empty-state{border:1px dashed var(--reinspect-menu-border);background:var(--reinspect-brand-soft);color:var(--reinspect-menu-text-muted);border-radius:10px;margin:0;padding:8px 10px;font-size:11px}.reinspect-field{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);border-radius:10px;gap:5px;padding:8px;display:grid}.reinspect-field label{color:var(--reinspect-menu-text);font-size:11px;font-weight:640}.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 var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:100%;color:var(--reinspect-menu-text);border-radius:8px;padding:6px 8px}.reinspect-inline-controls input[type=color]{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);border-radius:8px;width:100%;min-height:32px;padding:2px}.reinspect-inline-controls input[type=range]{width:100%}.reinspect-inline-controls input:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:0}.reinspect-inline-controls button{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-surface);color:var(--reinspect-menu-text);cursor:pointer;border-radius:8px;padding:6px 8px;font-weight:600}.reinspect-inline-controls button:hover{border-color:var(--reinspect-brand-400);background:var(--reinspect-brand-soft-strong)}.reinspect-inline-controls button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.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:var(--reinspect-menu-text);text-align:right;min-width:36px}.reinspect-props-panel{gap:6px;display:grid}.reinspect-props-submenu{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-menu-surface);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.reinspect-props-submenu button{border:1px solid var(--reinspect-interactive-border);background:var(--reinspect-interactive-bg);color:var(--reinspect-interactive-text);cursor:pointer;opacity:1;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:600;transition:opacity .12s ease-out,background-color .12s ease-out,border-color .12s ease-out}.reinspect-props-submenu button:hover{border-color:var(--reinspect-interactive-border-hover);background:var(--reinspect-interactive-bg-hover)}.reinspect-props-submenu button[data-state=active]{border-color:var(--reinspect-interactive-border-active);background:var(--reinspect-interactive-bg-active);color:var(--reinspect-interactive-text-active)}.reinspect-props-submenu button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:0}.reinspect-props-panel label{color:var(--reinspect-menu-text-muted);font-size:12px}.reinspect-props-table{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-menu-bg);border-radius:10px;display:grid;overflow:hidden}.reinspect-props-row{grid-template-columns:minmax(90px,.55fr) minmax(0,1.45fr);align-items:start;gap:10px;padding:8px 9px;display:grid}.reinspect-props-row+.reinspect-props-row{border-top:1px solid var(--reinspect-menu-border-subtle)}.reinspect-prop-key{color:var(--reinspect-menu-text);word-break:break-word;font-size:12px;font-weight:600}.reinspect-prop-cell{gap:4px;min-width:0;display:grid}.reinspect-prop-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.reinspect-prop-value-render{min-width:0}.reinspect-prop-cell code{font-size:11px;font-family:var(--reinspect-font-mono);color:var(--reinspect-menu-text);word-break:normal;overflow-wrap:break-word}.reinspect-prop-missing{color:var(--reinspect-menu-text-soft);font-size:11px}.reinspect-prop-scalar{gap:3px;display:grid}.reinspect-prop-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:4px;margin-top:0;display:flex}.reinspect-prop-scalar button,.reinspect-prop-function button,.reinspect-prop-tree summary button{color:var(--reinspect-menu-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-self:start;padding:2px 4px;font-size:11px;font-weight:600}.reinspect-prop-action-text-button{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-brand-soft);color:var(--reinspect-brand-700);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.4}.reinspect-prop-action-text-button:hover{border-color:var(--reinspect-brand-400);background:var(--reinspect-brand-soft-strong);color:var(--reinspect-brand-700)}.reinspect-prop-action-text-button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-prop-actions button,.reinspect-prop-json-preview button{color:var(--reinspect-menu-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:11px;font-weight:600}.reinspect-icon-button{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-brand-soft);width:24px;height:24px;color:var(--reinspect-brand-700);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.reinspect-icon-button svg{width:14px;height:14px;display:block}.reinspect-prop-scalar button:hover,.reinspect-prop-function button:hover,.reinspect-prop-tree summary button:hover,.reinspect-prop-actions button:hover,.reinspect-prop-json-preview button:hover{background:var(--reinspect-brand-soft);color:var(--reinspect-brand-700)}.reinspect-icon-button:hover{border-color:var(--reinspect-brand-400);background:var(--reinspect-brand-soft-strong)}.reinspect-prop-scalar button:focus-visible,.reinspect-prop-function button:focus-visible,.reinspect-prop-tree summary button:focus-visible,.reinspect-prop-actions button:focus-visible,.reinspect-prop-json-preview button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-icon-button:disabled{opacity:.45;cursor:default}.reinspect-prop-tree{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-brand-soft);border-radius:8px;padding:5px}.reinspect-prop-tree summary{cursor:pointer;color:var(--reinspect-menu-text);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{font-size:10px;font-family:var(--reinspect-font-mono);color:var(--reinspect-menu-text-muted);word-break:break-word}.reinspect-prop-function{gap:4px;display:grid}.reinspect-prop-function pre{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-prism-bg);white-space:pre-wrap;word-break:break-word;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-json-editor{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-prism-bg);border-radius:8px;display:grid;overflow:hidden}.reinspect-json-editor pre,.reinspect-json-editor textarea{font-size:12px;line-height:1.4;font-family:var(--reinspect-font-mono);white-space:pre;word-break:normal;grid-area:1/1;margin:0;padding:8px}.reinspect-json-editor pre{pointer-events:none;overflow:auto}.reinspect-props-panel .reinspect-json-editor .reinspect-json-editor-textarea{color:#0000;width:100%;caret-color:var(--reinspect-prism-text);resize:vertical;tab-size:2;background:0 0;border:none;border-radius:0;overflow:auto}.reinspect-props-panel .reinspect-json-editor .reinspect-json-editor-textarea:focus-visible{outline:none}.reinspect-json-editor:focus-within{box-shadow:0 0 0 2px var(--reinspect-focus-ring)}.reinspect-prop-json-preview pre{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-prism-bg);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:180px;margin:0;padding:6px;font-size:11px;line-height:1.3;overflow:auto}.reinspect-prop-function pre code.reinspect-code-block,.reinspect-prop-json-preview pre code.reinspect-code-block,.reinspect-json-editor pre code.reinspect-code-block{color:var(--reinspect-prism-text);font-family:var(--reinspect-font-mono);white-space:inherit;word-break:inherit;display:block}.reinspect-prop-function pre code.reinspect-code-block .token.comment,.reinspect-prop-function pre code.reinspect-code-block .token.prolog,.reinspect-prop-function pre code.reinspect-code-block .token.doctype,.reinspect-prop-function pre code.reinspect-code-block .token.cdata,.reinspect-prop-json-preview pre code.reinspect-code-block .token.comment,.reinspect-prop-json-preview pre code.reinspect-code-block .token.prolog,.reinspect-prop-json-preview pre code.reinspect-code-block .token.doctype,.reinspect-prop-json-preview pre code.reinspect-code-block .token.cdata,.reinspect-json-editor pre code.reinspect-code-block .token.comment,.reinspect-json-editor pre code.reinspect-code-block .token.prolog,.reinspect-json-editor pre code.reinspect-code-block .token.doctype,.reinspect-json-editor pre code.reinspect-code-block .token.cdata{color:var(--reinspect-prism-comment);font-style:italic}.reinspect-prop-function pre code.reinspect-code-block .token.punctuation,.reinspect-prop-json-preview pre code.reinspect-code-block .token.punctuation,.reinspect-json-editor pre code.reinspect-code-block .token.punctuation{color:var(--reinspect-prism-punctuation)}.reinspect-prop-function pre code.reinspect-code-block .token.property,.reinspect-prop-json-preview pre code.reinspect-code-block .token.property,.reinspect-json-editor pre code.reinspect-code-block .token.property{color:var(--reinspect-prism-property)}.reinspect-prop-function pre code.reinspect-code-block .token.string,.reinspect-prop-json-preview pre code.reinspect-code-block .token.string,.reinspect-prop-function pre code.reinspect-code-block .token.char,.reinspect-prop-json-preview pre code.reinspect-code-block .token.char,.reinspect-prop-function pre code.reinspect-code-block .token.regex,.reinspect-prop-json-preview pre code.reinspect-code-block .token.regex,.reinspect-json-editor pre code.reinspect-code-block .token.string,.reinspect-json-editor pre code.reinspect-code-block .token.char,.reinspect-json-editor pre code.reinspect-code-block .token.regex{color:var(--reinspect-prism-string)}.reinspect-prop-function pre code.reinspect-code-block .token.number,.reinspect-prop-json-preview pre code.reinspect-code-block .token.number,.reinspect-json-editor pre code.reinspect-code-block .token.number{color:var(--reinspect-prism-number)}.reinspect-prop-function pre code.reinspect-code-block .token.boolean,.reinspect-prop-json-preview pre code.reinspect-code-block .token.boolean,.reinspect-json-editor pre code.reinspect-code-block .token.boolean{color:var(--reinspect-prism-boolean)}.reinspect-prop-function pre code.reinspect-code-block .token.keyword,.reinspect-prop-json-preview pre code.reinspect-code-block .token.keyword,.reinspect-json-editor pre code.reinspect-code-block .token.keyword{color:var(--reinspect-prism-keyword)}.reinspect-prop-function pre code.reinspect-code-block .token.function,.reinspect-prop-json-preview pre code.reinspect-code-block .token.function,.reinspect-prop-function pre code.reinspect-code-block .token.function-variable,.reinspect-prop-json-preview pre code.reinspect-code-block .token.function-variable,.reinspect-json-editor pre code.reinspect-code-block .token.function,.reinspect-json-editor pre code.reinspect-code-block .token.function-variable{color:var(--reinspect-prism-function)}.reinspect-prop-function pre code.reinspect-code-block .token.operator,.reinspect-prop-json-preview pre code.reinspect-code-block .token.operator,.reinspect-json-editor pre code.reinspect-code-block .token.operator{color:var(--reinspect-prism-operator)}.reinspect-prop-function pre code.reinspect-code-block .token.constant,.reinspect-prop-json-preview pre code.reinspect-code-block .token.constant,.reinspect-json-editor pre code.reinspect-code-block .token.constant{color:var(--reinspect-prism-constant)}@media (width<=520px){.reinspect-props-row{grid-template-columns:1fr;gap:4px}.reinspect-prop-main{grid-template-columns:1fr;gap:6px}.reinspect-prop-actions{flex-wrap:wrap;justify-content:flex-start}}.reinspect-modal-backdrop{z-index:2147483647;background:var(--reinspect-overlay-backdrop);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reinspect-modal{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:min(560px,100%);box-shadow:var(--reinspect-shadow-modal);border-radius:12px;gap:8px;padding:12px;display:grid}.reinspect-modal textarea,.reinspect-props-panel textarea{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:100%;color:var(--reinspect-menu-text);font-size:12px;font-family:var(--reinspect-font-mono);resize:vertical;border-radius:8px;padding:8px}.reinspect-modal textarea::placeholder,.reinspect-props-panel textarea::placeholder{color:var(--reinspect-menu-text-soft);opacity:1}.reinspect-toast{z-index:2147483647;border:1px solid var(--reinspect-menu-border-strong);background:color-mix(in oklch, var(--reinspect-menu-bg) 88%, var(--reinspect-brand-500));width:min(460px,100vw - 20px);box-shadow:var(--reinspect-shadow-modal);border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.reinspect-toast-copy{gap:3px;display:grid}.reinspect-toast-title{color:var(--reinspect-menu-text);margin:0;font-size:12px;font-weight:700}.reinspect-toast-description{color:var(--reinspect-menu-text-muted);margin:0;font-size:11px}.reinspect-toast-undo,.reinspect-toast-dismiss{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);color:var(--reinspect-menu-text);cursor:pointer;border-radius:8px}.reinspect-toast-undo{padding:6px 10px;font-size:11px;font-weight:700}.reinspect-toast-dismiss{place-items:center;width:28px;height:28px;padding:0;font-size:16px;line-height:1;display:grid}.reinspect-toast-undo:hover,.reinspect-toast-dismiss:hover{border-color:var(--reinspect-brand-400);background:var(--reinspect-brand-soft)}.reinspect-toast-undo:focus-visible,.reinspect-toast-dismiss:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-error{color:var(--reinspect-semantic-error);margin:0;font-size:12px}.reinspect-floating-toggle{z-index:2147483647;border:1px solid color-mix(in oklch, var(--reinspect-brand-500) 56%, var(--reinspect-menu-border-strong));background:var(--reinspect-brand-soft);color:var(--reinspect-interactive-text-active);letter-spacing:.03em;cursor:pointer;border-radius:999px;padding:10px 15px;font-size:13px;font-weight:650;transition:background-color .14s,border-color .14s,box-shadow .14s;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 18px -12px oklch(25.5% .02 248/.4),0 2px 8px -6px oklch(25.5% .02 248/.34)}.reinspect-floating-toggle:hover{background:var(--reinspect-brand-soft-hover);border-color:var(--reinspect-brand-500)}.reinspect-floating-toggle:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:2px}.reinspect-floating-root{z-index:2147483645;position:fixed;bottom:18px;right:18px}.reinspect-floating-root .reinspect-floating-toggle{position:static}.reinspect-settings-menu{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:min(420px,100vw - 22px);max-height:min(560px,78vh);box-shadow:var(--reinspect-shadow-modal);border-radius:12px;gap:8px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;overflow:auto}.reinspect-settings-header-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.reinspect-settings-title{color:var(--reinspect-menu-text);margin:0;font-size:14px;font-weight:760}.reinspect-settings-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.reinspect-settings-tabs button{border:1px solid var(--reinspect-interactive-border);background:var(--reinspect-interactive-bg);color:var(--reinspect-interactive-text);cursor:pointer;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600;transition:border-color .12s ease-out,background-color .12s ease-out,color .12s ease-out}.reinspect-settings-tabs button:hover{border-color:var(--reinspect-interactive-border-hover);background:var(--reinspect-interactive-bg-hover)}.reinspect-settings-tabs button[data-state=active]{border-color:var(--reinspect-interactive-border-active);background:var(--reinspect-interactive-bg-active);color:var(--reinspect-interactive-text-active)}.reinspect-settings-tab-panel{gap:9px;display:grid}.reinspect-settings-toggle-row{color:var(--reinspect-menu-text);grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.reinspect-settings-select-row{gap:5px;font-size:12px;display:grid}.reinspect-settings-select-row select{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:100%;color:var(--reinspect-menu-text);border-radius:8px;padding:6px 8px;font-size:12px}.reinspect-settings-toggle-label{font-weight:600;line-height:1.35}.reinspect-settings-inline-switch{grid-template-columns:1fr auto;align-items:center;gap:8px;margin:0;display:grid}.reinspect-settings-toggle-row input[type=checkbox]{width:16px;height:16px}.reinspect-inline-hint{border:1px solid var(--reinspect-menu-border);width:14px;height:14px;color:var(--reinspect-menu-text-soft);vertical-align:text-top;cursor:help;border-radius:999px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.reinspect-settings-divider{background:var(--reinspect-menu-border-subtle);height:1px}.reinspect-setting-block{gap:6px;display:grid}.reinspect-macro-setting{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-menu-surface);border-radius:8px;padding:8px}.reinspect-macro-setting .reinspect-setting-note{margin:0}.reinspect-macro-setting .reinspect-setting-note code{font-family:var(--reinspect-font-mono);font-size:11px}.reinspect-macro-setting .reinspect-inline-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.reinspect-macro-setting .reinspect-inline-controls button[data-state=active]{border-color:var(--reinspect-brand-600);background:var(--reinspect-brand-soft-strong);color:var(--reinspect-brand-700)}.reinspect-apply-button{border:1px solid var(--reinspect-brand-500);background:var(--reinspect-brand-500);color:var(--reinspect-on-brand);cursor:pointer;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600}.reinspect-apply-button:hover:not(:disabled){border-color:var(--reinspect-brand-600);background:var(--reinspect-brand-600)}.reinspect-apply-button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-apply-button:disabled{opacity:.4;cursor:default}.reinspect-filter-title{color:var(--reinspect-menu-text);margin:0;font-size:12px;font-weight:600}.reinspect-setting-empty-state{color:var(--reinspect-menu-text-muted);margin:0;font-size:12px}.reinspect-inspect-mode-actions{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.reinspect-filter-section{border-top:1px solid var(--reinspect-menu-border-subtle);gap:6px;padding-top:8px;display:grid}.reinspect-filter-row-header{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.reinspect-filter-toolbar{grid-template-columns:1fr auto auto auto auto;align-items:center;gap:6px;display:grid;position:relative}.reinspect-filter-search-icon{width:14px;height:14px;color:var(--reinspect-menu-text-soft);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.reinspect-filter-search-icon svg{width:100%;height:100%;display:block}.reinspect-filter-search-input{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:100%;color:var(--reinspect-menu-text);font-size:12px;font-family:var(--reinspect-font-mono);border-radius:8px;padding:5px 8px 5px 31px}.reinspect-filter-search-input:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:0}.reinspect-filter-add-button{border:1px solid var(--reinspect-brand-500);background:var(--reinspect-brand-500);color:var(--reinspect-on-brand);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:11px}.reinspect-filter-add-button:hover:not(:disabled){border-color:var(--reinspect-brand-600);background:var(--reinspect-brand-600)}.reinspect-filter-add-button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-filter-add-button:disabled{opacity:.4;cursor:default}.reinspect-filter-modifier{border:1px solid var(--reinspect-interactive-border);background:var(--reinspect-interactive-bg);color:var(--reinspect-interactive-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:3px;padding:5px 7px;font-size:11px;font-weight:600;display:inline-flex}.reinspect-filter-modifier:hover{border-color:var(--reinspect-interactive-border-hover);background:var(--reinspect-interactive-bg-hover)}.reinspect-filter-modifier[data-state=active]{border-color:var(--reinspect-interactive-border-active);background:var(--reinspect-interactive-bg-active);color:var(--reinspect-interactive-text-active)}.reinspect-filter-chip-list{flex-wrap:wrap;gap:6px;display:flex}.reinspect-filter-chip{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);color:var(--reinspect-menu-text);border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.reinspect-filter-chip code{font-family:var(--reinspect-font-mono);font-size:11px}.reinspect-filter-chip-remove{color:var(--reinspect-menu-text-soft);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.reinspect-filter-clear-button{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);color:var(--reinspect-menu-text);cursor:pointer;border-radius:8px;padding:2px 7px;font-size:11px}.reinspect-filter-clear-button:disabled{opacity:.45;cursor:default}.reinspect-switch-button{border:1px solid var(--reinspect-menu-border-strong);background:var(--reinspect-menu-surface-stronger);cursor:pointer;border-radius:999px;width:34px;height:20px;padding:0;transition:background-color .12s,border-color .12s;display:inline-block;position:relative}.reinspect-switch-button:after{content:"";background:var(--reinspect-menu-bg);border-radius:999px;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px oklch(25.5% .02 248/.2)}.reinspect-switch-button[data-state=on]{background:var(--reinspect-brand-500);border-color:var(--reinspect-brand-600)}.reinspect-switch-button[data-state=on]:after{transform:translate(14px)}.reinspect-switch-button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-component-settings-list{gap:6px;display:grid}.reinspect-component-setting-row{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-menu-surface);color:var(--reinspect-menu-text);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}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import 'prismjs/components/prism-javascript';
|
|
2
|
+
import 'prismjs/components/prism-json';
|
|
3
|
+
type SupportedPrismLanguage = 'javascript' | 'json';
|
|
4
|
+
export declare function highlightCode(value: string, language: SupportedPrismLanguage): string;
|
|
5
|
+
export {};
|
|
6
|
+
//# sourceMappingURL=syntaxHighlight.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"syntaxHighlight.d.ts","sourceRoot":"","sources":["../../src/reinspect/syntaxHighlight.ts"],"names":[],"mappings":"AACA,OAAO,qCAAqC,CAAA;AAC5C,OAAO,+BAA+B,CAAA;AAEtC,KAAK,sBAAsB,GAAG,YAAY,GAAG,MAAM,CAAA;AAcnD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,sBAAsB,GAC/B,MAAM,CAWR"}
|
package/dist/lib/types.d.ts
CHANGED
|
@@ -2,6 +2,30 @@ import type { CSSProperties, Dispatch, ReactNode, SetStateAction } from 'react';
|
|
|
2
2
|
export type InspectMode = 'wrapped' | 'first-party' | 'all';
|
|
3
3
|
export type AutoDiscoverScope = 'first-party' | 'third-party';
|
|
4
4
|
export type RenderCounterMode = 'off' | 'attempts' | 'commits' | 'both';
|
|
5
|
+
export type PropsSerializationMode = 'distilled' | 'complete';
|
|
6
|
+
export type MenuTheme = 'light' | 'dark';
|
|
7
|
+
export type MenuOpenTriggerMode = 'right-click' | 'modifier-right-click';
|
|
8
|
+
export interface MenuOpenModifiers {
|
|
9
|
+
ctrl: boolean;
|
|
10
|
+
alt: boolean;
|
|
11
|
+
shift: boolean;
|
|
12
|
+
meta: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface MenuOpenGesture {
|
|
15
|
+
mode: MenuOpenTriggerMode;
|
|
16
|
+
modifiers: MenuOpenModifiers;
|
|
17
|
+
}
|
|
18
|
+
export interface MenuOpenGestureConfig {
|
|
19
|
+
mode?: MenuOpenTriggerMode;
|
|
20
|
+
modifiers?: Partial<MenuOpenModifiers>;
|
|
21
|
+
}
|
|
22
|
+
export interface InspectFilter {
|
|
23
|
+
patterns: readonly string[];
|
|
24
|
+
regex: boolean;
|
|
25
|
+
wholeWord: boolean;
|
|
26
|
+
matchCase: boolean;
|
|
27
|
+
}
|
|
28
|
+
export type InspectFilterConfig = Partial<InspectFilter>;
|
|
5
29
|
export type EditableStyleProp = 'backgroundColor' | 'color' | 'fontSize' | 'padding' | 'margin' | 'borderRadius' | 'borderWidth' | 'borderColor' | 'opacity' | 'width' | 'height' | 'gap';
|
|
6
30
|
export type StyleOverrideValue = string | number;
|
|
7
31
|
export type ComponentStyleOverrides = Partial<Record<EditableStyleProp, StyleOverrideValue>>;
|
|
@@ -20,22 +44,30 @@ export interface ReinspectConfig extends LegacyReinspectConfig {
|
|
|
20
44
|
startActive?: boolean;
|
|
21
45
|
showFloatingToggle?: boolean;
|
|
22
46
|
inspectMode?: InspectMode;
|
|
47
|
+
inspectWhitelist?: InspectFilterConfig;
|
|
48
|
+
inspectBlacklist?: InspectFilterConfig;
|
|
23
49
|
editableProps?: readonly EditableStyleProp[];
|
|
24
|
-
palette?: readonly string[];
|
|
25
50
|
zIndexBase?: number;
|
|
26
51
|
renderCounters?: RenderCounterMode;
|
|
27
52
|
countRendersForComponents?: readonly string[];
|
|
53
|
+
propsSerializationMode?: PropsSerializationMode;
|
|
54
|
+
menuTheme?: MenuTheme;
|
|
55
|
+
menuOpenGesture?: MenuOpenGestureConfig;
|
|
28
56
|
}
|
|
29
57
|
export interface ResolvedReinspectConfig {
|
|
30
58
|
enabled: boolean;
|
|
31
59
|
startActive: boolean;
|
|
32
60
|
showFloatingToggle: boolean;
|
|
33
61
|
inspectMode: InspectMode;
|
|
62
|
+
inspectWhitelist: InspectFilter;
|
|
63
|
+
inspectBlacklist: InspectFilter;
|
|
34
64
|
editableProps: readonly EditableStyleProp[];
|
|
35
|
-
palette: readonly string[];
|
|
36
65
|
zIndexBase: number;
|
|
37
66
|
renderCounters: RenderCounterMode;
|
|
38
67
|
countRendersForComponents: readonly string[];
|
|
68
|
+
propsSerializationMode: PropsSerializationMode;
|
|
69
|
+
menuTheme: MenuTheme;
|
|
70
|
+
menuOpenGesture: MenuOpenGesture;
|
|
39
71
|
}
|
|
40
72
|
export interface ReinspectContextValue {
|
|
41
73
|
config: ResolvedReinspectConfig;
|
|
@@ -46,14 +78,27 @@ export interface ReinspectContextValue {
|
|
|
46
78
|
setPendingInspectMode: Dispatch<SetStateAction<InspectMode>>;
|
|
47
79
|
hasPendingInspectModeChange: boolean;
|
|
48
80
|
applyInspectMode: () => void;
|
|
81
|
+
inspectWhitelist: InspectFilter;
|
|
82
|
+
setInspectWhitelist: Dispatch<SetStateAction<InspectFilter>>;
|
|
83
|
+
inspectWhitelistInvalidPatterns: readonly string[];
|
|
84
|
+
inspectBlacklist: InspectFilter;
|
|
85
|
+
setInspectBlacklist: Dispatch<SetStateAction<InspectFilter>>;
|
|
86
|
+
inspectBlacklistInvalidPatterns: readonly string[];
|
|
87
|
+
isComponentInspectableByFilters: (componentName: string) => boolean;
|
|
49
88
|
renderCounterMode: RenderCounterMode;
|
|
50
89
|
setRenderCounterMode: Dispatch<SetStateAction<RenderCounterMode>>;
|
|
90
|
+
propsSerializationMode: PropsSerializationMode;
|
|
91
|
+
setPropsSerializationMode: Dispatch<SetStateAction<PropsSerializationMode>>;
|
|
92
|
+
menuTheme: MenuTheme;
|
|
93
|
+
setMenuTheme: Dispatch<SetStateAction<MenuTheme>>;
|
|
94
|
+
menuOpenGesture: MenuOpenGesture;
|
|
95
|
+
setMenuOpenGesture: Dispatch<SetStateAction<MenuOpenGesture>>;
|
|
51
96
|
renderCountComponents: Record<string, true>;
|
|
52
97
|
setRenderCountingForComponent: (componentName: string, enabled: boolean) => void;
|
|
53
98
|
isRenderCountingEnabledFor: (componentName: string) => boolean;
|
|
54
99
|
overrides: Record<string, ComponentStyleOverrides>;
|
|
55
100
|
updateOverride: (componentId: string, prop: EditableStyleProp, value: StyleOverrideValue | undefined) => void;
|
|
56
|
-
|
|
101
|
+
getColor: (componentName: string) => string;
|
|
57
102
|
}
|
|
58
103
|
export interface ReinspectProviderProps {
|
|
59
104
|
children: ReactNode;
|
package/dist/lib/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/reinspect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE/E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,aAAa,GAAG,KAAK,CAAA;AAC3D,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,aAAa,CAAA;AAC7D,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/reinspect/types.ts"],"names":[],"mappings":"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"}
|
package/dist/lib/utils.d.ts
CHANGED
|
@@ -1,13 +1,42 @@
|
|
|
1
|
-
import type { ComponentStyleOverrides, EditableStyleProp, InspectMode, RenderCounterMode, ReinspectConfig, ResolvedReinspectConfig } from './types';
|
|
1
|
+
import type { ComponentStyleOverrides, EditableStyleProp, InspectFilter, InspectFilterConfig, InspectMode, MenuOpenGesture, MenuOpenGestureConfig, MenuOpenModifiers, MenuOpenTriggerMode, MenuTheme, PropsSerializationMode, RenderCounterMode, ReinspectConfig, ResolvedReinspectConfig } from './types';
|
|
2
2
|
export declare const REINSPECT_INSPECT_MODE_STORAGE_KEY = "reinspect.inspectMode";
|
|
3
|
+
export declare const REINSPECT_INSPECT_WHITELIST_STORAGE_KEY = "reinspect.inspectWhitelist";
|
|
4
|
+
export declare const REINSPECT_INSPECT_BLACKLIST_STORAGE_KEY = "reinspect.inspectBlacklist";
|
|
5
|
+
export declare const REINSPECT_PROPS_SERIALIZATION_MODE_STORAGE_KEY = "reinspect.propsSerializationMode";
|
|
6
|
+
export declare const REINSPECT_MENU_THEME_STORAGE_KEY = "reinspect.menuTheme";
|
|
7
|
+
export declare const REINSPECT_MENU_OPEN_GESTURE_STORAGE_KEY = "reinspect.menuOpenGesture";
|
|
8
|
+
export declare const DEFAULT_INSPECT_FILTER: InspectFilter;
|
|
9
|
+
export declare const DEFAULT_MENU_OPEN_MODIFIERS: MenuOpenModifiers;
|
|
10
|
+
export declare const DEFAULT_MENU_OPEN_GESTURE: MenuOpenGesture;
|
|
11
|
+
export interface CompiledInspectFilterMatcher {
|
|
12
|
+
hasPatterns: boolean;
|
|
13
|
+
invalidPatterns: readonly string[];
|
|
14
|
+
matches: (componentName: string) => boolean;
|
|
15
|
+
}
|
|
3
16
|
export declare function isInspectMode(value: unknown): value is InspectMode;
|
|
4
17
|
export declare function isRenderCounterMode(value: unknown): value is RenderCounterMode;
|
|
18
|
+
export declare function isPropsSerializationMode(value: unknown): value is PropsSerializationMode;
|
|
19
|
+
export declare function isMenuTheme(value: unknown): value is MenuTheme;
|
|
20
|
+
export declare function isMenuOpenTriggerMode(value: unknown): value is MenuOpenTriggerMode;
|
|
21
|
+
export declare function normalizeInspectFilter(filter: InspectFilterConfig | undefined): InspectFilter;
|
|
5
22
|
export declare function resolveInspectMode(configInspectMode: InspectMode | undefined): InspectMode;
|
|
6
23
|
export declare function persistInspectMode(mode: InspectMode): void;
|
|
24
|
+
export declare function resolveInspectWhitelist(configFilter: InspectFilterConfig | undefined): InspectFilter;
|
|
25
|
+
export declare function resolveInspectBlacklist(configFilter: InspectFilterConfig | undefined): InspectFilter;
|
|
26
|
+
export declare function persistInspectWhitelist(filter: InspectFilterConfig | InspectFilter): void;
|
|
27
|
+
export declare function persistInspectBlacklist(filter: InspectFilterConfig | InspectFilter): void;
|
|
28
|
+
export declare function resolvePropsSerializationMode(configMode: PropsSerializationMode | undefined): PropsSerializationMode;
|
|
29
|
+
export declare function persistPropsSerializationMode(mode: PropsSerializationMode): void;
|
|
30
|
+
export declare function resolveMenuTheme(configTheme: MenuTheme | undefined): MenuTheme;
|
|
31
|
+
export declare function persistMenuTheme(theme: MenuTheme): void;
|
|
32
|
+
export declare function resolveMenuOpenGesture(configGesture: MenuOpenGestureConfig | undefined): MenuOpenGesture;
|
|
33
|
+
export declare function persistMenuOpenGesture(gesture: MenuOpenGestureConfig | MenuOpenGesture): void;
|
|
7
34
|
export declare function reloadWindow(): void;
|
|
35
|
+
export declare function compileInspectFilterMatcher(filter: InspectFilterConfig | InspectFilter): CompiledInspectFilterMatcher;
|
|
36
|
+
export declare function isComponentNameInspectableByFilters(componentName: string, whitelist: CompiledInspectFilterMatcher, blacklist: CompiledInspectFilterMatcher): boolean;
|
|
8
37
|
export declare function resolveReinspectConfig(config?: ReinspectConfig): ResolvedReinspectConfig;
|
|
9
|
-
export declare function pickColorByComponentName(componentName: string, palette: readonly string[]): string;
|
|
10
38
|
export declare function buildInlineStyleOverrides(overrides: ComponentStyleOverrides | undefined, editableProps: readonly EditableStyleProp[]): Record<string, string | number>;
|
|
39
|
+
export declare function resolveColorInputValue(value: string | undefined): string;
|
|
11
40
|
export declare function normalizeHexColor(value: string | undefined): string;
|
|
12
41
|
export declare function parseNumberInput(input: string): number | undefined;
|
|
13
42
|
//# sourceMappingURL=utils.d.ts.map
|
package/dist/lib/utils.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/reinspect/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,uBAAuB,EACxB,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/reinspect/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let l=require(`react`),u=require(`react/jsx-runtime`),d=require(`react-dom`);var f=(0,l.createContext)(null),p=[`a[href]`,`button:not([disabled])`,`input:not([disabled]):not([type="hidden"])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex="-1"])`].join(`, `);function m(e){let t=window.getComputedStyle(e);return t.display!==`none`&&t.visibility!==`hidden`}function h(e){return Array.from(e.querySelectorAll(p)).filter(e=>m(e))}function g(e){let t=h(e)[0];if(t){t.focus();return}e.focus()}function ee(e,t){if(e.key!==`Tab`)return;let n=h(t);if(n.length===0){e.preventDefault(),t.focus();return}let r=n[0],i=n[n.length-1];if(!r||!i){e.preventDefault(),t.focus();return}let a=document.activeElement instanceof HTMLElement?document.activeElement:null,o=a&&t.contains(a);if(e.shiftKey){(!o||a===r)&&(e.preventDefault(),i.focus());return}(!o||a===i)&&(e.preventDefault(),r.focus())}var _=[`backgroundColor`,`color`,`fontSize`,`padding`,`margin`,`borderRadius`,`borderWidth`,`borderColor`,`opacity`,`width`,`height`,`gap`],v=`#1f2937`,te=new Set([`backgroundColor`,`color`,`borderColor`]),ne=new Set([`fontSize`,`padding`,`margin`,`borderRadius`,`borderWidth`,`width`,`height`,`gap`]),y=2147483e3,b=`reinspect.inspectMode`,x=`reinspect.inspectWhitelist`,S=`reinspect.inspectBlacklist`,C=`reinspect.propsSerializationMode`,w=`reinspect.menuTheme`,T=`reinspect.menuOpenGesture`,E={ctrl:!1,alt:!1,shift:!0,meta:!1},D={mode:`right-click`,modifiers:E},O=[`wrapped`,`first-party`,`all`],k=[`off`,`attempts`,`commits`,`both`],A=[`distilled`,`complete`],j=[`light`,`dark`],M=[`right-click`,`modifier-right-click`],N=!1;function P(e){return typeof e==`object`&&!!e}function re(){N||typeof console>`u`||(N=!0,console.warn("[react-reinspect] `shouldCountRenders` and `renderCaptureMode` are deprecated. Use `renderCounters` instead."))}function ie(e){return typeof e==`string`&&O.includes(e)}function F(e){return typeof e==`string`&&k.includes(e)}function I(e){return typeof e==`string`&&A.includes(e)}function L(e){return typeof e==`string`&&j.includes(e)}function ae(e){return typeof e==`string`&&M.includes(e)}function R(e){let t={ctrl:e?.ctrl===!0,alt:e?.alt===!0,shift:e?.shift===!0,meta:e?.meta===!0};return t.ctrl||t.alt||t.shift||t.meta?t:{...E}}function oe(e){return{mode:ae(e?.mode)?e.mode:D.mode,modifiers:R(e?.modifiers)}}function z(e){let t=[];if(Array.isArray(e?.patterns))for(let n of e.patterns){if(typeof n!=`string`)continue;let e=n.trim();e.length!==0&&t.push(e)}return{patterns:t,regex:e?.regex===!0,wholeWord:e?.wholeWord===!0,matchCase:e?.matchCase===!0}}function B(){if(!(typeof window>`u`))try{let e=window.sessionStorage.getItem(b);return ie(e)?e:void 0}catch{return}}function se(e){return B()||(ie(e)?e:`wrapped`)}function ce(e){if(!(typeof window>`u`))try{window.sessionStorage.setItem(b,e)}catch{}}function le(e){if(!(typeof window>`u`))try{let t=window.sessionStorage.getItem(e);if(!t)return;let n=JSON.parse(t);return P(n)?z(n):void 0}catch{return}}function V(e,t){return le(t)||z(e)}function ue(e){return V(e,x)}function H(e){return V(e,S)}function de(e,t){if(!(typeof window>`u`))try{let n=z(t);window.sessionStorage.setItem(e,JSON.stringify(n))}catch{}}function fe(e){de(x,e)}function pe(e){de(S,e)}function me(){if(!(typeof window>`u`))try{let e=window.sessionStorage.getItem(C);return I(e)?e:void 0}catch{return}}function he(e){return me()||(I(e)?e:`distilled`)}function ge(e){if(!(typeof window>`u`))try{window.sessionStorage.setItem(C,e)}catch{}}function U(){if(!(typeof window>`u`))try{let e=window.sessionStorage.getItem(w);return L(e)?e:void 0}catch{return}}function _e(e){return U()||(L(e)?e:`light`)}function W(e){if(!(typeof window>`u`))try{window.sessionStorage.setItem(w,e)}catch{}}function ve(){if(!(typeof window>`u`))try{let e=window.sessionStorage.getItem(T);if(!e)return;let t=JSON.parse(e);return P(t)?oe(t):void 0}catch{return}}function ye(e){return ve()||oe(e)}function be(e){if(!(typeof window>`u`))try{let t=oe(e);window.sessionStorage.setItem(T,JSON.stringify(t))}catch{}}function xe(e){return F(e.renderCounters)?e.renderCounters:((e.shouldCountRenders!==void 0||e.renderCaptureMode!==void 0)&&re(),e.shouldCountRenders===!1?`off`:e.shouldCountRenders===!0?e.renderCaptureMode??`attempts`:e.renderCaptureMode?e.renderCaptureMode:`off`)}function Se(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function Ce(e){let t=z(e),n=[],r=[],i=t.matchCase?``:`i`;for(let e of t.patterns){let a=t.regex?e:Se(e),o=t.wholeWord?`\\b(?:${a})\\b`:a;try{n.push(new RegExp(o,i))}catch{r.push(e)}}return{hasPatterns:n.length>0,invalidPatterns:r,matches:e=>n.some(t=>t.test(e))}}function G(e,t,n){return!(!(!t.hasPatterns||t.matches(e))||n.hasPatterns&&n.matches(e))}function we(e={}){let t=e.enabled??!1,n=e.editableProps&&e.editableProps.length>0?e.editableProps:_;return{enabled:t,startActive:e.startActive??!0,showFloatingToggle:e.showFloatingToggle??t,inspectMode:se(e.inspectMode),inspectWhitelist:ue(e.inspectWhitelist),inspectBlacklist:H(e.inspectBlacklist),editableProps:n,zIndexBase:e.zIndexBase??y,renderCounters:xe(e),countRendersForComponents:e.countRendersForComponents??[],propsSerializationMode:he(e.propsSerializationMode),menuTheme:_e(e.menuTheme),menuOpenGesture:ye(e.menuOpenGesture)}}function Te(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 K(e){let t=e.trim();if(t.length===0)return;if(t.endsWith(`%`)){let e=Number(t.slice(0,-1));return Number.isFinite(e)?Math.min(255,Math.max(0,Math.round(e/100*255))):void 0}let n=Number(t);if(Number.isFinite(n))return Math.min(255,Math.max(0,Math.round(n)))}function Ee(e){return e.toString(16).padStart(2,`0`)}function q(e){if(!e)return;let t=e.trim();if(/^#[0-9a-fA-F]{6}$/.test(t))return t.toLowerCase();if(/^#[0-9a-fA-F]{3}$/.test(t)){let[,e=`0`,n=`0`,r=`0`]=t;return`#${e}${e}${n}${n}${r}${r}`.toLowerCase()}let n=t.match(/^rgba?\((.+)\)$/i);if(n){let e=(n[1]??``).replace(/\//g,` `).split(/[,\s]+/).filter(e=>e.length>0),t=K(e[0]??``),r=K(e[1]??``),i=K(e[2]??``);if(t!==void 0&&r!==void 0&&i!==void 0)return`#${Ee(t)}${Ee(r)}${Ee(i)}`}}function J(e){if(typeof document>`u`||typeof window>`u`)return;let t=document.createElement(`span`);if(t.style.position=`fixed`,t.style.left=`-9999px`,t.style.top=`-9999px`,t.style.color=``,t.style.color=e,t.style.color){document.body.appendChild(t);try{let e=window.getComputedStyle(t).color;return q(e)}finally{t.remove()}}}function De(e){let t=q(e);if(t)return t;if(e){let t=J(e);if(t)return t}return J(`var(--reinspect-menu-text)`)||J(`CanvasText`)||v}function Oe(e){let t=Number(e);if(Number.isFinite(t))return t}var ke=4,Y=40,Ae=40,je=`__reinspect_placeholder__`,Me=`__reinspect__displayName__`,Ne=`display`,X=Symbol(`reinspect.omitSerialization`),Pe=new Set([`$$typeof`,`_owner`,`_store`,`_self`,`_source`]);function Z(e,t){return{[Me]:t}}function Q(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function Fe(e){if(!Q(e))return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null}function Ie(e){if(!Q(e))return!1;let t=e[je];if(t!==void 0&&typeof t!=`string`)return!1;let n=e[Me];if(n!==void 0&&typeof n!=`string`)return!1;let r=e[Ne];return r!==void 0&&typeof r!=`string`?!1:typeof t==`string`||typeof n==`string`}function Le(e){try{return JSON.stringify(e,null,2)}catch{return null}}function Re(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 ze(e){let t=e.replace(/\s+/g,` `).trim();return t.length<=120?t:`${t.slice(0,117)}...`}function Be(e){return e?.mode===`complete`?`complete`:`distilled`}function Ve(e){return`$$typeof`in e&&`props`in e}function He(e,t){let n=Object.entries(e);return t!==`distilled`||!Ve(e)?n:n.filter(([e])=>!Pe.has(e))}function Ue(e,t,n,r){let i=(e,t)=>r===`complete`?Z(e,t):X;if(n>ke)return i(`truncated`,`[Max depth reached]`);if(e===null)return null;let a=typeof e;if(a===`string`||a===`boolean`)return e;if(a===`number`)return Number.isFinite(e)?e:i(`non-finite-number`,String(e));if(a===`undefined`)return i(`undefined`,`undefined`);if(a===`bigint`)return i(`bigint`,`${String(e)}n`);if(a===`symbol`)return i(`symbol`,String(e));if(a===`function`)return i(`function`,`[Function ${e.name||`anonymous`}]`);if(e instanceof Date)return i(`date`,Number.isNaN(e.getTime())?`Invalid Date`:e.toISOString());if(e instanceof RegExp)return i(`regexp`,e.toString());if(a===`object`){let a=e;if(t.has(a))return i(`circular`,`[Circular]`);if(t.add(a),Array.isArray(e)){let o=[],s=Math.min(e.length,Ae);for(let i=0;i<s;i+=1){let a=Ue(e[i],t,n+1,r);a!==X&&o.push(a)}if(e.length>Ae){let t=i(`truncated`,`${e.length-Ae} more items`);t!==X&&o.push(t)}return t.delete(a),o}let o={},s=He(e,r),c=Math.min(s.length,Y);for(let e=0;e<c;e+=1){let i=s[e];if(!i)continue;let[a,c]=i,l=Ue(c,t,n+1,r);l!==X&&(o[a]=l)}if(s.length>Y){let e=i(`truncated`,`${s.length-Y} more keys`);e!==X&&(o.__reinspect_truncated__=e)}return t.delete(a),o}return i(`unsupported`,`[Unsupported value]`)}function We(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=Re(t),r=t.name||`anonymous`;return{kind:`function`,summary:`Function ${r}(${t.length})`,copyText:n,functionMeta:{name:r,arity:t.length,preview:ze(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})`}:Q(e)?{kind:`object`,summary:`Object(${Object.keys(e).length})`}:{kind:`unknown`,summary:String(e)}}function Ge(e){if(!Ie(e)){if(Array.isArray(e)){let t=[];for(let n of e){let e=Ge(n);if(e===void 0)return;t.push(e)}return t}if(Q(e)){let t={};for(let[n,r]of Object.entries(e)){let e=Ge(r);e!==void 0&&(t[n]=e)}return t}return e}}function Ke(e){return Object.keys(e).map(t=>({key:t,value:We(e[t])}))}function qe(e,t){let n=Ue(e,new WeakSet,0,Be(t));return n===X?`{}`:Le(n)??`{}`}function Je(e,t){let n=Ue(e,new WeakSet,0,Be(t));return n===X?null:Le(n)}function Ye(e){if(e===null)return!0;let t=typeof e;return t===`string`||t===`number`||t===`boolean`||Array.isArray(e)?!0:Fe(e)}function Xe(e){let t=e.trim();if(t.length===0)return{parsed:null,error:`Value JSON cannot be empty.`};try{let e=Ge(JSON.parse(t));return e===void 0||!Ye(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 Ze(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=Ge(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.`}}}var Qe=Symbol.for(`reinspect.wrapped`);function $e(e){return e[Qe]}function et(e,t){e[Qe]=t}var tt={attempts:0,commits:0},nt=new Map,$=new Map;function rt(e){let t=nt.get(e);if(t)return t;let n={attempts:0,commits:0};return nt.set(e,n),n}function it(e){let t=$.get(e);if(t)for(let e of t)e()}function at(e){let t=rt(e);nt.set(e,{attempts:t.attempts+1,commits:t.commits+1}),it(e)}function ot(e){return nt.get(e)||tt}function st(e){nt.delete(e),it(e)}function ct(e,t){let n=$.get(e);return n?n.add(t):$.set(e,new Set([t])),()=>{let n=$.get(e);n&&(n.delete(t),n.size===0&&$.delete(e))}}function lt(e){return(0,l.useSyncExternalStore)((0,l.useCallback)(t=>ct(e,t),[e]),(0,l.useCallback)(()=>ot(e),[e]),()=>tt)}function ut(e,t){return t===`commits`?`${e.commits} commits`:t===`both`?`${e.attempts} attempts | ${e.commits} commits`:`${e.attempts} attempts`}var dt=c(o(((e,t)=>{var n=function(e){var t=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,r={},i={manual:e.Prism&&e.Prism.manual,disableWorkerMessageHandler:e.Prism&&e.Prism.disableWorkerMessageHandler,util:{encode:function e(t){return t instanceof a?new a(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,`&`).replace(/</g,`<`).replace(/\u00a0/g,` `)},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,`__id`,{value:++n}),e.__id},clone:function e(t,n){n||={};var r,a;switch(i.util.type(t)){case`Object`:if(a=i.util.objId(t),n[a])return n[a];for(var o in r={},n[a]=r,t)t.hasOwnProperty(o)&&(r[o]=e(t[o],n));return r;case`Array`:return a=i.util.objId(t),n[a]?n[a]:(r=[],n[a]=r,t.forEach(function(t,i){r[i]=e(t,n)}),r);default:return t}},getLanguage:function(e){for(;e;){var n=t.exec(e.className);if(n)return n[1].toLowerCase();e=e.parentElement}return`none`},setLanguage:function(e,n){e.className=e.className.replace(RegExp(t,`gi`),``),e.classList.add(`language-`+n)},currentScript:function(){if(typeof document>`u`)return null;if(document.currentScript&&document.currentScript.tagName===`SCRIPT`)return document.currentScript;try{throw Error()}catch(r){var e=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(r.stack)||[])[1];if(e){var t=document.getElementsByTagName(`script`);for(var n in t)if(t[n].src==e)return t[n]}return null}},isActive:function(e,t,n){for(var r=`no-`+t;e;){var i=e.classList;if(i.contains(t))return!0;if(i.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:r,plaintext:r,text:r,txt:r,extend:function(e,t){var n=i.util.clone(i.languages[e]);for(var r in t)n[r]=t[r];return n},insertBefore:function(e,t,n,r){r||=i.languages;var a=r[e],o={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var c in n)n.hasOwnProperty(c)&&(o[c]=n[c]);n.hasOwnProperty(s)||(o[s]=a[s])}var l=r[e];return r[e]=o,i.languages.DFS(i.languages,function(t,n){n===l&&t!=e&&(this[t]=o)}),o},DFS:function e(t,n,r,a){a||={};var o=i.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],r||s);var c=t[s],l=i.util.type(c);l===`Object`&&!a[o(c)]?(a[o(c)]=!0,e(c,n,null,a)):l===`Array`&&!a[o(c)]&&(a[o(c)]=!0,e(c,n,s,a))}}},plugins:{},highlightAll:function(e,t){i.highlightAllUnder(document,e,t)},highlightAllUnder:function(e,t,n){var r={callback:n,container:e,selector:`code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code`};i.hooks.run(`before-highlightall`,r),r.elements=Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)),i.hooks.run(`before-all-elements-highlight`,r);for(var a=0,o;o=r.elements[a++];)i.highlightElement(o,t===!0,r.callback)},highlightElement:function(t,n,r){var a=i.util.getLanguage(t),o=i.languages[a];i.util.setLanguage(t,a);var s=t.parentElement;s&&s.nodeName.toLowerCase()===`pre`&&i.util.setLanguage(s,a);var c={element:t,language:a,grammar:o,code:t.textContent};function l(e){c.highlightedCode=e,i.hooks.run(`before-insert`,c),c.element.innerHTML=c.highlightedCode,i.hooks.run(`after-highlight`,c),i.hooks.run(`complete`,c),r&&r.call(c.element)}if(i.hooks.run(`before-sanity-check`,c),s=c.element.parentElement,s&&s.nodeName.toLowerCase()===`pre`&&!s.hasAttribute(`tabindex`)&&s.setAttribute(`tabindex`,`0`),!c.code){i.hooks.run(`complete`,c),r&&r.call(c.element);return}if(i.hooks.run(`before-highlight`,c),!c.grammar){l(i.util.encode(c.code));return}if(n&&e.Worker){var u=new Worker(i.filename);u.onmessage=function(e){l(e.data)},u.postMessage(JSON.stringify({language:c.language,code:c.code,immediateClose:!0}))}else l(i.highlight(c.code,c.grammar,c.language))},highlight:function(e,t,n){var r={code:e,grammar:t,language:n};if(i.hooks.run(`before-tokenize`,r),!r.grammar)throw Error(`The language "`+r.language+`" has no grammar.`);return r.tokens=i.tokenize(r.code,r.grammar),i.hooks.run(`after-tokenize`,r),a.stringify(i.util.encode(r.tokens),r.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var i=new c;return l(i,i.head,e),s(e,i,t,i.head,0),d(i)},hooks:{all:{},add:function(e,t){var n=i.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=i.hooks.all[e];if(!(!n||!n.length))for(var r=0,a;a=n[r++];)a(t)}},Token:a};e.Prism=i;function a(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=(r||``).length|0}a.stringify=function e(t,n){if(typeof t==`string`)return t;if(Array.isArray(t)){var r=``;return t.forEach(function(t){r+=e(t,n)}),r}var a={type:t.type,content:e(t.content,n),tag:`span`,classes:[`token`,t.type],attributes:{},language:n},o=t.alias;o&&(Array.isArray(o)?Array.prototype.push.apply(a.classes,o):a.classes.push(o)),i.hooks.run(`wrap`,a);var s=``;for(var c in a.attributes)s+=` `+c+`="`+(a.attributes[c]||``).replace(/"/g,`"`)+`"`;return`<`+a.tag+` class="`+a.classes.join(` `)+`"`+s+`>`+a.content+`</`+a.tag+`>`};function o(e,t,n,r){e.lastIndex=t;var i=e.exec(n);if(i&&r&&i[1]){var a=i[1].length;i.index+=a,i[0]=i[0].slice(a)}return i}function s(e,t,n,r,c,d){for(var f in n)if(!(!n.hasOwnProperty(f)||!n[f])){var p=n[f];p=Array.isArray(p)?p:[p];for(var m=0;m<p.length;++m){if(d&&d.cause==f+`,`+m)return;var h=p[m],g=h.inside,ee=!!h.lookbehind,_=!!h.greedy,v=h.alias;if(_&&!h.pattern.global){var te=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,te+`g`)}for(var ne=h.pattern||h,y=r.next,b=c;y!==t.tail&&!(d&&b>=d.reach);b+=y.value.length,y=y.next){var x=y.value;if(t.length>e.length)return;if(!(x instanceof a)){var S=1,C;if(_){if(C=o(ne,b,e,ee),!C||C.index>=e.length)break;var w=C.index,T=C.index+C[0].length,E=b;for(E+=y.value.length;w>=E;)y=y.next,E+=y.value.length;if(E-=y.value.length,b=E,y.value instanceof a)continue;for(var D=y;D!==t.tail&&(E<T||typeof D.value==`string`);D=D.next)S++,E+=D.value.length;S--,x=e.slice(b,E),C.index-=b}else if(C=o(ne,0,x,ee),!C)continue;var w=C.index,O=C[0],k=x.slice(0,w),A=x.slice(w+O.length),j=b+x.length;d&&j>d.reach&&(d.reach=j);var M=y.prev;k&&(M=l(t,M,k),b+=k.length),u(t,M,S);var N=new a(f,g?i.tokenize(O,g):O,v,O);if(y=l(t,M,N),A&&l(t,y,A),S>1){var P={cause:f+`,`+m,reach:j};s(e,t,n,y.prev,b,P),d&&P.reach>d.reach&&(d.reach=P.reach)}}}}}}function c(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,i={value:n,prev:t,next:r};return t.next=i,r.prev=i,e.length++,i}function u(e,t,n){for(var r=t.next,i=0;i<n&&r!==e.tail;i++)r=r.next;t.next=r,r.prev=t,e.length-=i}function d(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}if(!e.document)return e.addEventListener&&(i.disableWorkerMessageHandler||e.addEventListener(`message`,function(t){var n=JSON.parse(t.data),r=n.language,a=n.code,o=n.immediateClose;e.postMessage(i.highlight(a,i.languages[r],r)),o&&e.close()},!1)),i;var f=i.util.currentScript();f&&(i.filename=f.src,f.hasAttribute(`data-manual`)&&(i.manual=!0));function p(){i.manual||i.highlightAll()}if(!i.manual){var m=document.readyState;m===`loading`||m===`interactive`&&f&&f.defer?document.addEventListener(`DOMContentLoaded`,p):window.requestAnimationFrame?window.requestAnimationFrame(p):window.setTimeout(p,16)}return i}(typeof window<`u`?window:typeof WorkerGlobalScope<`u`&&self instanceof WorkerGlobalScope?self:{});t!==void 0&&t.exports&&(t.exports=n),typeof global<`u`&&(global.Prism=n),n.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:`attr-equals`},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:`named-entity`},/&#x?[\da-f]{1,8};/i]},n.languages.markup.tag.inside[`attr-value`].inside.entity=n.languages.markup.entity,n.languages.markup.doctype.inside[`internal-subset`].inside=n.languages.markup,n.hooks.add(`wrap`,function(e){e.type===`entity`&&(e.attributes.title=e.content.replace(/&/,`&`))}),Object.defineProperty(n.languages.markup.tag,`addInlined`,{value:function(e,t){var r={};r[`language-`+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:n.languages[t]},r.cdata=/^<!\[CDATA\[|\]\]>$/i;var i={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:r}};i[`language-`+t]={pattern:/[\s\S]+/,inside:n.languages[t]};var a={};a[e]={pattern:RegExp(`(<__[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[\\s\\S])*?(?=<\\/__>)`.replace(/__/g,function(){return e}),`i`),lookbehind:!0,greedy:!0,inside:i},n.languages.insertBefore(`markup`,`cdata`,a)}}),Object.defineProperty(n.languages.markup.tag,`addAttribute`,{value:function(e,t){n.languages.markup.tag.inside[`special-attr`].push({pattern:RegExp(`(^|["'\\s])(?:`+e+`)\\s*=\\s*(?:"[^"]*"|'[^']*'|[^\\s'">=]+(?=[\\s>]))`,`i`),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,`language-`+t],inside:n.languages[t]},punctuation:[{pattern:/^=/,alias:`attr-equals`},/"|'/]}}}})}}),n.languages.html=n.languages.markup,n.languages.mathml=n.languages.markup,n.languages.svg=n.languages.markup,n.languages.xml=n.languages.extend(`markup`,{}),n.languages.ssml=n.languages.xml,n.languages.atom=n.languages.xml,n.languages.rss=n.languages.xml,(function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp(`@[\\w-](?:[^;{\\s"']|\\s+(?!\\s)|`+t.source+`)*?(?:;|(?=\\s*\\{))`),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:`selector`},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp(`\\burl\\((?:`+t.source+`|(?:[^\\\\\\r\\n()"']|\\\\[\\s\\S])*)\\)`,`i`),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp(`^`+t.source+`$`),alias:`url`}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+t.source+`)*(?=\\s*\\{)`),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined(`style`,`css`),n.tag.addAttribute(`style`,`css`))})(n),n.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},n.languages.javascript=n.languages.extend(`clike`,{"class-name":[n.languages.clike[`class-name`],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(`(^|[^\\w$])(?:NaN|Infinity|0[bB][01]+(?:_[01]+)*n?|0[oO][0-7]+(?:_[0-7]+)*n?|0[xX][\\dA-Fa-f]+(?:_[\\dA-Fa-f]+)*n?|\\d+(?:_\\d+)*n|(?:\\d+(?:_\\d+)*(?:\\.(?:\\d+(?:_\\d+)*)?)?|\\.\\d+(?:_\\d+)*)(?:[Ee][+-]?\\d+(?:_\\d+)*)?)(?![\\w$])`),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),n.languages.javascript[`class-name`][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,n.languages.insertBefore(`javascript`,`keyword`,{regex:{pattern:RegExp(`((?:^|[^$\\w\\xA0-\\uFFFF."'\\])\\s]|\\b(?:return|yield))\\s*)\\/(?:(?:\\[(?:[^\\]\\\\\\r\\n]|\\\\.)*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}|(?:\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.)*\\])*\\])*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}v[dgimyus]{0,7})(?=(?:\\s|\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/)*(?:$|[\\r\\n,.;:})\\]]|\\/\\/))`),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:`language-regex`,inside:n.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:`function`},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:n.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:n.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:n.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:n.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),n.languages.insertBefore(`javascript`,`string`,{hashbang:{pattern:/^#!.*/,greedy:!0,alias:`comment`},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:`string`},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:`punctuation`},rest:n.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:`property`}}),n.languages.insertBefore(`javascript`,`operator`,{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:`property`}}),n.languages.markup&&(n.languages.markup.tag.addInlined(`script`,`javascript`),n.languages.markup.tag.addAttribute(`on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)`,`javascript`)),n.languages.js=n.languages.javascript,(function(){if(n===void 0||typeof document>`u`)return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var e=`Loading…`,t=function(e,t){return`✖ Error `+e+` while fetching file: `+t},r=`✖ Error: File does not exist or is empty`,i={js:`javascript`,py:`python`,rb:`ruby`,ps1:`powershell`,psm1:`powershell`,sh:`bash`,bat:`batch`,h:`c`,tex:`latex`},a=`data-src-status`,o=`loading`,s=`loaded`,c=`failed`,l=`pre[data-src]:not([`+a+`="`+s+`"]):not([`+a+`="`+o+`"])`;function u(e,n,i){var a=new XMLHttpRequest;a.open(`GET`,e,!0),a.onreadystatechange=function(){a.readyState==4&&(a.status<400&&a.responseText?n(a.responseText):a.status>=400?i(t(a.status,a.statusText)):i(r))},a.send(null)}function d(e){var t=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(e||``);if(t){var n=Number(t[1]),r=t[2],i=t[3];return r?i?[n,Number(i)]:[n,void 0]:[n,n]}}n.hooks.add(`before-highlightall`,function(e){e.selector+=`, `+l}),n.hooks.add(`before-sanity-check`,function(t){var r=t.element;if(r.matches(l)){t.code=``,r.setAttribute(a,o);var f=r.appendChild(document.createElement(`CODE`));f.textContent=e;var p=r.getAttribute(`data-src`),m=t.language;if(m===`none`){var h=(/\.(\w+)$/.exec(p)||[,`none`])[1];m=i[h]||h}n.util.setLanguage(f,m),n.util.setLanguage(r,m);var g=n.plugins.autoloader;g&&g.loadLanguages(m),u(p,function(e){r.setAttribute(a,s);var t=d(r.getAttribute(`data-range`));if(t){var i=e.split(/\r\n?|\n/g),o=t[0],c=t[1]==null?i.length:t[1];o<0&&(o+=i.length),o=Math.max(0,Math.min(o-1,i.length)),c<0&&(c+=i.length),c=Math.max(0,Math.min(c,i.length)),e=i.slice(o,c).join(`
|
|
2
|
+
`),r.hasAttribute(`data-start`)||r.setAttribute(`data-start`,String(o+1))}f.textContent=e,n.highlightElement(f)},function(e){r.setAttribute(a,c),f.textContent=e})}}),n.plugins.fileHighlight={highlight:function(e){for(var t=(e||document).querySelectorAll(l),r=0,i;i=t[r++];)n.highlightElement(i)}};var f=!1;n.fileHighlight=function(){f||=(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),!0),n.plugins.fileHighlight.highlight.apply(this,arguments)}})()}))(),1);Prism.languages.javascript=Prism.languages.extend(`clike`,{"class-name":[Prism.languages.clike[`class-name`],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(`(^|[^\\w$])(?:NaN|Infinity|0[bB][01]+(?:_[01]+)*n?|0[oO][0-7]+(?:_[0-7]+)*n?|0[xX][\\dA-Fa-f]+(?:_[\\dA-Fa-f]+)*n?|\\d+(?:_\\d+)*n|(?:\\d+(?:_\\d+)*(?:\\.(?:\\d+(?:_\\d+)*)?)?|\\.\\d+(?:_\\d+)*)(?:[Ee][+-]?\\d+(?:_\\d+)*)?)(?![\\w$])`),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript[`class-name`][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore(`javascript`,`keyword`,{regex:{pattern:RegExp(`((?:^|[^$\\w\\xA0-\\uFFFF."'\\])\\s]|\\b(?:return|yield))\\s*)\\/(?:(?:\\[(?:[^\\]\\\\\\r\\n]|\\\\.)*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}|(?:\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.)*\\])*\\])*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}v[dgimyus]{0,7})(?=(?:\\s|\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/)*(?:$|[\\r\\n,.;:})\\]]|\\/\\/))`),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:`language-regex`,inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:`function`},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore(`javascript`,`string`,{hashbang:{pattern:/^#!.*/,greedy:!0,alias:`comment`},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:`string`},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:`punctuation`},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:`property`}}),Prism.languages.insertBefore(`javascript`,`operator`,{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:`property`}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined(`script`,`javascript`),Prism.languages.markup.tag.addAttribute(`on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)`,`javascript`)),Prism.languages.js=Prism.languages.javascript,Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:`keyword`}},Prism.languages.webmanifest=Prism.languages.json;function ft(e){return e.replaceAll(`&`,`&`).replaceAll(`<`,`<`).replaceAll(`>`,`>`)}function pt(e){return dt.languages[e]??null}function mt(e,t){let n=pt(t);if(!n)return ft(e);try{return dt.highlight(e,n,t)}catch{return ft(e)}}function ht({value:e}){if(e.kind===`function`&&e.functionMeta){let t=e.functionMeta;return(0,u.jsxs)(`div`,{className:`reinspect-prop-function`,children:[(0,u.jsx)(`code`,{children:e.summary}),(0,u.jsx)(`pre`,{children:(0,u.jsx)(`code`,{className:`language-javascript reinspect-code-block`,dangerouslySetInnerHTML:{__html:mt(t.preview,`javascript`)}})})]})}return(0,u.jsx)(`div`,{className:`reinspect-prop-scalar`,children:(0,u.jsx)(`code`,{children:e.summary})})}function gt({instanceId:e,counterMode:t}){return(0,u.jsx)(u.Fragment,{children:ut(lt(e),t)})}var _t={enabled:!1,startActive:!1,showFloatingToggle:!1,inspectMode:`wrapped`,inspectWhitelist:{patterns:[],regex:!1,wholeWord:!1,matchCase:!1},inspectBlacklist:{patterns:[],regex:!1,wholeWord:!1,matchCase:!1},editableProps:[],zIndexBase:0,renderCounters:`off`,countRendersForComponents:[],propsSerializationMode:`distilled`,menuTheme:`light`,menuOpenGesture:{mode:`right-click`,modifiers:{ctrl:!1,alt:!1,shift:!0,meta:!1}}},vt=0,yt=12,bt=560,xt=620;function St(e){return vt+=1,`${e}-${vt.toString(36)}`}function Ct(e){let t=e.replace(/([A-Z])/g,` $1`).trim(),n=t.slice(0,1);return t.length>0?n.toUpperCase()+t.slice(1):e}function wt(e){return e.trim().toLowerCase().replace(/[\s_-]+/g,``)}function Tt(e){return e!=null&&e!==``}function Et(e){return e.replace(/[^a-zA-Z0-9_-]/g,`-`)}function Dt(e){return e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}function Ot(e){if(!e)return!0;let t=e.trim().toLowerCase();if(t===`transparent`)return!0;let n=t.match(/^rgba?\((.+)\)$/i);if(!n)return!1;let[,r=``]=n,i=r.replace(/\//g,` `).split(/[,\s]+/).filter(e=>e.length>0);if(i.length<4)return!1;let a=i[3];if(!a)return!1;let o=a.endsWith(`%`)?Number(a.slice(0,-1))/100:Number(a);return Number.isFinite(o)&&o<=0}function kt(e,t,n){if(typeof window>`u`)return e;let r=yt,i=yt,a=Math.max(r,window.innerWidth-t-yt),o=Math.max(i,window.innerHeight-n-yt);return{x:Math.min(Math.max(e.x,r),a),y:Math.min(Math.max(e.y,i),o)}}function At(e,t){return e.includes(t)?[...e]:[...e,t]}function jt(e,t){return e.includes(t)?e.filter(e=>e!==t):At(e,t)}function Mt(e,t){if(t.mode===`right-click`)return!0;let n=t.modifiers;return!(n.ctrl&&!e.ctrlKey||n.alt&&!e.altKey||n.shift&&!e.shiftKey||n.meta&&!e.metaKey)}function Nt(){return(0,u.jsx)(`svg`,{viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`,children:(0,u.jsx)(`path`,{d:`M5.5 1.75A1.75 1.75 0 0 0 3.75 3.5v7c0 .966.784 1.75 1.75 1.75h7a1.75 1.75 0 0 0 1.75-1.75v-7a1.75 1.75 0 0 0-1.75-1.75h-7Zm-.25 1.75c0-.138.112-.25.25-.25h7c.138 0 .25.112.25.25v7a.25.25 0 0 1-.25.25h-7a.25.25 0 0 1-.25-.25v-7ZM1.75 6.5a.75.75 0 0 1 1.5 0v6c0 .966.784 1.75 1.75 1.75h6a.75.75 0 0 1 0 1.5h-6A3.25 3.25 0 0 1 1.75 12.5v-6Z`,fill:`currentColor`})})}function Pt(){return(0,u.jsx)(`svg`,{viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`,children:(0,u.jsx)(`path`,{d:`M11.86 1.52a1.8 1.8 0 0 1 2.55 2.55l-7.12 7.12a.75.75 0 0 1-.35.2l-3 0a.75.75 0 0 1-.75-.75l0-3a.75.75 0 0 1 .2-.35l7.12-7.12Zm1.49 1.06a.3.3 0 0 0-.43 0L6.1 9.4l-.16.5.5-.16 6.82-6.82a.3.3 0 0 0 0-.43l.09.09Z`,fill:`currentColor`})})}function Ft(e){return Array.isArray(e)||typeof e==`object`&&!!e}async function It(e){if(typeof navigator>`u`||!navigator.clipboard?.writeText)return!1;try{return await navigator.clipboard.writeText(e),!0}catch{return!1}}function Lt(e,t){return t?.componentName?.trim()||e.displayName?.trim()||e.name?.trim()||t?.fallbackName?.trim()||`Component`}function Rt(e,t,n){return e===`manual`||n===`all`||n===`first-party`&&t===`first-party`}function zt(e,t){let n=t?.source??`manual`,r=t?.scope??`first-party`,i=$e(e);if(i&&n===`auto`)return e;let a=i&&n===`manual`?i.original:e,o=Lt(a,t);function s(e){let t=(0,l.useRef)(null),i=(0,l.useRef)(null),s=(0,l.useRef)(null),c=(0,l.useRef)(null),p=(0,l.useRef)(null),m=(0,l.useRef)(!1),[h,_]=(0,l.useState)(null),[v,y]=(0,l.useState)(`css`),[b,x]=(0,l.useState)(`detected`),[S,C]=(0,l.useState)(``),[w,T]=(0,l.useState)({}),[E,D]=(0,l.useState)(`{}`),[O,k]=(0,l.useState)(null),[A,j]=(0,l.useState)(null),[M,N]=(0,l.useState)({}),[P,re]=(0,l.useState)({}),[ie,F]=(0,l.useState)({}),[I,L]=(0,l.useState)(null),[ae,R]=(0,l.useState)(``),[oe,z]=(0,l.useState)(null),[B,se]=(0,l.useState)(null),[ce,le]=(0,l.useState)({}),V=(0,l.useContext)(f),ue=!!V,H=V?.config??_t,de=V?.getColor??(()=>`var(--reinspect-brand-500)`),fe=V?.menuTheme??`light`,pe=V?.menuOpenGesture??_t.menuOpenGesture,me=V?.isActive??!1,he=V?.inspectMode??`wrapped`,ge=V?.renderCounterMode??_t.renderCounters,U=V?.propsSerializationMode??_t.propsSerializationMode,_e=V?.overrides??{},W=V?.updateOverride??(()=>void 0),ve=V?.renderCountComponents??{},ye=V?.setRenderCountingForComponent??(()=>void 0),be=V?.setInspectWhitelist??(()=>void 0),xe=V?.inspectWhitelist??_t.inspectWhitelist,Se=V?.setInspectBlacklist??(()=>void 0),Ce=V?.isRenderCountingEnabledFor??(()=>!1);t.current||=St(o);let G=t.current,we=de(o),K=Rt(n,r,he),Ee=V?.isComponentInspectableByFilters(o)??!0,q=H.enabled&&me&&K&&Ee,J=q&&Ce(o),ke=!!ve[o],Y=ge!==`off`,Ae=ge===`off`?`attempts`:ge,je=J,Me=_e[G],Ne=q?Te(Me,H.editableProps):{},X={...e,...w},Pe=X,Z=h!==null,Q=wt(S),Fe=Q.length===0?H.editableProps:H.editableProps.filter(e=>wt(e).includes(Q)),Ie=Z&&v===`props`&&b===`detected`?Ke(Pe):[],Le=(0,l.useRef)(je);(0,l.useEffect)(()=>{Le.current=je},[je]);let Re=(0,l.useMemo)(()=>(e,t)=>{t===`mount`||!Le.current||at(G)},[G]);(0,l.useEffect)(()=>()=>{st(G)},[G]),(0,l.useEffect)(()=>{if(!Z)return;let e=e=>{let t=e.target;s.current?.contains(t)||c.current?.contains(t)||(_(null),L(null),R(``),z(null))},t=e=>{if(e.key===`Escape`){if(I){L(null),R(``),z(null);return}_(null)}};return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[I,Z]),(0,l.useEffect)(()=>{Z&&(H.enabled&&me&&K||(_(null),L(null),R(``),z(null)))},[H.enabled,K,me,Z]),(0,l.useEffect)(()=>{if(!A)return;let e=globalThis.setTimeout(()=>{j(null)},1400);return()=>{globalThis.clearTimeout(e)}},[A]),(0,l.useEffect)(()=>{if(!B)return;let e=globalThis.setTimeout(()=>{se(null)},5e3);return()=>{globalThis.clearTimeout(e)}},[B]),(0,l.useEffect)(()=>{if(!Z||!h||!s.current)return;let e=s.current.getBoundingClientRect(),t=kt(h,e.width,e.height);(t.x!==h.x||t.y!==h.y)&&_(t)},[Z,h]),(0,l.useEffect)(()=>{if(!Z||I||!s.current)return;let e=s.current;g(e);let t=t=>{ee(t,e)};return document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`keydown`,t)}},[Z,I]),(0,l.useEffect)(()=>{if(!I||!c.current)return;let e=c.current;g(e);let t=t=>{ee(t,e)};return document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`keydown`,t),s.current?.focus()}},[I]),(0,l.useEffect)(()=>{m.current&&!Z&&i.current?.focus(),m.current=Z},[Z]);let ze={"--reinspect-color":we,"--reinspect-z-base":H.zIndexBase},Be=e=>{if(typeof window>`u`)return{};let t=e.currentTarget.querySelector(`[data-reinspect-content="true"]`),n=e.target,r=null;if(n instanceof HTMLElement&&t?.contains(n)&&(r=n),!r&&t?.firstElementChild instanceof HTMLElement&&(r=t.firstElementChild),!r&&t instanceof HTMLElement&&(r=t),!r)return{};let i=window.getComputedStyle(r),a={},o=()=>{let e=r;for(;e;){let t=window.getComputedStyle(e).backgroundColor.trim();if(!Ot(t))return t;e=e.parentElement}let t=window.getComputedStyle(document.documentElement).backgroundColor.trim();return Ot(t)?`rgb(255 255 255)`:t};for(let e of H.editableProps){let t=Dt(e),n=e===`backgroundColor`?o():i.getPropertyValue(t).trim();n.length>0&&(a[e]=n)}return a},Ve=e=>{if(!e)return;let t=e.trim().match(/-?\d*\.?\d+/);if(t?.[0])return Oe(t[0])},He=e=>{q&&Mt(e,pe)&&(e.preventDefault(),y(`general`),x(`detected`),C(``),k(null),j(null),N({}),re({}),F({}),L(null),R(``),z(null),D(`{}`),le(Be(e)),_(kt({x:e.clientX,y:e.clientY},bt,xt)))},Ue=()=>{let{parsed:e,error:t}=Ze(E);if(t||!e){k(t);return}T(e),N({}),re({}),F({}),k(null)},We=()=>{T({}),b===`raw`&&D(qe(e,{mode:U})),k(null)},Ge=(e,t)=>{It(e).then(e=>{j(e?`${t} copied.`:`Clipboard access is unavailable.`)})},Qe=(e,t)=>{let n=M[e],r=n??Je(t,{mode:U});if(!r){j(`JSON preview is unavailable for this value.`);return}n||N(t=>({...t,[e]:r})),Ge(r,`JSON value`)},$e=(e,t)=>{if(ie[e]){F(t=>({...t,[e]:!1}));return}if(!(e in M)&&!(e in P)){let n=Je(t,{mode:U});n===null?re(t=>({...t,[e]:`JSON preview is unavailable for this value.`})):N(t=>({...t,[e]:n}))}F(t=>({...t,[e]:!0}))},et=(e,t)=>{if(!Ye(t))return;let n=Je(t,{mode:U});if(n===null){j(`Unable to open editor for this value.`);return}L(e),R(n),z(null)},tt=()=>{if(!I)return;let e=I,{parsed:t,error:n}=Xe(ae);if(n||t===null){z(n);return}let r=Ft(t),i=r?Je(t,{mode:U}):null;T(n=>({...n,[e]:t})),N(t=>{if(i===null){if(!(e in t))return t;let n={...t};return delete n[e],n}return t[e]===i?t:{...t,[e]:i}}),re(t=>{let n=`JSON preview is unavailable for this value.`;if(r&&i===null)return t[e]===n?t:{...t,[e]:n};if(!(e in t))return t;let a={...t};return delete a[e],a}),F(t=>r||!t[e]?t:{...t,[e]:!1}),L(null),R(``),z(null)},nt=()=>{be(e=>({...e,patterns:jt(e.patterns,o)}))},$=xe.patterns.includes(o),rt=()=>{Se(e=>({...e,patterns:At(e.patterns,o)})),_(null),se({componentName:o})},it=()=>{B&&(Se(e=>({...e,patterns:e.patterns.filter(e=>e!==B.componentName)})),se(null))},ot=Z?(0,u.jsxs)(`div`,{ref:s,className:`reinspect-menu`,"data-reinspect-theme":fe,role:`dialog`,"aria-modal":`true`,"aria-label":`${o} controls`,tabIndex:-1,onMouseDown:e=>{e.stopPropagation()},onClick:e=>{e.stopPropagation()},onContextMenu:e=>{e.preventDefault(),e.stopPropagation()},style:{top:`${h.y}px`,left:`${h.x}px`,"--reinspect-color":we},children:[(0,u.jsxs)(`div`,{className:`reinspect-menu-header`,children:[(0,u.jsxs)(`div`,{className:`reinspect-menu-title-wrap`,children:[(0,u.jsxs)(`div`,{className:`reinspect-menu-title-row`,children:[(0,u.jsx)(`p`,{className:`reinspect-menu-title`,children:o}),(0,u.jsx)(`span`,{className:`reinspect-menu-title-color-chip`,"aria-hidden":`true`,title:`${o} color`})]}),(0,u.jsx)(`p`,{className:`reinspect-menu-subtitle`,children:`Component controls`})]}),(0,u.jsx)(`button`,{type:`button`,className:`reinspect-menu-close`,"aria-label":`Close ${o} controls`,"data-testid":`reinspect-menu-close-${o}`,onClick:()=>_(null),children:`×`})]}),(0,u.jsxs)(`div`,{className:`reinspect-submenu`,"aria-label":`${o} menu panels`,children:[(0,u.jsx)(`button`,{type:`button`,"data-state":v===`general`?`active`:`idle`,onClick:()=>y(`general`),children:`General`}),(0,u.jsx)(`button`,{type:`button`,"data-state":v===`css`?`active`:`idle`,onClick:()=>y(`css`),children:`CSS`}),(0,u.jsx)(`button`,{type:`button`,"data-state":v===`props`?`active`:`idle`,onClick:()=>y(`props`),children:`Props`})]}),v===`general`?(0,u.jsx)(`div`,{className:`reinspect-general-panel`,children:(0,u.jsxs)(`section`,{className:`reinspect-menu-section`,children:[(0,u.jsxs)(`div`,{className:`reinspect-menu-section-header`,children:[(0,u.jsx)(`p`,{className:`reinspect-menu-section-title`,children:`Quick filters`}),(0,u.jsx)(`p`,{className:`reinspect-menu-section-caption`,children:o})]}),(0,u.jsx)(`p`,{className:`reinspect-menu-section-description`,children:`Focus inspection on this component type, or hide this type from inspection.`}),(0,u.jsxs)(`div`,{className:`reinspect-menu-shortcuts`,children:[(0,u.jsxs)(`button`,{type:`button`,className:`reinspect-menu-action-card`,onClick:nt,"data-testid":`reinspect-include-component-${o}`,"data-state":$?`active`:`idle`,"aria-label":`Only inspect ${o} components`,children:[(0,u.jsx)(`span`,{className:`reinspect-menu-action-title`,children:`Show only this component type`}),(0,u.jsx)(`span`,{className:`reinspect-menu-action-description`,children:`Keeps all matching instances inspectable and hides other types.`}),(0,u.jsx)(`code`,{className:`reinspect-menu-action-target`,children:o})]}),(0,u.jsxs)(`button`,{type:`button`,className:`reinspect-menu-action-card`,onClick:rt,"data-testid":`reinspect-exclude-component-${o}`,"aria-label":`Hide ${o} components from inspection`,children:[(0,u.jsx)(`span`,{className:`reinspect-menu-action-title`,children:`Hide this component type`}),(0,u.jsx)(`span`,{className:`reinspect-menu-action-description`,children:`Removes matching instances from inspection overlays.`}),(0,u.jsx)(`code`,{className:`reinspect-menu-action-target`,children:o})]})]}),(0,u.jsx)(`div`,{className:`reinspect-menu-divider`}),(0,u.jsxs)(`div`,{className:`reinspect-menu-inline-setting`,children:[(0,u.jsxs)(`div`,{className:`reinspect-menu-inline-copy`,children:[(0,u.jsx)(`p`,{className:`reinspect-menu-inline-title`,children:`Capture renders`}),(0,u.jsx)(`p`,{className:`reinspect-menu-inline-description`,children:`Track rerender attempts and commits for this component.`})]}),(0,u.jsx)(`button`,{type:`button`,role:`switch`,"aria-checked":Y?!0:ke,onClick:()=>ye(o,!ke),disabled:Y,"aria-label":`Capture renders for ${o}`,"data-testid":`reinspect-component-render-toggle-${o}`,className:`reinspect-switch-button reinspect-menu-switch`,"data-state":Y||ke?`on`:`off`})]}),Y?(0,u.jsx)(`p`,{className:`reinspect-setting-note`,children:`Global render capture is enabled in settings.`}):null]})}):null,v===`css`?(0,u.jsxs)(`div`,{className:`reinspect-css-panel`,children:[(0,u.jsxs)(`div`,{className:`reinspect-menu-panel-header`,children:[(0,u.jsx)(`p`,{className:`reinspect-menu-section-title`,children:`Editable styles`}),(0,u.jsxs)(`p`,{className:`reinspect-menu-section-caption`,children:[Fe.length,`/`,H.editableProps.length]})]}),(0,u.jsxs)(`div`,{className:`reinspect-menu-filter`,children:[(0,u.jsx)(`span`,{className:`reinspect-menu-filter-icon`,"aria-hidden":`true`,children:(0,u.jsx)(`svg`,{viewBox:`0 0 24 24`,focusable:`false`,children:(0,u.jsx)(`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`})})}),(0,u.jsx)(`input`,{id:`${G}-css-filter`,"data-testid":`reinspect-css-filter-input`,type:`search`,value:S,placeholder:`Filter`,"aria-label":`Filter CSS properties`,onChange:e=>C(e.currentTarget.value)}),S.trim().length>0?(0,u.jsx)(`button`,{type:`button`,className:`reinspect-menu-filter-clear`,onClick:()=>C(``),"aria-label":`Clear CSS filter`,children:`Clear`}):null]}),(0,u.jsx)(`div`,{className:`reinspect-menu-grid`,children:Fe.map(e=>{let t=Me?.[e],n=`${G}-${e}`;if(te.has(e)){let r=De(typeof t==`string`?t:ce[e]);return(0,u.jsxs)(`div`,{className:`reinspect-field`,children:[(0,u.jsx)(`label`,{htmlFor:n,children:Ct(e)}),(0,u.jsxs)(`div`,{className:`reinspect-inline-controls`,children:[(0,u.jsx)(`input`,{id:n,type:`color`,value:r,onChange:t=>W(G,e,t.currentTarget.value)}),(0,u.jsx)(`button`,{type:`button`,onClick:()=>W(G,e,void 0),disabled:!Tt(t),children:`reset`})]})]},e)}if(e===`opacity`){let r=typeof t==`number`?t:Ve(ce[e])??1;return(0,u.jsxs)(`div`,{className:`reinspect-field`,children:[(0,u.jsx)(`label`,{htmlFor:n,children:`Opacity`}),(0,u.jsxs)(`div`,{className:`reinspect-inline-controls reinspect-opacity-controls`,children:[(0,u.jsx)(`input`,{id:n,type:`range`,min:`0`,max:`1`,step:`0.05`,value:r,onChange:t=>{let n=Oe(t.currentTarget.value);n!==void 0&&W(G,e,n)}}),(0,u.jsx)(`output`,{children:r.toFixed(2)}),(0,u.jsx)(`button`,{type:`button`,onClick:()=>W(G,e,void 0),disabled:!Tt(t),children:`reset`})]})]},e)}if(ne.has(e)){let r=typeof t==`number`?t:Ve(ce[e])??``;return(0,u.jsxs)(`div`,{className:`reinspect-field`,children:[(0,u.jsxs)(`label`,{htmlFor:n,children:[Ct(e),` (px)`]}),(0,u.jsxs)(`div`,{className:`reinspect-inline-controls`,children:[(0,u.jsx)(`input`,{id:n,type:`number`,step:`1`,value:r,onChange:t=>{if(t.currentTarget.value===``){W(G,e,void 0);return}let n=Oe(t.currentTarget.value);n!==void 0&&W(G,e,n)}}),(0,u.jsx)(`button`,{type:`button`,onClick:()=>W(G,e,void 0),disabled:!Tt(t),children:`reset`})]})]},e)}return(0,u.jsxs)(`div`,{className:`reinspect-field`,children:[(0,u.jsx)(`label`,{htmlFor:n,children:Ct(e)}),(0,u.jsxs)(`div`,{className:`reinspect-inline-controls`,children:[(0,u.jsx)(`input`,{id:n,type:`text`,value:typeof t==`string`?t:ce[e]??``,onChange:t=>W(G,e,t.currentTarget.value||void 0)}),(0,u.jsx)(`button`,{type:`button`,onClick:()=>W(G,e,void 0),disabled:!Tt(t),children:`reset`})]})]},e)})}),Fe.length===0?(0,u.jsxs)(`p`,{className:`reinspect-menu-empty-state`,children:[`No CSS properties match "`,S.trim(),`".`]}):null]}):null,v===`props`?(0,u.jsxs)(`div`,{className:`reinspect-props-panel`,children:[(0,u.jsxs)(`div`,{className:`reinspect-props-submenu`,children:[(0,u.jsx)(`button`,{type:`button`,"data-state":b===`detected`?`active`:`idle`,onClick:()=>x(`detected`),children:`Detected`}),(0,u.jsx)(`button`,{type:`button`,"data-state":b===`raw`?`active`:`idle`,onClick:()=>{x(`raw`),k(null),D(qe(Pe,{mode:U}))},children:`Raw`})]}),b===`detected`?Ie.length>0?(0,u.jsx)(`div`,{className:`reinspect-props-table`,children:Ie.map(e=>{let t=Et(e.key),n=Pe[e.key],r=e.value.kind===`object`||e.value.kind===`array`,i=!!ie[e.key],a=M[e.key],o=P[e.key],s=Ye(n);return(0,u.jsxs)(`div`,{className:`reinspect-props-row`,"data-testid":`reinspect-prop-row-${t}`,children:[(0,u.jsx)(`code`,{className:`reinspect-prop-key`,children:e.key}),(0,u.jsxs)(`div`,{className:`reinspect-prop-cell`,"data-testid":`reinspect-prop-value-${t}`,children:[(0,u.jsxs)(`div`,{className:`reinspect-prop-main`,children:[(0,u.jsx)(`div`,{className:`reinspect-prop-value-render`,children:ht({value:e.value})}),r||s||e.value.copyText?(0,u.jsxs)(`div`,{className:`reinspect-prop-actions`,children:[r?(0,u.jsx)(`button`,{type:`button`,"data-testid":`reinspect-prop-show-json-${t}`,onClick:()=>$e(e.key,n),className:`reinspect-prop-action-text-button`,title:i?`Collapse JSON preview`:`Expand JSON preview`,"aria-label":i?`Collapse JSON preview for ${e.key}`:`Expand JSON preview for ${e.key}`,children:i?`Collapse JSON`:`Expand JSON`}):null,s?(0,u.jsx)(`button`,{type:`button`,"data-testid":`reinspect-prop-edit-${t}`,onClick:()=>et(e.key,n),className:`reinspect-icon-button`,title:`Edit value`,"aria-label":`Edit ${e.key}`,children:Pt()}):null,r||e.value.copyText?(0,u.jsx)(`button`,{type:`button`,className:`reinspect-icon-button`,title:e.value.kind===`function`?`Copy function source`:r?`Copy JSON`:`Copy value`,"aria-label":e.value.kind===`function`?`Copy function source`:r?`Copy JSON for ${e.key}`:`Copy value for ${e.key}`,onClick:()=>{if(r){Qe(e.key,n);return}e.value.copyText&&Ge(e.value.copyText,e.value.kind===`function`?`Function source`:`Value`)},children:Nt()}):null]}):null]}),i?(0,u.jsx)(`div`,{className:`reinspect-prop-json-preview`,"data-testid":`reinspect-prop-json-preview-${t}`,children:o?(0,u.jsx)(`p`,{className:`reinspect-error`,children:o}):(0,u.jsx)(`pre`,{children:(0,u.jsx)(`code`,{className:`language-json reinspect-code-block`,dangerouslySetInnerHTML:{__html:mt(a??``,`json`)}})})}):null]})]},e.key)})}):(0,u.jsx)(`p`,{className:`reinspect-menu-empty-state`,children:`No props detected.`}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`label`,{htmlFor:`${G}-props-json`,children:`Props JSON`}),(0,u.jsxs)(`div`,{className:`reinspect-json-editor`,children:[(0,u.jsx)(`pre`,{"aria-hidden":`true`,ref:p,children:(0,u.jsx)(`code`,{className:`language-json reinspect-code-block`,dangerouslySetInnerHTML:{__html:mt(E,`json`)}})}),(0,u.jsx)(`textarea`,{id:`${G}-props-json`,value:E,onChange:e=>{D(e.currentTarget.value),k(null)},onScroll:e=>{let t=p.current;t&&(t.scrollTop=e.currentTarget.scrollTop,t.scrollLeft=e.currentTarget.scrollLeft)},rows:9,spellCheck:!1,className:`reinspect-json-editor-textarea`,"data-testid":`reinspect-raw-props-textarea`})]}),O?(0,u.jsx)(`p`,{className:`reinspect-error`,children:O}):null,(0,u.jsxs)(`div`,{className:`reinspect-inline-controls`,children:[(0,u.jsx)(`button`,{type:`button`,onClick:Ue,children:`apply`}),(0,u.jsx)(`button`,{type:`button`,onClick:We,children:`reset`})]})]}),A?(0,u.jsx)(`p`,{className:`reinspect-setting-note`,"data-testid":`reinspect-props-copy-status`,children:A}):null]}):null]}):null,ct=I?(0,d.createPortal)((0,u.jsx)(`div`,{className:`reinspect-modal-backdrop`,"data-reinspect-theme":fe,role:`dialog`,"aria-modal":`true`,"aria-label":`Edit ${I} prop`,"data-testid":`reinspect-prop-edit-modal`,children:(0,u.jsxs)(`div`,{className:`reinspect-modal`,"data-reinspect-theme":fe,ref:c,tabIndex:-1,children:[(0,u.jsxs)(`p`,{className:`reinspect-menu-title`,children:[`Edit prop: `,I]}),(0,u.jsx)(`label`,{htmlFor:`${G}-prop-edit-json`,children:`JSON value`}),(0,u.jsx)(`textarea`,{id:`${G}-prop-edit-json`,"data-testid":`reinspect-prop-edit-textarea`,value:ae,onChange:e=>{R(e.currentTarget.value),z(null)},rows:10}),oe?(0,u.jsx)(`p`,{className:`reinspect-error`,"data-testid":`reinspect-prop-edit-error`,children:oe}):null,(0,u.jsxs)(`div`,{className:`reinspect-inline-controls`,children:[(0,u.jsx)(`button`,{type:`button`,onClick:tt,children:`apply`}),(0,u.jsx)(`button`,{type:`button`,onClick:()=>{L(null),R(``),z(null)},children:`cancel`})]})]})}),document.body):null,lt=B?(0,d.createPortal)((0,u.jsxs)(`div`,{className:`reinspect-toast`,"data-reinspect-theme":fe,role:`status`,"aria-live":`polite`,"data-testid":`reinspect-hide-component-toast`,children:[(0,u.jsxs)(`div`,{className:`reinspect-toast-copy`,children:[(0,u.jsxs)(`p`,{className:`reinspect-toast-title`,children:[`Hidden `,B.componentName]}),(0,u.jsx)(`p`,{className:`reinspect-toast-description`,children:`This component type was excluded from inspection.`})]}),(0,u.jsx)(`button`,{type:`button`,className:`reinspect-toast-undo`,"data-testid":`reinspect-hide-component-undo`,onClick:it,children:`Undo`}),(0,u.jsx)(`button`,{type:`button`,className:`reinspect-toast-dismiss`,"aria-label":`Dismiss notification`,onClick:()=>se(null),children:`×`})]}),document.body):null;if(!ue){if(n===`manual`)throw Error(`useReinspect must be used within ReinspectProvider`);return(0,u.jsx)(a,{...X})}let ut=je?(0,u.jsx)(l.Profiler,{id:G,onRender:Re,children:(0,u.jsx)(a,{...X})}):(0,u.jsx)(a,{...X});return!q&&!Z?(0,u.jsxs)(u.Fragment,{children:[ut,lt]}):(0,u.jsxs)(`div`,{ref:i,className:`reinspect-shell`,"data-reinspect-component":o,"data-reinspect-active":q,"data-testid":`reinspect-shell-${o}`,style:ze,tabIndex:-1,onContextMenu:He,children:[q?(0,u.jsxs)(`span`,{className:`reinspect-name-badge`,children:[o,J?` | `:``,J?(0,u.jsx)(gt,{instanceId:G,counterMode:Ae}):null]}):null,ot?(0,d.createPortal)(ot,document.body):null,ct,lt,(0,u.jsx)(`div`,{className:`reinspect-content`,"data-reinspect-content":`true`,style:Ne,children:ut})]})}return s.displayName=`withReinspect(${o})`,et(s,{source:n,scope:r,original:a}),s}Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return ee}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return be}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return Ce}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return fe}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return $e}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return ce}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return ae}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return zt}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return we}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return g}});
|