@saas-ui/theme/src/base/components/hotkeys.ts

Saas UI theme package

import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system'
import { hotkeysAnantomy } from '../../anatomy'
const { definePartsStyle, defineMultiStyleConfig } =
  createMultiStyleConfigHelpers(hotkeysAnantomy.keys)

export const hotkeysTheme = defineMultiStyleConfig({
  baseStyle: {
    container: {
      fontSize: 'md',
    },
    group: {
      my: 2,
      py: 2,
    },
    groupTitle: { py: 2, fontWeight: 'semibold', fontSize: 'sm' },
    item: {
      display: 'flex',
      alignItems: 'center',
      textAlign: 'start',
      flex: '0 0 auto',
      py: 2,
    },
    then: {
      mr: 1,
      fontSize: 'sm',
      color: 'muted',
    },
  },
})