@softize/opus 18.0.0 → 18.0.1

package/CHANGELOG.md

@@ -7,6 +7,13 @@ Depois de qualquer bump, rode os gates (`typecheck` · `test` · `opus check` ·
 `opus copy --check` · `base copy check` · `manifest:check`) — eles apontam o que a
 mudança cobra do seu código.
 
+## 18.0.1 — 2026-09-13
+
+Controles somente com ícone que pertencem ao chrome da superfície, como voltar e fechar, usam o
+tamanho normal `icon`. O retorno cresce de 1.75rem para a área clicável padrão de 2.25rem; o close
+permanece nessa medida e ambos mantêm o glifo compacto. `icon-sm` fica reservado às composições
+densas, como paginação e toolbars.
+
 ## 18.0.0 — 2026-09-13
 
 ### Breaking

package/docs/adr/0010-page-header-owns-page-chrome.md

@@ -36,8 +36,8 @@ A variante altera somente a apresentação. Título, descrição, retorno e aç
 semanticamente à mesma página. Um header sem conteúdo útil não é materializado para reservar
 altura, e o header é ocultado durante os estados integrais do `PageState` — inversão da decisão
 original da ADR 0004, argumentada no adendo dela. Para acompanhar o ritmo
-compacto da barra, ações com texto usam `Button size="sm"` e ações somente com ícone usam
-`Button size="icon-sm"`.
+da barra, ações com texto usam `Button size="default"` e ações somente com ícone usam
+`Button size="icon"`.
 
 ## Consequências
 

package/docs/adr/0015-action-size-follows-interaction-density.md

@@ -24,7 +24,7 @@ risco.
 - ações operacionais em toolbar, header de seção ou coleção densa usam `sm`;
 - ações internas de linha, célula ou campo usam `xs` ou `icon-xs`;
 - ações somente com ícone que pertencem ao chrome da superfície, como voltar e fechar, usam
-  `icon-sm`;
+  `icon`;
 - `lg` fica reservado a chamadas que deliberadamente precisam de uma área de toque maior, não a
   uma ação primária comum.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softize/opus",
-  "version": "18.0.0",
+  "version": "18.0.1",
   "description": "End-to-end action protocol for TypeScript. Single package with subpath exports (core + adapters).",
   "license": "MIT",
   "type": "module",

package/registry/skills/build-opus-ui/references/ui-patterns.md

@@ -27,7 +27,7 @@
   O shell é o único responsável pela barra e projeta os slots de `PageHeader`; `PageIntro` permanece
   no conteúdo.
   Ações com texto na barra usam o tamanho `default`, como as ações de footer de Dialog e Drawer;
-  ações somente com ícone de chrome usam `icon-sm`. O tamanho `sm` fica para ações operacionais em
+  ações somente com ícone de chrome usam `icon`. O tamanho `sm` fica para ações operacionais em
   toolbar, seção ou coleção densa, e `xs`/`icon-xs` para ações internas de linha ou célula. Contexto
   e variante resolvem a hierarquia visual sem alterar essa medida. Em uma coleção, a ação de
   criar usa botão textual `default`, sem ícone, no extremo oposto do `ContentHeader`. Não monte

package/src/ui/components/patterns/page.tsx

