@aurea-uds/react 0.62.1 → 0.63.0

package/dist/graph.js

@@ -88,6 +88,9 @@ const ESCALA_MINIMA = 0.1;
 // do texto comum, e é ele que entra. Mais os 2 × 4px do fundo do rótulo (padrão do motor) e uma
 // folga de 16px de cada lado para a linha aparecer antes e depois dele. Nunca encolhe abaixo de
 // `VAO_X`: grafo sem rótulo sai idêntico ao de antes.
+// ⚠ A MEDIDA É DA FONTE DE ANTES (anotado em 09/11/2026): a IBM Plex Sans saiu na 0.13.0, e a fonte do texto é a
+// Inter desde a 0.39.0 (ADR-0077). O 0,6 não foi medido de novo com ela — trocar o número muda o arranjo do mapa,
+// e isso é mudança de aparência, com imagem antes.
 const FONTE_DO_ROTULO = 13, GLIFO_DO_ROTULO = 0.6, FUNDO_X = 8, FOLGA_X = 32;
 const vaoEntreColunas = (edges) => Math.max(VAO_X, ...edges.map(e => e.label ? Math.ceil(e.label.length * FONTE_DO_ROTULO * GLIFO_DO_ROTULO) + FUNDO_X + FOLGA_X : 0));
 const medidasDoNo = (texto) => texto === "lg"

package/dist/inputs-client.d.ts

@@ -316,7 +316,7 @@ export declare function OTPField({ length, value, defaultValue, onValueChange, m
     variant?: "primary" | "secondary";
 }): React.JSX.Element;
 export type SegmentedControlSelectedStyle = "current" | "neutral" | "contrast" | "brand" | "ring" | "dot" | "emphasis";
