npm - @teambit/react.ui.component-highlighter - Versions diffs - 0.2.4 → 0.2.5 - Mend

@teambit/react.ui.component-highlighter 0.2.4 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/dist/children-highlighter/children-highlighter.js +1 -2
package/dist/children-highlighter/children-highlighter.js.map +1 -1
package/dist/children-highlighter/use-children-highlighter.js +1 -2
package/dist/children-highlighter/use-children-highlighter.js.map +1 -1
package/dist/element-highlighter/element-highlighter.compositions.js +2 -2
package/dist/element-highlighter/element-highlighter.compositions.js.map +1 -1
package/dist/element-highlighter/element-highlighter.js +1 -2
package/dist/element-highlighter/element-highlighter.js.map +1 -1
package/dist/frame/frame.js +1 -2
package/dist/frame/frame.js.map +1 -1
package/dist/hover-highlighter/bubble-to-component.d.ts +5 -0
package/dist/hover-highlighter/bubble-to-component.js +14 -2
package/dist/hover-highlighter/bubble-to-component.js.map +1 -1
package/dist/hover-highlighter/hover-highlighter.js +1 -2
package/dist/hover-highlighter/hover-highlighter.js.map +1 -1
package/dist/hover-highlighter/use-hover-highlighter.js +1 -2
package/dist/hover-highlighter/use-hover-highlighter.js.map +1 -1
package/dist/hybrid-highlighter/hybrid-highlighter.js +1 -2
package/dist/hybrid-highlighter/hybrid-highlighter.js.map +1 -1
package/dist/ignore-highlighter.js +2 -2
package/dist/ignore-highlighter.js.map +1 -1
package/dist/label/label-container.js +1 -2
package/dist/label/label-container.js.map +1 -1
package/dist/label/label.js +1 -2
package/dist/label/label.js.map +1 -1
package/dist/label/links.js +1 -2
package/dist/label/links.js.map +1 -1
package/dist/label/other-components.js +1 -2
package/dist/label/other-components.js.map +1 -1
package/dist/mock-component.js +3 -4
package/dist/mock-component.js.map +1 -1
package/dist/rule-matcher.js +2 -3
package/dist/rule-matcher.js.map +1 -1
package/hover-highlighter/bubble-to-component.tsx +13 -0
package/package.json +2 -2
package/.bit-capsule-ready +0 -0
package/schema.json +0 -2998
package/static/css/teambit.react/ui/component-highlighter.15a16662.css +0 -1
package/teambit_react_ui_component_highlighter-component.js +0 -48
package/teambit_react_ui_component_highlighter-preview.js +0 -101

package/schema.json DELETED Viewed

@@ -1,2998 +0,0 @@
-{
-  "__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
-        },
-        "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",
-        "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",
-            "tags": []
-          },
-          "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    autoCapitalize?: \"off\" | ... 5 more ... | (string & {});\n    ... 250 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
-        },
-        "signature": "interface HybridHighlighterProps",
-        "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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)",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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-9-1/hh2z70/teambit.react_ui_component-highlighter@2ee94e9870d0dd40e401e7d7450ae6949364b1c7/hybrid-highlighter/hybrid-highlighter.tsx"
-              }
-            }
-          ]
-        },
-        "alias": "ComponentHighlightProps"
-      },
-      {
-        "__schema": "ExportSchema",
-        "location": {
-          "filePath": "index.ts",
-          "line": 4,
-          "character": 10
-        },
-        "signature": "function HoverHighlighter({ ...props }: HoverHighlighterProps): React.JSX.Element",
-        "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    ... 264 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
-        },
-        "signature": "type HoverHighlighterProps = {\n    disabled?: boolean;\n    debounceSelection?: number;\n    watchMotion?: boolean;\n    placement?: Placement;\n    rule?: MatchRule;\n    componentRule?: ComponentMatchRule;\n    ... 264 more ...;\n    onTransitionEndCapture?: React.TransitionEventHandler<...>;\n}",
-        "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    ... 264 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
-        },
-        "signature": "function ChildrenHighlighter({ watchMotion, ...props }: ChildrenHighlighterProps): React.JSX.Element",
-        "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    ... 263 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
-        },
-        "signature": "type ChildrenHighlighterProps = {\n    disabled?: boolean;\n    debounceSelection?: number;\n    watchMotion?: boolean;\n    placement?: Placement;\n    rule?: MatchRule;\n    componentRule?: ComponentMatchRule;\n    ... 264 more ...;\n    onTransitionEndCapture?: React.TransitionEventHandler<...>;\n}",
-        "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    ... 264 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
-        },
-        "signature": "function ElementHighlighter({ targetRef, components, placement, watchMotion, className, classes, ...props }: ElementHighlighterProps): React.JSX.Element",
-        "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    autoCapitalize?: \"off\" | ... 5 more ... | (string & {});\n    ... 252 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
-        },
-        "signature": "interface ElementHighlighterProps",
-        "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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-9-1/hh2z70/teambit.react_ui_component-highlighter@2ee94e9870d0dd40e401e7d7450ae6949364b1c7/element-highlighter/element-highlighter.tsx"
-              }
-            }
-          ]
-        }
-      },
-      {
-        "__schema": "ExportSchema",
-        "location": {
-          "filePath": "index.ts",
-          "line": 11,
-          "character": 40
-        },
-        "signature": "export { Placement };\n\nPlacement",
-        "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
-        },
-        "signature": "type HighlightClasses = {\n    container?: string;\n    frame?: string;\n    label?: string;\n}",
-        "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
-        },
-        "signature": "function ExcludeHighlighter(props: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element",
-        "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",
-            "tags": []
-          },
-          "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
-        },
-        "signature": "const excludeHighlighterAtt: {\n    \"data-ignore-component-highlight\": boolean;\n}",
-        "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
-        },
-        "signature": "const excludeHighlighterAttrName: \"data-ignore-component-highlight\"",
-        "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
-        },
-        "signature": "const skipHighlighterAttr: {\n    \"data-skip-component-highlight\": boolean;\n}",
-        "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
-        },
-        "signature": "const skipHighlighterAttrName: \"data-skip-component-highlight\"",
-        "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
-        },
-        "signature": "type MatchRule = string | ((element: HTMLElement) => boolean)",
-        "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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)",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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-9-1/hh2z70/teambit.react_ui_component-highlighter@2ee94e9870d0dd40e401e7d7450ae6949364b1c7/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",
-            "tags": []
-          },
-          "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    autoCapitalize?: \"off\" | ... 5 more ... | (string & {});\n    ... 250 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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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",
-                "tags": []
-              },
-              "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-9-1/hh2z70/teambit.react_ui_component-highlighter@2ee94e9870d0dd40e401e7d7450ae6949364b1c7/element-highlighter/element-highlighter.tsx"
-              }
-            }
-          ]
-        },
-        {
-          "__schema": "ExportSchema",
-          "location": {
-            "filePath": "element-highlighter/element-highlighter.tsx",
-            "line": 23,
-            "character": 10
-          },
-          "signature": "export { Placement };\n\nPlacement",
-          "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    autoCapitalize?: \"off\" | ... 5 more ... | (string & {});\n    ... 252 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": "2ee94e9870d0dd40e401e7d7450ae6949364b1c7"
-  },
-  "taggedModuleExports": []
-}