@pandacss/studio/src/lib/use-theme-tokens.ts

The automated token documentation for Panda CSS

import { useMemo } from 'react'
import { useStore } from '@nanostores/react'
import type { TokenDataTypes } from '@pandacss/types'
import * as context from './panda-context'
import { currentThemeStore } from './theme-store'

export const useThemeTokens = (category: keyof TokenDataTypes) => {
  const theme = useStore(currentThemeStore)

  const tokens = useMemo(() => {
    return context.getThemeRelevantTokens(category, theme)
  }, [category, theme])

  return tokens
}