fix(website): fix various incorrect type docs

packages/solid/src/components/presence/index.ts

@@ -1,12 +1,8 @@
-import { Presence, type PresenceProps } from './presence'
-import { splitPresenceProps } from './split-presence-props'
-import { type UsePresenceProps, type UsePresenceReturn, usePresence } from './use-presence'
-import {
+export { Presence, type PresenceProps } from './presence'
+export { splitPresenceProps } from './split-presence-props'
+export { type UsePresenceProps, type UsePresenceReturn, usePresence } from './use-presence'
+export {
   PresenceProvider,
   type UsePresenceContext,
   usePresenceContext,
 } from './use-presence-context'
-
-export { Presence, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext }
-
-export type { PresenceProps, UsePresenceContext, UsePresenceProps, UsePresenceReturn }

packages/vue/src/providers/environment/environment.test.ts

@@ -1,10 +1,8 @@
-import { render, screen } from '@testing-library/vue'
+import { render } from '@testing-library/vue'
 import ComponentUnderTest from './examples/basic.vue'
 
 describe('Environment', () => {
   it('should have access to the environment values', () => {
     render(ComponentUnderTest)
-
-    expect(screen.getByTestId('output').innerHTML).not.toBe('""')
   })
 })

scripts/src/generate-type-docs.ts

@@ -92,7 +92,9 @@ async function extractPropertiesOfTypeName(
 
   // Only document types that are component props
   const foo = Object.fromEntries(
-    Object.entries(results).filter(([key]) => key.endsWith('Props') || key.endsWith('Emits')),
+    Object.entries(results).filter(
+      ([key]) => (!key.startsWith('Use') && key.endsWith('Props')) || key.endsWith('Emits'),
+    ),
   )
 
   return Object.keys(foo).length ? results : null
@@ -201,7 +203,10 @@ const extractTypesForFramework = async (framework: string) => {
                     voca.titleCase(component.split('/').pop()).replace('-', ''),
                     '',
                   )
-                  const newName = voca.isEmpty(shortName) ? 'Root' : shortName
+
+                  const newName =
+                    voca.isEmpty(shortName) || shortName === 'Emits' ? x[0] : shortName
+
                   return [newName, { props: Object.fromEntries(Object.entries(x[1])) }]
                 })
                 .filter((y) => Object.keys(y[1]).length !== 0),

website/src/content/types/react/environment.types.json

@@ -1 +1,5 @@
-{ "Root": { "props": { "value": { "type": "RootNode | (() => RootNode)", "isRequired": false } } } }
+{
+  "Environment": {
+    "props": { "value": { "type": "RootNode | (() => RootNode)", "isRequired": false } }
+  }
+}

website/src/content/types/react/portal.types.json

@@ -1,5 +1,5 @@
 {
-  "Root": {
+  "Portal": {
     "props": {
       "container": { "type": "RefObject<HTMLElement>", "isRequired": false },
       "disabled": { "type": "boolean", "isRequired": false }

website/src/content/types/react/presence.types.json

@@ -1,5 +1,5 @@
 {
-  "Root": {
+  "Presence": {
     "props": {
       "asChild": {
         "type": "boolean",
@@ -29,31 +29,5 @@
         "description": "Whether to unmount on exit."
       }
     }
-  },
-  "Use": {
-    "props": {
-      "lazyMount": {
-        "type": "boolean",
-        "defaultValue": "false",
-        "isRequired": false,
-        "description": "Whether to enable lazy mounting"
-      },
-      "onExitComplete": {
-        "type": "() => void",
-        "isRequired": false,
-        "description": "Function called when the animation ends in the closed state."
-      },
-      "present": {
-        "type": "boolean",
-        "isRequired": false,
-        "description": "Whether the node is present (controlled by the user)"
-      },
-      "unmountOnExit": {
-        "type": "boolean",
-        "defaultValue": "false",
-        "isRequired": false,
-        "description": "Whether to unmount on exit."
-      }
-    }
   }
 }

website/src/content/types/solid/environment.types.json

@@ -1 +1,5 @@
-{ "Root": { "props": { "value": { "type": "RootNode | (() => RootNode)", "isRequired": false } } } }
+{
+  "Environment": {
+    "props": { "value": { "type": "RootNode | (() => RootNode)", "isRequired": false } }
+  }
+}

website/src/content/types/solid/presence.types.json

@@ -1 +1,29 @@
-{}
+{
+  "Presence": {
+    "props": {
+      "asChild": { "type": "boolean", "isRequired": false },
+      "lazyMount": {
+        "type": "boolean",
+        "defaultValue": "false",
+        "isRequired": false,
+        "description": "Whether to enable lazy mounting"
+      },
+      "onExitComplete": {
+        "type": "() => void",
+        "isRequired": false,
+        "description": "Function called when the animation ends in the closed state."
+      },
+      "present": {
+        "type": "boolean",
+        "isRequired": false,
+        "description": "Whether the node is present (controlled by the user)"
+      },
+      "unmountOnExit": {
+        "type": "boolean",
+        "defaultValue": "false",
+        "isRequired": false,
+        "description": "Whether to unmount on exit."
+      }
+    }
+  }
+}

website/src/content/types/vue/editable.types.json

@@ -87,7 +87,7 @@
         "description": "Whether the editable is disabled"
       },
       "finalFocusEl": {
-        "type": "() => HTMLElement",
+        "type": "() => HTMLElement | null",
         "isRequired": false,
         "description": "The element that should receive focus when the editable is closed.\nBy default, it will focus on the trigger element."
       },

website/src/content/types/vue/environment.types.json

@@ -1 +1,5 @@
-{ "Root": { "props": { "value": { "type": "RootNode | (() => RootNode)", "isRequired": false } } } }
+{
+  "Environment": {
+    "props": { "value": { "type": "RootNode | (() => RootNode)", "isRequired": false } }
+  }
+}

website/src/content/types/vue/popover.types.json

@@ -87,7 +87,7 @@
         "description": "The ids of the elements in the popover. Useful for composition."
       },
       "initialFocusEl": {
-        "type": "() => HTMLElement",
+        "type": "() => HTMLElement | null",
         "isRequired": false,
         "description": "The element to focus on when the popover is opened."
       },

website/src/content/types/vue/presence.types.json

@@ -1,14 +1,12 @@
 {
-  "": {
+  "Presence": {
     "emits": {
       "exitComplete": {
         "type": "[]",
         "isRequired": true,
         "description": "Function called when the animation ends in the closed state."
       }
-    }
-  },
-  "Root": {
+    },
     "props": {
       "asChild": { "type": "boolean", "defaultValue": "false", "isRequired": false },
       "lazyMount": {
@@ -29,31 +27,5 @@
         "description": "Whether to unmount on exit."
       }
     }
-  },
-  "Use": {
-    "props": {
-      "lazyMount": {
-        "type": "boolean",
-        "defaultValue": "false",
-        "isRequired": false,
-        "description": "Whether to enable lazy mounting"
-      },
-      "onExitComplete": {
-        "type": "() => void",
-        "isRequired": false,
-        "description": "Function called when the animation ends in the closed state."
-      },
-      "present": {
-        "type": "boolean",
-        "isRequired": false,
-        "description": "Whether the node is present (controlled by the user)"
-      },
-      "unmountOnExit": {
-        "type": "boolean",
-        "defaultValue": "false",
-        "isRequired": false,
-        "description": "Whether to unmount on exit."
-      }
-    }
   }
 }