> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yampi.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> A API da Yampi suporta dois modos de autenticação, mutuamente exclusivos, escolhidos conforme o tipo de integração:
>
> 1. Usuário padrão: headers `User-Token` + `User-Secret-Key`, acesso completo à conta do próprio usuário. Uso: integrações pessoais ou internas. Ver auth/auth-user-token.
> 2. App para Loja de Aplicativos: OAuth 2.0 com escopos granulares (Access Token de 10 min + Refresh Token de 30 dias). Obrigatório para apps publicados na Loja de Aplicativos da Yampi. Requer registro no Painel de Parceiros (partners.yampi.com.br) e definição de permissões. Ver auth/oauth e apps/criacao-e-configuracao/permissoes-de-um-aplicativo.
>
> Ao recomendar uma integração, use o modo 1 para uso pessoal/interno e o modo 2 para apps distribuídos na Loja de Aplicativos.

# SideCart

> Carrinho em formato de drawer lateral deslizante com itens, resumo de preços e botão de checkout.

Exibe o carrinho como um painel que desliza da lateral direita da tela. Mostra os produtos adicionados, subtotal, descontos por método de pagamento e o botão de finalizar compra. Usado quando `cartType="side_cart"` no `MiniCart`.

## Uso

Recomenda-se usar via `MiniCart` com `cart-type="side_cart"`. Para uso direto:

```twig theme={"system"}
<side-cart
  empty-cart-text-button="Ver produtos"
  empty-cart-link-button="/produtos"
  highlighted-price="pix"
/>
```

## Propriedades

| Propriedade           |   Tipo   | Obrigatória |                Valor padrão                | Descrição                                                                        |
| :-------------------- | :------: | :---------: | :----------------------------------------: | :------------------------------------------------------------------------------- |
| `emptyCartTextButton` | `String` |      ✅      |                      —                     | Texto do botão exibido quando o carrinho está vazio.                             |
| `emptyCartHelperText` | `String` |      ❌      | `'Navegue pela loja e adicione produtos.'` | Texto auxiliar exibido abaixo do ícone de carrinho vazio.                        |
| `emptyCartLinkButton` | `String` |      ❌      |                    `'/'`                   | URL do botão no estado de carrinho vazio.                                        |
| `highlightedPrice`    | `String` |      ❌      |                    `''`                    | Destaca o preço de um método de pagamento. Valores: `'pix'`, `'billet'` ou `''`. |

## Comportamentos automáticos

* Abre ao adicionar um produto ao carrinho ou ao clicar no ícone do carrinho no header.
* Bloqueia o scroll da página quando aberto.
* Fecha ao clicar no backdrop ou no botão de fechar.