react-reinspect 0.1.8 → 0.2.0

package/README.md

@@ -1,43 +1,17 @@
 # react-reinspect
-Runtime React inspector for real apps.
-
-`react-reinspect` helps you inspect components directly in your running UI:
-- See component boundaries and names.
-- Right-click any wrapped component to edit style props live.
-- Inspect and override props at runtime.
-- Track rerenders by attempts, commits, or both.
+Inspect and tweak React components live, directly in your running app.
 
 [![npm version](https://img.shields.io/npm/v/react-reinspect.svg)](https://www.npmjs.com/package/react-reinspect)
 [![npm downloads](https://img.shields.io/npm/dm/react-reinspect.svg)](https://www.npmjs.com/package/react-reinspect)
 [![license](https://img.shields.io/npm/l/react-reinspect.svg)](./LICENSE)
 
-## Why This Exists
-
-React DevTools is excellent for component trees and profiling.  
-`react-reinspect` is optimized for *in-context debugging in the page itself*:
-
-- Inspect where a component lives visually.
-- Tune common style props instantly.
-- Test prop overrides without editing source first.
-- Spot rerender hotspots while interacting with the real UI.
+`react-reinspect` is built for fast in-context debugging:
+- See component boundaries in the UI.
+- Right-click components and edit style props live.
+- Inspect and override props without changing source.
+- Track rerenders while you interact with the real screen.
 
-## Features
-
-- Runtime overlay + floating settings panel.
-- Right-click inspector menu per component.
-- CSS prop editing:
-  - `backgroundColor`, `color`, `fontSize`, `padding`, `margin`, `borderRadius`, `borderWidth`, `borderColor`, `opacity`, `width`, `height`, `gap`
-- Props inspector:
-  - `Detected` view for readable values
-  - `Raw` JSON editor for direct overrides
-  - Function preview + copy source
-  - JSON preview + copy for object/array props
-- Render counting:
-  - Global toggle or per-component toggle
-  - Capture mode: `attempts` | `commits` | `both`
-- Flexible wrapping:
-  - `withReinspect(...)`
-  - auto-discovery wrapping via `reinspectAutoDiscoverPlugin(...)` / `withReinspectAutoDiscover(...)`
+![react-reinspect runtime inspector example](https://cdn.jsdelivr.net/npm/react-reinspect@latest/docs/assets/screenshot-example.png)
 
 ## Install
 
@@ -45,174 +19,18 @@ React DevTools is excellent for component trees and profiling.
 pnpm add react-reinspect
 ```
 
-Peer dependencies:
+Peer deps:
 - `react >= 18`
 - `react-dom >= 18`
 
-Styles are auto-injected when `react-reinspect` loads.  
-If your app enforces strict CSP and blocks inline styles, import this once in your app root:
+## Quick Start (Vite)
 
 ```tsx
-import 'react-reinspect/style.css'
-```
-
-Auto-discovery is compile-time and requires the Vite plugin:
-
-```ts
-// vite.config.ts
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import { reinspectAutoDiscoverPlugin } from 'react-reinspect/vite-plugin'
-
-export default defineConfig({
-  plugins: [reinspectAutoDiscoverPlugin({ include: 'first-party' }), react()],
-})
-```
-
-Without this plugin, only manually wrapped components (`withReinspect`) are inspectable.
-
-Next.js (webpack mode) can use:
-
-```ts
-// next.config.ts
-import { withReinspectAutoDiscover } from 'react-reinspect/next-plugin'
-
-const nextConfig = {}
-
-export default withReinspectAutoDiscover(nextConfig)
-```
-
-If your Next dev server runs with Turbopack, switch to webpack mode for this transform plugin.
-
-
-## Example
-
-![react-reinspect runtime inspector example](https://cdn.jsdelivr.net/npm/react-reinspect@latest/docs/assets/screenshot-example.png)
-
-## Screenshots
-
-### Runtime inspector in-app
-
-![react-reinspect overlay, props editor, and rerender badge](https://cdn.jsdelivr.net/npm/react-reinspect@latest/docs/assets/screenshot-example.png)
-
-
-## Agentic Quick Start
-
-Use this prompt on your favorite AI coding agent.
-
-```text
-You are a senior React code agent, your task is to integrate react-reinspect to this project. react-reinspect is a frontend utility that helps developers see the outline of react components and edit their props at runtime within their browser. it is not intended for production use at all. 
-
-Do all of the following in one pass:
-1) Install `react-reinspect` using this repo's package manager.
-2) Turn it on in dev mode ONLY by wiring `ReinspectProvider` at app root (on CLIENT SIDE only, not server-rendered!).
-   - Vite: use `enabled: import.meta.env.DEV`
-   - Next.js: use `enabled: process.env.NODE_ENV !== 'production'`
-   - Next App Router: mount a client `Providers` component from `app/layout.tsx`
-   - Next Pages Router: mount `ReinspectProvider` in `pages/_app.tsx`
-3) If this app uses Vite, add `reinspectAutoDiscoverPlugin` from `react-reinspect/vite-plugin` in `vite.config.*`.
-4) If this app uses Next.js (webpack mode), wrap the Next config with `withReinspectAutoDiscover` from `react-reinspect/next-plugin`.
-5) If Next.js is running with Turbopack, either switch dev to webpack for auto-discovery transforms (`next dev --webpack`) or fall back to manual wrapping (`withReinspect`).
-6) Keep production safe (e.g.: `enabled: import.meta.env.DEV` or however we manage dev/prod in this repo.).
-7) Run validation (build/tests if available) and fix any issues.
-8) Output a concise summary with changed files and how to use it.
-
-Use this example as the baseline:
-
-import { ReinspectProvider, type ReinspectConfig } from 'react-reinspect'
-import 'react-reinspect/style.css'
-
-const reinspectConfig: ReinspectConfig = {
-  enabled: import.meta.env.DEV,
-  // startActive: true,
-  // showFloatingToggle: true,
-  // inspectMode: 'wrapped',
-}
-
-export function AppProviders({ children }: { children: React.ReactNode }) {
-  return <ReinspectProvider config={reinspectConfig}>{children}</ReinspectProvider>
-}
-
-// Next.js App Router (app/providers.tsx)
-'use client'
 import { ReinspectProvider, type ReinspectConfig } from 'react-reinspect'
 import 'react-reinspect/style.css'
 
