@teambit/react.ui.component-highlighter 0.2.0 → 0.2.2

package/schema.json

@@ -0,0 +1,2952 @@
+{
+  "__schema": "APISchema",
+  "location": {
+    "filePath": "index.ts",
+    "line": 1,
+    "character": 1
+  },
+  "module": {
+    "__schema": "ModuleSchema",
+    "location": {
+      "filePath": "index.ts",
+      "line": 1,
+      "character": 1
+    },
+    "exports": [
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 1,
+          "character": 31
+        },
+        "name": "HybridHighlighter",
+        "exportNode": {
+          "__schema": "ReactSchema",
+          "location": {
+            "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+            "line": 49,
+            "character": 1
+          },
+          "doc": {
+            "__schema": "DocSchema",
+            "location": {
+              "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+              "line": 48,
+              "character": 1
+            },
+            "raw": "/** automatically highlight components on hover */",
+            "comment": "automatically highlight components on hover"
+          },
+          "signature": "function HybridHighlighter({ disabled, mode, debounceSelection, watchMotion, placement, rule, componentRule, classes, highlightStyle, className, style, bgColor, bgColorHover, bgColorActive, children, ...rest }: HybridHighlighterProps): React.JSX.Element",
+          "name": "HybridHighlighter",
+          "props": {
+            "__schema": "ParameterSchema",
+            "location": {
+              "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+              "line": 49,
+              "character": 35
+            },
+            "name": "{ disabled, mode = 'hover', debounceSelection = 80, watchMotion = true, placement, rule, componentRule, classes, highlightStyle, className, style, bgColor, bgColorHover, bgColorActive, children, ...rest }",
+            "type": {
+              "__schema": "TypeRefSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 67,
+                "character": 4
+              },
+              "name": "HybridHighlighterProps"
+            },
+            "isOptional": false,
+            "objectBindingNodes": [
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 50,
+                  "character": 3
+                },
+                "name": "disabled",
+                "type": "boolean",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 51,
+                  "character": 3
+                },
+                "name": "mode",
+                "type": "\"allChildren\" | \"hover\"",
+                "defaultValue": "'hover'",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 52,
+                  "character": 3
+                },
+                "name": "debounceSelection",
+                "type": "number",
+                "defaultValue": "80",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 53,
+                  "character": 3
+                },
+                "name": "watchMotion",
+                "type": "boolean",
+                "defaultValue": "true",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 54,
+                  "character": 3
+                },
+                "name": "placement",
+                "type": "Placement",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 55,
+                  "character": 3
+                },
+                "name": "rule",
+                "type": "MatchRule",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 56,
+                  "character": 3
+                },
+                "name": "componentRule",
+                "type": "ComponentMatchRule",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 58,
+                  "character": 3
+                },
+                "name": "classes",
+                "type": "HighlightClasses",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 59,
+                  "character": 3
+                },
+                "name": "highlightStyle",
+                "type": "React.CSSProperties",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 60,
+                  "character": 3
+                },
+                "name": "className",
+                "type": "string",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 61,
+                  "character": 3
+                },
+                "name": "style",
+                "type": "React.CSSProperties",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 62,
+                  "character": 3
+                },
+                "name": "bgColor",
+                "type": "string",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 63,
+                  "character": 3
+                },
+                "name": "bgColorHover",
+                "type": "string",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 64,
+                  "character": 3
+                },
+                "name": "bgColorActive",
+                "type": "string",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 65,
+                  "character": 3
+                },
+                "name": "children",
+                "type": "React.ReactNode",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 66,
+                  "character": 6
+                },
+                "name": "rest",
+                "type": "{\n    defaultChecked?: boolean;\n    defaultValue?: string | number | readonly string[];\n    suppressContentEditableWarning?: boolean;\n    suppressHydrationWarning?: boolean;\n    accessKey?: string;\n    autoFocus?: boolean;\n    ... 249 more ...;\n    onTransitionEndCapture?: React.TransitionEventHandler<...>;\n}",
+                "isSpread": true
+              }
+            ],
+            "isSpread": false
+          },
+          "returnType": {
+            "__schema": "TypeRefSchema",
+            "location": {
+              "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+              "line": 49,
+              "character": 1
+            },
+            "name": "React.JSX.Element",
+            "packageName": "react"
+          },
+          "modifiers": [
+            "export"
+          ]
+        },
+        "alias": "ComponentHighlighter"
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 2,
+          "character": 41
+        },
+        "name": "HybridHighlighterProps",
+        "exportNode": {
+          "__schema": "InterfaceSchema",
+          "location": {
+            "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+            "line": 14,
+            "character": 1
+          },
+          "signature": "interface HybridHighlighterProps",
+          "name": "HybridHighlighterProps",
+          "members": [
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 16,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 15,
+                  "character": 3
+                },
+                "raw": "/** stop all highlighting and drop listeners */",
+                "comment": "stop all highlighting and drop listeners"
+              },
+              "signature": "(property) HybridHighlighterProps.disabled?: boolean",
+              "name": "disabled",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 16,
+                  "character": 14
+                },
+                "name": "boolean"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 18,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 17,
+                  "character": 3
+                },
+                "raw": "/** default pop location for the label */",
+                "comment": "default pop location for the label"
+              },
+              "signature": "(property) HybridHighlighterProps.placement?: Placement",
+              "name": "placement",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 18,
+                  "character": 3
+                },
+                "name": "Placement"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 20,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 19,
+                  "character": 3
+                },
+                "raw": "/** customize styles */",
+                "comment": "customize styles"
+              },
+              "signature": "(property) HybridHighlighterProps.classes?: HighlightClasses",
+              "name": "classes",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 20,
+                  "character": 3
+                },
+                "name": "HighlightClasses"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 22,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 21,
+                  "character": 3
+                },
+                "raw": "/** customize highlighter */",
+                "comment": "customize highlighter"
+              },
+              "signature": "(property) HybridHighlighterProps.highlightStyle?: React.CSSProperties",
+              "name": "highlightStyle",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 22,
+                  "character": 20
+                },
+                "name": "CSSProperties",
+                "packageName": "react"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 28,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 23,
+                  "character": 3
+                },
+                "raw": "/** debounces element hover selection.\n   * A higher value will reduce element lookups as well as \"keep\" the highlight on the current element for longer.\n   * Initial selection (when no element is currently selected) will always happen immediately to improve the user experience.\n   * @default 80ms\n   */",
+                "comment": "debounces element hover selection.\nA higher value will reduce element lookups as well as \"keep\" the highlight on the current element for longer.\nInitial selection (when no element is currently selected) will always happen immediately to improve the user experience.",
+                "tags": [
+                  {
+                    "__schema": "TagSchema",
+                    "location": {
+                      "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                      "line": 26,
+                      "character": 6
+                    },
+                    "tagName": "default",
+                    "comment": "80ms"
+                  }
+                ]
+              },
+              "signature": "(property) HybridHighlighterProps.debounceSelection?: number",
+              "name": "debounceSelection",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 28,
+                  "character": 23
+                },
+                "name": "number"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 30,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 29,
+                  "character": 3
+                },
+                "raw": "/** continually update frame position to match moving elements */",
+                "comment": "continually update frame position to match moving elements"
+              },
+              "signature": "(property) HybridHighlighterProps.watchMotion?: boolean",
+              "name": "watchMotion",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 30,
+                  "character": 17
+                },
+                "name": "boolean"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 33,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 32,
+                  "character": 3
+                },
+                "raw": "/** filter highlighter targets by this query selector. (May be a more complex object in the future) */",
+                "comment": "filter highlighter targets by this query selector. (May be a more complex object in the future)"
+              },
+              "signature": "(property) HybridHighlighterProps.rule?: MatchRule",
+              "name": "rule",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 33,
+                  "character": 3
+                },
+                "name": "MatchRule"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 35,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 34,
+                  "character": 3
+                },
+                "raw": "/** filter components to match this rule. Can be id, array of ids, or a function */",
+                "comment": "filter components to match this rule. Can be id, array of ids, or a function"
+              },
+              "signature": "(property) HybridHighlighterProps.componentRule?: ComponentMatchRule",
+              "name": "componentRule",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 35,
+                  "character": 3
+                },
+                "name": "ComponentMatchRule",
+                "internalFilePath": "rule-matcher.tsx"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 42,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 37,
+                  "character": 3
+                },
+                "raw": "/** set the behavior of the highlighter.\n   * `disabled` - stops highlighting.\n   * `allChildren` - highlights all components rendered under children\n   * `hover` - highlighters the component immediately under the mouse cursor\n   * */",
+                "comment": "set the behavior of the highlighter.\n`disabled` - stops highlighting.\n`allChildren` - highlights all components rendered under children\n`hover` - highlighters the component immediately under the mouse cursor"
+              },
+              "signature": "(property) HybridHighlighterProps.mode?: \"allChildren\" | \"hover\"",
+              "name": "mode",
+              "type": {
+                "__schema": "TypeUnionSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 42,
+                  "character": 10
+                },
+                "types": [
+                  {
+                    "__schema": "LiteralTypeSchema",
+                    "location": {
+                      "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                      "line": 42,
+                      "character": 10
+                    },
+                    "name": "'allChildren'"
+                  },
+                  {
+                    "__schema": "LiteralTypeSchema",
+                    "location": {
+                      "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                      "line": 42,
+                      "character": 26
+                    },
+                    "name": "'hover'"
+                  }
+                ]
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 43,
+                "character": 3
+              },
+              "signature": "(property) HybridHighlighterProps.bgColor?: string",
+              "name": "bgColor",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 43,
+                  "character": 13
+                },
+                "name": "string"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 44,
+                "character": 3
+              },
+              "signature": "(property) HybridHighlighterProps.bgColorHover?: string",
+              "name": "bgColorHover",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 44,
+                  "character": 18
+                },
+                "name": "string"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 45,
+                "character": 3
+              },
+              "signature": "(property) HybridHighlighterProps.bgColorActive?: string",
+              "name": "bgColorActive",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 45,
+                  "character": 19
+                },
+                "name": "string"
+              },
+              "isOptional": true
+            }
+          ],
+          "extendsNodes": [
+            {
+              "__schema": "ExpressionWithTypeArgumentsSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 14,
+                "character": 49
+              },
+              "name": "extends React.HTMLAttributes<HTMLDivElement>",
+              "typeArgs": [
+                {
+                  "__schema": "TypeRefSchema",
+                  "location": {
+                    "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                    "line": 14,
+                    "character": 70
+                  },
+                  "name": "HTMLDivElement"
+                }
+              ],
+              "expression": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 14,
+                  "character": 49
+                },
+                "name": "React",
+                "packageName": "/tmp/capsules-root/sign-capsules/2024-5-21/v98z65/teambit.react_ui_component-highlighter@8ff9cdb292ef95ab5647b5b8034ea2519b829c6c/hybrid-highlighter/hybrid-highlighter.tsx"
+              }
+            }
+          ]
+        },
+        "alias": "ComponentHighlightProps"
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 4,
+          "character": 10
+        },
+        "name": "HoverHighlighter",
+        "exportNode": {
+          "__schema": "ReactSchema",
+          "location": {
+            "filePath": "hover-highlighter/hover-highlighter.tsx",
+            "line": 6,
+            "character": 1
+          },
+          "signature": "function HoverHighlighter({ ...props }: HoverHighlighterProps): React.JSX.Element",
+          "name": "HoverHighlighter",
+          "props": {
+            "__schema": "ParameterSchema",
+            "location": {
+              "filePath": "hover-highlighter/hover-highlighter.tsx",
+              "line": 6,
+              "character": 34
+            },
+            "name": "{ ...props }",
+            "type": {
+              "__schema": "TypeRefSchema",
+              "location": {
+                "filePath": "hover-highlighter/hover-highlighter.tsx",
+                "line": 6,
+                "character": 48
+              },
+              "name": "HoverHighlighterProps"
+            },
+            "isOptional": false,
+            "objectBindingNodes": [
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hover-highlighter/hover-highlighter.tsx",
+                  "line": 6,
+                  "character": 39
+                },
+                "name": "props",
+                "type": "{\n    disabled?: boolean;\n    debounceSelection?: number;\n    watchMotion?: boolean;\n    placement?: Placement;\n    rule?: MatchRule;\n    componentRule?: ComponentMatchRule;\n    ... 263 more ...;\n    onTransitionEndCapture?: React.TransitionEventHandler<...>;\n}",
+                "isSpread": true
+              }
+            ],
+            "isSpread": false
+          },
+          "returnType": {
+            "__schema": "TypeRefSchema",
+            "location": {
+              "filePath": "hover-highlighter/hover-highlighter.tsx",
+              "line": 6,
+              "character": 1
+            },
+            "name": "React.JSX.Element",
+            "packageName": "react"
+          },
+          "modifiers": [
+            "export"
+          ]
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 5,
+          "character": 15
+        },
+        "name": "HoverHighlighterProps",
+        "exportNode": {
+          "__schema": "TypeSchema",
+          "location": {
+            "filePath": "hover-highlighter/hover-highlighter.tsx",
+            "line": 4,
+            "character": 1
+          },
+          "signature": "type HoverHighlighterProps = {\n    disabled?: boolean;\n    debounceSelection?: number;\n    watchMotion?: boolean;\n    placement?: Placement;\n    rule?: MatchRule;\n    componentRule?: ComponentMatchRule;\n    ... 263 more ...;\n    onTransitionEndCapture?: React.TransitionEventHandler<...>;\n}",
+          "name": "HoverHighlighterProps",
+          "type": {
+            "__schema": "TypeRefSchema",
+            "location": {
+              "filePath": "hover-highlighter/hover-highlighter.tsx",
+              "line": 4,
+              "character": 37
+            },
+            "name": "Omit",
+            "typeArgs": [
+              {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hover-highlighter/hover-highlighter.tsx",
+                  "line": 4,
+                  "character": 42
+                },
+                "name": "HybridHighlighterProps"
+              },
+              {
+                "__schema": "LiteralTypeSchema",
+                "location": {
+                  "filePath": "hover-highlighter/hover-highlighter.tsx",
+                  "line": 4,
+                  "character": 66
+                },
+                "name": "'mode'"
+              }
+            ]
+          }
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 7,
+          "character": 10
+        },
+        "name": "ChildrenHighlighter",
+        "exportNode": {
+          "__schema": "ReactSchema",
+          "location": {
+            "filePath": "children-highlighter/children-highlighter.tsx",
+            "line": 7,
+            "character": 1
+          },
+          "signature": "function ChildrenHighlighter({ watchMotion, ...props }: ChildrenHighlighterProps): React.JSX.Element",
+          "name": "ChildrenHighlighter",
+          "props": {
+            "__schema": "ParameterSchema",
+            "location": {
+              "filePath": "children-highlighter/children-highlighter.tsx",
+              "line": 7,
+              "character": 37
+            },
+            "name": "{ watchMotion = false, ...props }",
+            "type": {
+              "__schema": "TypeRefSchema",
+              "location": {
+                "filePath": "children-highlighter/children-highlighter.tsx",
+                "line": 7,
+                "character": 72
+              },
+              "name": "ChildrenHighlighterProps"
+            },
+            "isOptional": false,
+            "objectBindingNodes": [
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "children-highlighter/children-highlighter.tsx",
+                  "line": 7,
+                  "character": 39
+                },
+                "name": "watchMotion",
+                "type": "boolean",
+                "defaultValue": "false",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "children-highlighter/children-highlighter.tsx",
+                  "line": 7,
+                  "character": 63
+                },
+                "name": "props",
+                "type": "{\n    disabled?: boolean;\n    debounceSelection?: number;\n    placement?: Placement;\n    rule?: MatchRule;\n    componentRule?: ComponentMatchRule;\n    classes?: HighlightClasses;\n    ... 262 more ...;\n    onTransitionEndCapture?: React.TransitionEventHandler<...>;\n}",
+                "isSpread": true
+              }
+            ],
+            "isSpread": false
+          },
+          "returnType": {
+            "__schema": "TypeRefSchema",
+            "location": {
+              "filePath": "children-highlighter/children-highlighter.tsx",
+              "line": 7,
+              "character": 1
+            },
+            "name": "React.JSX.Element",
+            "packageName": "react"
+          },
+          "modifiers": [
+            "export"
+          ]
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 8,
+          "character": 15
+        },
+        "name": "ChildrenHighlighterProps",
+        "exportNode": {
+          "__schema": "TypeSchema",
+          "location": {
+            "filePath": "children-highlighter/children-highlighter.tsx",
+            "line": 5,
+            "character": 1
+          },
+          "signature": "type ChildrenHighlighterProps = {\n    disabled?: boolean;\n    debounceSelection?: number;\n    watchMotion?: boolean;\n    placement?: Placement;\n    rule?: MatchRule;\n    componentRule?: ComponentMatchRule;\n    ... 263 more ...;\n    onTransitionEndCapture?: React.TransitionEventHandler<...>;\n}",
+          "name": "ChildrenHighlighterProps",
+          "type": {
+            "__schema": "TypeRefSchema",
+            "location": {
+              "filePath": "children-highlighter/children-highlighter.tsx",
+              "line": 5,
+              "character": 40
+            },
+            "name": "Omit",
+            "typeArgs": [
+              {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "children-highlighter/children-highlighter.tsx",
+                  "line": 5,
+                  "character": 45
+                },
+                "name": "HybridHighlighterProps"
+              },
+              {
+                "__schema": "LiteralTypeSchema",
+                "location": {
+                  "filePath": "children-highlighter/children-highlighter.tsx",
+                  "line": 5,
+                  "character": 69
+                },
+                "name": "'mode'"
+              }
+            ]
+          }
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 10,
+          "character": 10
+        },
+        "name": "ElementHighlighter",
+        "exportNode": {
+          "__schema": "ReactSchema",
+          "location": {
+            "filePath": "element-highlighter/element-highlighter.tsx",
+            "line": 31,
+            "character": 1
+          },
+          "signature": "function ElementHighlighter({ targetRef, components, placement, watchMotion, className, classes, ...props }: ElementHighlighterProps): React.JSX.Element",
+          "name": "ElementHighlighter",
+          "props": {
+            "__schema": "ParameterSchema",
+            "location": {
+              "filePath": "element-highlighter/element-highlighter.tsx",
+              "line": 31,
+              "character": 36
+            },
+            "name": "{ targetRef, components, placement = 'top', watchMotion, className, classes, ...props }",
+            "type": {
+              "__schema": "TypeRefSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 39,
+                "character": 4
+              },
+              "name": "ElementHighlighterProps"
+            },
+            "isOptional": false,
+            "objectBindingNodes": [
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 32,
+                  "character": 3
+                },
+                "name": "targetRef",
+                "type": "React.RefObject<HTMLElement>",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 33,
+                  "character": 3
+                },
+                "name": "components",
+                "type": "(string | ComponentMetaHolder)[]",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 34,
+                  "character": 3
+                },
+                "name": "placement",
+                "type": "Placement",
+                "defaultValue": "'top'",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 35,
+                  "character": 3
+                },
+                "name": "watchMotion",
+                "type": "boolean",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 36,
+                  "character": 3
+                },
+                "name": "className",
+                "type": "string",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 37,
+                  "character": 3
+                },
+                "name": "classes",
+                "type": "HighlightClasses",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 38,
+                  "character": 6
+                },
+                "name": "props",
+                "type": "{\n    defaultChecked?: boolean;\n    defaultValue?: string | number | readonly string[];\n    suppressContentEditableWarning?: boolean;\n    suppressHydrationWarning?: boolean;\n    accessKey?: string;\n    autoFocus?: boolean;\n    ... 251 more ...;\n    onTransitionEndCapture?: React.TransitionEventHandler<...>;\n}",
+                "isSpread": true
+              }
+            ],
+            "isSpread": false
+          },
+          "returnType": {
+            "__schema": "TypeRefSchema",
+            "location": {
+              "filePath": "element-highlighter/element-highlighter.tsx",
+              "line": 31,
+              "character": 1
+            },
+            "name": "React.JSX.Element",
+            "packageName": "react"
+          },
+          "modifiers": [
+            "export"
+          ]
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 11,
+          "character": 15
+        },
+        "name": "ElementHighlighterProps",
+        "exportNode": {
+          "__schema": "InterfaceSchema",
+          "location": {
+            "filePath": "element-highlighter/element-highlighter.tsx",
+            "line": 9,
+            "character": 1
+          },
+          "signature": "interface ElementHighlighterProps",
+          "name": "ElementHighlighterProps",
+          "members": [
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 11,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 10,
+                  "character": 3
+                },
+                "raw": "/** highlight this element */",
+                "comment": "highlight this element"
+              },
+              "signature": "(property) ElementHighlighterProps.targetRef: React.RefObject<HTMLElement>",
+              "name": "targetRef",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 11,
+                  "character": 14
+                },
+                "name": "RefObject",
+                "packageName": "react",
+                "typeArgs": [
+                  {
+                    "__schema": "TypeUnionSchema",
+                    "location": {
+                      "filePath": "element-highlighter/element-highlighter.tsx",
+                      "line": 11,
+                      "character": 24
+                    },
+                    "types": [
+                      {
+                        "__schema": "TypeRefSchema",
+                        "location": {
+                          "filePath": "element-highlighter/element-highlighter.tsx",
+                          "line": 11,
+                          "character": 24
+                        },
+                        "name": "HTMLElement"
+                      },
+                      {
+                        "__schema": "LiteralTypeSchema",
+                        "location": {
+                          "filePath": "element-highlighter/element-highlighter.tsx",
+                          "line": 11,
+                          "character": 38
+                        },
+                        "name": "null"
+                      }
+                    ]
+                  }
+                ]
+              },
+              "isOptional": false
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 13,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 12,
+                  "character": 3
+                },
+                "raw": "/** components with metadata to show in the label */",
+                "comment": "components with metadata to show in the label"
+              },
+              "signature": "(property) ElementHighlighterProps.components?: (string | ComponentMetaHolder)[]",
+              "name": "components",
+              "type": {
+                "__schema": "TypeArraySchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 13,
+                  "character": 16
+                },
+                "type": {
+                  "__schema": "ParenthesizedTypeSchema",
+                  "location": {
+                    "filePath": "element-highlighter/element-highlighter.tsx",
+                    "line": 13,
+                    "character": 16
+                  },
+                  "type": {
+                    "__schema": "TypeUnionSchema",
+                    "location": {
+                      "filePath": "element-highlighter/element-highlighter.tsx",
+                      "line": 13,
+                      "character": 17
+                    },
+                    "types": [
+                      {
+                        "__schema": "TypeRefSchema",
+                        "location": {
+                          "filePath": "element-highlighter/element-highlighter.tsx",
+                          "line": 13,
+                          "character": 17
+                        },
+                        "name": "ComponentMetaHolder",
+                        "componentId": {
+                          "scope": "teambit.react",
+                          "name": "ui/highlighter/component-metadata/bit-component-meta",
+                          "version": "0.0.21"
+                        }
+                      },
+                      {
+                        "__schema": "KeywordTypeSchema",
+                        "location": {
+                          "filePath": "element-highlighter/element-highlighter.tsx",
+                          "line": 13,
+                          "character": 39
+                        },
+                        "name": "string"
+                      }
+                    ]
+                  }
+                }
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 16,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 15,
+                  "character": 3
+                },
+                "raw": "/** default location of the label */",
+                "comment": "default location of the label"
+              },
+              "signature": "(property) ElementHighlighterProps.placement?: Placement",
+              "name": "placement",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 16,
+                  "character": 3
+                },
+                "name": "Placement"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 18,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 17,
+                  "character": 3
+                },
+                "raw": "/** customize styles */",
+                "comment": "customize styles"
+              },
+              "signature": "(property) ElementHighlighterProps.classes?: HighlightClasses",
+              "name": "classes",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 18,
+                  "character": 3
+                },
+                "name": "HighlightClasses"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 20,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 19,
+                  "character": 3
+                },
+                "raw": "/** continually update highlighter to match moving elements */",
+                "comment": "continually update highlighter to match moving elements"
+              },
+              "signature": "(property) ElementHighlighterProps.watchMotion?: boolean",
+              "name": "watchMotion",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 20,
+                  "character": 17
+                },
+                "name": "boolean"
+              },
+              "isOptional": true
+            }
+          ],
+          "extendsNodes": [
+            {
+              "__schema": "ExpressionWithTypeArgumentsSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 9,
+                "character": 50
+              },
+              "name": "extends React.HTMLAttributes<HTMLDivElement>",
+              "typeArgs": [
+                {
+                  "__schema": "TypeRefSchema",
+                  "location": {
+                    "filePath": "element-highlighter/element-highlighter.tsx",
+                    "line": 9,
+                    "character": 71
+                  },
+                  "name": "HTMLDivElement"
+                }
+              ],
+              "expression": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 9,
+                  "character": 50
+                },
+                "name": "React",
+                "packageName": "/tmp/capsules-root/sign-capsules/2024-5-21/v98z65/teambit.react_ui_component-highlighter@8ff9cdb292ef95ab5647b5b8034ea2519b829c6c/element-highlighter/element-highlighter.tsx"
+              }
+            }
+          ]
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 11,
+          "character": 40
+        },
+        "name": "Placement",
+        "exportNode": {
+          "__schema": "TypeRefSchema",
+          "location": {
+            "filePath": "index.ts",
+            "line": 11,
+            "character": 40
+          },
+          "name": "Placement"
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 11,
+          "character": 51
+        },
+        "name": "HighlightClasses",
+        "exportNode": {
+          "__schema": "TypeSchema",
+          "location": {
+            "filePath": "element-highlighter/element-highlighter.tsx",
+            "line": 25,
+            "character": 1
+          },
+          "signature": "type HighlightClasses = {\n    container?: string;\n    frame?: string;\n    label?: string;\n}",
+          "name": "HighlightClasses",
+          "type": {
+            "__schema": "TypeLiteralSchema",
+            "location": {
+              "filePath": "element-highlighter/element-highlighter.tsx",
+              "line": 25,
+              "character": 32
+            },
+            "members": [
+              {
+                "__schema": "VariableLikeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 26,
+                  "character": 3
+                },
+                "signature": "(property) container?: string",
+                "name": "container",
+                "type": {
+                  "__schema": "KeywordTypeSchema",
+                  "location": {
+                    "filePath": "element-highlighter/element-highlighter.tsx",
+                    "line": 26,
+                    "character": 15
+                  },
+                  "name": "string"
+                },
+                "isOptional": true
+              },
+              {
+                "__schema": "VariableLikeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 27,
+                  "character": 3
+                },
+                "signature": "(property) frame?: string",
+                "name": "frame",
+                "type": {
+                  "__schema": "KeywordTypeSchema",
+                  "location": {
+                    "filePath": "element-highlighter/element-highlighter.tsx",
+                    "line": 27,
+                    "character": 11
+                  },
+                  "name": "string"
+                },
+                "isOptional": true
+              },
+              {
+                "__schema": "VariableLikeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 28,
+                  "character": 3
+                },
+                "signature": "(property) label?: string",
+                "name": "label",
+                "type": {
+                  "__schema": "KeywordTypeSchema",
+                  "location": {
+                    "filePath": "element-highlighter/element-highlighter.tsx",
+                    "line": 28,
+                    "character": 11
+                  },
+                  "name": "string"
+                },
+                "isOptional": true
+              }
+            ]
+          }
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 14,
+          "character": 3
+        },
+        "name": "ExcludeHighlighter",
+        "exportNode": {
+          "__schema": "ReactSchema",
+          "location": {
+            "filePath": "ignore-highlighter.tsx",
+            "line": 13,
+            "character": 1
+          },
+          "doc": {
+            "__schema": "DocSchema",
+            "location": {
+              "filePath": "ignore-highlighter.tsx",
+              "line": 12,
+              "character": 1
+            },
+            "raw": "/** children of this element will be excluded by the automatic highlighter */",
+            "comment": "children of this element will be excluded by the automatic highlighter"
+          },
+          "signature": "function ExcludeHighlighter(props: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element",
+          "name": "ExcludeHighlighter",
+          "props": {
+            "__schema": "ParameterSchema",
+            "location": {
+              "filePath": "ignore-highlighter.tsx",
+              "line": 13,
+              "character": 36
+            },
+            "name": "props",
+            "type": {
+              "__schema": "TypeRefSchema",
+              "location": {
+                "filePath": "ignore-highlighter.tsx",
+                "line": 13,
+                "character": 43
+              },
+              "name": "React.HTMLAttributes",
+              "typeArgs": [
+                {
+                  "__schema": "TypeRefSchema",
+                  "location": {
+                    "filePath": "ignore-highlighter.tsx",
+                    "line": 13,
+                    "character": 64
+                  },
+                  "name": "HTMLDivElement"
+                }
+              ]
+            },
+            "isOptional": false,
+            "isSpread": false
+          },
+          "returnType": {
+            "__schema": "TypeRefSchema",
+            "location": {
+              "filePath": "ignore-highlighter.tsx",
+              "line": 13,
+              "character": 1
+            },
+            "name": "React.JSX.Element",
+            "packageName": "react"
+          },
+          "modifiers": [
+            "export"
+          ]
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 15,
+          "character": 3
+        },
+        "name": "excludeHighlighterAtt",
+        "exportNode": {
+          "__schema": "VariableLikeSchema",
+          "location": {
+            "filePath": "ignore-highlighter.tsx",
+            "line": 10,
+            "character": 14
+          },
+          "signature": "const excludeHighlighterAtt: {\n    \"data-ignore-component-highlight\": boolean;\n}",
+          "name": "excludeHighlighterAtt",
+          "type": {
+            "__schema": "InferenceTypeSchema",
+            "location": {
+              "filePath": "ignore-highlighter.tsx",
+              "line": 10,
+              "character": 14
+            },
+            "type": "{\n    \"data-ignore-component-highlight\": boolean;\n}"
+          },
+          "isOptional": false,
+          "defaultValue": "{ [excludeHighlighterAttrName]: true }"
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 16,
+          "character": 3
+        },
+        "name": "excludeHighlighterAttrName",
+        "exportNode": {
+          "__schema": "VariableLikeSchema",
+          "location": {
+            "filePath": "ignore-highlighter.tsx",
+            "line": 4,
+            "character": 14
+          },
+          "signature": "const excludeHighlighterAttrName: \"data-ignore-component-highlight\"",
+          "name": "excludeHighlighterAttrName",
+          "type": {
+            "__schema": "InferenceTypeSchema",
+            "location": {
+              "filePath": "ignore-highlighter.tsx",
+              "line": 4,
+              "character": 14
+            },
+            "type": "\"data-ignore-component-highlight\""
+          },
+          "isOptional": false,
+          "defaultValue": "'data-ignore-component-highlight'"
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 17,
+          "character": 3
+        },
+        "name": "skipHighlighterAttr",
+        "exportNode": {
+          "__schema": "VariableLikeSchema",
+          "location": {
+            "filePath": "ignore-highlighter.tsx",
+            "line": 20,
+            "character": 14
+          },
+          "signature": "const skipHighlighterAttr: {\n    \"data-skip-component-highlight\": boolean;\n}",
+          "name": "skipHighlighterAttr",
+          "type": {
+            "__schema": "InferenceTypeSchema",
+            "location": {
+              "filePath": "ignore-highlighter.tsx",
+              "line": 20,
+              "character": 14
+            },
+            "type": "{\n    \"data-skip-component-highlight\": boolean;\n}"
+          },
+          "isOptional": false,
+          "defaultValue": "{ [skipHighlighterAttrName]: true }"
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 18,
+          "character": 3
+        },
+        "name": "skipHighlighterAttrName",
+        "exportNode": {
+          "__schema": "VariableLikeSchema",
+          "location": {
+            "filePath": "ignore-highlighter.tsx",
+            "line": 18,
+            "character": 14
+          },
+          "signature": "const skipHighlighterAttrName: \"data-skip-component-highlight\"",
+          "name": "skipHighlighterAttrName",
+          "type": {
+            "__schema": "InferenceTypeSchema",
+            "location": {
+              "filePath": "ignore-highlighter.tsx",
+              "line": 18,
+              "character": 14
+            },
+            "type": "\"data-skip-component-highlight\""
+          },
+          "isOptional": false,
+          "defaultValue": "'data-skip-component-highlight'"
+        }
+      },
+      {
+        "__schema": "ExportSchema",
+        "location": {
+          "filePath": "index.ts",
+          "line": 21,
+          "character": 15
+        },
+        "name": "MatchRule",
+        "exportNode": {
+          "__schema": "TypeSchema",
+          "location": {
+            "filePath": "rule-matcher.tsx",
+            "line": 5,
+            "character": 1
+          },
+          "signature": "type MatchRule = string | ((element: HTMLElement) => boolean)",
+          "name": "MatchRule",
+          "type": {
+            "__schema": "TypeUnionSchema",
+            "location": {
+              "filePath": "rule-matcher.tsx",
+              "line": 5,
+              "character": 25
+            },
+            "types": [
+              {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "rule-matcher.tsx",
+                  "line": 5,
+                  "character": 25
+                },
+                "name": "undefined"
+              },
+              {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "rule-matcher.tsx",
+                  "line": 5,
+                  "character": 37
+                },
+                "name": "string"
+              },
+              {
+                "__schema": "ParenthesizedTypeSchema",
+                "location": {
+                  "filePath": "rule-matcher.tsx",
+                  "line": 5,
+                  "character": 46
+                },
+                "type": {
+                  "__schema": "FunctionLikeSchema",
+                  "location": {
+                    "filePath": "rule-matcher.tsx",
+                    "line": 5,
+                    "character": 47
+                  },
+                  "signature": "(element: HTMLElement): boolean",
+                  "name": "",
+                  "params": [
+                    {
+                      "__schema": "ParameterSchema",
+                      "location": {
+                        "filePath": "rule-matcher.tsx",
+                        "line": 5,
+                        "character": 48
+                      },
+                      "name": "element",
+                      "type": {
+                        "__schema": "TypeRefSchema",
+                        "location": {
+                          "filePath": "rule-matcher.tsx",
+                          "line": 5,
+                          "character": 57
+                        },
+                        "name": "HTMLElement"
+                      },
+                      "isOptional": false,
+                      "isSpread": false
+                    }
+                  ],
+                  "returnType": {
+                    "__schema": "KeywordTypeSchema",
+                    "location": {
+                      "filePath": "rule-matcher.tsx",
+                      "line": 5,
+                      "character": 73
+                    },
+                    "name": "boolean"
+                  },
+                  "modifiers": []
+                }
+              }
+            ]
+          }
+        }
+      }
+    ],
+    "internals": []
+  },
+  "internals": [
+    {
+      "__schema": "ModuleSchema",
+      "location": {
+        "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+        "line": 1,
+        "character": 1
+      },
+      "exports": [
+        {
+          "__schema": "InterfaceSchema",
+          "location": {
+            "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+            "line": 14,
+            "character": 1
+          },
+          "signature": "interface HybridHighlighterProps",
+          "name": "HybridHighlighterProps",
+          "members": [
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 16,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 15,
+                  "character": 3
+                },
+                "raw": "/** stop all highlighting and drop listeners */",
+                "comment": "stop all highlighting and drop listeners"
+              },
+              "signature": "(property) HybridHighlighterProps.disabled?: boolean",
+              "name": "disabled",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 16,
+                  "character": 14
+                },
+                "name": "boolean"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 18,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 17,
+                  "character": 3
+                },
+                "raw": "/** default pop location for the label */",
+                "comment": "default pop location for the label"
+              },
+              "signature": "(property) HybridHighlighterProps.placement?: Placement",
+              "name": "placement",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 18,
+                  "character": 3
+                },
+                "name": "Placement"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 20,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 19,
+                  "character": 3
+                },
+                "raw": "/** customize styles */",
+                "comment": "customize styles"
+              },
+              "signature": "(property) HybridHighlighterProps.classes?: HighlightClasses",
+              "name": "classes",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 20,
+                  "character": 3
+                },
+                "name": "HighlightClasses"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 22,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 21,
+                  "character": 3
+                },
+                "raw": "/** customize highlighter */",
+                "comment": "customize highlighter"
+              },
+              "signature": "(property) HybridHighlighterProps.highlightStyle?: React.CSSProperties",
+              "name": "highlightStyle",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 22,
+                  "character": 20
+                },
+                "name": "CSSProperties",
+                "packageName": "react"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 28,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 23,
+                  "character": 3
+                },
+                "raw": "/** debounces element hover selection.\n   * A higher value will reduce element lookups as well as \"keep\" the highlight on the current element for longer.\n   * Initial selection (when no element is currently selected) will always happen immediately to improve the user experience.\n   * @default 80ms\n   */",
+                "comment": "debounces element hover selection.\nA higher value will reduce element lookups as well as \"keep\" the highlight on the current element for longer.\nInitial selection (when no element is currently selected) will always happen immediately to improve the user experience.",
+                "tags": [
+                  {
+                    "__schema": "TagSchema",
+                    "location": {
+                      "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                      "line": 26,
+                      "character": 6
+                    },
+                    "tagName": "default",
+                    "comment": "80ms"
+                  }
+                ]
+              },
+              "signature": "(property) HybridHighlighterProps.debounceSelection?: number",
+              "name": "debounceSelection",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 28,
+                  "character": 23
+                },
+                "name": "number"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 30,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 29,
+                  "character": 3
+                },
+                "raw": "/** continually update frame position to match moving elements */",
+                "comment": "continually update frame position to match moving elements"
+              },
+              "signature": "(property) HybridHighlighterProps.watchMotion?: boolean",
+              "name": "watchMotion",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 30,
+                  "character": 17
+                },
+                "name": "boolean"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 33,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 32,
+                  "character": 3
+                },
+                "raw": "/** filter highlighter targets by this query selector. (May be a more complex object in the future) */",
+                "comment": "filter highlighter targets by this query selector. (May be a more complex object in the future)"
+              },
+              "signature": "(property) HybridHighlighterProps.rule?: MatchRule",
+              "name": "rule",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 33,
+                  "character": 3
+                },
+                "name": "MatchRule"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 35,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 34,
+                  "character": 3
+                },
+                "raw": "/** filter components to match this rule. Can be id, array of ids, or a function */",
+                "comment": "filter components to match this rule. Can be id, array of ids, or a function"
+              },
+              "signature": "(property) HybridHighlighterProps.componentRule?: ComponentMatchRule",
+              "name": "componentRule",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 35,
+                  "character": 3
+                },
+                "name": "ComponentMatchRule",
+                "internalFilePath": "rule-matcher.tsx"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 42,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 37,
+                  "character": 3
+                },
+                "raw": "/** set the behavior of the highlighter.\n   * `disabled` - stops highlighting.\n   * `allChildren` - highlights all components rendered under children\n   * `hover` - highlighters the component immediately under the mouse cursor\n   * */",
+                "comment": "set the behavior of the highlighter.\n`disabled` - stops highlighting.\n`allChildren` - highlights all components rendered under children\n`hover` - highlighters the component immediately under the mouse cursor"
+              },
+              "signature": "(property) HybridHighlighterProps.mode?: \"allChildren\" | \"hover\"",
+              "name": "mode",
+              "type": {
+                "__schema": "TypeUnionSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 42,
+                  "character": 10
+                },
+                "types": [
+                  {
+                    "__schema": "LiteralTypeSchema",
+                    "location": {
+                      "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                      "line": 42,
+                      "character": 10
+                    },
+                    "name": "'allChildren'"
+                  },
+                  {
+                    "__schema": "LiteralTypeSchema",
+                    "location": {
+                      "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                      "line": 42,
+                      "character": 26
+                    },
+                    "name": "'hover'"
+                  }
+                ]
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 43,
+                "character": 3
+              },
+              "signature": "(property) HybridHighlighterProps.bgColor?: string",
+              "name": "bgColor",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 43,
+                  "character": 13
+                },
+                "name": "string"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 44,
+                "character": 3
+              },
+              "signature": "(property) HybridHighlighterProps.bgColorHover?: string",
+              "name": "bgColorHover",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 44,
+                  "character": 18
+                },
+                "name": "string"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 45,
+                "character": 3
+              },
+              "signature": "(property) HybridHighlighterProps.bgColorActive?: string",
+              "name": "bgColorActive",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 45,
+                  "character": 19
+                },
+                "name": "string"
+              },
+              "isOptional": true
+            }
+          ],
+          "extendsNodes": [
+            {
+              "__schema": "ExpressionWithTypeArgumentsSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 14,
+                "character": 49
+              },
+              "name": "extends React.HTMLAttributes<HTMLDivElement>",
+              "typeArgs": [
+                {
+                  "__schema": "TypeRefSchema",
+                  "location": {
+                    "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                    "line": 14,
+                    "character": 70
+                  },
+                  "name": "HTMLDivElement"
+                }
+              ],
+              "expression": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 14,
+                  "character": 49
+                },
+                "name": "React",
+                "packageName": "/tmp/capsules-root/sign-capsules/2024-5-21/v98z65/teambit.react_ui_component-highlighter@8ff9cdb292ef95ab5647b5b8034ea2519b829c6c/hybrid-highlighter/hybrid-highlighter.tsx"
+              }
+            }
+          ]
+        },
+        {
+          "__schema": "ReactSchema",
+          "location": {
+            "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+            "line": 49,
+            "character": 1
+          },
+          "doc": {
+            "__schema": "DocSchema",
+            "location": {
+              "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+              "line": 48,
+              "character": 1
+            },
+            "raw": "/** automatically highlight components on hover */",
+            "comment": "automatically highlight components on hover"
+          },
+          "signature": "function HybridHighlighter({ disabled, mode, debounceSelection, watchMotion, placement, rule, componentRule, classes, highlightStyle, className, style, bgColor, bgColorHover, bgColorActive, children, ...rest }: HybridHighlighterProps): React.JSX.Element",
+          "name": "HybridHighlighter",
+          "props": {
+            "__schema": "ParameterSchema",
+            "location": {
+              "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+              "line": 49,
+              "character": 35
+            },
+            "name": "{ disabled, mode = 'hover', debounceSelection = 80, watchMotion = true, placement, rule, componentRule, classes, highlightStyle, className, style, bgColor, bgColorHover, bgColorActive, children, ...rest }",
+            "type": {
+              "__schema": "TypeRefSchema",
+              "location": {
+                "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                "line": 67,
+                "character": 4
+              },
+              "name": "HybridHighlighterProps"
+            },
+            "isOptional": false,
+            "objectBindingNodes": [
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 50,
+                  "character": 3
+                },
+                "name": "disabled",
+                "type": "boolean",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 51,
+                  "character": 3
+                },
+                "name": "mode",
+                "type": "\"allChildren\" | \"hover\"",
+                "defaultValue": "'hover'",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 52,
+                  "character": 3
+                },
+                "name": "debounceSelection",
+                "type": "number",
+                "defaultValue": "80",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 53,
+                  "character": 3
+                },
+                "name": "watchMotion",
+                "type": "boolean",
+                "defaultValue": "true",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 54,
+                  "character": 3
+                },
+                "name": "placement",
+                "type": "Placement",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 55,
+                  "character": 3
+                },
+                "name": "rule",
+                "type": "MatchRule",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 56,
+                  "character": 3
+                },
+                "name": "componentRule",
+                "type": "ComponentMatchRule",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 58,
+                  "character": 3
+                },
+                "name": "classes",
+                "type": "HighlightClasses",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 59,
+                  "character": 3
+                },
+                "name": "highlightStyle",
+                "type": "React.CSSProperties",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 60,
+                  "character": 3
+                },
+                "name": "className",
+                "type": "string",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 61,
+                  "character": 3
+                },
+                "name": "style",
+                "type": "React.CSSProperties",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 62,
+                  "character": 3
+                },
+                "name": "bgColor",
+                "type": "string",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 63,
+                  "character": 3
+                },
+                "name": "bgColorHover",
+                "type": "string",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 64,
+                  "character": 3
+                },
+                "name": "bgColorActive",
+                "type": "string",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 65,
+                  "character": 3
+                },
+                "name": "children",
+                "type": "React.ReactNode",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 66,
+                  "character": 6
+                },
+                "name": "rest",
+                "type": "{\n    defaultChecked?: boolean;\n    defaultValue?: string | number | readonly string[];\n    suppressContentEditableWarning?: boolean;\n    suppressHydrationWarning?: boolean;\n    accessKey?: string;\n    autoFocus?: boolean;\n    ... 249 more ...;\n    onTransitionEndCapture?: React.TransitionEventHandler<...>;\n}",
+                "isSpread": true
+              }
+            ],
+            "isSpread": false
+          },
+          "returnType": {
+            "__schema": "TypeRefSchema",
+            "location": {
+              "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+              "line": 49,
+              "character": 1
+            },
+            "name": "React.JSX.Element",
+            "packageName": "react"
+          },
+          "modifiers": [
+            "export"
+          ]
+        }
+      ],
+      "internals": [
+        {
+          "__schema": "TypeSchema",
+          "location": {
+            "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+            "line": 12,
+            "character": 1
+          },
+          "signature": "type HighlightTarget = {\n    element: HTMLElement;\n    components: ComponentMetaHolder[];\n}",
+          "name": "HighlightTarget",
+          "type": {
+            "__schema": "TypeLiteralSchema",
+            "location": {
+              "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+              "line": 12,
+              "character": 24
+            },
+            "members": [
+              {
+                "__schema": "VariableLikeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 12,
+                  "character": 26
+                },
+                "signature": "(property) element: HTMLElement",
+                "name": "element",
+                "type": {
+                  "__schema": "TypeRefSchema",
+                  "location": {
+                    "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                    "line": 12,
+                    "character": 35
+                  },
+                  "name": "HTMLElement"
+                },
+                "isOptional": false
+              },
+              {
+                "__schema": "VariableLikeSchema",
+                "location": {
+                  "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                  "line": 12,
+                  "character": 48
+                },
+                "signature": "(property) components: ComponentMetaHolder[]",
+                "name": "components",
+                "type": {
+                  "__schema": "TypeArraySchema",
+                  "location": {
+                    "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                    "line": 12,
+                    "character": 60
+                  },
+                  "type": {
+                    "__schema": "TypeRefSchema",
+                    "location": {
+                      "filePath": "hybrid-highlighter/hybrid-highlighter.tsx",
+                      "line": 12,
+                      "character": 60
+                    },
+                    "name": "ComponentMetaHolder",
+                    "componentId": {
+                      "scope": "teambit.react",
+                      "name": "ui/highlighter/component-metadata/bit-component-meta",
+                      "version": "0.0.21"
+                    }
+                  }
+                },
+                "isOptional": false
+              }
+            ]
+          }
+        }
+      ]
+    },
+    {
+      "__schema": "ModuleSchema",
+      "location": {
+        "filePath": "element-highlighter/element-highlighter.tsx",
+        "line": 1,
+        "character": 1
+      },
+      "exports": [
+        {
+          "__schema": "InterfaceSchema",
+          "location": {
+            "filePath": "element-highlighter/element-highlighter.tsx",
+            "line": 9,
+            "character": 1
+          },
+          "signature": "interface ElementHighlighterProps",
+          "name": "ElementHighlighterProps",
+          "members": [
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 11,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 10,
+                  "character": 3
+                },
+                "raw": "/** highlight this element */",
+                "comment": "highlight this element"
+              },
+              "signature": "(property) ElementHighlighterProps.targetRef: React.RefObject<HTMLElement>",
+              "name": "targetRef",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 11,
+                  "character": 14
+                },
+                "name": "RefObject",
+                "packageName": "react",
+                "typeArgs": [
+                  {
+                    "__schema": "TypeUnionSchema",
+                    "location": {
+                      "filePath": "element-highlighter/element-highlighter.tsx",
+                      "line": 11,
+                      "character": 24
+                    },
+                    "types": [
+                      {
+                        "__schema": "TypeRefSchema",
+                        "location": {
+                          "filePath": "element-highlighter/element-highlighter.tsx",
+                          "line": 11,
+                          "character": 24
+                        },
+                        "name": "HTMLElement"
+                      },
+                      {
+                        "__schema": "LiteralTypeSchema",
+                        "location": {
+                          "filePath": "element-highlighter/element-highlighter.tsx",
+                          "line": 11,
+                          "character": 38
+                        },
+                        "name": "null"
+                      }
+                    ]
+                  }
+                ]
+              },
+              "isOptional": false
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 13,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 12,
+                  "character": 3
+                },
+                "raw": "/** components with metadata to show in the label */",
+                "comment": "components with metadata to show in the label"
+              },
+              "signature": "(property) ElementHighlighterProps.components?: (string | ComponentMetaHolder)[]",
+              "name": "components",
+              "type": {
+                "__schema": "TypeArraySchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 13,
+                  "character": 16
+                },
+                "type": {
+                  "__schema": "ParenthesizedTypeSchema",
+                  "location": {
+                    "filePath": "element-highlighter/element-highlighter.tsx",
+                    "line": 13,
+                    "character": 16
+                  },
+                  "type": {
+                    "__schema": "TypeUnionSchema",
+                    "location": {
+                      "filePath": "element-highlighter/element-highlighter.tsx",
+                      "line": 13,
+                      "character": 17
+                    },
+                    "types": [
+                      {
+                        "__schema": "TypeRefSchema",
+                        "location": {
+                          "filePath": "element-highlighter/element-highlighter.tsx",
+                          "line": 13,
+                          "character": 17
+                        },
+                        "name": "ComponentMetaHolder",
+                        "componentId": {
+                          "scope": "teambit.react",
+                          "name": "ui/highlighter/component-metadata/bit-component-meta",
+                          "version": "0.0.21"
+                        }
+                      },
+                      {
+                        "__schema": "KeywordTypeSchema",
+                        "location": {
+                          "filePath": "element-highlighter/element-highlighter.tsx",
+                          "line": 13,
+                          "character": 39
+                        },
+                        "name": "string"
+                      }
+                    ]
+                  }
+                }
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 16,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 15,
+                  "character": 3
+                },
+                "raw": "/** default location of the label */",
+                "comment": "default location of the label"
+              },
+              "signature": "(property) ElementHighlighterProps.placement?: Placement",
+              "name": "placement",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 16,
+                  "character": 3
+                },
+                "name": "Placement"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 18,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 17,
+                  "character": 3
+                },
+                "raw": "/** customize styles */",
+                "comment": "customize styles"
+              },
+              "signature": "(property) ElementHighlighterProps.classes?: HighlightClasses",
+              "name": "classes",
+              "type": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 18,
+                  "character": 3
+                },
+                "name": "HighlightClasses"
+              },
+              "isOptional": true
+            },
+            {
+              "__schema": "VariableLikeSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 20,
+                "character": 3
+              },
+              "doc": {
+                "__schema": "DocSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 19,
+                  "character": 3
+                },
+                "raw": "/** continually update highlighter to match moving elements */",
+                "comment": "continually update highlighter to match moving elements"
+              },
+              "signature": "(property) ElementHighlighterProps.watchMotion?: boolean",
+              "name": "watchMotion",
+              "type": {
+                "__schema": "KeywordTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 20,
+                  "character": 17
+                },
+                "name": "boolean"
+              },
+              "isOptional": true
+            }
+          ],
+          "extendsNodes": [
+            {
+              "__schema": "ExpressionWithTypeArgumentsSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 9,
+                "character": 50
+              },
+              "name": "extends React.HTMLAttributes<HTMLDivElement>",
+              "typeArgs": [
+                {
+                  "__schema": "TypeRefSchema",
+                  "location": {
+                    "filePath": "element-highlighter/element-highlighter.tsx",
+                    "line": 9,
+                    "character": 71
+                  },
+                  "name": "HTMLDivElement"
+                }
+              ],
+              "expression": {
+                "__schema": "TypeRefSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 9,
+                  "character": 50
+                },
+                "name": "React",
+                "packageName": "/tmp/capsules-root/sign-capsules/2024-5-21/v98z65/teambit.react_ui_component-highlighter@8ff9cdb292ef95ab5647b5b8034ea2519b829c6c/element-highlighter/element-highlighter.tsx"
+              }
+            }
+          ]
+        },
+        {
+          "__schema": "ExportSchema",
+          "location": {
+            "filePath": "element-highlighter/element-highlighter.tsx",
+            "line": 23,
+            "character": 10
+          },
+          "name": "Placement",
+          "exportNode": {
+            "__schema": "TypeRefSchema",
+            "location": {
+              "filePath": "element-highlighter/element-highlighter.tsx",
+              "line": 23,
+              "character": 10
+            },
+            "name": "Placement"
+          }
+        },
+        {
+          "__schema": "TypeSchema",
+          "location": {
+            "filePath": "element-highlighter/element-highlighter.tsx",
+            "line": 25,
+            "character": 1
+          },
+          "signature": "type HighlightClasses = {\n    container?: string;\n    frame?: string;\n    label?: string;\n}",
+          "name": "HighlightClasses",
+          "type": {
+            "__schema": "TypeLiteralSchema",
+            "location": {
+              "filePath": "element-highlighter/element-highlighter.tsx",
+              "line": 25,
+              "character": 32
+            },
+            "members": [
+              {
+                "__schema": "VariableLikeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 26,
+                  "character": 3
+                },
+                "signature": "(property) container?: string",
+                "name": "container",
+                "type": {
+                  "__schema": "KeywordTypeSchema",
+                  "location": {
+                    "filePath": "element-highlighter/element-highlighter.tsx",
+                    "line": 26,
+                    "character": 15
+                  },
+                  "name": "string"
+                },
+                "isOptional": true
+              },
+              {
+                "__schema": "VariableLikeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 27,
+                  "character": 3
+                },
+                "signature": "(property) frame?: string",
+                "name": "frame",
+                "type": {
+                  "__schema": "KeywordTypeSchema",
+                  "location": {
+                    "filePath": "element-highlighter/element-highlighter.tsx",
+                    "line": 27,
+                    "character": 11
+                  },
+                  "name": "string"
+                },
+                "isOptional": true
+              },
+              {
+                "__schema": "VariableLikeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 28,
+                  "character": 3
+                },
+                "signature": "(property) label?: string",
+                "name": "label",
+                "type": {
+                  "__schema": "KeywordTypeSchema",
+                  "location": {
+                    "filePath": "element-highlighter/element-highlighter.tsx",
+                    "line": 28,
+                    "character": 11
+                  },
+                  "name": "string"
+                },
+                "isOptional": true
+              }
+            ]
+          }
+        },
+        {
+          "__schema": "ReactSchema",
+          "location": {
+            "filePath": "element-highlighter/element-highlighter.tsx",
+            "line": 31,
+            "character": 1
+          },
+          "signature": "function ElementHighlighter({ targetRef, components, placement, watchMotion, className, classes, ...props }: ElementHighlighterProps): React.JSX.Element",
+          "name": "ElementHighlighter",
+          "props": {
+            "__schema": "ParameterSchema",
+            "location": {
+              "filePath": "element-highlighter/element-highlighter.tsx",
+              "line": 31,
+              "character": 36
+            },
+            "name": "{ targetRef, components, placement = 'top', watchMotion, className, classes, ...props }",
+            "type": {
+              "__schema": "TypeRefSchema",
+              "location": {
+                "filePath": "element-highlighter/element-highlighter.tsx",
+                "line": 39,
+                "character": 4
+              },
+              "name": "ElementHighlighterProps"
+            },
+            "isOptional": false,
+            "objectBindingNodes": [
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 32,
+                  "character": 3
+                },
+                "name": "targetRef",
+                "type": "React.RefObject<HTMLElement>",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 33,
+                  "character": 3
+                },
+                "name": "components",
+                "type": "(string | ComponentMetaHolder)[]",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 34,
+                  "character": 3
+                },
+                "name": "placement",
+                "type": "Placement",
+                "defaultValue": "'top'",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 35,
+                  "character": 3
+                },
+                "name": "watchMotion",
+                "type": "boolean",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 36,
+                  "character": 3
+                },
+                "name": "className",
+                "type": "string",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 37,
+                  "character": 3
+                },
+                "name": "classes",
+                "type": "HighlightClasses",
+                "isSpread": false
+              },
+              {
+                "__schema": "InferenceTypeSchema",
+                "location": {
+                  "filePath": "element-highlighter/element-highlighter.tsx",
+                  "line": 38,
+                  "character": 6
+                },
+                "name": "props",
+                "type": "{\n    defaultChecked?: boolean;\n    defaultValue?: string | number | readonly string[];\n    suppressContentEditableWarning?: boolean;\n    suppressHydrationWarning?: boolean;\n    accessKey?: string;\n    autoFocus?: boolean;\n    ... 251 more ...;\n    onTransitionEndCapture?: React.TransitionEventHandler<...>;\n}",
+                "isSpread": true
+              }
+            ],
+            "isSpread": false
+          },
+          "returnType": {
+            "__schema": "TypeRefSchema",
+            "location": {
+              "filePath": "element-highlighter/element-highlighter.tsx",
+              "line": 31,
+              "character": 1
+            },
+            "name": "React.JSX.Element",
+            "packageName": "react"
+          },
+          "modifiers": [
+            "export"
+          ]
+        }
+      ],
+      "internals": []
+    }
+  ],
+  "componentId": {
+    "scope": "teambit.react",
+    "name": "ui/component-highlighter",
+    "version": "8ff9cdb292ef95ab5647b5b8034ea2519b829c6c"
+  },
+  "taggedModuleExports": []
+}