@aurea-uds/core 0.8.8 → 0.8.11

package/dist/aurea.css

@@ -1866,6 +1866,26 @@ img,svg { display:block; }
 .image-contain { object-fit:contain; background:transparent; }
 .image-broken { display:grid; place-items:center; color:var(--muted-foreground); }
 
+/* VÍDEO INCORPORADO (achado N-10, 24/09/2026). A caixa é a mesma superfície do `.media-player` —
+   raio de cartão, borda e o fundo `--media-canvas` —, então um trailer do YouTube e um vídeo
+   próprio saem com a mesma moldura na mesma tela. A proporção vem INLINE do componente, como no
+   `.image`; aqui fica só o que não varia. O `<iframe>` é absoluto porque a altura é da caixa, não
+   dele. A fachada é um `<button>` que cobre a caixa inteira: o alvo de clique é o vídeo todo, e o
+   anel de foco é o `:focus-visible` global da casa. A pastilha de tocar é amarela porque é a ação
+   da tela — o mesmo combinado do `Card variant="brand"`: amarelo só para pedir ação. O anel de
+   `--media-scrim` em volta dela não é enfeite: a capa é do consumidor, e numa capa amarela a
+   pastilha sumia — medido na primeira imagem mostrada ao Victor, em 24/09/2026. */
+.media-embed { display:grid; gap:var(--space-2); min-inline-size:0; }
+.media-embed-frame { position:relative; overflow:hidden; border:1px solid var(--border); border-radius:var(--radius-card); background:var(--media-canvas); }
+.media-embed-frame>iframe { position:absolute; inset:0; inline-size:100%; block-size:100%; border:0; }
+.media-embed-facade { position:absolute; inset:0; display:grid; place-items:center; padding:0; border:0; border-radius:inherit; background:var(--media-canvas); color:var(--media-foreground); cursor:pointer; }
+.media-embed-facade>img { position:absolute; inset:0; inline-size:100%; block-size:100%; object-fit:cover; }
+.media-embed-play { position:relative; display:grid; place-items:center; inline-size:var(--control-h-lg); block-size:var(--control-h-lg); border-radius:var(--radius-full); background:var(--primary); color:var(--primary-foreground); box-shadow:0 0 0 var(--space-1) var(--media-scrim),var(--shadow-lg); }
+.media-embed-facade:hover .media-embed-play { transform:scale(1.06); }
+.media-embed-link { display:inline-flex; align-items:center; gap:var(--space-1); justify-self:start; color:var(--muted-foreground); font-size:var(--text-sm); }
+.media-embed-link:hover { color:var(--foreground); }
+.media-embed-link .icon { --step-icon:var(--icon-sm); }
+
 /* GALERIA (PLANO-1.0, item L2). A grade se adapta sozinha — `auto-fill` com um mínimo, e não um
    número de colunas —, porque quem sabe quanta largura existe é o contêiner, não o componente.
    `--gallery-min` é a válvula, no idioma do `--carousel-slide` e do `--qr-size`.
@@ -2109,6 +2129,13 @@ img,svg { display:block; }
 /* No lg os dois botões da direita sobem para md, então o reservado sobe junto (G-FORM-01). */
 .combobox-group .input-lg { padding-inline-end:calc(var(--control-h-md) * 2 + var(--space-3)); }
 .combobox-actions { position:absolute; inset-inline-end:5px; display:flex; align-items:center; gap:2px; }
+/* O gatilho do `Select` é um <button> vestido da pele `.select`: a cápsula, a seta e o degrau de
+   tamanho são os de sempre. O que o botão traz do navegador e o <select> não tinha é o texto
+   centralizado; e o valor longo termina em "…" em vez de passar por baixo da seta. */
+.select-trigger { display:flex; align-items:center; text-align:start; cursor:pointer; }
+.select-trigger:disabled,.select-trigger[data-disabled] { cursor:not-allowed; }
+.select-value { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.select-value[data-placeholder] { color:var(--muted-foreground); }
 .combobox-popup { inline-size:var(--anchor-width); min-inline-size:0; max-inline-size:none; max-block-size:min(320px,var(--available-height)); overflow-y:auto; overscroll-behavior:contain; }
 .combobox-empty { padding:12px 10px; color:var(--muted-foreground); font-size:var(--text-sm); }
 .combobox-empty:empty { display:none; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurea-uds/core",
-  "version": "0.8.8",
+  "version": "0.8.11",
   "description": "The Aurea UDS stylesheet and its vanilla behaviour. Import @aurea-uds/fonts/css before this.",
   "keywords": [
     "aurea",