-const nextReinspectConfig: ReinspectConfig = {
-  enabled: process.env.NODE_ENV !== 'production',
-}
-
-export function Providers({ children }: { children: React.ReactNode }) {
-  return (
-    <ReinspectProvider config={nextReinspectConfig}>
-      {children}
-    </ReinspectProvider>
-  )
-}
-
-// Next.js App Router mount (app/layout.tsx)
-import { Providers } from './providers'
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <html lang="en">
-      <body>
-        <Providers>{children}</Providers>
-      </body>
-    </html>
-  )
-}
-
-For auto-discovery setup, apply one of these depending on framework:
-
-// Vite
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import { reinspectAutoDiscoverPlugin } from 'react-reinspect/vite-plugin'
-
-export default defineConfig({
-  plugins: [reinspectAutoDiscoverPlugin(), react()],
-})
-
-// Next.js (webpack mode)
-import { withReinspectAutoDiscover } from 'react-reinspect/next-plugin'
-
-const nextConfig = {}
-export default withReinspectAutoDiscover(nextConfig, {
-  includeThirdParty: false,
-})
-
-// Next.js dev script for auto-discovery:
-// package.json -> "dev": "next dev --webpack"
-
-Output format I want from you:
-- What changed (bullet list)
-- Why this is safe in production
-- How to run it locally
-- 1 copy-paste PR title + PR description
-```
-
-## Manual Quick Start
-### 1) Wrap your app with `ReinspectProvider`
-
-Vite:
-
-```tsx
-import {
-  ReinspectProvider,
-  type ReinspectConfig,
-} from 'react-reinspect'
-
 const reinspectConfig: ReinspectConfig = {
-  enabled: import.meta.env.DEV, // inspect in dev env, turn off in prod 
-  // startActive: true, // start with inspector active when page loads
-  // showFloatingToggle: true, // show floating react-reinspect settings button
-  // inspectMode: 'wrapped', // wrapped: only wrapped components, first-party: wrapped + components with inspectable metadata, all: all components
-  // editableProps: ['padding', 'margin'], // change the CSS props you can edit
+  enabled: import.meta.env.DEV, // keep it dev-only
 }
 
 export function AppProviders({ children }: { children: React.ReactNode }) {
@@ -220,71 +38,6 @@ export function AppProviders({ children }: { children: React.ReactNode }) {
 }
 ```
 
-Next.js App Router:
-
-```tsx
-// app/providers.tsx
-'use client'
-
-import { ReinspectProvider, type ReinspectConfig } from 'react-reinspect'
-import 'react-reinspect/style.css'
-
-const reinspectConfig: ReinspectConfig = {
-  enabled: process.env.NODE_ENV !== 'production',
-  // startActive: true,
-  // showFloatingToggle: true,
-  // inspectMode: 'first-party',
-}
-
-export function Providers({ children }: { children: React.ReactNode }) {
-  return <ReinspectProvider config={reinspectConfig}>{children}</ReinspectProvider>
-}
-```
-
-```tsx
-// app/layout.tsx
-import { Providers } from './providers'
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <html lang="en">
-      <body>
-        <Providers>{children}</Providers>
-      </body>
-    </html>
-  )
-}
-```
-
-Next.js Pages Router:
-
-```tsx
-// pages/_app.tsx
-import type { AppProps } from 'next/app'
-import { ReinspectProvider, type ReinspectConfig } from 'react-reinspect'
-import 'react-reinspect/style.css'
-
-const reinspectConfig: ReinspectConfig = {
-  enabled: process.env.NODE_ENV !== 'production',
-}
-
-export default function App({ Component, pageProps }: AppProps) {
-  return (
-    <ReinspectProvider config={reinspectConfig}>
-      <Component {...pageProps} />
-    </ReinspectProvider>
-  )
-}
-```
-
-### 2) Enable auto-discovery transforms (pick your framework)
-
-Vite:
-
 ```ts
 // vite.config.ts
 import { defineConfig } from 'vite'
