fix TypeScript issues (#1587)

We had a bunch of unused imports sitting around

packages/@headlessui-react/src/components/combobox/combobox.tsx

@@ -34,7 +34,7 @@ import { forwardRefWithAs, render, compact, PropsForFeatures, Features } from '.
 import { isDisabledReactIssue7711 } from '../../utils/bugs'
 import { match } from '../../utils/match'
 import { objectToFormEntries } from '../../utils/form'
-import { FocusableMode, isFocusableElement, sortByDomNode } from '../../utils/focus-management'
+import { sortByDomNode } from '../../utils/focus-management'
 
 import { Hidden, Features as HiddenFeatures } from '../../internal/hidden'
 import { useOpenClosed, State, OpenClosedProvider } from '../../internal/open-closed'

packages/@headlessui-vue/src/components/combobox/combobox.test.ts

@@ -1,14 +1,4 @@
-import {
-  DefineComponent,
-  defineComponent,
-  nextTick,
-  ref,
-  watch,
-  h,
-  reactive,
-  computed,
-  PropType,
-} from 'vue'
+import { defineComponent, nextTick, ref, watch, h, reactive, computed, PropType } from 'vue'
 import { createRenderTemplate, render } from '../../test-utils/vue-testing-library'
 import {
   Combobox,

packages/@headlessui-vue/src/components/disclosure/disclosure.test.ts

@@ -1,4 +1,4 @@
-import { defineComponent, nextTick, ref, watch, h, ComponentOptionsWithoutProps } from 'vue'
+import { defineComponent, nextTick, ref, watch, h } from 'vue'
 import { createRenderTemplate, render } from '../../test-utils/vue-testing-library'
 import { Disclosure, DisclosureButton, DisclosurePanel } from './disclosure'
 import { suppressConsoleLogs } from '../../test-utils/suppress-console-logs'

packages/@headlessui-vue/src/components/focus-trap/focus-trap.test.ts

@@ -1,9 +1,9 @@
-import { defineComponent, ref, nextTick, onMounted, ComponentOptionsWithoutProps } from 'vue'
+import { ref, nextTick, onMounted } from 'vue'
 
 import { FocusTrap } from './focus-trap'
 import { assertActiveElement, getByText } from '../../test-utils/accessibility-assertions'
 import { suppressConsoleLogs } from '../../test-utils/suppress-console-logs'
-import { createRenderTemplate, render } from '../../test-utils/vue-testing-library'
+import { createRenderTemplate } from '../../test-utils/vue-testing-library'
 import { click, press, shift, Keys } from '../../test-utils/interactions'
 import { html } from '../../test-utils/html'
 

packages/@headlessui-vue/src/components/listbox/listbox.test.tsx

@@ -1,12 +1,4 @@
-import {
-  defineComponent,
-  nextTick,
-  ref,
-  watch,
-  h,
-  reactive,
-  ComponentOptionsWithoutProps,
-} from 'vue'
+import { defineComponent, nextTick, ref, watch, h, reactive } from 'vue'
 import { createRenderTemplate, render } from '../../test-utils/vue-testing-library'
 import { Listbox, ListboxLabel, ListboxButton, ListboxOptions, ListboxOption } from './listbox'
 import { suppressConsoleLogs } from '../../test-utils/suppress-console-logs'

packages/@headlessui-vue/src/components/menu/menu.test.tsx

@@ -1,12 +1,4 @@
-import {
-  ComponentOptionsWithoutProps,
-  defineComponent,
-  h,
-  nextTick,
-  reactive,
-  ref,
-  watch,
-} from 'vue'
+import { defineComponent, h, nextTick, reactive, ref, watch } from 'vue'
 import { createRenderTemplate, render } from '../../test-utils/vue-testing-library'
 import { Menu, MenuButton, MenuItems, MenuItem } from './menu'
 import { TransitionChild } from '../transitions/transition'

packages/@headlessui-vue/src/components/popover/popover.test.ts

@@ -1,4 +1,4 @@
-import { defineComponent, nextTick, ref, watch, h, ComponentOptionsWithoutProps } from 'vue'
+import { defineComponent, nextTick, ref, watch, h } from 'vue'
 import { createRenderTemplate, render } from '../../test-utils/vue-testing-library'
 
 import { Popover, PopoverGroup, PopoverButton, PopoverPanel, PopoverOverlay } from './popover'

packages/@headlessui-vue/src/components/portal/portal.test.ts

@@ -1,6 +1,6 @@
 import { h, defineComponent, ref, nextTick, ComponentOptionsWithoutProps, createSSRApp } from 'vue'
 
-import { createRenderTemplate, render } from '../../test-utils/vue-testing-library'
+import { createRenderTemplate } from '../../test-utils/vue-testing-library'
 import { renderToString } from 'vue/server-renderer'
 import { Portal, PortalGroup } from './portal'
 import { click } from '../../test-utils/interactions'

packages/@headlessui-vue/src/components/radio-group/radio-group.test.ts

@@ -1,4 +1,4 @@
-import { defineComponent, nextTick, ref, watch, reactive, ComponentOptionsWithoutProps } from 'vue'
+import { nextTick, ref, watch, reactive } from 'vue'
 import { createRenderTemplate, render } from '../../test-utils/vue-testing-library'
 
 import { RadioGroup, RadioGroupOption, RadioGroupLabel, RadioGroupDescription } from './radio-group'

packages/@headlessui-vue/src/components/radio-group/radio-group.ts

@@ -90,7 +90,8 @@ export let RadioGroup = defineComponent({
 
     let value = computed(() => props.modelValue)
 
-    let api = {
+    // TODO: Fix type
+    let api: any = {
       options,
       value,
       disabled: computed(() => props.disabled),
@@ -133,7 +134,6 @@ export let RadioGroup = defineComponent({
       },
     }
 
-    // @ts-expect-error ...
     provide(RadioGroupContext, api)
 
     useTreeWalker({

packages/@headlessui-vue/src/components/switch/switch.test.tsx

@@ -1,5 +1,5 @@
-import { defineComponent, ref, watch, h, ComponentOptionsWithoutProps } from 'vue'
-import { createRenderTemplate, render } from '../../test-utils/vue-testing-library'
+import { defineComponent, ref, watch, h } from 'vue'
+import { createRenderTemplate } from '../../test-utils/vue-testing-library'
 
 import { Switch, SwitchLabel, SwitchDescription, SwitchGroup } from './switch'
 import {

packages/@headlessui-vue/src/components/tabs/tabs.test.ts

@@ -1,4 +1,4 @@
-import { ComponentOptionsWithoutProps, defineComponent, nextTick, ref } from 'vue'
+import { nextTick, ref } from 'vue'
 import { createRenderTemplate, render } from '../../test-utils/vue-testing-library'
 import { TabGroup, TabList, Tab, TabPanels, TabPanel } from './tabs'
 import { suppressConsoleLogs } from '../../test-utils/suppress-console-logs'

packages/@headlessui-vue/src/components/transitions/transition.test.ts

@@ -1,5 +1,5 @@
-import { defineComponent, ref, onMounted, ComponentOptionsWithoutProps } from 'vue'
-import { render, fireEvent, createRenderTemplate } from '../../test-utils/vue-testing-library'
+import { defineComponent, ref, onMounted } from 'vue'
+import { fireEvent, createRenderTemplate } from '../../test-utils/vue-testing-library'
 
 import { suppressConsoleLogs } from '../../test-utils/suppress-console-logs'
 import { TransitionRoot, TransitionChild } from './transition'

packages/@headlessui-vue/src/components/transitions/transition.ts

@@ -416,7 +416,15 @@ export let TransitionRoot = defineComponent({
     provide(TransitionContext, transitionBag)
 
     return () => {
-      let incomingProps = omit(props, ['show', 'appear', 'unmount'])
+      let incomingProps = omit(props, [
+        'show',
+        'appear',
+        'unmount',
+        'onBeforeEnter',
+        'onBeforeLeave',
+        'onAfterEnter',
+        'onAfterLeave',
+      ])
       let sharedProps = { unmount: props.unmount }
 
       return render({

packages/@headlessui-vue/src/utils/render.test.ts

@@ -1,5 +1,5 @@
-import { defineComponent, ComponentOptionsWithoutProps } from 'vue'
-import { createRenderTemplate, render as testRender } from '../test-utils/vue-testing-library'
+import { defineComponent } from 'vue'
+import { createRenderTemplate } from '../test-utils/vue-testing-library'
 
 import { render } from './render'
 import { html } from '../test-utils/html'