react-grab 0.0.67 → 0.0.69

package/dist/{core-CZmmuMr9.d.cts → core-CnnkNbYQ.d.cts}

@@ -17,7 +17,6 @@ interface Theme {
     hue?: number;
     /**
      * The highlight box that appears when hovering over an element before selecting it
-     * @default true
      */
     selectionBox?: {
         /**
@@ -25,22 +24,9 @@ interface Theme {
          * @default true
          */
         enabled?: boolean;
-        /**
-         * The border/outline color of the selection box.
-         * When undefined, falls back to grab-purple (rgb(210, 57, 192)) with opacity modifiers (50% border, 8% fill).
-         * When set, this color is used as the base for both the border and fill with the same opacity modifiers.
-         * @default undefined
-         */
-        color?: string;
-        /**
-         * Rounded corners of the selection box (e.g., "4px")
-         * @default 0px
-         */
-        borderRadius?: string;
     };
     /**
      * The rectangular selection area that appears when clicking and dragging to select multiple elements
-     * @default true
      */
     dragBox?: {
         /**
@@ -48,17 +34,9 @@ interface Theme {
          * @default true
          */
         enabled?: boolean;
-        /**
-         * The fill color and border of the drag rectangle.
-         * When undefined, falls back to grab-purple (rgb(210, 57, 192)) with opacity modifiers (40% border, 5% fill).
-         * When set, this color is used as the base for both the border and fill with the same opacity modifiers.
-         * @default undefined
-         */
-        color?: string;
     };
     /**
      * Brief flash/highlight boxes that appear on elements immediately after they're successfully grabbed/copied
-     * @default true
      */
     grabbedBoxes?: {
         /**
@@ -66,17 +44,9 @@ interface Theme {
          * @default true
          */
         enabled?: boolean;
-        /**
-         * The color of the flash boxes.
-         * When undefined, falls back to grab-purple (rgb(210, 57, 192)) with opacity modifiers (100% border, 8% fill).
-         * When set, this color is used as the base for both the border and fill with the same opacity modifiers.
-         * @default undefined
-         */
-        color?: string;
     };
     /**
      * The floating label that follows the cursor showing information about the currently hovered element
-     * @default true
      */
     elementLabel?: {
         /**
@@ -84,35 +54,9 @@ interface Theme {
          * @default true
          */
         enabled?: boolean;
-        /**
-         * Background color of the label box
-         * @default #fde7f7 (grab-pink-light)
-         */
-        backgroundColor?: string;
-        /**
-         * Color of the text inside the label
-         * @default #b21c8e (grab-pink)
-         */
-        textColor?: string;
-        /**
-         * Border color around the label
-         * @default #f7c5ec (grab-pink-border)
-         */
-        borderColor?: string;
-        /**
-         * Internal spacing of the label (e.g., "4px 8px")
-         * @default "2px 6px"
-         */
-        padding?: string;
-        /**
-         * Distance in pixels the label appears from the cursor
-         * @default 14
-         */
-        cursorOffset?: number;
     };
     /**
      * Text labels that appear after successful operations (like "Copied!" messages)
-     * @default true
      */
     successLabels?: {
         /**
@@ -123,7 +67,6 @@ interface Theme {
     };
     /**
      * The crosshair cursor overlay that helps with precise element targeting
-     * @default true
      */
     crosshair?: {
         /**
@@ -131,22 +74,6 @@ interface Theme {
          * @default true
          */
         enabled?: boolean;
-        /**
-         * Color of the crosshair lines
-         * @default rgba(210, 57, 192) (grab-purple)
-         */
-        color?: string;
-    };
-    /**
-     * An input field overlay that can appear for text entry during selection
-     * @default true
-     */
-    inputOverlay?: {
-        /**
-         * Whether to show the input overlay when needed
-         * @default true
-         */
-        enabled?: boolean;
     };
 }
 interface ReactGrabState {
@@ -177,11 +104,6 @@ interface ElementLabelContext {
     y: number;
     content: string;
 }
-type RenderType = "selectionBox" | "dragBox" | "grabbedBox" | "elementLabel" | "successLabel" | "crosshair" | "inputOverlay";
-interface RenderData {
-    ref: HTMLElement | undefined;
-    props: Record<string, unknown>;
-}
 interface ActivationKey {
     key?: string;
     metaKey?: boolean;
@@ -248,7 +170,6 @@ interface Options {
     onCopySuccess?: (elements: Element[], content: string) => void;
     onCopyError?: (error: Error) => void;
     onStateChange?: (state: ReactGrabState) => void;
-    onRender?: (type: RenderType, data: RenderData) => void;
     onInputModeChange?: (isInputMode: boolean, context: InputModeContext) => void;
     onSuccessLabel?: (text: string, type: SuccessLabelType, context: SuccessLabelContext) => void;
     onSelectionBox?: (visible: boolean, bounds: OverlayBounds | null, element: Element | null) => void;
@@ -348,17 +269,12 @@ interface DragRect {
     width: number;
     height: number;
 }
-interface Position {
-    left: number;
-    top: number;
-}
 
 declare const getStack: (element: Element) => Promise<StackFrame[] | null>;
 interface GetElementContextOptions {
     maxLines?: number;
 }
 declare const getElementContext: (element: Element, options?: GetElementContextOptions) => Promise<string>;
-declare const getFileName: (stack: Array<StackFrame>) => string | null;
 
 declare const DEFAULT_THEME: Required<Theme>;
 
@@ -369,4 +285,4 @@ declare const generateSnippet: (elements: Element[], options?: GenerateSnippetOp
 
 declare const init: (rawOptions?: Options) => ReactGrabAPI;
 
-export { type AgentContext as A, type CrosshairContext as C, DEFAULT_THEME as D, type ElementLabelVariant as E, type GrabbedBox as G, type InputModeContext as I, type Options as O, type Position as P, type ReactGrabAPI as R, type SuccessLabelType as S, type Theme as T, getElementContext as a, generateSnippet as b, type ReactGrabState as c, type RenderType as d, type RenderData as e, type OverlayBounds as f, getStack as g, type DragRect as h, init as i, type Rect as j, type DeepPartial as k, type SuccessLabelContext as l, type ElementLabelContext as m, type AgentSession as n, type AgentProvider as o, type AgentSessionStorage as p, type AgentOptions as q, getFileName as r, type ReactGrabRendererProps as s };
+export { type AgentContext as A, type CrosshairContext as C, DEFAULT_THEME as D, type ElementLabelVariant as E, type GrabbedBox as G, type InputModeContext as I, type Options as O, type ReactGrabAPI as R, type SuccessLabelType as S, type Theme as T, getElementContext as a, generateSnippet as b, type ReactGrabState as c, type OverlayBounds as d, type DragRect as e, type Rect as f, getStack as g, type DeepPartial as h, init as i, type SuccessLabelContext as j, type ElementLabelContext as k, type AgentSession as l, type AgentProvider as m, type AgentSessionStorage as n, type AgentOptions as o, type ReactGrabRendererProps as p };

package/dist/{core-CZmmuMr9.d.ts → core-CnnkNbYQ.d.ts}

@@ -17,7 +17,6 @@ interface Theme {
     hue?: number;
     /**
      * The highlight box that appears when hovering over an element before selecting it
-     * @default true
      */
     selectionBox?: {
         /**
@@ -25,22 +24,9 @@ interface Theme {
          * @default true
          */
         enabled?: boolean;
-        /**
-         * The border/outline color of the selection box.
-         * When undefined, falls back to grab-purple (rgb(210, 57, 192)) with opacity modifiers (50% border, 8% fill).
-         * When set, this color is used as the base for both the border and fill with the same opacity modifiers.
-         * @default undefined
-         */
-        color?: string;
-        /**
-         * Rounded corners of the selection box (e.g., "4px")
-         * @default 0px
-         */
-        borderRadius?: string;
     };
     /**
      * The rectangular selection area that appears when clicking and dragging to select multiple elements
-     * @default true
      */
     dragBox?: {
         /**
@@ -48,17 +34,9 @@ interface Theme {
          * @default true
          */
         enabled?: boolean;
-        /**
-         * The fill color and border of the drag rectangle.
-         * When undefined, falls back to grab-purple (rgb(210, 57, 192)) with opacity modifiers (40% border, 5% fill).
-         * When set, this color is used as the base for both the border and fill with the same opacity modifiers.
-         * @default undefined
-         */
-        color?: string;
     };
     /**
      * Brief flash/highlight boxes that appear on elements immediately after they're successfully grabbed/copied
-     * @default true
      */
     grabbedBoxes?: {
         /**
@@ -66,17 +44,9 @@ interface Theme {
          * @default true
          */
         enabled?: boolean;
-        /**
-         * The color of the flash boxes.
-         * When undefined, falls back to grab-purple (rgb(210, 57, 192)) with opacity modifiers (100% border, 8% fill).
-         * When set, this color is used as the base for both the border and fill with the same opacity modifiers.
-         * @default undefined
-         */
-        color?: string;
     };
     /**
      * The floating label that follows the cursor showing information about the currently hovered element
-     * @default true
      */
     elementLabel?: {
         /**
@@ -84,35 +54,9 @@ interface Theme {
          * @default true
          */
         enabled?: boolean;
-        /**
-         * Background color of the label box
-         * @default #fde7f7 (grab-pink-light)
-         */
-        backgroundColor?: string;
-        /**
-         * Color of the text inside the label
-         * @default #b21c8e (grab-pink)
-         */
-        textColor?: string;
-        /**
-         * Border color around the label
-         * @default #f7c5ec (grab-pink-border)
-         */
-        borderColor?: string;
-        /**
-         * Internal spacing of the label (e.g., "4px 8px")
-         * @default "2px 6px"
-         */
-        padding?: string;
-        /**
-         * Distance in pixels the label appears from the cursor
-         * @default 14
-         */
-        cursorOffset?: number;
     };
     /**
      * Text labels that appear after successful operations (like "Copied!" messages)
-     * @default true
      */
     successLabels?: {
         /**
@@ -123,7 +67,6 @@ interface Theme {
     };
     /**
      * The crosshair cursor overlay that helps with precise element targeting
-     * @default true
      */
     crosshair?: {
         /**
@@ -131,22 +74,6 @@ interface Theme {
          * @default true
          */
         enabled?: boolean;
-        /**
-         * Color of the crosshair lines
-         * @default rgba(210, 57, 192) (grab-purple)
-         */
-        color?: string;
-    };
-    /**
-     * An input field overlay that can appear for text entry during selection
-     * @default true
-     */
-    inputOverlay?: {
-        /**
-         * Whether to show the input overlay when needed
-         * @default true
-         */
-        enabled?: boolean;
     };
 }
 interface ReactGrabState {
@@ -177,11 +104,6 @@ interface ElementLabelContext {
     y: number;
     content: string;
 }
-type RenderType = "selectionBox" | "dragBox" | "grabbedBox" | "elementLabel" | "successLabel" | "crosshair" | "inputOverlay";
-interface RenderData {
-    ref: HTMLElement | undefined;
-    props: Record<string, unknown>;
-}
 interface ActivationKey {
     key?: string;
     metaKey?: boolean;
@@ -248,7 +170,6 @@ interface Options {
     onCopySuccess?: (elements: Element[], content: string) => void;
     onCopyError?: (error: Error) => void;
     onStateChange?: (state: ReactGrabState) => void;
-    onRender?: (type: RenderType, data: RenderData) => void;
     onInputModeChange?: (isInputMode: boolean, context: InputModeContext) => void;
     onSuccessLabel?: (text: string, type: SuccessLabelType, context: SuccessLabelContext) => void;
     onSelectionBox?: (visible: boolean, bounds: OverlayBounds | null, element: Element | null) => void;
@@ -348,17 +269,12 @@ interface DragRect {
     width: number;
     height: number;
 }
-interface Position {
-    left: number;
-    top: number;
-}
 
 declare const getStack: (element: Element) => Promise<StackFrame[] | null>;
 interface GetElementContextOptions {
     maxLines?: number;
 }
 declare const getElementContext: (element: Element, options?: GetElementContextOptions) => Promise<string>;
-declare const getFileName: (stack: Array<StackFrame>) => string | null;
 
 declare const DEFAULT_THEME: Required<Theme>;
 
@@ -369,4 +285,4 @@ declare const generateSnippet: (elements: Element[], options?: GenerateSnippetOp
 
 declare const init: (rawOptions?: Options) => ReactGrabAPI;
 
-export { type AgentContext as A, type CrosshairContext as C, DEFAULT_THEME as D, type ElementLabelVariant as E, type GrabbedBox as G, type InputModeContext as I, type Options as O, type Position as P, type ReactGrabAPI as R, type SuccessLabelType as S, type Theme as T, getElementContext as a, generateSnippet as b, type ReactGrabState as c, type RenderType as d, type RenderData as e, type OverlayBounds as f, getStack as g, type DragRect as h, init as i, type Rect as j, type DeepPartial as k, type SuccessLabelContext as l, type ElementLabelContext as m, type AgentSession as n, type AgentProvider as o, type AgentSessionStorage as p, type AgentOptions as q, getFileName as r, type ReactGrabRendererProps as s };
+export { type AgentContext as A, type CrosshairContext as C, DEFAULT_THEME as D, type ElementLabelVariant as E, type GrabbedBox as G, type InputModeContext as I, type Options as O, type ReactGrabAPI as R, type SuccessLabelType as S, type Theme as T, getElementContext as a, generateSnippet as b, type ReactGrabState as c, type OverlayBounds as d, type DragRect as e, type Rect as f, getStack as g, type DeepPartial as h, init as i, type SuccessLabelContext as j, type ElementLabelContext as k, type AgentSession as l, type AgentProvider as m, type AgentSessionStorage as n, type AgentOptions as o, type ReactGrabRendererProps as p };

package/dist/core.cjs

@@ -1,34 +1,30 @@
 'use strict';
 
-var chunkIZU7ETT6_cjs = require('./chunk-IZU7ETT6.cjs');
+var chunkIOHFY7DR_cjs = require('./chunk-IOHFY7DR.cjs');
 
 
 
 Object.defineProperty(exports, "DEFAULT_THEME", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.DEFAULT_THEME; }
+  get: function () { return chunkIOHFY7DR_cjs.DEFAULT_THEME; }
 });
 Object.defineProperty(exports, "formatElementInfo", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.getElementContext; }
+  get: function () { return chunkIOHFY7DR_cjs.getElementContext; }
 });
 Object.defineProperty(exports, "generateSnippet", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.generateSnippet; }
-});
-Object.defineProperty(exports, "getFileName", {
-  enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.getFileName; }
+  get: function () { return chunkIOHFY7DR_cjs.generateSnippet; }
 });
 Object.defineProperty(exports, "getStack", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.getStack; }
+  get: function () { return chunkIOHFY7DR_cjs.getStack; }
 });
 Object.defineProperty(exports, "init", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.init; }
+  get: function () { return chunkIOHFY7DR_cjs.init; }
 });
 Object.defineProperty(exports, "isInstrumentationActive", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.Ee; }