@@ -296,7 +49,7 @@ export default defineConfig({
 })
 ```
 
-Next.js (webpack mode):
+## Next.js (webpack mode)
 
 ```ts
 // next.config.ts
@@ -306,76 +59,36 @@ const nextConfig = {}
 export default withReinspectAutoDiscover(nextConfig)
 ```
 
-If your Next dev server runs with Turbopack, switch to webpack mode for auto-discovery transforms.
-If you keep Turbopack enabled, skip the Next transform plugin and use manual wrapping (`withReinspect`) instead.
-
-Next.js webpack dev script example:
-
-```json
-{
-  "scripts": {
-    "dev": "next dev --webpack"
-  }
-}
-```
+If your dev server uses Turbopack, use manual wrapping via `withReinspect` or switch dev to webpack (`next dev --webpack`) for auto-discovery transforms.
 
-### 3) Use it in the browser
+## Use It
 
-- Click `Reinspect settings` button.
-- Right-click a wrapped component.
-- Switch between `CSS` and `Props` tabs.
-- Toggle rerender tracking when needed.
+1. Open your app in dev mode.
+2. Click the `Reinspect settings` button.
+3. Right-click a component.
+4. Edit CSS/Props and enable rerender counters as needed.
 
 ## API
 
-### `ReinspectProvider`
-
-Wrap your app root.
-
-```tsx
-<ReinspectProvider config={...}>{children}</ReinspectProvider>
-```
-
-### `ReinspectConfig`
-
-| Option | Type | Default | Notes |
-|---|---|---|---|
-| `enabled` | `boolean` | `false` | Master on/off. |
-| `startActive` | `boolean` | `true` | Initial inspector active state. |
-| `showFloatingToggle` | `boolean` | `enabled` | Show built-in settings button. |
-| `inspectMode` | `'wrapped' \| 'first-party' \| 'all'` | `'wrapped'` | Auto-wrap visibility behavior. |
-| `editableProps` | `EditableStyleProp[]` | built-in defaults | CSS props editable in inspector. |
-| `palette` | `string[]` | built-in defaults | Component outline/badge colors. |
-| `zIndexBase` | `number` | `2147483000` | Overlay stacking baseline. |
-| `renderCounters` | `'off' \| 'attempts' \| 'commits' \| 'both'` | `'off'` | Global render-counter mode. |
-| `countRendersForComponents` | `string[]` | `[]` | Component-specific counting when global mode is `off`. |
-
-### `withReinspect(Component, options?)`
-
-Wrap a component manually.
-
-`options`:
-- `name?: string`
-
-`wrapInspectableMap` remains available as an internal utility (`react-reinspect/dist` deep-import), but is no longer part of the stable public runtime API.
-
-`autoWrapInspectable` is now internal-only and used by the transform plugins via `react-reinspect/internal/auto-wrap`.
+- `ReinspectProvider`  
+  Wrap your app root:
+  ```tsx
+  <ReinspectProvider config={...}>{children}</ReinspectProvider>
+  ```
 
-### `useReinspect()`
+- `withReinspect(Component, options?)`  
+  Manual wrapper if you don’t use transform plugins.
 
-Hook to read/update runtime inspector state from your own UI.
+- `ReinspectConfig` (common options)
+  - `enabled` (`boolean`, default `false`)
+  - `inspectMode` (`'wrapped' | 'first-party' | 'all'`, default `'wrapped'`)
+  - `editableProps` (`EditableStyleProp[]`)
+  - `renderCounters` (`'off' | 'attempts' | 'commits' | 'both'`)
 
-## Production Guidance
+## Production Safety
 
-- Default behavior is production-safe (`enabled` defaults to `false`).
-- If you want zero wrapper markup in production, gate wrapping at definition time:
-
-```tsx
-import { withReinspect } from 'react-reinspect'
-
-const maybeWrap = <P extends object>(Component: React.ComponentType<P>) =>
-  import.meta.env.DEV ? withReinspect(Component) : Component
-```
+- Production-safe by default (`enabled: false`).
+- Recommended: explicitly gate with `import.meta.env.DEV` (Vite) or `process.env.NODE_ENV !== 'production'` (Next.js).
 
 ## Development
 
@@ -385,13 +98,6 @@ pnpm test
 pnpm build:lib
 ```
 
