Add path aliases

styles/src/styleTree/assistant.ts

@@ -1,7 +1,7 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { text, border, background, foreground } from "./components"
 import editor from "./editor"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 
 export default function assistant(colorScheme: ColorScheme) {
     const layer = colorScheme.highest

styles/src/styleTree/commandPalette.ts

@@ -2,7 +2,7 @@ import { ColorScheme } from "../theme/colorScheme"
 import { withOpacity } from "../theme/color"
 import { text, background } from "./components"
 import { toggleable } from "./toggle"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 
 export default function commandPalette(colorScheme: ColorScheme) {
     let layer = colorScheme.highest

styles/src/styleTree/contactList.ts

@@ -1,7 +1,7 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { background, border, borderColor, foreground, text } from "./components"
 import { toggleable } from "./toggle"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 export default function contactsPanel(colorScheme: ColorScheme) {
     const nameMargin = 8
     const sidePadding = 12

styles/src/styleTree/contactNotification.ts

@@ -1,6 +1,6 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { background, foreground, text } from "./components"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 const avatarSize = 12
 const headerPadding = 8
 

styles/src/styleTree/contextMenu.ts

@@ -1,6 +1,6 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { background, border, borderColor, text } from "./components"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 import { toggleable } from "./toggle"
 
 export default function contextMenu(colorScheme: ColorScheme) {

styles/src/styleTree/copilot.ts

@@ -1,6 +1,6 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { background, border, foreground, svg, text } from "./components"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 export default function copilot(colorScheme: ColorScheme) {
     let layer = colorScheme.middle
 

styles/src/styleTree/editor.ts

@@ -4,7 +4,7 @@ import { background, border, borderColor, foreground, text } from "./components"
 import hoverPopover from "./hoverPopover"
 
 import { buildSyntax } from "../theme/syntax"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 import { toggleable } from "./toggle"
 
 export default function editor(colorScheme: ColorScheme) {

styles/src/styleTree/feedback.ts

@@ -1,6 +1,6 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { background, border, text } from "./components"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 
 export default function feedback(colorScheme: ColorScheme) {
     let layer = colorScheme.highest

styles/src/styleTree/picker.ts

@@ -2,7 +2,7 @@ import { ColorScheme } from "../theme/colorScheme"
 import { withOpacity } from "../theme/color"
 import { background, border, text } from "./components"
 import { toggleable } from "./toggle"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 
 export default function picker(colorScheme: ColorScheme): any {
     let layer = colorScheme.lowest

styles/src/styleTree/projectPanel.ts

@@ -1,7 +1,7 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { withOpacity } from "../theme/color"
 import { background, border, foreground, text } from "./components"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 import { toggleable } from "./toggle"
 export default function projectPanel(colorScheme: ColorScheme) {
     const { isLight } = colorScheme

styles/src/styleTree/search.ts

@@ -1,7 +1,7 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { withOpacity } from "../theme/color"
 import { background, border, foreground, text } from "./components"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 import { toggleable } from "./toggle"
 
 export default function search(colorScheme: ColorScheme) {

styles/src/styleTree/simpleMessageNotification.ts

@@ -1,6 +1,6 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { background, border, foreground, text } from "./components"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 
 const headerPadding = 8
 

styles/src/styleTree/statusBar.ts

@@ -1,6 +1,6 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { background, border, foreground, text } from "./components"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 import { toggleable } from "./toggle"
 export default function statusBar(colorScheme: ColorScheme) {
     let layer = colorScheme.lowest

styles/src/styleTree/tabBar.ts

@@ -2,7 +2,7 @@ import { ColorScheme } from "../theme/colorScheme"
 import { withOpacity } from "../theme/color"
 import { text, border, background, foreground } from "./components"
 import { toggleable } from "./toggle"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 
 export default function tabBar(colorScheme: ColorScheme) {
     const height = 32

styles/src/styleTree/toolbarDropdownMenu.ts

@@ -1,6 +1,6 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { background, border, text } from "./components"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 import { toggleable } from "./toggle"
 export default function dropdownMenu(colorScheme: ColorScheme) {
     let layer = colorScheme.middle

styles/src/styleTree/updateNotification.ts

@@ -1,6 +1,6 @@
 import { ColorScheme } from "../theme/colorScheme"
 import { foreground, text } from "./components"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 
 const headerPadding = 8
 

styles/src/styleTree/welcome.ts

@@ -8,7 +8,7 @@ import {
     TextProperties,
     svg,
 } from "./components"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 
 export default function welcome(colorScheme: ColorScheme) {
     let layer = colorScheme.highest

styles/src/styleTree/workspace.ts

@@ -11,7 +11,7 @@ import {
 } from "./components"
 import statusBar from "./statusBar"
 import tabBar from "./tabBar"
-import { interactive } from "../element/interactive"
+import { interactive } from "../element"
 import merge from 'ts-deepmerge';
 export default function workspace(colorScheme: ColorScheme) {
     const layer = colorScheme.lowest