+  get: function () { return chunkIOHFY7DR_cjs.Ee; }
 });

package/dist/core.d.cts

@@ -1,3 +1,3 @@
-export { A as AgentContext, o as AgentProvider, n as AgentSession, p as AgentSessionStorage, D as DEFAULT_THEME, O as Options, f as OverlayBounds, R as ReactGrabAPI, s as ReactGrabRendererProps, a as formatElementInfo, b as generateSnippet, r as getFileName, g as getStack, i as init } from './core-CZmmuMr9.cjs';
+export { A as AgentContext, m as AgentProvider, l as AgentSession, n as AgentSessionStorage, D as DEFAULT_THEME, O as Options, d as OverlayBounds, R as ReactGrabAPI, p as ReactGrabRendererProps, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-CnnkNbYQ.cjs';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';

package/dist/core.d.ts

@@ -1,3 +1,3 @@
-export { A as AgentContext, o as AgentProvider, n as AgentSession, p as AgentSessionStorage, D as DEFAULT_THEME, O as Options, f as OverlayBounds, R as ReactGrabAPI, s as ReactGrabRendererProps, a as formatElementInfo, b as generateSnippet, r as getFileName, g as getStack, i as init } from './core-CZmmuMr9.js';
+export { A as AgentContext, m as AgentProvider, l as AgentSession, n as AgentSessionStorage, D as DEFAULT_THEME, O as Options, d as OverlayBounds, R as ReactGrabAPI, p as ReactGrabRendererProps, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-CnnkNbYQ.js';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';

package/dist/core.js

@@ -1 +1 @@
-export { DEFAULT_THEME, getElementContext as formatElementInfo, generateSnippet, getFileName, getStack, init, Ee as isInstrumentationActive } from './chunk-YPAQIOAG.js';
+export { DEFAULT_THEME, getElementContext as formatElementInfo, generateSnippet, getStack, init, Ee as isInstrumentationActive } from './chunk-IXLVOV7G.js';

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkIZU7ETT6_cjs = require('./chunk-IZU7ETT6.cjs');
+var chunkIOHFY7DR_cjs = require('./chunk-IOHFY7DR.cjs');
 
 /**
  * @license MIT
@@ -31,7 +31,7 @@ if (typeof window !== "undefined") {
   if (window.__REACT_GRAB__) {
     globalApi = window.__REACT_GRAB__;
   } else {
-    globalApi = chunkIZU7ETT6_cjs.init();
+    globalApi = chunkIOHFY7DR_cjs.init();
     window.__REACT_GRAB__ = globalApi;
     window.dispatchEvent(
       new CustomEvent("react-grab:init", { detail: globalApi })
@@ -41,27 +41,27 @@ if (typeof window !== "undefined") {
 
 Object.defineProperty(exports, "DEFAULT_THEME", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.DEFAULT_THEME; }
+  get: function () { return chunkIOHFY7DR_cjs.DEFAULT_THEME; }
 });
 Object.defineProperty(exports, "formatElementInfo", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.getElementContext; }
+  get: function () { return chunkIOHFY7DR_cjs.getElementContext; }
 });
 Object.defineProperty(exports, "generateSnippet", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.generateSnippet; }
+  get: function () { return chunkIOHFY7DR_cjs.generateSnippet; }
 });
 Object.defineProperty(exports, "getStack", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.getStack; }
+  get: function () { return chunkIOHFY7DR_cjs.getStack; }
 });
 Object.defineProperty(exports, "init", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.init; }
+  get: function () { return chunkIOHFY7DR_cjs.init; }
 });
 Object.defineProperty(exports, "isInstrumentationActive", {
   enumerable: true,
-  get: function () { return chunkIZU7ETT6_cjs.Ee; }
+  get: function () { return chunkIOHFY7DR_cjs.Ee; }
 });
 exports.getGlobalApi = getGlobalApi;
 exports.setGlobalApi = setGlobalApi;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { R as ReactGrabAPI } from './core-CZmmuMr9.cjs';
-export { A as AgentContext, q as AgentOptions, o as AgentProvider, n as AgentSession, p as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, k as DeepPartial, h as DragRect, m as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, f as OverlayBounds, P as Position, c as ReactGrabState, j as Rect, e as RenderData, d as RenderType, l as SuccessLabelContext, S as SuccessLabelType, T as Theme, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-CZmmuMr9.cjs';
+import { R as ReactGrabAPI } from './core-CnnkNbYQ.cjs';
+export { A as AgentContext, o as AgentOptions, m as AgentProvider, l as AgentSession, n as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, h as DeepPartial, e as DragRect, k as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, d as OverlayBounds, c as ReactGrabState, f as Rect, j as SuccessLabelContext, S as SuccessLabelType, T as Theme, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-CnnkNbYQ.cjs';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { R as ReactGrabAPI } from './core-CZmmuMr9.js';
-export { A as AgentContext, q as AgentOptions, o as AgentProvider, n as AgentSession, p as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, k as DeepPartial, h as DragRect, m as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, f as OverlayBounds, P as Position, c as ReactGrabState, j as Rect, e as RenderData, d as RenderType, l as SuccessLabelContext, S as SuccessLabelType, T as Theme, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-CZmmuMr9.js';
+import { R as ReactGrabAPI } from './core-CnnkNbYQ.js';
+export { A as AgentContext, o as AgentOptions, m as AgentProvider, l as AgentSession, n as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, h as DeepPartial, e as DragRect, k as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, d as OverlayBounds, c as ReactGrabState, f as Rect, j as SuccessLabelContext, S as SuccessLabelType, T as Theme, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-CnnkNbYQ.js';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';