-## Publish (Maintainers)
+## License
 
-This repo can contain a debug/template app, but npm publish only ships package artifacts via the `files` whitelist in `package.json`.
-
-```bash
-pnpm build:lib
-pnpm pack:check
-npm login
-pnpm publish:npm
-```
+MIT

package/dist/lib/constants.d.ts

@@ -1,6 +1,7 @@
 import type { EditableStyleProp } from './types';
 export declare const DEFAULT_EDITABLE_PROPS: readonly EditableStyleProp[];
-export declare const DEFAULT_PALETTE: readonly string[];
+export declare const REINSPECT_DEFAULT_RUNTIME_COLOR = "var(--reinspect-brand-500)";
+export declare const REINSPECT_FALLBACK_COLOR_INPUT_HEX = "#1f2937";
 export declare const COLOR_STYLE_PROPS: Set<EditableStyleProp>;
 export declare const NUMERIC_STYLE_PROPS: Set<EditableStyleProp>;
 export declare const OPACITY_STYLE_PROP: EditableStyleProp;

package/dist/lib/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/reinspect/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,eAAO,MAAM,sBAAsB,EAAE,SAAS,iBAAiB,EAa9D,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,SAAS,MAAM,EAO5C,CAAA;AAED,eAAO,MAAM,iBAAiB,wBAI5B,CAAA;AAEF,eAAO,MAAM,mBAAmB,wBAS9B,CAAA;AAEF,eAAO,MAAM,kBAAkB,EAAE,iBAA6B,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/reinspect/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,eAAO,MAAM,sBAAsB,EAAE,SAAS,iBAAiB,EAa9D,CAAA;AAED,eAAO,MAAM,+BAA+B,+BAA+B,CAAA;AAC3E,eAAO,MAAM,kCAAkC,YAAY,CAAA;AAE3D,eAAO,MAAM,iBAAiB,wBAI5B,CAAA;AAEF,eAAO,MAAM,mBAAmB,wBAS9B,CAAA;AAEF,eAAO,MAAM,kBAAkB,EAAE,iBAA6B,CAAA"}

