Refactor selection system to support DOM elements

adeira-source-id: a262fa6e97f3efbc989f13532ed18ee73031f35d

.changeset/gold-rice-act.md

@@ -0,0 +1,5 @@
+---
+"triplex-vsce": patch
+---
+
+Prop labels are now ellipsified when there isn't enough room.

examples/test-fixture/src/component-roots.tsx

@@ -16,7 +16,7 @@ export function ReactRoot() {
 }
 
 export function ReactRootFromAnotherModule() {
-  return <Button />;
+  return <Button text="Button"/>;
 }
 
 export function Unknown() {

examples/test-fixture/src/react-roots.tsx

@@ -6,8 +6,26 @@
  */
 import { Canvas } from "@react-three/fiber";
 
-export function Button() {
-  return <button>Hello World</button>;
+export function Button({
+  text,
+  type = "button",
+  variant = 'default',
+}: {
+  text: string;
+  type?: "submit" | "button";
+  variant?: "default" | "primary";
+}) {
+  return (
+    <button
+      style={{
+        background: variant === "primary" ? "blue" : "gray",
+        color: variant === "primary" ? "white" : "black",
+      }}
+      type={type}
+    >
+      {text}
+    </button>
+  );
 }
 
 export function CanvasExample() {