chore: standardize exports and types

Author: AlemTuzlak

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

@@ -167,8 +167,13 @@ const ObjectValue = ({
   )
 }
 
+// web component
+export interface JsonTreeWebComponentProps {
+  value: any
+}
+
 export const registerJsonTreeComponent = (elName: string = 'tsd-json-tree') =>
-  customElement(elName, { value: {} }, (props, { element }) => {
+  customElement<JsonTreeWebComponentProps>(elName, { value: {} }, (props, { element }) => {
     noShadowDOM()
     function getValue(value: any) {
       if (typeof value === 'string') {

packages/devtools-ui/src/index.ts

@@ -2,7 +2,8 @@ export { Checkbox } from './components/checkbox'
 export { Input } from './components/input'
 export { Select } from './components/select'
 export { TanStackLogo } from './components/logo'
-export { JsonTree, registerJsonTreeComponent } from './components/tree'
+export { JsonTree, registerJsonTreeComponent, } from './components/tree'
 export { Button } from './components/button'
 export { Tag } from './components/tag'
+export type { JsonTreeWebComponentProps } from './components/tree'
 export type { CustomElements } from './types'

packages/devtools-ui/src/types.ts

@@ -1,3 +1,5 @@
+import type { JsonTreeWebComponentProps } from "./components/tree"
+
 export interface CustomElements {
-  'tsd-json-tree': { value: any }
+  'tsd-json-tree': JsonTreeWebComponentProps
 }