package/dist/lib/core/state.d.ts

@@ -1,9 +1,14 @@
-import type { ComponentStyleOverrides, EditableStyleProp, InspectMode, RenderCounterMode, ResolvedReinspectConfig, StyleOverrideValue } from '../types';
+import type { ComponentStyleOverrides, EditableStyleProp, InspectFilter, InspectMode, MenuOpenGesture, MenuTheme, PropsSerializationMode, RenderCounterMode, ResolvedReinspectConfig, StyleOverrideValue } from '../types';
 export interface ReinspectState {
     isActive: boolean;
     inspectMode: InspectMode;
     pendingInspectMode: InspectMode;
+    inspectWhitelist: InspectFilter;
+    inspectBlacklist: InspectFilter;
     renderCounterMode: RenderCounterMode;
+    propsSerializationMode: PropsSerializationMode;
+    menuTheme: MenuTheme;
+    menuOpenGesture: MenuOpenGesture;
     renderCountComponents: Record<string, true>;
     overrides: Record<string, ComponentStyleOverrides>;
 }
@@ -19,10 +24,30 @@ interface SetPendingInspectModeAction {
     type: 'set-pending-inspect-mode';
     value: InspectMode;
 }
+interface SetInspectWhitelistAction {
+    type: 'set-inspect-whitelist';
+    value: InspectFilter;
+}
+interface SetInspectBlacklistAction {
+    type: 'set-inspect-blacklist';
+    value: InspectFilter;
+}
 interface SetRenderCounterModeAction {
     type: 'set-render-counter-mode';
     value: RenderCounterMode;
 }