-export declare function SegmentedControl({ items, value, onChange, label, fullWidth, size, selectedStyle, wrap, orientation }: {
+export declare function SegmentedControl({ items, value, onChange, label, fullWidth, size, selectedStyle, wrap, orientation, className }: {
     items: Array<{
         value: string;
         label: ReactNode;
@@ -331,6 +331,7 @@ export declare function SegmentedControl({ items, value, onChange, label, fullWi
     selectedStyle?: SegmentedControlSelectedStyle;
     wrap?: boolean;
     orientation?: "horizontal" | "vertical";
+    className?: string;
 }): React.JSX.Element;
 export interface ComboboxOption {
     value: string;

package/dist/inputs-client.js

@@ -732,13 +732,13 @@ export function OTPField({ length, value, defaultValue, onValueChange, mask, dis
 }
 // O SITE B (aprovado pela bancada em 01/11/2026, os itens 3 e 8): `items[].icon` (o escolhido troca sozinho para a forma
 // cheia), `size="2xl"` (segmento de 48), `wrap` (quebra linha, o trilho com canto 22) e `orientation="vertical"` (em pé).
-export function SegmentedControl({ items, value, onChange, label, fullWidth, size = "md", selectedStyle, wrap, orientation = "horizontal" }) {
+export function SegmentedControl({ items, value, onChange, label, fullWidth, size = "md", selectedStyle, wrap, orientation = "horizontal", className }) {
     const s = useAureaStrings();
     // S-04 (05/11/2026): o escolhido DESLIZA de um segmento ao outro, em vez de pular (`useDeslize`, no `internal`). Só na
     // escolha: com `href` a troca é de página, e a página nova já nasce com o escolhido no lugar.
     const fila = React.useRef(null);
     useDeslize(fila, ".active", value);
-    const classe = cx("segmented", fullWidth && "segmented-full", size === "sm" && "segmented-sm", size === "lg" && "segmented-lg", size === "xl" && "segmented-xl", size === "2xl" && "segmented-2xl", wrap && orientation !== "vertical" && "segmented-wrap", orientation === "vertical" && "segmented-vertical");
+    const classe = cx("segmented", fullWidth && "segmented-full", size === "sm" && "segmented-sm", size === "lg" && "segmented-lg", size === "xl" && "segmented-xl", size === "2xl" && "segmented-2xl", wrap && orientation !== "vertical" && "segmented-wrap", orientation === "vertical" && "segmented-vertical", className);
     const miolo = (i) => i.icon ? _jsxs(_Fragment, { children: [_jsx(Icon, { name: i.icon, weight: i.value === value ? "fill" : "regular" }), i.label] }) : i.label;
     if (items.length > 0 && items.every(i => i.href != null))
         return _jsx("nav", { className: classe, "data-segment-style": selectedStyle, "aria-label": label ?? s.optionsLabel, children: items.map(i => _jsx("a", { href: i.href, className: i.value === value ? "active" : undefined, "aria-current": i.value === value ? "page" : undefined, children: miolo(i) }, i.value)) });

package/dist/markup.d.ts

@@ -465,10 +465,12 @@ export declare function AspectRatio({ ratio, className, style, ...props }: HTMLA
 export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, RefAttributes<HTMLAnchorElement> {
     /** Abre noutra aba e mostra a seta. */
     external?: boolean;
+    /** O aviso que o leitor de tela ouve num link `external`. Padrão: "(opens in a new tab)". */
+    externalLabel?: string;
     /** Não navega: sai sem `href` e com `aria-disabled`. */
     disabled?: boolean;
 }
-export declare function Link({ external, disabled, href, target, rel, className, children, ...props }: LinkProps): React.JSX.Element;
+export declare function Link({ external, externalLabel, disabled, href, target, rel, className, children, ...props }: LinkProps): React.JSX.Element;
 export type ColorSwatchSize = "xs" | "sm" | "md" | "lg" | "xl";
 export interface ColorSwatchProps extends HTMLAttributes<HTMLSpanElement>, RefAttributes<HTMLSpanElement> {
     /** Qualquer cor do CSS: `#f0c200`, `oklch(…)`, `var(--primary)`. */

package/dist/markup.js

@@ -311,8 +311,9 @@ export function InputGroupAddon({ side = "start", layout = "inline", className,
 // escreve o `padding-top: 56.25%` de 2015, ou esquece o `min-width: 0` que impede a caixa de
 // estourar dentro de um grid.
 export function AspectRatio({ ratio = 1, className, style, ...props }) { return _jsx("div", { className: cx("aspect-ratio", className), style: { aspectRatio: ratio, ...style }, ...props }); }
-export function Link({ external, disabled, href, target, rel, className, children, ...props }) {
-    return _jsxs("a", { className: cx("link", className), href: disabled ? undefined : href, "aria-disabled": disabled || undefined, target: external ? target ?? "_blank" : target, rel: external ? rel ?? "noopener noreferrer" : rel, ...props, children: [children, external && _jsx("span", { className: "link-external", "aria-hidden": "true" })] });
+const AVISO_DE_NOVA_ABA = "(opens in a new tab)";
+export function Link({ external, externalLabel, disabled, href, target, rel, className, children, ...props }) {
+    return _jsxs("a", { className: cx("link", className), href: disabled ? undefined : href, "aria-disabled": disabled || undefined, target: external ? target ?? "_blank" : target, rel: external ? rel ?? "noopener noreferrer" : rel, ...props, children: [children, external && _jsx("span", { className: "link-external", "aria-hidden": "true" }), external && _jsx("span", { className: "sr-only", children: " " + (externalLabel ?? AVISO_DE_NOVA_ABA) })] });
 }
 // Transparente quando o texto diz alfa abaixo de 1 (hex de 4 ou 8 dígitos, `rgba()`, `hsla()`…). Cor de token ou
 // `oklch()` a marcação não lê: fica sem xadrez.

package/dist/system.js

@@ -60,7 +60,12 @@ export function AureaProvider({ children, strings, direction = "ltr", spriteUrl
     // GAR-14: os avisos presos a um botão vivem num gerenciador do MÓDULO (ver `avisosAncorados`), então
     // só o provedor de FORA monta o hospedeiro deles — com dois, cada aviso apareceria duas vezes.
     const deFora = !React.useContext(DentroDoProviderContext);
-    return _jsx(DentroDoProviderContext.Provider, { value: true, children: _jsx(StringsContext.Provider, { value: value, children: _jsx(SpriteContext.Provider, { value: spriteUrl, children: _jsx(PortalContext.Provider, { value: portalContainer, children: _jsx(ThemeContext.Provider, { value: tema, children: _jsx(DensityContext.Provider, { value: dens, children: _jsx(DirectionProvider, { direction: direction, children: _jsx(BaseToast.Provider, { timeout: TEMPO_DO_AVISO, children: _jsxs(BaseTooltip.Provider, { children: [children, _jsx(AureaToastViewport, { placement: toastPlacement }), deFora && _jsx(BaseToast.Provider, { toastManager: avisosAncorados, children: _jsx(AvisosAncorados, {}) })] }) }) }) }) }) }) }) }) });
+    // 2-C (a), 0.63.0: a REGIÃO DE AVISOS também é só do provedor de fora. Com um provedor dentro de outro, cada um montava
+    // a sua — duas regiões "Notifications" na página (o `landmark-unique` do axe). O de dentro não abre gerenciador nem
+    // região: o `useToast()` dele cai no gerenciador de fora, e o aviso aparece na pilha de fora (o `toastPlacement` do de
+    // dentro não vale).
+    const miolo = _jsxs(BaseTooltip.Provider, { children: [children, deFora && _jsx(AureaToastViewport, { placement: toastPlacement }), deFora && _jsx(BaseToast.Provider, { toastManager: avisosAncorados, children: _jsx(AvisosAncorados, {}) })] });
+    return _jsx(DentroDoProviderContext.Provider, { value: true, children: _jsx(StringsContext.Provider, { value: value, children: _jsx(SpriteContext.Provider, { value: spriteUrl, children: _jsx(PortalContext.Provider, { value: portalContainer, children: _jsx(ThemeContext.Provider, { value: tema, children: _jsx(DensityContext.Provider, { value: dens, children: _jsx(DirectionProvider, { direction: direction, children: deFora ? _jsx(BaseToast.Provider, { timeout: TEMPO_DO_AVISO, children: miolo }) : miolo }) }) }) }) }) }) });
 }
 // O esquema do sistema, para a preferência `"system"`. Sem `matchMedia` (servidor, jsdom), claro.
 const ESQUEMA_ESCURO = "(prefers-color-scheme: dark)";

package/package.json

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