fix(types): take user app config into account

Fixes #858

src/runtime/types/avatar.d.ts

@@ -1,7 +1,8 @@
 import { avatar } from '../ui.config'
 import colors from '#ui-colors'
+import type { AppConfig } from 'nuxt/schema'
 
-export type AvatarSize = keyof typeof avatar.size
+export type AvatarSize = keyof typeof avatar.size | keyof AppConfig['ui']['avatar']['size']
 export type AvatarChipColor = 'gray' | typeof colors[number]
 export type AvatarChipPosition = keyof typeof avatar.chip.position
 

src/runtime/types/badge.d.ts

@@ -1,10 +1,11 @@
 import { badge } from '../ui.config'
 import type { NestedKeyOf } from '.'
 import colors from '#ui-colors'
+import type { AppConfig } from 'nuxt/schema'
 
-export type BadgeSize = keyof typeof badge.size
-export type BadgeColor = keyof typeof badge.color | typeof colors[number]
-export type BadgeVariant = keyof typeof badge.variant | NestedKeyOf<typeof badge.color>
+export type BadgeSize = keyof typeof badge.size | keyof AppConfig['ui']['badge']['size']
+export type BadgeColor = keyof typeof badge.color | keyof AppConfig['ui']['badge']['color'] | typeof colors[number]
+export type BadgeVariant = keyof typeof badge.variant | keyof AppConfig['ui']['badge']['variant'] | NestedKeyOf<typeof badge.color> | NestedKeyOf<AppConfig['ui']['badge']['color']>
 
 export interface Badge {
   label?: string

src/runtime/types/button.d.ts

@@ -2,10 +2,11 @@ import type { Link } from './link'
 import { button } from '../ui.config'
 import type { NestedKeyOf } from '.'
 import colors from '#ui-colors'
+import type { AppConfig } from 'nuxt/schema'
 
-export type ButtonSize = keyof typeof button.size
-export type ButtonColor = keyof typeof button.color | typeof colors[number]
-export type ButtonVariant = keyof typeof button.variant | NestedKeyOf<typeof button.color>
+export type ButtonSize = keyof typeof button.size | keyof AppConfig['ui']['button']['size']
+export type ButtonColor = keyof typeof button.color | keyof AppConfig['ui']['button']['color'] | typeof colors[number]
+export type ButtonVariant = keyof typeof button.variant | keyof AppConfig['ui']['button']['variant'] | NestedKeyOf<typeof button.color> | NestedKeyOf<AppConfig['ui']['button']['color']>
 
 export interface Button extends Link {
   type?: string

src/runtime/types/form.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 
 export interface FormError<T extends string = string> {
   path: T