+interface SetPropsSerializationModeAction {
+    type: 'set-props-serialization-mode';
+    value: PropsSerializationMode;
+}
+interface SetMenuThemeAction {
+    type: 'set-menu-theme';
+    value: MenuTheme;
+}
+interface SetMenuOpenGestureAction {
+    type: 'set-menu-open-gesture';
+    value: MenuOpenGesture;
+}
 interface SetRenderCountingForComponentAction {
     type: 'set-render-counting-for-component';
     componentName: string;
@@ -34,7 +59,7 @@ interface UpdateOverrideAction {
     prop: EditableStyleProp;
     value: StyleOverrideValue | undefined;
 }
-export type ReinspectStateAction = HydrateConfigAction | SetIsActiveAction | SetPendingInspectModeAction | SetRenderCounterModeAction | SetRenderCountingForComponentAction | UpdateOverrideAction;
+export type ReinspectStateAction = HydrateConfigAction | SetIsActiveAction | SetPendingInspectModeAction | SetInspectWhitelistAction | SetInspectBlacklistAction | SetRenderCounterModeAction | SetPropsSerializationModeAction | SetMenuThemeAction | SetMenuOpenGestureAction | SetRenderCountingForComponentAction | UpdateOverrideAction;
 export declare function buildRenderCountComponentMap(componentNames: readonly string[]): Record<string, true>;
 export declare function buildInitialReinspectState(config: ResolvedReinspectConfig): ReinspectState;
 export declare function reinspectStateReducer(state: ReinspectState, action: ReinspectStateAction): ReinspectState;

package/dist/lib/core/state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/reinspect/core/state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,UAAU,CAAA;AAEjB,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,kBAAkB,EAAE,WAAW,CAAA;IAC/B,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAC3C,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAA;CACnD;AAED,UAAU,mBAAmB;IAC3B,IAAI,EAAE,gBAAgB,CAAA;IACtB,MAAM,EAAE,uBAAuB,CAAA;CAChC;AAED,UAAU,iBAAiB;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;CACf;AAED,UAAU,2BAA2B;IACnC,IAAI,EAAE,0BAA0B,CAAA;IAChC,KAAK,EAAE,WAAW,CAAA;CACnB;AAED,UAAU,0BAA0B;IAClC,IAAI,EAAE,yBAAyB,CAAA;IAC/B,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,UAAU,mCAAmC;IAC3C,IAAI,EAAE,mCAAmC,CAAA;IACzC,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,UAAU,oBAAoB;IAC5B,IAAI,EAAE,iBAAiB,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,iBAAiB,CAAA;IACvB,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAAA;CACtC;AAED,MAAM,MAAM,oBAAoB,GAC5B,mBAAmB,GACnB,iBAAiB,GACjB,2BAA2B,GAC3B,0BAA0B,GAC1B,mCAAmC,GACnC,oBAAoB,CAAA;AAExB,wBAAgB,4BAA4B,CAC1C,cAAc,EAAE,SAAS,MAAM,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAOtB;AAED,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,uBAAuB,GAC9B,cAAc,CAWhB;AAuBD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,oBAAoB,GAC3B,cAAc,CAwHhB"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/reinspect/core/state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,eAAe,EACf,SAAS,EACT,sBAAsB,EACtB,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,UAAU,CAAA;AAEjB,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,kBAAkB,EAAE,WAAW,CAAA;IAC/B,gBAAgB,EAAE,aAAa,CAAA;IAC/B,gBAAgB,EAAE,aAAa,CAAA;IAC/B,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,sBAAsB,EAAE,sBAAsB,CAAA;IAC9C,SAAS,EAAE,SAAS,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAC3C,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAA;CACnD;AAED,UAAU,mBAAmB;IAC3B,IAAI,EAAE,gBAAgB,CAAA;IACtB,MAAM,EAAE,uBAAuB,CAAA;CAChC;AAED,UAAU,iBAAiB;IACzB,IAAI,EAAE,eAAe,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;CACf;AAED,UAAU,2BAA2B;IACnC,IAAI,EAAE,0BAA0B,CAAA;IAChC,KAAK,EAAE,WAAW,CAAA;CACnB;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,uBAAuB,CAAA;IAC7B,KAAK,EAAE,aAAa,CAAA;CACrB;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,uBAAuB,CAAA;IAC7B,KAAK,EAAE,aAAa,CAAA;CACrB;AAED,UAAU,0BAA0B;IAClC,IAAI,EAAE,yBAAyB,CAAA;IAC/B,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,UAAU,+BAA+B;IACvC,IAAI,EAAE,8BAA8B,CAAA;IACpC,KAAK,EAAE,sBAAsB,CAAA;CAC9B;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,gBAAgB,CAAA;IACtB,KAAK,EAAE,SAAS,CAAA;CACjB;AAED,UAAU,wBAAwB;IAChC,IAAI,EAAE,uBAAuB,CAAA;IAC7B,KAAK,EAAE,eAAe,CAAA;CACvB;AAED,UAAU,mCAAmC;IAC3C,IAAI,EAAE,mCAAmC,CAAA;IACzC,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,UAAU,oBAAoB;IAC5B,IAAI,EAAE,iBAAiB,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,iBAAiB,CAAA;IACvB,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAAA;CACtC;AAED,MAAM,MAAM,oBAAoB,GAC5B,mBAAmB,GACnB,iBAAiB,GACjB,2BAA2B,GAC3B,yBAAyB,GACzB,yBAAyB,GACzB,0BAA0B,GAC1B,+BAA+B,GAC/B,kBAAkB,GAClB,wBAAwB,GACxB,mCAAmC,GACnC,oBAAoB,CAAA;AAExB,wBAAgB,4BAA4B,CAC1C,cAAc,EAAE,SAAS,MAAM,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAOtB;AAED,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,uBAAuB,GAC9B,cAAc,CAgBhB;AAgDD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,oBAAoB,GAC3B,cAAc,CA4LhB"}