chore: remove clsx

Author: AlemTuzlak

packages/devtools-ui/package.json

@@ -53,7 +53,6 @@
     "build": "vite build"
   },
   "dependencies": {
-    "clsx": "^2.1.1",
     "goober": "^2.1.16",
     "solid-js": "^1.9.7"
   },
@@ -63,4 +62,4 @@
   "devDependencies": {
     "vite-plugin-solid": "^2.11.6"
   }
-}
+}

packages/devtools-ui/src/components/button.tsx

@@ -1,5 +1,4 @@
 import { splitProps } from 'solid-js'
-import clsx from 'clsx'
 import { useStyles } from '../styles/use-styles'
 import type { JSX } from 'solid-js'
 
@@ -28,11 +27,11 @@ export function Button(props: ButtonProps) {
     'className',
   ])
   const variant = local.variant || 'primary'
-  const classes = clsx(
+  const classes = [
     styles().button.base,
     styles().button.variant(variant, local.outline, local.ghost),
     local.className,
-  )
+  ].filter(Boolean).join(' ')
 
   return (
     <button {...rest} class={classes}>

packages/devtools-ui/src/components/tree.tsx

@@ -1,7 +1,8 @@
 import { For, Show, createSignal } from 'solid-js'
-import clsx from 'clsx'
 import { useStyles } from '../styles/use-styles'
 
+const clsx = (...args: any) => [...args].filter(Boolean).join(' ')
+
 export function JsonTree(props: { value: any }) {
   return <JsonValue isRoot value={props.value} />
 }