@@ -639,7 +639,7 @@ export function PageBack({
     typeof children === "string" ? children : "a página anterior";
   const accessibleLabel = ariaLabel ?? `Voltar para ${destination}`;
   const back = (
-    <Button asChild variant="ghost" size="icon-sm">
+    <Button asChild variant="ghost" size="icon">
       <a
         data-slot="page-back"
         aria-label={accessibleLabel}

package/src/ui/components/patterns/presentation.tsx

@@ -629,7 +629,7 @@ export function Presentation({
     (invocation.surface === "page" || parentSurface !== "page");
   const navigation = !canGoBack ? undefined : (
     <Button
-      size="icon-sm"
+      size="icon"
       variant="ghost"
       disabled={surfaceBlocked}
       aria-label="Voltar"

package/src/ui/components/patterns/trigger.tsx

@@ -7,7 +7,7 @@
  * - Confirmação opcional via <Dialog> (compacto, não fecha no clique fora) antes de disparar.
  * - `icon` faz o botão virar icon-only com tooltip, no quadrado `icon-xs` (1.5rem) da escala:
  *   é a ação que mora NO item (linha, card). Uma composição que peça mais presença — a barra
- *   do `PageHeader`, por exemplo — declara `size="icon-sm"`. Absorveu o antigo DeleteButton,
+ *   do `PageHeader`, por exemplo — declara `size="icon"`. Absorveu o antigo DeleteButton,
  *   que era este componente com uma lixeira.
  * Emite `data-action="<action.name>"` na raiz (selector E2E).
  */

package/src/ui/docs/content/action-trigger.md

@@ -39,7 +39,7 @@ confirm: {
 
 Com `icon`, o botão exibe somente o ícone no quadrado `icon-xs` da escala (1.5rem, a ação que mora
 dentro de uma linha ou card) e usa `label`, ou `action.label`, no tooltip e no nome acessível. Uma
-composição que peça mais presença, como a barra do `PageHeader`, declara `size="icon-sm"`. O clique
+composição que peça mais presença, como a barra do `PageHeader`, declara `size="icon"`. O clique
 não aciona o item clicável ao redor. `itemLabel` identifica o registro na mensagem de confirmação.
 
 ```tsx
@@ -79,7 +79,7 @@ um atalho, um arrastar, um item de menu.
 | `action` | `SimpleContract<TInput, TData>` | | A SimpleAction do Opus — label, messages e confirm vêm do contrato. |
 | `input` | `TInput` | | O que a action recebe — geralmente { id }. |
 | `label` | `string` | `action.label` | Sobrepõe o texto do botão. |
-| `context / variant / size` | `do Button` | gatilho: `primary`/`solid`; `danger` quando a action é `destructive`; no modo ícone, `ghost` e `neutral` (ou `danger` se destrutiva) / `default` | Visual do gatilho; `context` explícito vence. O botão de confirmar é sempre `solid`: `danger` quando a action é `destructive`, senão a prop `context` do gatilho (ou `primary`). |
+| `context / variant / size` | `do Button` | gatilho: `primary`/`solid`; `danger` quando a action é `destructive`; no modo ícone, `ghost` e `neutral` (ou `danger` se destrutiva) / `icon-xs` | Visual do gatilho; `context` explícito vence. O botão de confirmar é sempre `solid`: `danger` quando a action é `destructive`, senão a prop `context` do gatilho (ou `primary`). |
 | `confirm` | `{ title, description?, actionLabel?, cancelLabel? }` | | Confirmação via prop — sobrepõe o ConfirmSpec do contrato. |
 | `onSuccess` | `(data: TData) => void` | | Pós-sucesso (cache já invalidado pelo action.invalidates). |
 | `icon` | `React.ReactNode` | | Torna o botão icon-only: rótulo no tooltip e no `aria-label`, clique que não vaza para o item. |

package/src/ui/docs/content/button.md

@@ -35,7 +35,7 @@ há texto visível. O glifo dentro do controle acompanha o tamanho (0.875rem em
 Escolha o tamanho pela região, não pela importância visual: `variant` e `context` resolvem a
 hierarquia da ação. Headers de Page e footers de Dialog/Drawer usam `default`; ações operacionais
 de seção, toolbar e coleção usam `sm`; ações dentro de linha ou célula usam `xs` ou `icon-xs`.
-Controles de chrome, como voltar e fechar, usam `icon-sm`. Assim a mesma decisão mantém a mesma
+Controles de chrome, como voltar e fechar, usam `icon`. Assim a mesma decisão mantém a mesma
 altura mesmo quando uma superfície troca uma ação secundária por uma primária.
 
 ```tsx preview