@aurea-uds/react 0.59.0 → 0.61.0

package/dist/code-editor.js

@@ -38,7 +38,7 @@ import { cx, useAureaStrings } from "./internal.js";
 // CodeEditor (e o CodeMirror) somem quando não usados. Split por subpath = decisão do Victor.
 export const aureaEditorTheme = /*@__PURE__*/ EditorView.theme({
     "&": { backgroundColor: "var(--surface-inset)", color: "var(--foreground)", border: "var(--border-width) solid transparent", borderRadius: "var(--radius-lg)", fontSize: "var(--text-xs)" },
-    "&.cm-focused": { outline: "2px solid var(--focus-strong)", outlineOffset: "-2px" },
+    "&.cm-focused": { outline: "var(--focus-width) solid var(--focus-strong)", outlineOffset: "calc(-1 * var(--focus-width))" },
     ".cm-scroller": { fontFamily: "var(--font-code)", lineHeight: "var(--leading-relaxed)", borderRadius: "inherit" },
     ".cm-content": { caretColor: "var(--foreground)", padding: "var(--space-2) 0" },
     ".cm-line": { padding: "0 var(--space-3)" },

package/dist/layout-client.js

@@ -112,9 +112,9 @@ function useGavetaFechaNoDesktop(docs = false) {
             }
             catch { /* motor sem popover */ }
         };
-        const pares = [[window.matchMedia(`(min-width: ${docs ? ESCALA.md : ESCALA.lg}px)`), fechar(SHELL_NAV_ID)]];
+        const pares = [[window.matchMedia(`(min-width: ${(docs ? ESCALA.md : ESCALA.lg) / 16}em)`), fechar(SHELL_NAV_ID)]];
         if (docs)
-            pares.push([window.matchMedia(`(min-width: ${ESCALA.xl}px)`), fechar(SHELL_TOC_ID)]);
+            pares.push([window.matchMedia(`(min-width: ${ESCALA.xl / 16}em)`), fechar(SHELL_TOC_ID)]);
         for (const [mq, f] of pares)
             mq.addEventListener?.("change", f);
         return () => { for (const [mq, f] of pares)
@@ -142,7 +142,9 @@ function useGavetaFechaNoDesktop(docs = false) {
 //
 // Tudo LIGADO por `sidebarCollapsible`: sem ele o shell é o de antes, e quem já usa
 // `sidebarCollapsed` com o próprio botão não ganha um segundo.
-const MEDIA_MEDIA = `(min-width: ${ESCALA.lg}px) and (max-width: ${ESCALA.xl - 1}px)`;
+// Em `em`, como o CSS (06/11/2026, o texto a 200%): `em` numa consulta de mídia é a fonte que a pessoa escolheu no
+// navegador — com a fonte em dobro, a tela "encolhe" para a metade, e o JS tem de concordar com o CSS.
+const MEDIA_MEDIA = `(min-width: ${ESCALA.lg / 16}em) and (max-width: ${(ESCALA.xl - 1) / 16}em)`;
 const MEDIA_ESTREITA = `(max-width: ${ESCALA.lg - 1}px)`;
 // A largura pela API do navegador, e não por `resize`: o `useSyncExternalStore` dá a resposta certa
 // já no primeiro desenho do lado do cliente, e no servidor (sem janela) diz "não" — a folha cuida da

package/dist/markup.js

@@ -219,7 +219,9 @@ export function MediaPlayerShell({ children, className, ...props }) { return _js
 // O item da barra e o do painel são o MESMO elemento com a mesma pele: o atual é o atual nos dois.
 function linksDoHeader(items, current) {
     return _jsx("ul", { className: "topbar-links", children: items.map(it => {
-            const p = { className: "topbar-link", "aria-current": it.id === current ? "page" : undefined, children: it.label };
+            // O `onClick` do item vale aqui também (06/11/2026): a `Sidebar` o liga e o `Header` o jogava fora — o mesmo `SidebarItem`
+            // fazia coisas diferentes nas duas peças. Não é hook: é a prop do `<a>`, que a marcação pura pode passar.
+            const p = { className: "topbar-link", "aria-current": it.id === current ? "page" : undefined, onClick: it.onClick, children: it.label };
             return _jsx("li", { children: it.render ? fundirRender(it.render, p, "a") : _jsx("a", { href: it.href, ...p }) }, it.id);
         }) });
 }

package/dist/responsivo-runtime.js

@@ -58,7 +58,8 @@ export function ContainerScope({ children, className, ...props }) {
 const temMatchMedia = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
 const mqls = new Map();
 const mql = (px) => {
-    const q = `(min-width:${px}px)`;
+    // em `em`, como o CSS gerado (06/11/2026): a fonte que a pessoa escolheu no navegador entra na conta
+    const q = `(min-width:${px / 16}em)`;
     let m = mqls.get(q);
     if (!m) {
         m = window.matchMedia(q);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurea-uds/react",
-  "version": "0.59.0",
+  "version": "0.61.0",
   "description": "Os componentes React da Aurea UDS. Importe @aurea-uds/fonts/css e @aurea-uds/core/css junto.",
   "keywords": [
     "aurea",