@almadar/ui 6.51.2 → 6.52.0

package/dist/components/index.d.ts

@@ -1,26 +1,26 @@
+import { A11yProps, Asset, EventKey, EventPayload, EventEmit, AssetUrl, FieldValue, EntityRow, EntityRole, AnimationName, SpriteDirection, AnimationDef, ScenePos, Camera, SoundEntry, EntityWith, TraitConfigValue, EventListen, JsonValue, AssetCatalog, SExpr as SExpr$1, JsonObject, EventPayloadValue, DeclaredTraitConfig, TraitConfig, ControlValue, OrbitalSchema, Trait, OrbitalEntity, FormSubmitPayload, UISlot, EnterAnimation, EditFocus, TraceSubagent, TraceActivity, TraceChatMessage } from '@almadar/core';
+export { AnimationDef, AnimationName, AudioManifest, BusEvent, BusEventListener, BusEventSource, BusEventListener as EventListener, SoundEntry, SpriteDirection, UISlot, Unsubscribe } from '@almadar/core';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ErrorInfo } from 'react';
-import { Asset, EventKey, EventPayload, EventEmit, AssetUrl, FieldValue, EntityRow, EntityRole, AnimationName, SpriteDirection, AnimationDef, ScenePos, Camera, SoundEntry, EntityWith, TraitConfigValue, EventListen, JsonValue, AssetCatalog, SExpr as SExpr$1, JsonObject, EventPayloadValue, DeclaredTraitConfig, TraitConfig, ControlValue, OrbitalSchema, Trait, OrbitalEntity, FormSubmitPayload, UISlot, EditFocus, TraceSubagent, TraceActivity, TraceChatMessage } from '@almadar/core';
-export { AnimationDef, AnimationName, AudioManifest, BusEvent, BusEventListener, BusEventSource, BusEventListener as EventListener, SoundEntry, SpriteDirection, UISlot, Unsubscribe } from '@almadar/core';
-import { I as IconInput, U as UiError, D as DrawableNode, P as Projector, F as FxOverlayItem, B as BadgeColor, M as MeshShapeKind, a as MeshMaterial, b as DrawGroupProps, c as DrawTextProps, d as DrawMeshProps, e as DisplayField, f as BadgeVariant, C as ColorToken, g as DisplayFieldFormat } from '../paintDispatch-CMgOyVjS.js';
-export { h as Badge, i as BadgeProps, j as FxOverlayKind, k as Icon, l as IconAnimation, m as IconProps, n as IconSize, o as ImageSource, L as LinkAction, p as Point, R as Rect } from '../paintDispatch-CMgOyVjS.js';
+import { I as IconInput, U as UiError, D as DrawableNode, P as Projector, F as FxOverlayItem, B as BadgeColor, M as MeshShapeKind, a as MeshMaterial, b as DrawGroupProps, c as DrawTextProps, d as DrawMeshProps, e as DisplayField, f as BadgeVariant, C as ColorToken, g as DisplayFieldFormat } from '../paintDispatch-DHo3WhaU.js';
+export { h as Badge, i as BadgeProps, j as FxOverlayKind, k as Icon, l as IconAnimation, m as IconProps, n as IconSize, o as ImageSource, L as LinkAction, p as Point, R as Rect } from '../paintDispatch-DHo3WhaU.js';
 import { SExpr } from '@almadar/evaluator';
-import { U as UnitAnimationState, F as FacingDirection, S as SpriteSheetUrls, f as SpriteFrameDims, R as ResolvedFrame, g as CanvasLighting, h as CanvasPost, a as IsometricUnit, i as CameraState } from '../Canvas3DHost-CLC_jXh_.js';
-export { B as BoardTile, G as GameAction, j as GamePhase, k as GameState, l as GameUnit, b as IsometricFeature, I as IsometricTile, P as Position, m as UnitTrait, n as calculateAttackTargets, o as calculateValidMoves, p as createInitialGameState } from '../Canvas3DHost-CLC_jXh_.js';
-export { G as GameAudioContext, a as GameAudioContextValue, e as GameAudioControls, b as GameAudioProvider, c as GameAudioProviderProps, U as UseGameAudioOptions, f as useGameAudio, u as useGameAudioContext } from '../GameAudioProvider-BgWLggIy.js';
-import { c as AvlStateMachineProps } from '../FileTree-RKQqRhIM.js';
-export { B as BehaviorView, d as BehaviorViewProps, e as FileTree, F as FileTreeItem, f as FileTreeNode, g as FileTreeProps, M as ModuleCard, h as ModuleCardProps } from '../FileTree-RKQqRhIM.js';
+import { U as UnitAnimationState, F as FacingDirection, S as SpriteSheetUrls, f as SpriteFrameDims, R as ResolvedFrame, g as CanvasLighting, h as CanvasPost, a as IsometricUnit, i as CameraState } from '../Canvas3DHost-CWO0tswb.js';
+export { B as BoardTile, G as GameAction, j as GamePhase, k as GameState, l as GameUnit, b as IsometricFeature, I as IsometricTile, P as Position, m as UnitTrait, n as calculateAttackTargets, o as calculateValidMoves, p as createInitialGameState } from '../Canvas3DHost-CWO0tswb.js';
+export { G as GameAudioContext, a as GameAudioContextValue, e as GameAudioControls, b as GameAudioProvider, c as GameAudioProviderProps, U as UseGameAudioOptions, f as useGameAudio, u as useGameAudioContext } from '../GameAudioProvider-_hPzjqp-.js';
+import { c as AvlStateMachineProps } from '../FileTree-DUi7e7Z8.js';
+export { B as BehaviorView, d as BehaviorViewProps, e as FileTree, F as FileTreeItem, f as FileTreeNode, g as FileTreeProps, M as ModuleCard, h as ModuleCardProps } from '../FileTree-DUi7e7Z8.js';
 import { LucideIcon } from 'lucide-react';
-import { c as EditorMotion, d as EditorOperator, C as ContentSegment, L as LessonSegment, l as InteractiveOrbitalType } from '../cn-CO-0rolG.js';
-export { B as BloomLevel, n as BloomQuizBlock, o as BloomQuizBlockProps, M as MixedSegment, g as cn, j as parseLessonSegments, q as parseMarkdownWithCodeBlocks } from '../cn-CO-0rolG.js';
+import { c as EditorMotion, d as EditorOperator, C as ContentSegment, L as LessonSegment, l as InteractiveOrbitalType } from '../cn-ClXGlIOY.js';
+export { B as BloomLevel, n as BloomQuizBlock, o as BloomQuizBlockProps, M as MixedSegment, g as cn, j as parseLessonSegments, q as parseMarkdownWithCodeBlocks } from '../cn-ClXGlIOY.js';
 import { LanguageCode } from '@almadar/core/i18n';
 import { EmojiPickPayload, ItemActionPayload, SelectionChangePayload } from '@almadar/core/patterns';
 import { T as TraitLevelData } from '../avl-schema-parser-C0wnAp5x.js';
-import { b as SlotContent, d as SlotPropValue } from '../useUISlots-CwUWM1ra.js';
-export { D as DEFAULT_SLOTS, S as SlotAnimation, a as SlotChangeCallback, c as SlotRenderConfig, U as UISlotManager, u as useUISlotManager } from '../useUISlots-CwUWM1ra.js';
-import '../verificationRegistry-DBHfOR9y.js';
-export { ALMADAR_DND_MIME, AuthContextValue, AuthUser, CanvasGestureCallbacks, CanvasGestureHandlers, CompileResult, CompileStage, DragReorderResult, DraggablePayload, Extension, ExtensionManifest, FileSystemFile, FileSystemStatus, GitHubRepo, GitHubStatus, I18nContextValue, I18nProvider, InfiniteScrollOptions, InfiniteScrollResult, LongPressHandlers, LongPressOptions, OpenFile, Positioned, PullToRefreshOptions, PullToRefreshResult, QuerySingletonEntity, QuerySingletonResult, QuerySingletonState, QueryState, RenderInterpolationHandle, RenderInterpolationOptions, SelectedFile, SharedEntityStore, SharedEntityStoreContext, SharedEntitySubscriber, SharedEntityWriter, SwipeGestureOptions, SwipeGestureResult, SwipeHandlers, TapRevealOptions, TapRevealResult, TraitListenSpec, TranslateFunction, UseCanvasGesturesOptions, UseCompileResult, UseDraggableOptions, UseDraggableResult, UseDropZoneOptions, UseDropZoneResult, UseExtensionsOptions, UseExtensionsResult, UseFileEditorOptions, UseFileEditorResult, UseFileSystemResult, createSharedEntityStore, createTranslate, parseQueryBinding, runTickFrame, useAgentChat, useAuthContext, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useFormatContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInfiniteScroll, useLongPress, useMediaQuery, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate, useUIEvents, useValidation } from '../hooks/index.js';
-export { E as EventBusContextType, a as NavStackApi, u as useNavStack } from '../NavStackContext-B-XLULCO.js';
+import { a as SlotContent, c as SlotPropValue } from '../useUISlots-1dk2TR4j.js';
+export { D as DEFAULT_SLOTS, S as SlotChangeCallback, b as SlotRenderConfig, U as UISlotManager, u as useUISlotManager } from '../useUISlots-1dk2TR4j.js';
+import '../verificationRegistry-BYD3cVhS.js';
+export { ALMADAR_DND_MIME, AuthContextValue, AuthUser, CanvasGestureCallbacks, CanvasGestureHandlers, CompileResult, CompileStage, DragReorderResult, DraggablePayload, Extension, ExtensionManifest, FileSystemFile, FileSystemStatus, GitHubRepo, GitHubStatus, I18nContextValue, I18nProvider, InfiniteScrollOptions, InfiniteScrollResult, LongPressHandlers, LongPressOptions, OpenFile, Positioned, PullToRefreshOptions, PullToRefreshResult, QuerySingletonEntity, QuerySingletonResult, QuerySingletonState, QueryState, RenderInterpolationHandle, RenderInterpolationOptions, SelectedFile, SharedEntityStore, SharedEntityStoreContext, SharedEntitySubscriber, SharedEntityWriter, SwipeGestureOptions, SwipeGestureResult, SwipeHandlers, TapRevealOptions, TapRevealResult, TraitListenSpec, TranslateFunction, UseCanvasGesturesOptions, UseCompileResult, UseDraggableOptions, UseDraggableResult, UseDropZoneOptions, UseDropZoneResult, UseExtensionsOptions, UseExtensionsResult, UseFileEditorOptions, UseFileEditorResult, UseFileSystemResult, createSharedEntityStore, createTranslate, parseQueryBinding, runTickFrame, useAgentChat, useAuthContext, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useFormatContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInfiniteScroll, useLongPress, useMediaQuery, usePrefersReducedMotion, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate, useUIEvents, useValidation } from '../hooks/index.js';
+export { E as EventBusContextType, a as NavStackApi, u as useNavStack } from '../NavStackContext-04NLdXsY.js';
 export { E as EditorKeyEvent, a as KeyCaptureEntry, K as KeyCaptureTable, U as UseKeyboardRouterOptions, k as keyChord, m as mergeCaptureTables, u as useKeyboardRouter } from '../useKeyboardRouter-BW3rThep.js';
 export { S as SlotHostManifest, a as SlotHostRegion, b as assertUniqueSlotsPerHost } from '../slot-host-Czc2JAxo.js';
 import 'three';
@@ -30,7 +30,7 @@ import '@almadar/runtime';
 import '../format-Czimj421.js';
 import '@tanstack/react-query';
 
-interface SvgBranchProps {
+interface SvgBranchProps extends A11yProps {
     x?: number;
     y?: number;
     variant?: 'fork' | 'merge' | 'diamond';
@@ -46,7 +46,7 @@ interface SvgBranchProps {
 }
 declare const SvgBranch: React__default.FC<SvgBranchProps>;
 
-interface SvgConnectionProps {
+interface SvgConnectionProps extends A11yProps {
     x1?: number;
     y1?: number;
     x2?: number;
@@ -63,7 +63,7 @@ interface SvgConnectionProps {
 }
 declare const SvgConnection: React__default.FC<SvgConnectionProps>;
 
-interface SvgFlowProps {
+interface SvgFlowProps extends A11yProps {
     points?: Array<[number, number]>;
     color?: string;
     strokeWidth?: number;
@@ -77,7 +77,7 @@ interface SvgFlowProps {
 }
 declare const SvgFlow: React__default.FC<SvgFlowProps>;
 
-interface SvgGridProps {
+interface SvgGridProps extends A11yProps {
     x?: number;
     y?: number;
     cols?: number;
@@ -95,7 +95,7 @@ interface SvgGridProps {
 }
 declare const SvgGrid: React__default.FC<SvgGridProps>;
 
-interface SvgLobeProps {
+interface SvgLobeProps extends A11yProps {
     cx?: number;
     cy?: number;
     rx?: number;
@@ -112,7 +112,7 @@ interface SvgLobeProps {
 }
 declare const SvgLobe: React__default.FC<SvgLobeProps>;
 
-interface SvgMeshProps {
+interface SvgMeshProps extends A11yProps {
     cx?: number;
     cy?: number;
     nodes?: number;
@@ -128,7 +128,7 @@ interface SvgMeshProps {
 }
 declare const SvgMesh: React__default.FC<SvgMeshProps>;
 
-interface SvgMorphProps {
+interface SvgMorphProps extends A11yProps {
     x?: number;
     y?: number;
     size?: number;
@@ -143,7 +143,7 @@ interface SvgMorphProps {
 }
 declare const SvgMorph: React__default.FC<SvgMorphProps>;
 
-interface SvgNodeProps {
+interface SvgNodeProps extends A11yProps {
     x?: number;
     y?: number;
     r?: number;
@@ -159,7 +159,7 @@ interface SvgNodeProps {
 }
 declare const SvgNode: React__default.FC<SvgNodeProps>;
 
-interface SvgPulseProps {
+interface SvgPulseProps extends A11yProps {
     cx?: number;
     cy?: number;
     rings?: number;
@@ -175,7 +175,7 @@ interface SvgPulseProps {
 }
 declare const SvgPulse: React__default.FC<SvgPulseProps>;
 
-interface SvgRingProps {
+interface SvgRingProps extends A11yProps {
     cx?: number;
     cy?: number;
     r?: number;
@@ -192,7 +192,7 @@ interface SvgRingProps {
 }
 declare const SvgRing: React__default.FC<SvgRingProps>;
 
-interface SvgShieldProps {
+interface SvgShieldProps extends A11yProps {
     x?: number;
     y?: number;
     size?: number;
@@ -207,7 +207,7 @@ interface SvgShieldProps {
 }
 declare const SvgShield: React__default.FC<SvgShieldProps>;
 
-interface SvgStackProps {
+interface SvgStackProps extends A11yProps {
     x?: number;
     y?: number;
     layers?: number;
@@ -226,7 +226,8 @@ declare const SvgStack: React__default.FC<SvgStackProps>;
 
 type ButtonVariant = "primary" | "secondary" | "ghost" | "danger" | "success" | "warning" | "default" | "link";
 type ButtonSize = "sm" | "md" | "lg";
-interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+/** @accessibleName label */
+interface ButtonProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     variant?: ButtonVariant;
@@ -266,7 +267,8 @@ interface SelectOption$1 {
     value: string;
     label: string;
 }
-interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
+/** @accessibleName label */
+interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "onChange" | Exclude<keyof A11yProps, "role" | "dir">>, Omit<A11yProps, "role" | "dir"> {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     /** Placeholder text */
@@ -313,21 +315,24 @@ interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputEl
 }
 declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>>;
 
-interface LabelProps extends React__default.LabelHTMLAttributes<HTMLLabelElement> {
+interface LabelProps extends Omit<React__default.LabelHTMLAttributes<HTMLLabelElement>, keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     /** Label text content */
     text?: string;
     /** Associated input element ID */
     htmlFor?: string;
-    /** Show required indicator */
+    /** Show required indicator (decorative; the field itself carries aria-required) */
     required?: boolean;
 }
 declare const Label: React__default.ForwardRefExoticComponent<LabelProps & React__default.RefAttributes<HTMLLabelElement>>;
 
-interface TextareaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
+/** @accessibleName label */
+interface TextareaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
+    /** Visible label naming the field. */
+    label?: string;
     /** Placeholder text */
     placeholder?: string;
     /** Number of visible rows */
@@ -336,6 +341,8 @@ interface TextareaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLT
     action?: EventEmit<{
         value: string;
     }>;
+    /** Helper text describing the field. */
+    helperText?: string;
     /** Error message */
     error?: string;
     /** onChange handler or declarative event key for trait dispatch */
@@ -360,9 +367,12 @@ interface SelectOptionGroup {
     label: string;
     options: SelectOption[];
 }
-interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, "children" | "onChange" | "multiple"> {
+/** @accessibleName label */
+interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, "children" | "onChange" | "multiple" | keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
+    /** Visible label naming the control. */
+    label?: string;
     /** Select options (flat list) */
     options?: SelectOption[];
     /** Grouped options — rendered as <optgroup> in native mode, sections in rich mode. */
@@ -397,7 +407,8 @@ interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelec
 }
 declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
 
-interface CheckboxProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> {
+/** @accessibleName label */
+interface CheckboxProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     /** Whether the checkbox is checked */
@@ -405,6 +416,8 @@ interface CheckboxProps extends Omit<React__default.InputHTMLAttributes<HTMLInpu
     /** Default checked state (uncontrolled) */
     defaultChecked?: boolean;
     label?: string;
+    /** Error message */
+    error?: string;
     /** onChange handler or declarative event key for trait dispatch */
     onChange?: React__default.ChangeEventHandler<HTMLInputElement> | EventEmit<{
         checked: boolean;
@@ -418,7 +431,7 @@ type CardShadow = "none" | "sm" | "md" | "lg";
  * `variant` (which conveys role / state).
  */
 type CardLook = "elevated" | "flat-bordered" | "borderless-divider" | "ticket" | "invoice" | "chip" | "tile-image-first";
-interface CardProps$1 extends React__default.HTMLAttributes<HTMLDivElement> {
+interface CardProps$1 extends Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     variant?: "default" | "bordered" | "elevated" | "interactive";
@@ -472,7 +485,8 @@ interface AtlasImageAsset extends SpriteRef {
     name?: string;
     category?: string;
 }
-interface AtlasImageProps {
+/** @accessibleName alt */
+interface AtlasImageProps extends Omit<A11yProps, 'aria-hidden'> {
     asset?: AtlasImageAsset;
     /** Square pixel size (icon usage). Ignored when `fill`. */
     size?: number;
@@ -492,7 +506,7 @@ interface AtlasImageProps {
  * the sheet + atlas are loaded; `onReady` re-fires the caller when they land.
  */
 declare function useAtlasSliceDataUrl(asset: AtlasImageAsset | undefined): string | undefined;
-interface AtlasPanelProps {
+interface AtlasPanelProps extends Omit<A11yProps, 'aria-hidden'> {
     asset?: AtlasImageAsset;
     /** Border thickness (source pixels) for the 9-slice cut. */
     borderSlice?: number;
@@ -510,7 +524,7 @@ interface AtlasPanelProps {
  * is cropped once to a dataURL; CSS border-image / background-repeat does the scaling. Falls back
  * to a plain container while the sheet/atlas load.
  */
-declare function AtlasPanel({ asset, borderSlice, borderWidth, mode, className, style, children, 'aria-hidden': ariaHidden }: AtlasPanelProps): React$1.JSX.Element;
+declare function AtlasPanel({ asset, borderSlice, borderWidth, mode, className, style, children, 'aria-hidden': ariaHidden, ...rest }: AtlasPanelProps): React$1.JSX.Element;
 declare namespace AtlasPanel {
     var displayName: string;
 }
@@ -519,7 +533,7 @@ declare namespace AtlasPanel {
  * sub-rect of the packed sheet into a canvas (never the whole sheet); otherwise it renders the
  * plain `<img>` path. `fill` + `fit` cover background/panel usage (GameShell, card frames).
  */
-declare function AtlasImage({ asset, size, width, height, fill, fit, alt, className, style, 'aria-hidden': ariaHidden, }: AtlasImageProps): React$1.JSX.Element | null;
+declare function AtlasImage({ asset, size, width, height, fill, fit, alt, className, style, 'aria-hidden': ariaHidden, ...rest }: AtlasImageProps): React$1.JSX.Element | null;
 declare namespace AtlasImage {
     var displayName: string;
 }
@@ -527,7 +541,8 @@ declare namespace AtlasImage {
 type ImageFit = 'cover' | 'contain' | 'fill' | 'none';
 type ImageAspect = 'auto' | '1/1' | '4/3' | '3/2' | '16/9' | '21/9';
 type ImageRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
-interface ImageProps {
+/** @accessibleName alt */
+interface ImageProps extends A11yProps {
     /** Image source URL */
     src: AssetUrl;
     /** Alternative text; empty string marks the image decorative */
@@ -547,7 +562,8 @@ interface ImageProps {
 }
 declare const Image: React__default.FC<ImageProps>;
 
-interface GameIconProps {
+/** @accessibleName alt */
+interface GameIconProps extends A11yProps {
     /** Asset — when url is present, renders an img (Asset-primary). */
     assetUrl?: Asset;
     /** Lucide component or kebab-case icon name (fallback when no assetUrl). */
@@ -559,14 +575,14 @@ interface GameIconProps {
     /** Additional CSS classes. */
     className?: string;
 }
-declare function GameIcon({ assetUrl, icon, size, alt, className }: GameIconProps): React$1.JSX.Element;
+declare function GameIcon({ assetUrl, icon, size, alt, className, ...rest }: GameIconProps): React$1.JSX.Element;
 declare namespace GameIcon {
     var displayName: string;
 }
 
 type FilterPillVariant = "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "neutral";
 type FilterPillSize = "sm" | "md" | "lg";
-interface FilterPillProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, "onClick"> {
+interface FilterPillProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, "onClick" | keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     variant?: FilterPillVariant;
@@ -595,7 +611,7 @@ interface FilterPillProps extends Omit<React__default.HTMLAttributes<HTMLSpanEle
 declare const FilterPill: React__default.ForwardRefExoticComponent<FilterPillProps & React__default.RefAttributes<HTMLSpanElement>>;
 
 type SpinnerSize = "xs" | "sm" | "md" | "lg";
-interface SpinnerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface SpinnerProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     size?: SpinnerSize;
@@ -604,15 +620,10 @@ interface SpinnerProps extends React__default.HTMLAttributes<HTMLDivElement> {
 }
 declare const Spinner: React__default.ForwardRefExoticComponent<SpinnerProps & React__default.RefAttributes<HTMLDivElement>>;
 
-/**
- * Avatar Atom Component
- *
- * A versatile avatar component supporting images, initials, icons, and status indicators.
- */
-
 type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
 type AvatarStatus = "online" | "offline" | "away" | "busy";
-interface AvatarProps {
+/** @accessibleName alt name */
+interface AvatarProps extends A11yProps {
     /**
      * Image source URL
      */
@@ -678,13 +689,11 @@ type BoxMargin = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "auto";
 type BoxBg = "transparent" | "primary" | "secondary" | "muted" | "accent" | "surface" | "overlay";
 type BoxRounded = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
 type BoxShadow = "none" | "sm" | "md" | "lg" | "xl";
-interface BoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
+interface BoxProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     /** Data-theme attribute applied to the root element for CSS theme scoping (e.g. almadar-website-dark). */
     'data-theme'?: string;
-    /** Text direction for this subtree: "ltr", "rtl" (Arabic/Hebrew content) or "auto" */
-    dir?: string;
     /**
      * Padding on all sides
      * @example md
@@ -745,13 +754,7 @@ interface BoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
  */
 declare const Box: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLDivElement>>;
 
-/**
- * Center Component
- *
- * A layout utility that centers its children horizontally and/or vertically.
- */
-
-interface CenterProps {
+interface CenterProps extends A11yProps {
     /** Center inline (width fits content) vs block (full width) */
     inline?: boolean;
     /** Center only horizontally */
@@ -786,7 +789,7 @@ declare const Center: React__default.FC<CenterProps>;
 
 type DividerOrientation = "horizontal" | "vertical";
 type DividerVariant = "solid" | "dashed" | "dotted";
-interface DividerProps {
+interface DividerProps extends A11yProps {
     /**
      * Orientation of the divider
      * @default 'horizontal'
@@ -817,7 +820,7 @@ declare const Divider: React__default.FC<DividerProps>;
 type ProgressBarType = "linear" | "circular" | "stepped";
 type ProgressBarVariant = "default" | "primary" | "success" | "warning" | "error" | "danger";
 type ProgressBarColor = ProgressBarVariant;
-interface ProgressBarProps {
+interface ProgressBarProps extends A11yProps {
     /**
      * Progress value (0-100)
      */
@@ -878,7 +881,8 @@ declare const ProgressBar: React__default.FC<ProgressBarProps>;
  * A radio button component with label support and accessibility.
  */
 
-interface RadioProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+/** @accessibleName label */
+interface RadioProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     /** Radio options (string array or SelectOption array) */
@@ -918,7 +922,7 @@ declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React
  */
 
 type SparklineColor = "auto" | "primary" | "success" | "warning" | "error" | "info" | "muted";
-interface SparklineProps {
+interface SparklineProps extends A11yProps {
     /** Numeric series to plot. Length < 2 renders nothing. */
     data: readonly number[];
     /**
@@ -940,7 +944,8 @@ interface SparklineProps {
 }
 declare const Sparkline: React__default.FC<SparklineProps>;
 
-interface SwitchProps {
+/** @accessibleName label */
+interface SwitchProps extends A11yProps {
     checked?: boolean;
     defaultChecked?: boolean;
     onChange?: (checked: boolean) => void;
@@ -960,7 +965,7 @@ declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.Re
  */
 
 type SpacerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'auto';
-interface SpacerProps {
+interface SpacerProps extends A11yProps {
     /** Fixed size (auto = flex grow) */
     size?: SpacerSize;
     /** Orientation (for fixed sizes) */
@@ -988,7 +993,7 @@ type StackDirection = "horizontal" | "vertical";
 type StackGap = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 type StackAlign = "start" | "center" | "end" | "stretch" | "baseline";
 type StackJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
-interface StackProps extends React__default.AriaAttributes {
+interface StackProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Stack direction */
     direction?: StackDirection;
     /** Gap between children */
@@ -1015,12 +1020,8 @@ interface StackProps extends React__default.AriaAttributes {
     onClick?: (e: React__default.MouseEvent) => void;
     /** Keyboard handler */
     onKeyDown?: (e: React__default.KeyboardEvent) => void;
-    /** Role for accessibility */
-    role?: string;
     /** Element id */
     id?: string;
-    /** Tab index for focus management */
-    tabIndex?: number;
     /** Declarative event name — emits UI:{action} via eventBus on click */
     action?: EventKey;
     /** Payload to include with the action event
@@ -1057,7 +1058,7 @@ declare const HStack: React__default.FC<HStackProps>;
  */
 
 type HighlightType = "question" | "note";
-interface TextHighlightProps {
+interface TextHighlightProps extends A11yProps {
     /**
      * Type of highlight (determines color)
      */
@@ -1115,7 +1116,7 @@ declare const TextHighlight: React__default.FC<TextHighlightProps>;
 type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "heading" | "subheading" | "body1" | "body2" | "body" | "caption" | "overline" | "small" | "large" | "label";
 /** `none` = no size override — the variant's baked size applies. */
 type TypographySize = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
-interface TypographyProps extends React__default.AriaAttributes {
+interface TypographyProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Typography variant */
     variant?: TypographyVariant;
     /** Heading level (1-6) - alternative to variant for headings */
@@ -1140,8 +1141,6 @@ interface TypographyProps extends React__default.AriaAttributes {
     className?: string;
     /** Inline style */
     style?: React__default.CSSProperties;
-    /** Accessibility role */
-    role?: string;
     /**
      * Value formatting applied to string/number/Date content — `none` (the
      * default) renders content as-is. Covers the raw-ISO-date class: a bound
@@ -1164,7 +1163,7 @@ declare const Typography: React__default.FC<TypographyProps>;
  * @packageDocumentation
  */
 
-interface ThemeToggleProps {
+interface ThemeToggleProps extends A11yProps {
     /** Additional CSS classes */
     className?: string;
     /** Size variant */
@@ -1189,13 +1188,7 @@ interface ThemeToggleProps {
  */
 declare const ThemeToggle: React__default.FC<ThemeToggleProps>;
 
-/**
- * Overlay Atom Component
- *
- * A fixed backdrop for modals and drawers.
- */
-
-interface OverlayProps {
+interface OverlayProps extends A11yProps {
     isVisible?: boolean;
     onClick?: (e: React__default.MouseEvent) => void;
     className?: string;
@@ -1248,7 +1241,7 @@ interface PresenceResult {
  * (via `cn`) and `onAnimationEnd` onto the element that carries the animation.
  */
 declare function usePresence(show: boolean, opts: UsePresenceOptions): PresenceResult;
-interface PresenceProps extends UsePresenceOptions {
+interface PresenceProps extends UsePresenceOptions, A11yProps {
     /** When false, the exit animation runs, then children unmount. */
     show: boolean;
     className?: string;
@@ -1267,7 +1260,7 @@ declare const Presence: React__default.FC<PresenceProps>;
  * need the flip mechanic around custom face content.
  */
 
-interface FlipContainerProps {
+interface FlipContainerProps extends A11yProps {
     /** Whether the container is flipped (rotateY 180deg) */
     flipped: boolean;
     /** Optional className for the outer wrapper */
@@ -1278,7 +1271,7 @@ interface FlipContainerProps {
     onClick?: () => void;
 }
 declare const FlipContainer: {
-    ({ flipped, className, children, onClick, }: FlipContainerProps): React__default.JSX.Element;
+    ({ flipped, className, children, onClick, ...rest }: FlipContainerProps): React__default.JSX.Element;
     displayName: string;
 };
 
@@ -1293,7 +1286,7 @@ declare const FlipContainer: {
  * for non-modal use cases.
  */
 
-interface DialogProps extends React__default.DialogHTMLAttributes<HTMLDialogElement> {
+interface DialogProps extends Omit<React__default.DialogHTMLAttributes<HTMLDialogElement>, keyof A11yProps>, A11yProps {
     /** Additional CSS classes */
     className?: string;
     /** Dialog contents */
@@ -1315,7 +1308,7 @@ declare const Dialog: React__default.ForwardRefExoticComponent<DialogProps & Rea
  *
  * @capabilities settings navigation sidebar, preferences menu panel, account settings nav, secondary panel, side navigation rail
  */
-interface AsideProps extends React__default.HTMLAttributes<HTMLElement> {
+interface AsideProps extends Omit<React__default.HTMLAttributes<HTMLElement>, keyof A11yProps>, A11yProps {
     /** Additional CSS classes */
     className?: string;
     /** Aside contents */
@@ -1413,7 +1406,7 @@ type LawReference = {
     /** Optional link to full law text */
     link?: string;
 };
-interface LawReferenceTooltipProps {
+interface LawReferenceTooltipProps extends A11yProps {
     /** The law reference to display */
     reference: LawReference;
     /** Children element that triggers the tooltip */
@@ -1440,14 +1433,7 @@ interface LawReferenceTooltipProps {
  */
 declare const LawReferenceTooltip: React__default.FC<LawReferenceTooltipProps>;
 
-/**
- * DayCell
- *
- * Calendar day header atom. Renders day abbreviation and date number
- * with optional today highlight.
- */
-
-interface DayCellProps {
+interface DayCellProps extends A11yProps {
     /** The date this cell represents. Optional at the dynamic render edge: an
      *  unbound `@config.date` arrives as `undefined`, so the cell falls back to today. */
     date?: Date;
@@ -1458,7 +1444,7 @@ interface DayCellProps {
     /** Additional CSS classes */
     className?: string;
 }
-declare function DayCell({ date, isToday, onClick, className, }: DayCellProps): React__default.JSX.Element;
+declare function DayCell({ date, isToday, onClick, className, ...rest }: DayCellProps): React__default.JSX.Element;
 declare namespace DayCell {
     var displayName: string;
 }
@@ -1470,7 +1456,7 @@ declare namespace DayCell {
  * time slot that can hold event content via children.
  */
 
-interface TimeSlotCellProps {
+interface TimeSlotCellProps extends A11yProps {
     /** Time label for this slot (e.g. "09:00") */
     time: string;
     /** Called when the slot is clicked */
@@ -1487,14 +1473,14 @@ interface TimeSlotCellProps {
     onPointerLeave?: React__default.PointerEventHandler<HTMLDivElement>;
     "data-testid"?: string;
 }
-declare function TimeSlotCell({ time, onClick, className, children, isOccupied, onPointerDown, onPointerUp, onPointerCancel, onPointerLeave, "data-testid": testId, }: TimeSlotCellProps): React__default.JSX.Element;
+declare function TimeSlotCell({ time, onClick, className, children, isOccupied, onPointerDown, onPointerUp, onPointerCancel, onPointerLeave, "data-testid": testId, ...rest }: TimeSlotCellProps): React__default.JSX.Element;
 declare namespace TimeSlotCell {
     var displayName: string;
 }
 
 type StatusDotStatus = "online" | "offline" | "away" | "busy" | "warning" | "critical";
 type StatusDotSize = "sm" | "md" | "lg";
-interface StatusDotProps extends React__default.HTMLAttributes<HTMLSpanElement> {
+interface StatusDotProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     /** Status determines the dot color */
@@ -1510,7 +1496,7 @@ declare const StatusDot: React__default.ForwardRefExoticComponent<StatusDotProps
 
 type TrendDirection = "up" | "down" | "flat";
 type TrendIndicatorSize = "sm" | "md" | "lg";
-interface TrendIndicatorProps extends React__default.HTMLAttributes<HTMLSpanElement> {
+interface TrendIndicatorProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     /** Numeric value to display (e.g., 12.5 for +12.5%) */
@@ -1529,7 +1515,7 @@ interface TrendIndicatorProps extends React__default.HTMLAttributes<HTMLSpanElem
 declare const TrendIndicator: React__default.ForwardRefExoticComponent<TrendIndicatorProps & React__default.RefAttributes<HTMLSpanElement>>;
 
 type RangeSliderSize = "sm" | "md" | "lg";
-interface RangeSliderProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> {
+interface RangeSliderProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange" | keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     /** Minimum value */
@@ -1565,15 +1551,7 @@ interface RangeSliderProps extends Omit<React__default.HTMLAttributes<HTMLDivEle
 }
 declare const RangeSlider: React__default.ForwardRefExoticComponent<RangeSliderProps & React__default.RefAttributes<HTMLDivElement>>;
 
-/**
- * InfiniteScrollSentinel Atom Component
- *
- * Invisible element placed at the end of a list. Uses IntersectionObserver
- * via useInfiniteScroll to detect when the user scrolls near the bottom,
- * then fires a load-more event through the event bus.
- */
-
-interface InfiniteScrollSentinelProps {
+interface InfiniteScrollSentinelProps extends A11yProps {
     /** Event name to emit when load-more is triggered (emitted as UI:{loadMoreEvent}) */
     loadMoreEvent: EventKey;
     /** Optional payload to include with the load-more event
@@ -1591,15 +1569,7 @@ interface InfiniteScrollSentinelProps {
 }
 declare const InfiniteScrollSentinel: React__default.FC<InfiniteScrollSentinelProps>;
 
-/**
- * ConfettiEffect Atom Component
- *
- * Renders a brief particle burst animation when triggered.
- * Uses CSS keyframe animations for each particle with random
- * position, rotation, and velocity.
- */
-
-interface ConfettiEffectProps {
+interface ConfettiEffectProps extends A11yProps {
     /** When this changes from false to true, a burst of particles is spawned */
     trigger: boolean;
     /** How long the animation lasts in milliseconds */
@@ -1618,7 +1588,7 @@ declare const ConfettiEffect: React__default.FC<ConfettiEffectProps>;
  * that disappears after the full text has been typed out.
  */
 
-interface TypewriterTextProps {
+interface TypewriterTextProps extends A11yProps {
     /** The full text to reveal */
     text: string;
     /** Milliseconds per character */
@@ -1632,7 +1602,7 @@ interface TypewriterTextProps {
 }
 declare const TypewriterText: React__default.FC<TypewriterTextProps>;
 
-interface SectionHeaderProps {
+interface SectionHeaderProps extends A11yProps {
     /** Section title text */
     title: string;
     /** Optional subtitle text */
@@ -1670,7 +1640,7 @@ declare const SectionHeader: React__default.FC<SectionHeaderProps>;
  */
 
 type PatternVariant = 'star8' | 'star6' | 'khatam' | 'star10' | 'star12' | 'rosette-double' | 'rosette-filled' | 'seigaiha' | 'greek-key' | 'celtic-knot' | 'kolam' | 'arch' | 'arabesque-vine' | 'arabesque-net';
-interface PatternTileProps {
+interface PatternTileProps extends A11yProps {
     /** Which geometric pattern to render */
     variant?: PatternVariant;
     /** Tile unit size in SVG units */
@@ -1690,7 +1660,7 @@ declare function getTileDimensions(variant: PatternVariant, size: number): {
 
 type RevealTrigger = 'scroll' | 'hover' | 'manual';
 type RevealAnimation = 'fade-up' | 'fade-down' | 'fade-in' | 'fade-left' | 'fade-right' | 'scale' | 'scale-up' | 'none';
-interface AnimatedRevealProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
+interface AnimatedRevealProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children' | keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     /** What triggers the animation */
@@ -1715,7 +1685,8 @@ interface AnimatedRevealProps extends Omit<React__default.HTMLAttributes<HTMLDiv
 declare const AnimatedReveal: React__default.ForwardRefExoticComponent<AnimatedRevealProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type GraphicAnimation = 'draw' | 'fill' | 'pulse' | 'morph';
-interface AnimatedGraphicProps extends React__default.HTMLAttributes<HTMLDivElement> {
+/** @accessibleName alt */
+interface AnimatedGraphicProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof A11yProps>, A11yProps {
     /** Additional CSS classes applied to the root element. */
     className?: string;
     /** URL to an SVG file. Fetched and inlined to enable stroke/fill animations. */
@@ -2030,7 +2001,7 @@ declare const SHEET_COLUMNS = 8;
  */
 declare const SPRITE_SHEET_LAYOUT: Partial<Record<AnimationName, AnimationDef>>;
 
-interface HealthBarProps {
+interface HealthBarProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Current value */
     current: number;
     /** Maximum value */
@@ -2056,12 +2027,12 @@ interface HealthBarProps {
     /** Sprite image tiled across the filled portion of bar/progress formats. Falls back to CSS color gradient. */
     fillAsset?: Asset;
 }
-declare function HealthBar({ current, max, format, level, showLabel, labelSuffix, size, className, animated, frameAsset, fillAsset, }: HealthBarProps): React$1.JSX.Element;
+declare function HealthBar({ current, max, format, level, showLabel, labelSuffix, size, className, animated, frameAsset, fillAsset, ...rest }: HealthBarProps): React$1.JSX.Element;
 declare namespace HealthBar {
     var displayName: string;
 }
 
-interface ScoreDisplayProps {
+interface ScoreDisplayProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Sprite asset — takes precedence over icon when provided */
     assetUrl?: Asset;
     /** Current score value */
@@ -2079,12 +2050,12 @@ interface ScoreDisplayProps {
     /** Number formatting locale */
     locale?: string;
 }
-declare function ScoreDisplay({ assetUrl, value, score, label, icon, size, className, locale: localeProp, }: ScoreDisplayProps): React$1.JSX.Element;
+declare function ScoreDisplay({ assetUrl, value, score, label, icon, size, className, locale: localeProp, ...rest }: ScoreDisplayProps): React$1.JSX.Element;
 declare namespace ScoreDisplay {
     var displayName: string;
 }
 
-interface ControlButtonProps {
+interface ControlButtonProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Sprite asset — takes precedence over icon when provided */
     assetUrl?: Asset;
     /** Button label text */
@@ -2112,12 +2083,12 @@ interface ControlButtonProps {
     /** Additional CSS classes */
     className?: string;
 }
-declare function ControlButton({ assetUrl, label, icon, size, shape, variant, onPress, onRelease, pressEvent, releaseEvent, pressed, disabled, className, }: ControlButtonProps): React$1.JSX.Element;
+declare function ControlButton({ assetUrl, label, icon, size, shape, variant, onPress, onRelease, pressEvent, releaseEvent, pressed, disabled, className, ...rest }: ControlButtonProps): React$1.JSX.Element;
 declare namespace ControlButton {
     var displayName: string;
 }
 
-interface TimerDisplayProps {
+interface TimerDisplayProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Time in seconds */
     seconds: number;
     /** Whether the timer is running */
@@ -2133,12 +2104,12 @@ interface TimerDisplayProps {
     /** Icon asset rendered to the left of the time value. Falls back to no icon. */
     iconAsset?: Asset;
 }
-declare function TimerDisplay({ seconds, running, format, size, className, lowThreshold, iconAsset, }: TimerDisplayProps): React$1.JSX.Element;
+declare function TimerDisplay({ seconds, running, format, size, className, lowThreshold, iconAsset, ...rest }: TimerDisplayProps): React$1.JSX.Element;
 declare namespace TimerDisplay {
     var displayName: string;
 }
 
-interface DialogueBubbleProps {
+interface DialogueBubbleProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Speaker name displayed at the top */
     speaker?: string;
     /** Dialogue text content */
@@ -2158,12 +2129,12 @@ interface DialogueBubbleProps {
     /** Additional CSS classes */
     className?: string;
 }
-declare function DialogueBubble({ speaker: speakerProp, text: textProp, portrait, position, mood, revealedChars, className, }: DialogueBubbleProps): React$1.JSX.Element;
+declare function DialogueBubble({ speaker: speakerProp, text: textProp, portrait, position, mood, revealedChars, className, ...rest }: DialogueBubbleProps): React$1.JSX.Element;
 declare namespace DialogueBubble {
     var displayName: string;
 }
 
-interface ChoiceButtonProps {
+interface ChoiceButtonProps extends A11yProps {
     /** Choice text content */
     text: string;
     /** Choice index number (displayed as prefix) */
@@ -2185,7 +2156,7 @@ interface ChoiceButtonProps {
     /** Additional CSS classes */
     className?: string;
 }
-declare function ChoiceButton({ text: textProp, index, assetUrl, icon, disabled, selected, onClick, action, payload, className, }: ChoiceButtonProps): React$1.JSX.Element;
+declare function ChoiceButton({ text: textProp, index, assetUrl, icon, disabled, selected, onClick, action, payload, className, ...rest }: ChoiceButtonProps): React$1.JSX.Element;
 declare namespace ChoiceButton {
     var displayName: string;
 }
@@ -2199,7 +2170,7 @@ interface ControlGridButton {
     variant?: 'primary' | 'secondary' | 'ghost' | string;
 }
 type DPadDirection = 'up' | 'down' | 'left' | 'right';
-interface ControlGridProps {
+interface ControlGridProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     kind: ControlGridKind;
     /** action buttons (kind="actions") */
     buttons?: ControlGridButton[];
@@ -2234,7 +2205,7 @@ interface ControlGridProps {
     visibility?: 'auto' | 'always';
     className?: string;
 }
-declare function ControlGrid({ kind, buttons: buttonsProp, layout, includeDiagonals, onAction, actionEvent, onDirection, directionEvent, directionEvents, directionReleaseEvents, directionAssets, size, disabled, visibility, className, }: ControlGridProps): React$1.JSX.Element | null;
+declare function ControlGrid({ kind, buttons: buttonsProp, layout, includeDiagonals, onAction, actionEvent, onDirection, directionEvent, directionEvents, directionReleaseEvents, directionAssets, size, disabled, visibility, className, ...rest }: ControlGridProps): React$1.JSX.Element | null;
 declare namespace ControlGrid {
     var displayName: string;
 }
@@ -2245,7 +2216,7 @@ declare namespace ControlGrid {
  * with optional HealthBar (hearts/bar) or ScoreDisplay (animated number) and
  * a named label — purpose-built for HUD stat rows, not general status tags.
  */
-interface StatBadgeProps {
+interface StatBadgeProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Sprite asset — takes precedence over icon when provided */
     assetUrl?: Asset;
     /** Asset image (board ui/ PNG); takes precedence over the Lucide icon. */
@@ -2271,7 +2242,7 @@ interface StatBadgeProps {
     /** Additional CSS classes */
     className?: string;
 }
-declare function StatBadge({ assetUrl, iconUrl, label, value, max, format, icon, size, variant, className, source: _source, field: _field, }: StatBadgeProps): React$1.JSX.Element;
+declare function StatBadge({ assetUrl, iconUrl, label, value, max, format, icon, size, variant, className, source: _source, field: _field, ...rest }: StatBadgeProps): React$1.JSX.Element;
 declare namespace StatBadge {
     var displayName: string;
 }
@@ -2301,7 +2272,7 @@ interface GameHudElement {
     /** Max value (for bars/hearts) */
     max?: number;
 }
-interface GameHudProps {
+interface GameHudProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Position of the HUD */
     position?: "top" | "bottom" | "corners" | string;
     /** Stats to display - accepts readonly for compatibility with generated const arrays */
@@ -2325,7 +2296,7 @@ interface GameHudProps {
     /** Whether to use a semi-transparent background */
     transparent?: boolean;
 }
-declare function GameHud({ position: propPosition, stats: propStats, items, elements, size, variant, className, transparent, }: GameHudProps): React$1.JSX.Element;
+declare function GameHud({ position: propPosition, stats: propStats, items, elements, size, variant, className, transparent, ...rest }: GameHudProps): React$1.JSX.Element;
 declare namespace GameHud {
     var displayName: string;
 }
@@ -2346,7 +2317,7 @@ type MenuOption = EventPayload & {
     /** Sub-label or description */
     subLabel?: string;
 };
-interface GameMenuProps {
+interface GameMenuProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Menu title */
     title: string;
     /** Optional subtitle or version */
@@ -2364,7 +2335,7 @@ interface GameMenuProps {
     /** Additional CSS classes */
     className?: string;
 }
-declare function GameMenu({ title: titleProp, subtitle, options, menuItems, onSelect, background, logo, className, }: GameMenuProps): React$1.JSX.Element;
+declare function GameMenu({ title: titleProp, subtitle, options, menuItems, onSelect, background, logo, className, ...rest }: GameMenuProps): React$1.JSX.Element;
 declare namespace GameMenu {
     var displayName: string;
 }
@@ -2387,7 +2358,7 @@ interface StateGraphTransition {
     event: string;
     guardHint?: string;
 }
-interface StateGraphProps {
+interface StateGraphProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     /** All states in the machine (node labels). */
     states: string[];
     /** Player-built transitions rendered as arrows. */
@@ -2410,7 +2381,7 @@ interface StateGraphProps {
     }>;
     className?: string;
 }
-declare function StateGraph({ states, transitions, currentState, selectedState, addingFrom, initialState, width, height, nodeClickEvent, className, }: StateGraphProps): React$1.JSX.Element;
+declare function StateGraph({ states, transitions, currentState, selectedState, addingFrom, initialState, width, height, nodeClickEvent, className, ...rest }: StateGraphProps): React$1.JSX.Element;
 
 /**
  * Canvas2D — the thin 2D draw-host (Drawable Canvas, P6 closing).
@@ -2473,7 +2444,9 @@ interface SidePlayer {
     animation?: string;
     frame?: number;
 }
-interface Canvas2DProps {
+interface Canvas2DProps extends A11yProps {
+    /** Text alternative for the scene, rendered as visually hidden text and linked by aria-describedby. */
+    description?: string;
     /** Additional CSS classes */
     className?: string;
     /** Loading state indicator */
@@ -2565,7 +2538,7 @@ interface Canvas2DProps {
      *  drawable registry context and the host paints them. */
     children?: React$1.ReactNode;
 }
-declare function Canvas2D({ className, isLoading, error, projection, drawables, backgroundImage: backgroundImageRaw, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, keyMap, keyUpMap, editable, selectedId, onSelect, onMove, selectEvent, moveEvent, camera, scale, tileWidth, fit, showMinimap, followTarget, cameraPos, bgColor, children, }: Canvas2DProps): React$1.JSX.Element;
+declare function Canvas2D({ className, isLoading, error, projection, drawables, backgroundImage: backgroundImageRaw, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, keyMap, keyUpMap, editable, selectedId, onSelect, onMove, selectEvent, moveEvent, camera, scale, tileWidth, fit, showMinimap, followTarget, cameraPos, bgColor, children, description, ...rest }: Canvas2DProps): React$1.JSX.Element;
 declare namespace Canvas2D {
     var displayName: string;
 }
@@ -2598,7 +2571,7 @@ declare namespace Canvas2D {
 
 /** Painter selection. Same `drawables` for both; differ only in projection + rasterizer. */
 type CanvasMode = '2d' | '3d';
-interface CanvasProps {
+interface CanvasProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Painter: 2D sprite/shape/text raster, or 3D mesh. Default '2d'. */
     mode?: CanvasMode;
     /** Neutral drawable descriptors — the `draw-*` children. Routed to the host's painter. */
@@ -2695,7 +2668,7 @@ interface CanvasProps {
      *  Forwarded to the 2D host, which collects them via drawable registry context. */
     children?: React$1.ReactNode;
 }
-declare function Canvas({ mode, drawables, camera, projection, className, isLoading, unitScale, showMinimap, fit, tileWidth, backgroundImage, backgroundColor, worldWidth, worldHeight, pixelsPerUnit, showGrid, shadows, showCoordinates, showTileInfo, fogOfWar, lighting, post, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, featureClickEvent, keyMap, keyUpMap, editable, selectedId, onSelect, onMove, selectEvent, moveEvent, children, }: CanvasProps): React$1.JSX.Element;
+declare function Canvas({ mode, drawables, camera, projection, className, isLoading, unitScale, showMinimap, fit, tileWidth, backgroundImage, backgroundColor, worldWidth, worldHeight, pixelsPerUnit, showGrid, shadows, showCoordinates, showTileInfo, fogOfWar, lighting, post, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, featureClickEvent, keyMap, keyUpMap, editable, selectedId, onSelect, onMove, selectEvent, moveEvent, children, ...rest }: CanvasProps): React$1.JSX.Element;
 declare namespace Canvas {
     var displayName: string;
 }
@@ -2729,7 +2702,7 @@ declare function useUnitSpriteAtlas(units: IsometricUnit[]): UseUnitSpriteAtlasR
  * @packageDocumentation
  */
 
-interface GameAudioToggleProps {
+interface GameAudioToggleProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Button size */
     size?: 'sm' | 'md' | 'lg';
     /** Additional CSS classes */
@@ -2747,7 +2720,7 @@ interface GameAudioToggleProps {
         muted: boolean;
     }>;
 }
-declare function GameAudioToggle({ size, className, onAsset, offAsset, toggleEvent, }: GameAudioToggleProps): React__default.JSX.Element;
+declare function GameAudioToggle({ size, className, onAsset, offAsset, toggleEvent, ...rest }: GameAudioToggleProps): React__default.JSX.Element;
 declare namespace GameAudioToggle {
     var displayName: string;
 }
@@ -2859,7 +2832,7 @@ type TraitStateMachineDefinition = {
     transitions: TraitTransition[];
     description?: string;
 };
-interface TraitStateViewerProps {
+interface TraitStateViewerProps extends A11yProps {
     /** The trait / state machine to visualize */
     trait: TraitStateMachineDefinition;
     /** Display variant */
@@ -2879,7 +2852,7 @@ interface TraitStateViewerProps {
     /** Error state */
     error?: UiError | null;
 }
-declare function TraitStateViewer({ trait, variant, size, showTransitions, onStateClick, stateStyles, className, }: TraitStateViewerProps): React__default.JSX.Element;
+declare function TraitStateViewer({ trait, variant, size, showTransitions, onStateClick, stateStyles, className, ...rest }: TraitStateViewerProps): React__default.JSX.Element;
 declare namespace TraitStateViewer {
     var displayName: string;
 }
@@ -2921,7 +2894,7 @@ type SlotItemData = {
  *  Emits: UI:CLICK
  *  Emits: UI:REMOVE
  */
-interface TraitSlotProps {
+interface TraitSlotProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Slot index (1-based) */
     slotNumber: number;
     /** Currently equipped item, if any */
@@ -2977,7 +2950,7 @@ interface TraitSlotProps {
         itemId: string;
     }>;
 }
-declare function TraitSlot({ slotNumber, equippedItem, locked, lockLabel, selected, size, showTooltip, categoryColors, tooltipFrameUrl, className, feedback, onItemDrop, draggable, onDragStart, onClick, onRemove, clickEvent, removeEvent, dropEvent, }: TraitSlotProps): React__default.JSX.Element;
+declare function TraitSlot({ slotNumber, equippedItem, locked, lockLabel, selected, size, showTooltip, categoryColors, tooltipFrameUrl, className, feedback, onItemDrop, draggable, onDragStart, onClick, onRemove, clickEvent, removeEvent, dropEvent, ...rest }: TraitSlotProps): React__default.JSX.Element;
 declare namespace TraitSlot {
     var displayName: string;
 }
@@ -3187,7 +3160,7 @@ interface DisplayStateProps {
  * @packageDocumentation
  */
 
-interface ActionTileProps extends DisplayStateProps {
+interface ActionTileProps extends DisplayStateProps, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** The action data */
     action: SlotItemData;
     /** Size variant */
@@ -3200,7 +3173,7 @@ interface ActionTileProps extends DisplayStateProps {
         border: string;
     }>;
 }
-declare function ActionTile({ action, size, disabled, categoryColors, className, }: ActionTileProps): React__default.JSX.Element;
+declare function ActionTile({ action, size, disabled, categoryColors, className, ...rest }: ActionTileProps): React__default.JSX.Element;
 declare namespace ActionTile {
     var displayName: string;
 }
@@ -3214,7 +3187,7 @@ declare namespace ActionTile {
  * @packageDocumentation
  */
 
-interface ActionPaletteProps {
+interface ActionPaletteProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Available actions */
     actions: SlotItemData[];
     /** IDs of actions that are already used (shown as disabled) */
@@ -3233,7 +3206,7 @@ interface ActionPaletteProps {
     /** Additional CSS classes */
     className?: string;
 }
-declare function ActionPalette({ actions, usedActionIds, allowDuplicates, categoryColors, size, label, className, }: ActionPaletteProps): React__default.JSX.Element;
+declare function ActionPalette({ actions, usedActionIds, allowDuplicates, categoryColors, size, label, className, ...rest }: ActionPaletteProps): React__default.JSX.Element;
 declare namespace ActionPalette {
     var displayName: string;
 }
@@ -3248,7 +3221,7 @@ declare namespace ActionPalette {
  * @packageDocumentation
  */
 
-interface SequenceBarProps {
+interface SequenceBarProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** The current sequence (sparse — undefined means empty slot) */
     slots: Array<SlotItemData | undefined>;
     /** Max number of slots */
@@ -3282,7 +3255,7 @@ interface SequenceBarProps {
     /** Additional CSS classes */
     className?: string;
 }
-declare function SequenceBar({ slots, maxSlots, onSlotDrop, onSlotRemove, slotDropEvent, slotRemoveEvent, playing, currentStep, categoryColors, slotFeedback, size, className, }: SequenceBarProps): React__default.JSX.Element;
+declare function SequenceBar({ slots, maxSlots, onSlotDrop, onSlotRemove, slotDropEvent, slotRemoveEvent, playing, currentStep, categoryColors, slotFeedback, size, className, ...rest }: SequenceBarProps): React__default.JSX.Element;
 declare namespace SequenceBar {
     var displayName: string;
 }
@@ -3348,7 +3321,7 @@ interface StateJsonTransition {
      *  invented vocabulary against the orbital's event set. */
     event: string;
 }
-interface StateJsonViewProps {
+interface StateJsonViewProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Machine name */
     name: string;
     /** Initial state */
@@ -3364,7 +3337,7 @@ interface StateJsonViewProps {
     /** Additional CSS classes */
     className?: string;
 }
-declare function StateJsonView({ name, initialState, states, transitions, label, defaultExpanded, className, }: StateJsonViewProps): React__default.JSX.Element;
+declare function StateJsonView({ name, initialState, states, transitions, label, defaultExpanded, className, ...rest }: StateJsonViewProps): React__default.JSX.Element;
 declare namespace StateJsonView {
     var displayName: string;
 }
@@ -3430,7 +3403,7 @@ declare const ALL_PRESETS: PhysicsPreset[];
  * layout out — no descriptor resolution, no runtime logic.
  */
 
-interface GameShellProps {
+interface GameShellProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Application / game title shown as a floating chip */
     appName?: string;
     /** Stat chips row — floats along the top edge. Legacy chrome surface: new behaviors emit HUD chrome via `render-ui "hud-top"` instead. */
@@ -3560,7 +3533,7 @@ interface LearningTracePanel {
     /** Panel fill opacity (default 0.85). */
     backgroundOpacity?: number;
 }
-interface LearningCanvasProps {
+interface LearningCanvasProps extends A11yProps {
     /** Additional CSS classes. */
     className?: string;
     /** Canvas width in CSS pixels. */
@@ -3609,6 +3582,8 @@ interface LearningCanvasProps {
         type?: string;
         index: number;
     }) => void;
+    /** Text alternative for the canvas, rendered as visually hidden text and linked by aria-describedby. */
+    description?: string;
     /** Loading state. */
     isLoading?: boolean;
     /** Error state. */
@@ -3703,7 +3678,7 @@ declare const NodeSlotEditor: React__default.FC<NodeSlotEditorProps>;
  * **Atomic Design**: Composed using Label and Typography atoms.
  */
 
-interface FormFieldProps {
+interface FormFieldProps extends A11yProps {
     label: string;
     required?: boolean;
     error?: string;
@@ -3731,7 +3706,7 @@ interface EmptyStateSlotProps {
     emptyAction?: EmptyStateAction;
 }
 type EmptyStateLook = "illustrated" | "icon-only" | "text-only" | "mascot";
-interface EmptyStateProps {
+interface EmptyStateProps extends A11yProps {
     /**
      * Icon to display. Accepts either:
      * - A Lucide icon component (LucideIcon)
@@ -3757,7 +3732,7 @@ interface EmptyStateProps {
 }
 declare const EmptyState: React__default.FC<EmptyStateProps>;
 
-interface LoadingStateProps {
+interface LoadingStateProps extends A11yProps {
     title?: string;
     message?: string;
     className?: string;
@@ -3766,7 +3741,7 @@ interface LoadingStateProps {
 }
 declare const LoadingState: React__default.FC<LoadingStateProps>;
 
-interface ErrorStateProps {
+interface ErrorStateProps extends A11yProps {
     title?: string;
     /** Error message to display */
     message?: string;
@@ -3779,13 +3754,19 @@ interface ErrorStateProps {
 }
 declare const ErrorState: React__default.FC<ErrorStateProps>;
 
-type SkeletonVariant = 'header' | 'table' | 'form' | 'card' | 'text';
-interface SkeletonProps {
+/**
+ * Each variant mirrors the geometry of the component that replaces it, so the
+ * swap from placeholder to content does not move the layout: `table` → TableView,
+ * `list` → DataList, `grid` → DataGrid cards, `detail` → DetailPanel, `stats` →
+ * stat tiles, `form` → Form, `card` / `header` / `text` for the rest.
+ */
+type SkeletonVariant = 'header' | 'table' | 'list' | 'grid' | 'detail' | 'stats' | 'form' | 'card' | 'text';
+interface SkeletonProps extends A11yProps {
     /** The skeleton variant to render */
     variant?: SkeletonVariant;
-    /** Number of rows for table/text variants */
+    /** Rows for table/list/text, cards for grid, field pairs for detail */
     rows?: number;
-    /** Number of columns for table variant */
+    /** Columns for table, tiles for stats */
     columns?: number;
     /** Number of fields for form variant */
     fields?: number;
@@ -3793,10 +3774,8 @@ interface SkeletonProps {
     className?: string;
 }
 /**
- * Skeleton — loading placeholder with 5 variants for Suspense fallbacks.
- *
- * Variants: `header`, `table`, `form`, `card`, `text`.
- * Used as fallback content inside `<Suspense>` boundaries.
+ * Skeleton — the loading placeholder. A loading state renders the variant shaped
+ * like the content it gives way to; announced as a busy status region.
  *
  * @example
  * ```tsx
@@ -3809,7 +3788,7 @@ interface SkeletonProps {
  * </Suspense>
  * ```
  */
-declare function Skeleton({ variant, rows, columns, fields, className, }: SkeletonProps): React__default.ReactElement;
+declare function Skeleton({ variant, rows, columns, fields, className, ...rest }: SkeletonProps): React__default.ReactElement;
 declare namespace Skeleton {
     var displayName: string;
 }
@@ -3847,7 +3826,7 @@ interface AccordionItem {
      */
     defaultOpen?: boolean;
 }
-interface AccordionProps {
+interface AccordionProps extends A11yProps {
     /**
      * Accordion items
      */
@@ -3893,7 +3872,7 @@ declare const Accordion: React__default.FC<AccordionProps>;
  */
 
 type AlertVariant = "info" | "success" | "warning" | "error";
-interface AlertProps {
+interface AlertProps extends A11yProps {
     /** Alert content (children or message) */
     children?: React__default.ReactNode;
     /** Alert message (alias for children) */
@@ -3947,7 +3926,7 @@ interface BreadcrumbItem {
     /** Event name to emit when clicked (for trait state machine integration) */
     event?: EventKey;
 }
-interface BreadcrumbProps {
+interface BreadcrumbProps extends A11yProps {
     /**
      * Breadcrumb items. Omit together with `fromNavStack` to render the
      * orbital-scoped navigation stack instead of an authored trail.
@@ -4028,7 +4007,7 @@ interface FilterDefinition {
  *
  * @capabilities search refinement panel, facet filters, admin list filters, records filter sidebar, filter chips panel
  */
-interface FilterGroupProps {
+interface FilterGroupProps extends A11yProps {
     /** Entity name to filter */
     entity: string;
     /** Filter definitions from schema */
@@ -4092,7 +4071,7 @@ interface ActionButton {
     /** Button variant - matches Button component variants. Accepts string for schema compatibility. */
     variant?: string;
 }
-interface ButtonGroupProps {
+interface ButtonGroupProps extends A11yProps {
     /**
      * Button group content (Button components) - use this OR primary/secondary
      */
@@ -4176,7 +4155,7 @@ interface CommandPaletteCommand {
      *  @payloadFor action */
     actionPayload?: EventPayload;
 }
-interface CommandPaletteProps {
+interface CommandPaletteProps extends A11yProps {
     /** Whether the palette overlay is open */
     open: boolean;
     /** Called to open/close the overlay (Escape, overlay click, or a selection) */
@@ -4269,7 +4248,7 @@ declare namespace Card {
 
 type ContainerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 type ContainerPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
-interface ContainerProps {
+interface ContainerProps extends A11yProps {
     /** Maximum width */
     size?: ContainerSize;
     /** Alias for size (pattern compatibility) */
@@ -4302,7 +4281,7 @@ type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
 type FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
 type FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
 type FlexGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-interface FlexProps {
+interface FlexProps extends A11yProps {
     /** Flex direction */
     direction?: FlexDirection;
     /** Flex wrap */
@@ -4369,7 +4348,8 @@ interface FloatingAction {
      */
     variant?: "primary" | "secondary" | "success" | "danger" | "warning";
 }
-interface FloatingActionButtonProps {
+/** @accessibleName label */
+interface FloatingActionButtonProps extends A11yProps {
     /**
      * Declarative event name. When set, clicking the FAB emits `UI:{action}`
      * via the event bus and (if also provided) calls `onClick`. Mirrors the
@@ -4439,7 +4419,7 @@ interface ResponsiveGridCols {
     /** Extra large screens (1280px+) */
     xl?: GridCols;
 }
-interface GridProps {
+interface GridProps extends A11yProps {
     /** Number of columns (can be responsive object) */
     cols?: GridCols | ResponsiveGridCols;
     /** Number of rows */
@@ -4477,7 +4457,7 @@ declare const Grid: React__default.FC<GridProps>;
  * Uses Input, Button, Icon, and Typography atoms.
  */
 
-interface InputGroupProps extends Omit<InputProps, "icon" | "iconRight"> {
+interface InputGroupProps extends Omit<InputProps, "icon" | "iconRight" | keyof A11yProps>, A11yProps {
     /**
      * Left addon (icon, button, or text)
      */
@@ -4529,7 +4509,7 @@ interface MenuItem {
     subMenu?: MenuItem[];
 }
 type MenuPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
-interface MenuProps {
+interface MenuProps extends A11yProps {
     /** Menu trigger element */
     trigger: React__default.ReactNode;
     /** Menu items */
@@ -4567,7 +4547,7 @@ interface TopNavItemData {
     /** Child items shown in a dropdown. */
     children?: TopNavItemData[];
 }
-interface TopNavItemProps {
+interface TopNavItemProps extends A11yProps {
     item: TopNavItemData;
     /** The href of the active page, used to mark the item (or its parent) active. */
     activeHref?: string;
@@ -4575,7 +4555,7 @@ interface TopNavItemProps {
     tone?: 'solid' | 'soft';
     className?: string;
 }
-declare function TopNavItem({ item, activeHref, tone, className }: TopNavItemProps): React__default.ReactElement;
+declare function TopNavItem({ item, activeHref, tone, className, ...rest }: TopNavItemProps): React__default.ReactElement;
 declare namespace TopNavItem {
     var displayName: string;
 }
@@ -4593,7 +4573,7 @@ type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
  * `size` (which conveys content scale).
  */
 type ModalLook = "centered-card" | "top-sheet" | "side-drawer" | "full-screen";
-interface ModalProps {
+interface ModalProps extends A11yProps {
     /** Whether the modal is open (defaults to true when rendered by slot wrapper) */
     isOpen?: boolean;
     /** Callback when modal should close (injected by slot wrapper) */
@@ -4642,7 +4622,7 @@ declare const Modal: React__default.FC<ModalProps>;
  * @packageDocumentation
  */
 
-interface PageTransitionProps {
+interface PageTransitionProps extends A11yProps {
     /** Value that changes on navigation (a page path). */
     locationKey: string;
     children: React__default.ReactNode;
@@ -4669,7 +4649,7 @@ declare const PageTransition: React__default.FC<PageTransitionProps>;
  * layer over the nearest positioned ancestor (and `shake` items are inert).
  */
 
-interface FxOverlayProps {
+interface FxOverlayProps extends A11yProps {
     /** Live screen-space fx entries (the mechanic's fx list filtered to `space == "screen"`); mount starts each item's animation, ttl decay unmounts it. */
     items: FxOverlayItem[];
     /** The fx mechanic's decay tick period in ms; per-item animation duration = maxTtl × tickMs. Default 500. */
@@ -4688,7 +4668,7 @@ declare const FxOverlay: React__default.FC<FxOverlayProps>;
  * Uses Button, Icon, Typography, and Input atoms.
  */
 
-interface PaginationProps {
+interface PaginationProps extends A11yProps {
     /**
      * Current page (1-indexed)
      */
@@ -4761,7 +4741,7 @@ declare const Pagination: React__default.FC<PaginationProps>;
 
 type PopoverPosition = "top" | "bottom" | "left" | "right";
 type PopoverTrigger = "click" | "hover";
-interface PopoverProps {
+interface PopoverProps extends A11yProps {
     /**
      * Popover content
      */
@@ -4813,7 +4793,7 @@ declare const Popover: React__default.FC<PopoverProps>;
 
 type CoachmarkPlacement = "top" | "bottom" | "left" | "right";
 type CoachmarkAnchor = React__default.RefObject<HTMLElement | null> | string | DOMRect;
-interface CoachmarkProps {
+interface CoachmarkProps extends A11yProps {
     /** Controlled visibility. */
     open: boolean;
     /** The element to point at: a ref, a CSS selector, or a DOMRect. */
@@ -4900,7 +4880,7 @@ interface RelationOption {
     /** Whether this option is disabled */
     disabled?: boolean;
 }
-interface RelationSelectProps {
+interface RelationSelectProps extends A11yProps {
     /** Current value (ID) */
     value?: string;
     /** Callback when value changes */
@@ -4942,7 +4922,7 @@ declare const RelationSelect: React__default.FC<RelationSelectProps>;
 /**
  * @minWidth 160
  */
-interface SearchInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+interface SearchInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | keyof A11yProps>, A11yProps {
     /**
      * Search value (controlled mode)
      */
@@ -5001,7 +4981,7 @@ declare const SearchInput: React__default.FC<SearchInputProps>;
  * API, used where the panel is always present in the component tree.
  */
 
-interface SidePanelProps {
+interface SidePanelProps extends A11yProps {
     /**
      * Panel title
      */
@@ -5055,7 +5035,7 @@ declare const SidePanel: React__default.FC<SidePanelProps>;
  */
 
 type SimpleGridGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-interface SimpleGridProps {
+interface SimpleGridProps extends A11yProps {
     /** Minimum width of each child (e.g., 200, "200px", "15rem") */
     minChildWidth?: number | string;
     /** Maximum number of columns */
@@ -5068,6 +5048,10 @@ interface SimpleGridProps {
     className?: string;
     /** Children elements */
     children: React__default.ReactNode;
+    /** Element id forwarded to the grid element. */
+    id?: string;
+    /** DOM attributes forwarded to the grid element (aria-*, data-*, role, id). */
+    [attr: `aria-${string}` | `data-${string}`]: string | number | boolean | undefined;
 }
 /**
  * SimpleGrid - Auto-responsive grid layout
@@ -5109,7 +5093,7 @@ interface TabItem {
     /** Whether this tab is currently active (for controlled tabs) */
     active?: boolean;
 }
-interface TabsProps {
+interface TabsProps extends A11yProps {
     /** Tab items */
     items?: TabItem[];
     /** Tab items (alias for items - used by generated code) */
@@ -5141,14 +5125,18 @@ declare const Tabs: React__default.FC<TabsProps>;
  */
 
 type ToastVariant = "success" | "error" | "info" | "warning";
-interface ToastProps {
+interface ToastProps extends A11yProps {
     /** Toast variant */
     variant?: ToastVariant;
     /** Toast message */
     message: string;
     /** Toast title (optional) */
     title?: string;
-    /** Auto-dismiss duration in milliseconds (0 = no auto-dismiss) */
+    /**
+     * Auto-dismiss duration in milliseconds (0 = no auto-dismiss). The timer
+     * pauses while the toast is hovered or focused, and a toast carrying an
+     * action (`actionLabel` with `onAction`/`actionEvent`) never auto-dismisses.
+     */
     duration?: number;
     /** Show dismiss button */
     dismissible?: boolean;
@@ -5177,7 +5165,7 @@ declare const Toast: React__default.FC<ToastProps>;
  */
 
 type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
-interface TooltipProps {
+interface TooltipProps extends A11yProps {
     /** Tooltip content */
     content: React__default.ReactNode;
     /** Tooltip trigger element (ReactElement or ReactNode that will be wrapped in span) */
@@ -5201,6 +5189,7 @@ declare const Tooltip: React__default.FC<TooltipProps>;
  * screens, where the tap is the action).
  */
 
+/** @accessibleName label */
 interface IconButtonProps extends Omit<ButtonProps, 'children' | 'label' | 'icon' | 'leftIcon' | 'rightIcon' | 'iconRight'> {
     icon: IconInput;
     /** What the button does — its accessible name and its tooltip. */
@@ -5229,7 +5218,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonPro
 
 type DrawerPosition = "left" | "right";
 type DrawerSize = "sm" | "md" | "lg" | "xl" | "full";
-interface DrawerProps {
+interface DrawerProps extends A11yProps {
     /** Whether the drawer is open (defaults to true when rendered by slot wrapper) */
     isOpen?: boolean;
     /** Fires after the exit animation completes (the drawer is about to unmount). */
@@ -5282,7 +5271,7 @@ interface WizardProgressStep {
     /** Step description (optional) */
     description?: string;
 }
-interface WizardProgressProps {
+interface WizardProgressProps extends A11yProps {
     /** Step definitions (compatible with WizardContainer's WizardStep). A string is shorthand for `{ id: str, title: str }`. */
     steps?: (WizardProgressStep | string)[];
     /** Current step index (0-based) */
@@ -5320,7 +5309,7 @@ declare const WizardProgress: React__default.FC<WizardProgressProps>;
  * Uses wireframe theme styling (high contrast, sharp edges).
  */
 
-interface WizardNavigationProps {
+interface WizardNavigationProps extends A11yProps {
     /** Current step index (0-based) */
     currentStep: number;
     /** Total number of steps */
@@ -5386,7 +5375,7 @@ declare const WizardNavigation: React__default.FC<WizardNavigationProps>;
  * DocumentViewer and `<svg>` in JazariStateMachine/StateMachineView.
  */
 
-interface MarkdownContentProps {
+interface MarkdownContentProps extends A11yProps {
     /** The markdown content to render */
     content: string;
     /** Text direction (defaults to ltr; `ltr` is first so the generated config seeds it) */
@@ -5526,7 +5515,7 @@ interface CodeViewerFile {
     code: string;
     language?: CodeLanguage;
 }
-interface CodeBlockProps {
+interface CodeBlockProps extends A11yProps {
     /** The code content to display */
     code?: string;
     /** Programming language for syntax highlighting (any Prism id; loaded on demand if not pre-registered) */
@@ -5733,7 +5722,7 @@ declare const CodeBlock: React__default.NamedExoticComponent<CodeBlockProps>;
  *
  * @capabilities multiple-choice quiz, test question, exam item, assessment question, knowledge check, trivia question
  */
-interface QuizBlockProps {
+interface QuizBlockProps extends A11yProps {
     /** The quiz question */
     question: string;
     /** The quiz answer (revealed on toggle) */
@@ -5758,7 +5747,7 @@ declare const QuizBlock: React__default.FC<QuizBlockProps>;
  * - entityAware: false
  */
 
-interface ScaledDiagramProps {
+interface ScaledDiagramProps extends A11yProps {
     children: React__default.ReactNode;
     className?: string;
 }
@@ -5786,7 +5775,7 @@ interface CalendarEventRow {
     endTime?: string;
     color?: string;
 }
-interface CalendarGridProps {
+interface CalendarGridProps extends A11yProps {
     /** Start of the week (defaults to current week's Monday) */
     weekStart?: Date;
     /** Time slot labels (defaults to 09:00-17:00) */
@@ -5854,7 +5843,7 @@ interface CalendarGridProps {
      */
     renderItem?: (item: EntityRow, index: number) => React__default.ReactNode;
 }
-declare function CalendarGrid({ weekStart, timeSlots, events, onSlotClick, onDayClick, onEventClick, className, longPressEvent, longPressPayload, swipeLeftEvent, swipeRightEvent, dayWindow, titleField, startField, endField, colorField, children, renderItem, }: CalendarGridProps): React__default.JSX.Element;
+declare function CalendarGrid({ weekStart, timeSlots, events, onSlotClick, onDayClick, onEventClick, className, longPressEvent, longPressPayload, swipeLeftEvent, swipeRightEvent, dayWindow, titleField, startField, endField, colorField, children, renderItem, ...rest }: CalendarGridProps): React__default.JSX.Element;
 declare namespace CalendarGrid {
     var displayName: string;
 }
@@ -5884,7 +5873,7 @@ interface GanttLink {
  * @capabilities gantt chart, project timeline, schedule view, task bars, dependency arrows, roadmap, milestone plan
  * @fieldsContract display
  */
-interface GanttProps {
+interface GanttProps extends A11yProps {
     /**
      * Schema entity data — the task rows to place on the axis. pattern-sync tags
      * it `kind:"entity", cardinality:"collection"` so consumers bind the domain
@@ -5927,7 +5916,7 @@ interface GanttProps {
     /** Error state */
     error?: UiError | null;
 }
-declare function Gantt({ tasks, links, titleField, startField, endField, durationField, statusField, statusColorMap, groupField, rangeStart, rangeEnd, showToday, dayWidth, barClickEvent, className, isLoading, error, }: GanttProps): React__default.JSX.Element;
+declare function Gantt({ tasks, links, titleField, startField, endField, durationField, statusField, statusColorMap, groupField, rangeStart, rangeEnd, showToday, dayWidth, barClickEvent, className, isLoading, error, ...rest }: GanttProps): React__default.JSX.Element;
 declare namespace Gantt {
     var displayName: string;
 }
@@ -5960,7 +5949,7 @@ type RepeatableItem = {
  *
  * @capabilities dynamic line items, repeatable field group, add/remove entry rows, multi-entry form block
  */
-interface RepeatableFormSectionProps {
+interface RepeatableFormSectionProps extends A11yProps {
     /** Section type identifier */
     sectionType: string;
     /** Section title */
@@ -6025,7 +6014,7 @@ type ViolationRecord = {
     /** Tab/form where violation occurred */
     tabId?: string;
 };
-interface ViolationAlertProps {
+interface ViolationAlertProps extends A11yProps {
     /** Violation data */
     violation: ViolationRecord;
     /** Visual severity (derived from actionType if not specified) */
@@ -6052,7 +6041,7 @@ declare const ViolationAlert: React__default.FC<ViolationAlertProps>;
  * Provides consistent styling and interaction for section headers.
  */
 
-interface FormSectionHeaderProps {
+interface FormSectionHeaderProps extends A11yProps {
     /** Section title */
     title: string;
     /** Section subtitle */
@@ -6088,7 +6077,7 @@ declare const FormSectionHeader: React__default.FC<FormSectionHeaderProps>;
  *
  * @capabilities flashcard, study deck, spaced-repetition review card, memorization drill, quiz reveal card, question/answer card, before/after reveal, term-and-definition card
  */
-interface FlipCardProps {
+interface FlipCardProps extends A11yProps {
     /** Content rendered on the front face */
     front: React__default.ReactNode;
     /** Content rendered on the back face */
@@ -6103,7 +6092,7 @@ interface FlipCardProps {
     height?: string;
 }
 declare const FlipCard: {
-    ({ front, back, flipped, onFlip, className, height, }: FlipCardProps): React__default.JSX.Element;
+    ({ front, back, flipped, onFlip, className, height, ...rest }: FlipCardProps): React__default.JSX.Element;
     displayName: string;
 };
 
@@ -6205,7 +6194,7 @@ declare const IconPicker: React__default.FC<IconPickerProps>;
  */
 
 type EmojiPickerPosition = 'top' | 'bottom';
-interface EmojiPickerProps {
+interface EmojiPickerProps extends A11yProps {
     /**
      * Declarative event name — picking an emoji emits UI:{pickEvent} with { emoji } via eventBus
      */
@@ -6262,7 +6251,7 @@ interface DateRangePickerPreset {
      */
     range?: (() => DateRange) | DateRange;
 }
-interface DateRangePickerProps {
+interface DateRangePickerProps extends A11yProps {
     /** Controlled `from` (ISO date YYYY-MM-DD). */
     from?: string;
     /** Controlled `to` (ISO date YYYY-MM-DD). */
@@ -6305,7 +6294,7 @@ interface DateRangeSelectorOption {
     label: string;
     value: string;
 }
-interface DateRangeSelectorProps {
+interface DateRangeSelectorProps extends A11yProps {
     /** Available range options */
     options?: DateRangeSelectorOption[];
     /** Currently selected value */
@@ -6328,7 +6317,7 @@ interface ChartLegendItem {
     label: string;
     color: string;
 }
-interface ChartLegendProps {
+interface ChartLegendProps extends A11yProps {
     /** Legend items with label and color */
     items: ChartLegendItem[];
     /** Additional CSS classes */
@@ -6359,7 +6348,7 @@ interface ChartDataPoint {
     value: number;
     label?: string;
 }
-interface LineChartProps {
+interface LineChartProps extends A11yProps {
     /** Data points to plot */
     data: ChartDataPoint[];
     /** SVG viewBox width */
@@ -6390,7 +6379,7 @@ declare const LineChart: React__default.FC<LineChartProps>;
 
 type DotState = 'active' | 'complete' | 'pending';
 type DotSize = 'sm' | 'md' | 'lg';
-interface ProgressDotsProps {
+interface ProgressDotsProps extends A11yProps {
     /** Total number of dots */
     count: number;
     /** Current active index (0-based) */
@@ -6518,7 +6507,7 @@ interface MathHop {
     /** Hop label, centered above the arc. */
     label?: string;
 }
-interface MathCanvasProps {
+interface MathCanvasProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     className?: string;
     width?: number;
     height?: number;
@@ -6812,7 +6801,7 @@ interface PhysicsMeter {
     /** Bar + value color (default '#3b82f6'). */
     color?: string;
 }
-interface PhysicsCanvasProps {
+interface PhysicsCanvasProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     className?: string;
     width?: number;
     height?: number;
@@ -7021,7 +7010,7 @@ interface BiologyHelix3D {
     /** Spread multiplier for unwound rungs (default 1.8). */
     unwindSpread?: number;
 }
-interface BiologyCanvasProps {
+interface BiologyCanvasProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     className?: string;
     width?: number;
     height?: number;
@@ -7214,7 +7203,7 @@ interface ChemistryLattice3D {
     /** Selected-site color (default '#f59e0b'). */
     selectedColor?: string;
 }
-interface ChemistryCanvasProps {
+interface ChemistryCanvasProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     className?: string;
     width?: number;
     height?: number;
@@ -7362,7 +7351,7 @@ interface AlgorithmAxisLabel {
     text: string;
     color?: string;
 }
-interface AlgorithmCanvasProps {
+interface AlgorithmCanvasProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     className?: string;
     width?: number;
     height?: number;
@@ -7450,7 +7439,7 @@ interface AlgoGraphEdge {
     state?: AlgoGraphEdgeState;
     color?: string;
 }
-interface AlgoGraphCanvasProps {
+interface AlgoGraphCanvasProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     className?: string;
     width?: number;
     height?: number;
@@ -7508,7 +7497,9 @@ declare const AlgoGraphCanvas: React$1.FC<AlgoGraphCanvasProps>;
 
 /** A point in scene space: `[x, y, z]` — x/y the ground plane, z the height (cells). */
 type Learning3DPoint = [number, number, number];
-interface LearningScene3DProps {
+interface LearningScene3DProps extends A11yProps {
+    /** Text alternative for the scene, rendered as visually hidden text and linked by aria-describedby. */
+    description?: string;
     className?: string;
     width?: number;
     height?: number;
@@ -7533,7 +7524,7 @@ interface LearningScene3DProps {
     /** Fires with the `id` of a clicked descriptor (descriptors carry `id` via DrawableBase). */
     onItemClick?: (id: string) => void;
 }
-declare function LearningScene3D({ className, width, height, title, backgroundColor, drawables, camera, lighting, post, showGrid, shadows, interactive, isLoading, error, onItemClick, }: LearningScene3DProps): React$1.JSX.Element;
+declare function LearningScene3D({ className, width, height, title, backgroundColor, drawables, camera, lighting, post, showGrid, shadows, interactive, isLoading, error, onItemClick, description, ...rest }: LearningScene3DProps): React$1.JSX.Element;
 declare namespace LearningScene3D {
     var displayName: string;
 }
@@ -7592,7 +7583,7 @@ interface GraphViewEdge {
     color?: string;
     label?: string;
 }
-interface GraphViewProps {
+interface GraphViewProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Graph nodes */
     nodes: GraphViewNode[];
     /** Graph edges */
@@ -7672,7 +7663,7 @@ interface MapRouteData {
     /** Label shown in a popup at the midpoint */
     label?: string;
 }
-interface MapViewProps {
+interface MapViewProps extends A11yProps {
     /** Array of markers to display */
     markers?: MapMarkerData[];
     /** Routes (polylines with optional popups) drawn over the tile layer */
@@ -7711,7 +7702,8 @@ interface MapViewProps {
 declare function MapView(props: MapViewProps): React__default.JSX.Element;
 
 type NumberStepperSize = "sm" | "md" | "lg";
-interface NumberStepperProps {
+/** @accessibleName label */
+interface NumberStepperProps extends A11yProps {
     /** Current value */
     value?: number;
     /** Minimum value */
@@ -7743,7 +7735,8 @@ declare const NumberStepper: React__default.FC<NumberStepperProps>;
 
 type StarRatingSize = "sm" | "md" | "lg";
 type StarRatingPrecision = "full" | "half";
-interface StarRatingProps {
+/** @accessibleName label */
+interface StarRatingProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Current rating value */
     value?: number;
     /** Maximum number of stars */
@@ -7771,7 +7764,7 @@ interface StarRatingProps {
 }
 declare const StarRating: React__default.FC<StarRatingProps>;
 
-interface UploadDropZoneProps {
+interface UploadDropZoneProps extends A11yProps {
     /** Accepted MIME types (e.g., "image/*", "application/pdf") */
     accept?: string;
     /** Max file size in bytes */
@@ -7811,7 +7804,7 @@ interface LightboxImage {
     alt?: string;
     caption?: string;
 }
-interface LightboxProps {
+interface LightboxProps extends A11yProps {
     /** Array of images to display */
     images: LightboxImage[];
     /** Current image index */
@@ -7858,6 +7851,11 @@ declare const Lightbox: React__default.FC<LightboxProps>;
  * evaluated by the one helper below.
  */
 type RowActionCondition = SExpr$1 | ((row: EntityRow) => boolean);
+/**
+ * What an action item's `payload` holds: the authored `(fn row { key: <expr> })`
+ * S-expression, or the compiled shell's `(row) => payload` closure.
+ */
+type RowActionPayload = SExpr$1 | ((row: EntityRow) => EventPayload);
 
 /**
  * useDataDnd — shared drag-drop machinery for DataList + DataGrid.
@@ -7934,6 +7932,8 @@ interface DataGridItemAction {
     variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
     /** Per-row condition, authored as `(fn row <bool>)`: the row's button is drawn only when it returns true. Omit = always shown. */
     when?: RowActionCondition;
+    /** Extra data the action sends, authored as `(fn row { key: <expr> })`; it emits `{ id, row }` plus these keys. */
+    payload?: RowActionPayload;
 }
 /**
  * DataGrid — structured records grid rendering rows over configurable columns,
@@ -7943,7 +7943,7 @@ interface DataGridItemAction {
  * @fieldsContract display
  * @minWidth 200
  */
-interface DataGridProps extends DataDndProps, EmptyStateSlotProps {
+interface DataGridProps extends DataDndProps, EmptyStateSlotProps, A11yProps {
     /**
      * Schema entity data — the collection of rows to render. pattern-sync tags
      * it `kind:"entity", cardinality:"collection"` so consumers bind the domain
@@ -8015,7 +8015,7 @@ interface DataGridProps extends DataDndProps, EmptyStateSlotProps {
      *  field whose type is relation. Same contract DetailPanel takes. */
     relationsData?: Record<string, readonly RelationOption[]>;
 }
-declare function DataGrid({ entity, emptyIcon, emptyTitle, emptyDescription, emptyAction, fields, columns, itemActions, itemClickEvent, maxInlineActions, scrollX, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, look, relationsData, }: DataGridProps): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
+declare function DataGrid({ entity, emptyIcon, emptyTitle, emptyDescription, emptyAction, fields, columns, itemActions, itemClickEvent, maxInlineActions, scrollX, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, look, relationsData, ...rest }: DataGridProps): string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
 declare namespace DataGrid {
     var displayName: string;
 }
@@ -8048,6 +8048,8 @@ interface DataListItemAction {
     variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
     /** Per-row condition, authored as `(fn row <bool>)`: the row's button is drawn only when it returns true. Omit = always shown. */
     when?: RowActionCondition;
+    /** Extra data the action sends, authored as `(fn row { key: <expr> })`; it emits `{ id, row }` plus these keys. */
+    payload?: RowActionPayload;
 }
 interface DataListSwipeAction {
     /** Button label */
@@ -8061,7 +8063,7 @@ interface DataListSwipeAction {
  * @fieldsContract display
  * @minWidth 200
  */
-interface DataListProps extends DataDndProps, EmptyStateSlotProps {
+interface DataListProps extends DataDndProps, EmptyStateSlotProps, A11yProps {
     /**
      * Schema entity data — the collection of rows to render.
      */
@@ -8169,7 +8171,7 @@ interface DataListProps extends DataDndProps, EmptyStateSlotProps {
      *  field whose type is relation. Same contract DetailPanel takes. */
     relationsData?: Record<string, readonly RelationOption[]>;
 }
-declare function DataList({ entity, fields, columns, itemActions, maxInlineActions, itemClickEvent, gap, variant, groupBy, senderField, senderLabelField, currentUser, emptyMessage, emptyIcon, emptyTitle, emptyDescription, emptyAction, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, sortBy, sortDirection, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, relationsData, }: DataListProps): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
+declare function DataList({ entity, fields, columns, itemActions, maxInlineActions, itemClickEvent, gap, variant, groupBy, senderField, senderLabelField, currentUser, emptyMessage, emptyIcon, emptyTitle, emptyDescription, emptyAction, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, sortBy, sortDirection, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, look, relationsData, ...rest }: DataListProps): string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
 declare namespace DataList {
     var displayName: string;
 }
@@ -8231,6 +8233,8 @@ interface TableViewItemAction {
     variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
     /** Per-row condition, authored as `(fn row <bool>)`: the row's menu item is drawn only when it returns true. Omit = always shown. */
     when?: RowActionCondition;
+    /** Extra data the action sends, authored as `(fn row { key: <expr> })`; it emits `{ id, row }` plus these keys. */
+    payload?: RowActionPayload;
 }
 /**
  * TableView — sortable, selectable data table rendering rows over configurable
@@ -8240,7 +8244,7 @@ interface TableViewItemAction {
  * @fieldsContract display
  * @minWidth 240
  */
-interface TableViewProps extends DataDndProps, EmptyStateSlotProps {
+interface TableViewProps extends DataDndProps, EmptyStateSlotProps, A11yProps {
     /** Schema entity data — the collection of rows to render. */
     entity: readonly EntityRow[];
     /** Column definitions. The compiler emits `columns`; `fields` is the alias. */
@@ -8307,7 +8311,7 @@ interface TableViewProps extends DataDndProps, EmptyStateSlotProps {
      *  column whose field is relation-typed. Same contract DetailPanel takes. */
     relationsData?: Record<string, readonly RelationOption[]>;
 }
-declare function TableView({ entity, columns, fields, itemActions, itemClickEvent, selectable, selectEvent, selectedIds, sortEvent, sortColumn, sortDirection, className, emptyMessage, emptyIcon, emptyTitle, emptyDescription, emptyAction, isLoading, error, groupBy, pageSize, children, renderItem: _schemaRenderItem, look, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, relationsData, }: TableViewProps): React__default.JSX.Element;
+declare function TableView({ entity, columns, fields, itemActions, itemClickEvent, selectable, selectEvent, selectedIds, sortEvent, sortColumn, sortDirection, className, emptyMessage, emptyIcon, emptyTitle, emptyDescription, emptyAction, isLoading, error, groupBy, pageSize, children, renderItem: _schemaRenderItem, look, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, relationsData, ...rest }: TableViewProps): React__default.JSX.Element;
 declare namespace TableView {
     var displayName: string;
 }
@@ -8321,7 +8325,7 @@ declare namespace TableView {
  */
 
 type StatDisplayLook = 'elevated' | 'flat' | 'progress-backed' | 'gauge' | 'sparkline';
-interface StatDisplayProps {
+interface StatDisplayProps extends A11yProps {
     /** Display label (e.g., "Total", "Remaining") */
     label: string;
     /** Primary value (number or formatted string) */
@@ -8389,7 +8393,7 @@ interface MeterAction {
     navigatesTo?: string;
     variant?: "primary" | "secondary" | "ghost";
 }
-interface MeterProps {
+interface MeterProps extends A11yProps {
     /** Current value */
     value: number;
     /** Minimum value */
@@ -8440,7 +8444,7 @@ interface SwipeAction {
     /** Per-row condition, authored as `(fn row <bool>)`: the swipe action is revealed only when it returns true. Omit = always shown. */
     when?: RowActionCondition;
 }
-interface SwipeableRowProps {
+interface SwipeableRowProps extends A11yProps {
     leftActions?: SwipeAction[];
     rightActions?: SwipeAction[];
     threshold?: number;
@@ -8462,7 +8466,7 @@ declare const SwipeableRow: React__default.FC<SwipeableRowProps>;
  *
  * @capabilities checklist, task list, to-do list, priority list, ranked list, drag-to-reorder queue
  */
-interface SortableListProps {
+interface SortableListProps extends A11yProps {
     items: readonly EntityRow[];
     /** Render function for each item. In .lolo: renderItem: (fn item <Component …={@item.field}/>), binding per-item fields via @item.field. */
     renderItem: (item: EntityRow, index: number) => React__default.ReactNode;
@@ -8477,7 +8481,7 @@ interface SortableListProps {
     dragHandlePosition?: 'left' | 'right';
     className?: string;
 }
-declare function SortableListInner({ items: initialItemsProp, renderItem, reorderEvent, reorderPayload, dragHandlePosition, className, }: SortableListProps): React__default.JSX.Element;
+declare function SortableListInner({ items: initialItemsProp, renderItem, reorderEvent, reorderPayload, dragHandlePosition, className, ...rest }: SortableListProps): React__default.JSX.Element;
 declare const SortableList: typeof SortableListInner;
 
 /**
@@ -8494,7 +8498,7 @@ interface CarouselItem {
     title?: string;
     image?: AssetUrl;
 }
-interface CarouselProps<T = CarouselItem> {
+interface CarouselProps<T = CarouselItem> extends A11yProps {
     /** Array of items to display as slides */
     items: T[];
     /** Render function for each slide. In .lolo: renderItem: (fn item <Component …={@item.field}/>), binding per-item fields via @item.field. */
@@ -8522,7 +8526,7 @@ interface CarouselProps<T = CarouselItem> {
     /** Additional CSS classes */
     className?: string;
 }
-declare const Carousel: <T = CarouselItem>({ items, renderItem, children, autoPlay, autoPlayInterval, showDots, showArrows, loop, slideChangeEvent, slideChangePayload, className, }: CarouselProps<T>) => React__default.ReactElement | null;
+declare const Carousel: <T = CarouselItem>({ items, renderItem, children, autoPlay, autoPlayInterval, showDots, showArrows, loop, slideChangeEvent, slideChangePayload, className, ...rest }: CarouselProps<T>) => React__default.ReactElement | null;
 
 /**
  * PullToRefresh Molecule Component
@@ -8532,7 +8536,7 @@ declare const Carousel: <T = CarouselItem>({ items, renderItem, children, autoPl
  * a refresh event via the event bus when the threshold is met.
  */
 
-interface PullToRefreshProps {
+interface PullToRefreshProps extends A11yProps {
     /** Event name to emit on refresh (emitted as UI:{refreshEvent}) */
     refreshEvent: EventKey;
     /** Payload to include with the refresh event
@@ -8561,7 +8565,7 @@ declare const PullToRefresh: React__default.FC<PullToRefreshProps>;
  *
  * @capabilities feature highlight, benefit callout, product capability card, feature-grid tile
  */
-interface FeatureCardProps {
+interface FeatureCardProps extends A11yProps {
     icon?: IconInput;
     /** Feature title */
     title: string;
@@ -8587,7 +8591,7 @@ declare const FeatureCard: React__default.FC<FeatureCardProps>;
  * Composes SimpleGrid and FeatureCard molecules.
  */
 
-interface FeatureGridProps {
+interface FeatureGridProps extends A11yProps {
     /** Array of feature card configurations */
     items: FeatureCardProps[];
     /** Number of grid columns */
@@ -8606,7 +8610,7 @@ declare const FeatureGrid: React__default.FC<FeatureGridProps>;
  * later value changes. Optional label below the number.
  */
 
-interface AnimatedCounterProps {
+interface AnimatedCounterProps extends A11yProps {
     /** Target value. Strings may carry display affixes (e.g. "500+", "99.9%", "$1.2M"). */
     value: string | number;
     /** Label displayed below the number */
@@ -8640,7 +8644,7 @@ interface SocialProofItem {
     /** Optional quote or testimonial text */
     quote?: string;
 }
-interface SocialProofProps {
+interface SocialProofProps extends A11yProps {
     /** List of social proof items */
     items: SocialProofItem[];
     /** Display variant */
@@ -8673,7 +8677,7 @@ declare const SocialProof: React__default.FC<SocialProofProps>;
  * (`[string]` config knobs without `enumValues`).
  */
 
-interface TagInputProps {
+interface TagInputProps extends A11yProps {
     /** Current list of tags. */
     value: ReadonlyArray<string>;
     /** Direct callback emitted on every change. Stays as the
@@ -8787,7 +8791,7 @@ type VoteStackVariant = "vertical" | "horizontal";
  * std atoms to drop their string sentinel.
  */
 type VoteValue = "up" | "down" | "none" | null;
-interface VoteStackProps {
+interface VoteStackProps extends A11yProps {
     /** Current tally */
     count: number;
     /** Current user's vote (null = no vote cast) */
@@ -8819,7 +8823,7 @@ interface LikertOption {
     /** Visible label below (radios) or inside (buttons) the control */
     label: string;
 }
-interface LikertScaleProps {
+interface LikertScaleProps extends A11yProps {
     /** Optional row prompt above the scale */
     question?: string;
     /** Scale points (defaults to a translated 5-point agree/disagree set) */
@@ -8855,7 +8859,7 @@ interface MatrixColumn {
     value: number | string;
     label: string;
 }
-interface MatrixQuestionProps {
+interface MatrixQuestionProps extends A11yProps {
     /** Optional title rendered above the matrix */
     title?: string;
     /** Question rows */
@@ -8894,7 +8898,7 @@ type QrScanResult = EventPayload & {
     format: string;
     timestamp: number;
 };
-interface QrScannerProps {
+interface QrScannerProps extends A11yProps {
     onScan?: (result: QrScanResult) => void;
     scanEvent?: EventEmit<QrScanResult>;
     onError?: (error: Error) => void;
@@ -8933,7 +8937,7 @@ type OptionConstraint = {
     min?: number;
     max?: number;
 };
-interface OptionConstraintGroupProps {
+interface OptionConstraintGroupProps extends A11yProps {
     groupId: string;
     title: string;
     description?: string;
@@ -8966,7 +8970,7 @@ interface CanvasItemRow {
     status?: CanvasItemStatus;
     shape?: CanvasItemShape;
 }
-interface PositionedCanvasProps {
+interface PositionedCanvasProps extends A11yProps {
     /**
      * Items to render. The molecule narrows non-array values to `[]` and reads
      * each row's `id` / `x` / `y` / `label` fields at render time.
@@ -9009,7 +9013,7 @@ declare const PositionedCanvas: React__default.FC<PositionedCanvasProps>;
  * always sees the latest content.
  */
 
-interface RichTextEditorProps {
+interface RichTextEditorProps extends A11yProps {
     /** The rich text content as HTML. Sanitized before rendering and on every change. */
     value?: string;
     onChange?: (value: string) => void;
@@ -9055,7 +9059,7 @@ interface DocumentPanelAction {
  *
  * @capabilities document page, note editor, wiki page, article editor, writing surface, rich text document, content editing canvas
  */
-interface DocumentPanelProps {
+interface DocumentPanelProps extends A11yProps {
     /** The record's id — carried on every commit and action event. */
     id?: string;
     /** Document title (falls back to "Untitled" for a blank draft) */
@@ -9103,7 +9107,7 @@ interface DocumentPanelProps {
     placeholder?: string;
     className?: string;
 }
-declare function DocumentPanel({ id, title, subtitle, coverImage, icon, value, actions, maxInlineActions, editing, titleCommitEvent, contentChangeEvent, editEvent, doneEvent, editLabel, doneLabel, autosaveHint, placeholder, className, }: DocumentPanelProps): React__default.ReactElement;
+declare function DocumentPanel({ id, title, subtitle, coverImage, icon, value, actions, maxInlineActions, editing, titleCommitEvent, contentChangeEvent, editEvent, doneEvent, editLabel, doneLabel, autosaveHint, placeholder, className, ...rest }: DocumentPanelProps): React__default.ReactElement;
 
 /**
  * DocumentDetails Molecule
@@ -9153,7 +9157,7 @@ interface DocumentDetailsField {
  * @capabilities document settings, page details, post settings sidebar, metadata panel, document properties, publish settings
  * @fieldsContract display
  */
-interface DocumentDetailsProps {
+interface DocumentDetailsProps extends A11yProps {
     /** The loaded record — supplies the id every commit carries and the
      *  values the rows read. */
     entity?: EntityRow;
@@ -9177,7 +9181,7 @@ interface DocumentDetailsProps {
     title?: string;
     className?: string;
 }
-declare function DocumentDetails({ entity, fields, metaCommitEvent, relationEvent, title, className, }: DocumentDetailsProps): React__default.ReactElement | null;
+declare function DocumentDetails({ entity, fields, metaCommitEvent, relationEvent, title, className, ...rest }: DocumentDetailsProps): React__default.ReactElement | null;
 
 /**
  * ReplyTree Organism Component
@@ -9198,7 +9202,7 @@ interface ReplyNodeRow {
     collapsed?: boolean;
     replies?: readonly EntityWith<ReplyNodeRow>[];
 }
-interface ReplyTreeProps {
+interface ReplyTreeProps extends A11yProps {
     nodes: readonly EntityWith<ReplyNodeRow>[];
     maxDepth?: number;
     onVote?: (nodeId: string, vote: VoteValue) => void;
@@ -9238,7 +9242,7 @@ interface BranchingRule extends EventPayload {
     value: string | string[];
     targetQuestionId: string | typeof END_OF_SURVEY;
 }
-interface BranchingLogicBuilderProps {
+interface BranchingLogicBuilderProps extends A11yProps {
     questions: readonly BranchingQuestion[] | EventPayloadValue;
     /**
      * Rules. Accepts either a typed array (direct consumers) or the runtime
@@ -9270,7 +9274,7 @@ type CommitKind = 'user' | 'agent' | 'restore' | 'undo' | 'redo' | 'snapshot' |
  *
  * @capabilities version history row, commit entry, revision list item, change log entry, restore point, undo history item
  */
-interface CommitRowProps {
+interface CommitRowProps extends A11yProps {
     /** Commit id; the first 7 characters are shown, the whole id on hover. */
     sha: string;
     /** Commit message. */
@@ -9318,7 +9322,7 @@ interface ChangeListItem {
  *
  * @capabilities change summary, what changed, version changes, diff summary, release notes list, modification list
  */
-interface ChangeListProps {
+interface ChangeListProps extends A11yProps {
     /** The changes. Accepts a typed list or a render-ui payload binding. */
     changes: readonly ChangeListItem[] | EventPayloadValue;
     /** Emitted by a change's Inspect button. Payload: { title, type }. */
@@ -9363,7 +9367,7 @@ interface DiffHunk {
  *
  * @capabilities version diff, compare revisions, what changed, before and after, code diff, commit diff, revision comparison
  */
-interface VersionDiffProps {
+interface VersionDiffProps extends A11yProps {
     /**
      * All available revisions (at least 2). Accepts either a typed array (direct
      * consumers) or the runtime payload shape from a render-ui binding
@@ -9417,7 +9421,7 @@ interface DocBreadcrumbItem {
     /** Navigation href (omit for the current/last item) */
     href?: string;
 }
-interface DocBreadcrumbProps {
+interface DocBreadcrumbProps extends A11yProps {
     /** Breadcrumb path items, last item is treated as current page */
     items: DocBreadcrumbItem[];
     /** Additional CSS classes */
@@ -9437,7 +9441,7 @@ interface DocPaginationLink {
     href: string;
     category?: string;
 }
-interface DocPaginationProps {
+interface DocPaginationProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Previous page link */
     prev?: DocPaginationLink;
     /** Next page link */
@@ -9445,7 +9449,7 @@ interface DocPaginationProps {
     /** Additional class names */
     className?: string;
 }
-declare function DocPagination({ prev, next, className }: DocPaginationProps): React__default.JSX.Element | null;
+declare function DocPagination({ prev, next, className, ...rest }: DocPaginationProps): React__default.JSX.Element | null;
 
 /**
  * DocSearch — documentation search input with inline results dropdown (distinct from SearchInput).
@@ -9460,7 +9464,7 @@ interface DocSearchResult {
     excerpt?: string;
     category?: string;
 }
-interface DocSearchProps {
+interface DocSearchProps extends A11yProps {
     /** Placeholder text for the input */
     placeholder?: string;
     /** Callback invoked with the search query, returns results */
@@ -9468,7 +9472,7 @@ interface DocSearchProps {
     /** Additional class names */
     className?: string;
 }
-declare function DocSearch({ placeholder, onSearch, className, }: DocSearchProps): React__default.JSX.Element;
+declare function DocSearch({ placeholder, onSearch, className, ...rest }: DocSearchProps): React__default.JSX.Element;
 
 /**
  * DocSidebar — collapsible documentation navigation sidebar.
@@ -9487,7 +9491,7 @@ interface DocSidebarItem {
     /** Whether this item is currently active */
     active?: boolean;
 }
-interface DocSidebarProps {
+interface DocSidebarProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Sidebar navigation items */
     items: DocSidebarItem[];
     /** Additional CSS classes */
@@ -9510,7 +9514,7 @@ interface DocTOCItem {
     /** Heading level: 2 for h2, 3 for h3, etc. */
     level: number;
 }
-interface DocTOCProps {
+interface DocTOCProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Table of contents items */
     items: DocTOCItem[];
     /** Currently active section id */
@@ -9527,7 +9531,7 @@ declare const DocTOC: React__default.FC<DocTOCProps>;
  * Used between major sections for visual separation without hard background-color breaks.
  */
 
-interface GradientDividerProps {
+interface GradientDividerProps extends A11yProps {
     /** Semantic palette token or a raw CSS color value. Defaults to 'primary'. */
     color?: ColorToken | string;
     /** Additional class names */
@@ -9559,7 +9563,7 @@ interface PageHeaderStatus {
     label: string;
     variant?: "default" | "success" | "warning" | "danger" | "info";
 }
-interface PageHeaderProps {
+interface PageHeaderProps extends A11yProps {
     /** Page title - accepts string or number from generated code accessing dynamic entity data */
     title?: string | number;
     /** Icon shown before the title. */
@@ -9595,7 +9599,7 @@ interface PageHeaderProps {
 }
 declare const PageHeader: React__default.FC<PageHeaderProps>;
 
-interface FormSectionProps extends DisplayStateProps {
+interface FormSectionProps extends Omit<DisplayStateProps, keyof A11yProps>, A11yProps {
     /** Section title */
     title?: string;
     /** Section description */
@@ -9615,7 +9619,7 @@ declare const FormSection$1: React__default.FC<FormSectionProps>;
 /**
  * Form layout with multiple sections
  */
-interface FormLayoutProps extends DisplayStateProps {
+interface FormLayoutProps extends Omit<DisplayStateProps, keyof A11yProps>, A11yProps {
     children: React__default.ReactNode;
     /** Show section dividers */
     dividers?: boolean;
@@ -9624,7 +9628,7 @@ declare const FormLayout: React__default.FC<FormLayoutProps>;
 /**
  * Form actions bar (submit/cancel buttons)
  */
-interface FormActionsProps extends DisplayStateProps {
+interface FormActionsProps extends Omit<DisplayStateProps, keyof A11yProps>, A11yProps {
     children: React__default.ReactNode;
     /** Sticky at bottom */
     sticky?: boolean;
@@ -9685,7 +9689,7 @@ interface HeaderUserAvatar {
     alt?: string;
     initials?: string;
 }
-interface HeaderProps {
+interface HeaderProps extends A11yProps {
     /**
      * Logo/Brand content
      */
@@ -9820,7 +9824,7 @@ interface NavigationItem {
      */
     subMenu?: NavigationItem[];
 }
-interface NavigationProps {
+interface NavigationProps extends A11yProps {
     /**
      * Navigation items
      */
@@ -9850,7 +9854,7 @@ declare const Navigation: React__default.FC<NavigationProps>;
 
 type SectionPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
 type SectionVariant = 'default' | 'card' | 'bordered' | 'filled';
-interface SectionProps {
+interface SectionProps extends A11yProps {
     /** Section title */
     title?: string;
     /** Section subtitle/description */
@@ -9915,7 +9919,7 @@ interface SidebarItem {
     /** Sub-items (for nested navigation) */
     subItems?: SidebarItem[];
 }
-interface SidebarProps {
+interface SidebarProps extends A11yProps {
     /** Additional CSS classes */
     className?: string;
     /** Loading state indicator */
@@ -9962,7 +9966,7 @@ declare const Sidebar: React__default.FC<SidebarProps>;
 
 type SplitRatio = '1:1' | '1:2' | '2:1' | '1:3' | '3:1' | '1:4' | '4:1' | '2:3' | '3:2';
 type SplitGap = 'none' | 'sm' | 'md' | 'lg' | 'xl';
-interface SplitProps {
+interface SplitProps extends A11yProps {
     /** Size ratio between left and right panels */
     ratio?: SplitRatio;
     /** Gap between panels */
@@ -10003,7 +10007,7 @@ declare const Split: React__default.FC<SplitProps>;
  */
 
 type ConfirmDialogVariant = "danger" | "warning" | "info" | "default";
-interface ConfirmDialogProps {
+interface ConfirmDialogProps extends A11yProps {
     /** Whether the dialog is open (defaults to true when rendered by slot wrapper) */
     isOpen?: boolean;
     /** Callback when dialog is closed (injected by slot wrapper) */
@@ -10173,7 +10177,7 @@ interface WizardStep {
     /** Allow additional properties from schema */
     [key: string]: JsonValue | React__default.ReactNode | WizardSection[] | WizardEntityMapping | WizardValidationRule[] | WizardLawReference[] | (() => boolean) | undefined;
 }
-interface WizardContainerProps {
+interface WizardContainerProps extends A11yProps {
     /** Wizard steps */
     steps: WizardStep[];
     /** Current step index (controlled) - accepts number or string for generated code compatibility */
@@ -10246,7 +10250,7 @@ interface OrbitalVisualizationSchemaSummary {
     /** Trait count. */
     traits?: number;
 }
-interface OrbitalVisualizationProps {
+interface OrbitalVisualizationProps extends A11yProps {
     /** Complexity-scoring summary of a KFlow schema (counts only — see
      *  {@link OrbitalVisualizationSchemaSummary}). */
     schema?: OrbitalVisualizationSchemaSummary;
@@ -10274,7 +10278,7 @@ declare const OrbitalVisualization: React__default.FC<OrbitalVisualizationProps>
  * machine drawn with gear-shaped states, from an orbital schema or one trait.
  */
 
-interface JazariStateMachineProps {
+interface JazariStateMachineProps extends A11yProps {
     /** Additional CSS classes */
     className?: string;
     /** Loading state indicator */
@@ -10306,7 +10310,7 @@ declare const JazariStateMachine: React__default.FC<JazariStateMachineProps>;
  * - entityAware: false
  */
 
-interface ContentRendererProps extends DisplayStateProps {
+interface ContentRendererProps extends Omit<DisplayStateProps, keyof A11yProps>, A11yProps {
     /** Raw content string — auto-parsed into segments */
     content?: string;
     /** Pre-parsed segments (overrides content) */
@@ -10376,7 +10380,7 @@ interface ChartAction {
     navigatesTo?: string;
     variant?: "primary" | "secondary" | "ghost";
 }
-interface ChartProps {
+interface ChartProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Chart title */
     title?: string;
     /** Chart subtitle / description */
@@ -10445,7 +10449,7 @@ declare const Chart: React__default.FC<ChartProps>;
  *
  * @capabilities e-signature capture, sign-here field, consent signature, initial-here field, wet-signature substitute
  */
-interface SignaturePadProps {
+interface SignaturePadProps extends A11yProps {
     /** Label above the pad */
     label?: string;
     /** Helper text */
@@ -10503,7 +10507,7 @@ interface DocumentItem {
     content?: string;
     documentType?: DocumentType;
 }
-interface DocumentViewerProps {
+interface DocumentViewerProps extends A11yProps {
     /** Document title */
     title?: string;
     /** Document URL (for PDF/external documents) */
@@ -10598,7 +10602,9 @@ interface GraphAction {
     navigatesTo?: string;
     variant?: "primary" | "secondary" | "ghost";
 }
-interface GraphCanvasProps {
+interface GraphCanvasProps extends A11yProps {
+    /** Text alternative for the graph, rendered as visually hidden text and linked by aria-describedby. */
+    description?: string;
     /** Graph title */
     title?: string;
     /** Graph nodes */
@@ -10683,7 +10689,7 @@ interface ImportSourceOption {
     /** Disable the option */
     disabled?: boolean;
 }
-interface ImportSourcePickerProps {
+interface ImportSourcePickerProps extends A11yProps {
     /** Source options to render */
     sources: ImportSourceOption[];
     /** Called with the source id when an 'action' option is picked */
@@ -10728,7 +10734,7 @@ interface ImportEntityDisplay {
     singular: string;
     plural: string;
 }
-interface ImportPreviewTreeProps {
+interface ImportPreviewTreeProps extends A11yProps {
     /** Staged units to preview */
     units: ImportPreviewUnit[];
     /** Elements skipped during extraction, with reasons */
@@ -10765,7 +10771,7 @@ interface ImportProgressCounts {
     committed?: number;
     failed?: number;
 }
-interface ImportProgressProps {
+interface ImportProgressProps extends A11yProps {
     /** Current lifecycle step */
     step: ImportProgressStep;
     /** Unit counts */
@@ -10788,7 +10794,7 @@ declare const ImportProgress: React__default.FC<ImportProgressProps>;
  * - entityAware: false
  */
 
-interface ActivationBlockProps {
+interface ActivationBlockProps extends A11yProps {
     /** The prior-knowledge question */
     question: string;
     /** Pre-filled response from saved state */
@@ -10810,7 +10816,7 @@ declare const ActivationBlock: React__default.FC<ActivationBlockProps>;
  * - entityAware: false
  */
 
-interface ReflectionBlockProps {
+interface ReflectionBlockProps extends A11yProps {
     /** The reflection prompt */
     prompt: string;
     /** Zero-based index of this block (used in the emitted event payload) */
@@ -10835,7 +10841,7 @@ declare const ReflectionBlock: React__default.FC<ReflectionBlockProps>;
  * - entityAware: false
  */
 
-interface ConnectionBlockProps {
+interface ConnectionBlockProps extends A11yProps {
     /** Markdown content summarising what the learner already knows */
     content: string;
     /** Additional CSS classes */
@@ -10866,7 +10872,7 @@ interface CodeSimulationOutput {
         passed: boolean;
     }>;
 }
-interface CodeRunnerPanelProps {
+interface CodeRunnerPanelProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Initial code content */
     code: string;
     /** Programming language for syntax highlighting */
@@ -10910,7 +10916,7 @@ interface LessonUserProgress {
     reflectionNotes?: string[];
     bloomAnswered?: Record<number, boolean>;
 }
-interface SegmentRendererProps {
+interface SegmentRendererProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Parsed lesson segments (see `parseLessonSegments`) */
     segments: LessonSegment[];
     /** Additional CSS classes for the root container */
@@ -10976,7 +10982,7 @@ interface FloatingToolbarItem {
     testId?: string;
 }
 type FloatingToolbarPosition = "bottom-center" | "bottom-left" | "bottom-right" | "top-center" | "top-left" | "top-right";
-interface FloatingToolbarProps {
+interface FloatingToolbarProps extends A11yProps {
     /** Tool items rendered as icon buttons */
     items: FloatingToolbarItem[];
     /**
@@ -11021,6 +11027,8 @@ interface RowAction<T> {
     event?: EventKey;
     /** Per-row condition, authored as `(fn row <bool>)`; composes with `show`. Omit = always shown. */
     when?: RowActionCondition;
+    /** Extra data the action sends, authored as `(fn row { key: <expr> })`; it emits `{ id, row }` plus these keys. */
+    payload?: RowActionPayload;
 }
 type DataTableEmptyAction = EmptyStateAction;
 /**
@@ -11028,7 +11036,7 @@ type DataTableEmptyAction = EmptyStateAction;
  */
 interface DataTableProps<T extends EntityRow & {
     id: string | number;
-}> extends DisplayStateProps {
+}> extends DisplayStateProps, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Entity rows to display (collection cardinality). */
     entity?: readonly EntityRow[];
     /** Fields to display - accepts string[] or Column[] for unified interface. Alias for columns */
@@ -11049,6 +11057,8 @@ interface DataTableProps<T extends EntityRow & {
         onClick?: (row: T) => void;
         /** Per-row condition, authored as `(fn row <bool>)`: the row's action is drawn only when it returns true. Omit = always shown. */
         when?: RowActionCondition;
+        /** Extra data the action sends, authored as `(fn row { key: <expr> })`; it emits `{ id, row }` plus these keys. */
+        payload?: RowActionPayload;
     }[];
     emptyIcon?: IconInput;
     emptyTitle?: string;
@@ -11079,7 +11089,7 @@ interface DataTableProps<T extends EntityRow & {
 }
 declare function DataTable<T extends EntityRow & {
     id: string | number;
-}>({ fields, columns, entity, itemActions, itemClickEvent, isLoading, error, emptyIcon, emptyTitle, emptyDescription, emptyAction, selectable, selectedIds, sortBy, sortDirection, searchable, searchValue, searchPlaceholder, page, pageSize, totalCount, rowActions: externalRowActions, bulkActions, headerActions, showTotal, className, look, relationsData, }: DataTableProps<T>): React__default.JSX.Element;
+}>({ fields, columns, entity, itemActions, itemClickEvent, isLoading, error, emptyIcon, emptyTitle, emptyDescription, emptyAction, selectable, selectedIds, sortBy, sortDirection, searchable, searchValue, searchPlaceholder, page, pageSize, totalCount, rowActions: externalRowActions, bulkActions, headerActions, showTotal, className, look, relationsData, ...rest }: DataTableProps<T>): React__default.JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }
@@ -11107,7 +11117,7 @@ interface MetricDefinition {
         equals: string | number | boolean;
     };
 }
-interface StatCardProps extends DisplayStateProps {
+interface StatCardProps extends DisplayStateProps, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Entity data (single record or collection) used to compute metrics. */
     entity?: EntityRow | readonly EntityRow[];
     /** Main label */
@@ -11153,6 +11163,110 @@ interface StatCardProps extends DisplayStateProps {
 }
 declare const StatCard: React__default.FC<StatCardProps>;
 
+/**
+ * Timeline Organism Component
+ *
+ * A vertical timeline component for displaying chronological events.
+ * Composes atoms and molecules for layout, uses CSS variables for theming.
+ *
+ * Orbital Component Interface Compliance:
+ * - Entity binding with auto-fetch when entity is a string
+ * - Event emission via useEventBus (UI:* events)
+ * - isLoading and error state props
+ * - className for external styling
+ */
+
+type TimelineItemStatus = "complete" | "active" | "pending" | "error";
+/**
+ * Layer 2 visual treatment for the timeline pattern — orthogonal to the
+ * semantic status conveyed by per-item style.
+ */
+type TimelineLook = "vertical-compact" | "vertical-spacious" | "horizontal" | "swimlane";
+interface TimelineItem {
+    /** Unique identifier */
+    id: string;
+    /** Item title */
+    title: string;
+    /** Item description */
+    description?: string;
+    /** Timestamp string */
+    date?: string;
+    /** Status indicator */
+    status?: TimelineItemStatus;
+    /** Icon override */
+    icon?: IconInput;
+    /** Additional metadata tags */
+    tags?: readonly string[];
+}
+interface TimelineAction {
+    label: string;
+    event?: EventKey;
+    navigatesTo?: string;
+    variant?: "primary" | "secondary" | "ghost";
+}
+interface TimelineProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Loading state indicator */
+    isLoading?: boolean;
+    /** Error state */
+    error?: UiError | null;
+    /**
+     * Schema entity data typed against @almadar/core's EntityRow. Items from
+     * `entity` are normalised into `items` when `items` is omitted. UI-specific
+     * TimelineItem fields (`icon`, callbacks) cannot round-trip through the
+     * event bus, so decorative stories that need them pass `items` directly.
+     */
+    entity?: readonly EntityRow[];
+    /** Timeline title */
+    title?: string;
+    /** Timeline items */
+    items?: readonly TimelineItem[];
+    /** Entity fields the timeline draws; each slot is named by its own `*Field` prop. */
+    fields?: readonly string[];
+    /** Entity field holding each item's title. */
+    titleField?: string;
+    /** Entity field holding each item's description. */
+    descriptionField?: string;
+    /** Entity field holding each item's date. */
+    dateField?: string;
+    /** Entity field holding each item's status (complete | active | pending | error). */
+    statusField?: string;
+    /** Actions per item */
+    itemActions?: readonly TimelineAction[];
+    /** Layer 2 visual treatment. */
+    look?: TimelineLook;
+}
+declare const Timeline: React__default.FC<TimelineProps>;
+
+/**
+ * Page variants of a record detail. DetailPanel computes the pieces of a
+ * record page (header, key figures, field sections, prose, footer) and the
+ * declared region data; a look only ARRANGES them, composing the existing
+ * core components — it never fetches and never infers a region from data.
+ */
+
+/**
+ * panel = labelled-field record (default) · profile = person/member hero ·
+ * showcase = image-first product/listing · workflow = lifecycle stepper +
+ * activity (+ declared line items) · map = location hero · ledger = document with line items and
+ * totals · conversation = thread beside the record facts · workspace = tabbed
+ * record.
+ */
+type DetailLook = 'panel' | 'profile' | 'showcase' | 'workflow' | 'map' | 'ledger' | 'conversation' | 'workspace';
+/** One stage of a declared lifecycle, in order. */
+interface DetailStage {
+    value: string;
+    label: string;
+}
+/** One workspace tab: the declared fields it shows, or content composed in (e.g. a related list's trait). */
+interface DetailTab {
+    id: string;
+    label: string;
+    fields?: readonly string[];
+    content?: React__default.ReactNode;
+}
+
 /**
  * DetailPanel Organism Component
  *
@@ -11197,6 +11311,8 @@ interface DetailPanelAction {
     variant?: "primary" | "secondary" | "ghost" | "danger";
     /** Condition over the panel's record, authored as `(fn row <bool>)`: the button is drawn only when it returns true. Omit = always shown. */
     when?: RowActionCondition;
+    /** Extra data the action sends, authored as `(fn row { key: <expr> })`; it emits `{ id, row }` plus these keys. Omit = `{ id, row }`. */
+    payload?: RowActionPayload;
 }
 /** Schema metadata the runtime's detail enrichment (UISlotRenderer) or the
  *  compiled path's codegen injects onto a field. */
@@ -11224,7 +11340,7 @@ interface DetailPanelStatus {
  *
  * @fieldsContract display
  */
-interface DetailPanelProps extends DisplayStateProps {
+interface DetailPanelProps extends DisplayStateProps, A11yProps {
     /** RECORD-cardinality: renders ONE record (see body collapse below). */
     entity?: EntityRow;
     title?: string;
@@ -11281,6 +11397,39 @@ interface DetailPanelProps extends DisplayStateProps {
      *  server-side by the runtime (relation-option injection) or bound by
      *  compiled codegen; resolves stored foreign ids to display names. */
     relationsData?: Record<string, readonly RelationOption[]>;
+    /** Page variant: panel (labelled fields, default), profile (person/member hero), showcase (image-first product/listing), workflow (lifecycle stepper + activity), map (location hero), ledger (document with line items + totals), conversation (thread beside the record), workspace (tabbed record). */
+    look?: DetailLook;
+    /** Record field holding the avatar image. The profile look always shows an avatar, with the title's initials when this is unset or empty. */
+    avatarField?: string;
+    /** Record field holding the cover image (profile). */
+    coverField?: string;
+    /** Record field holding the image, or list of images, the showcase look leads with. */
+    mediaField?: string;
+    /** Record field holding the current lifecycle stage (workflow). */
+    stageField?: string;
+    /** The lifecycle in order, `{ value, label }` per stage (workflow). */
+    stages?: readonly DetailStage[];
+    /** Activity entries shown under the record (workflow). */
+    activity?: readonly TimelineItem[];
+    /** Activity composed in instead of `activity` — e.g. the record's own history trait (workflow). */
+    activityContent?: React__default.ReactNode;
+    /** Record fields holding the location (map). */
+    latitudeField?: string;
+    longitudeField?: string;
+    /** Child rows shown as the document's line items (ledger). */
+    lineItems?: readonly EntityRow[];
+    /** Columns of the line-items table (ledger). */
+    lineItemColumns?: readonly TableViewColumn[];
+    /** Line items composed in instead of `lineItems` — e.g. the child rows' own trait (ledger). */
+    lineItemsContent?: React__default.ReactNode;
+    /** Record fields shown as the document's totals, in order (ledger). */
+    totals?: readonly DisplayField[];
+    /** The thread shown as the main surface (conversation). */
+    thread?: readonly EntityWith<ReplyNodeRow>[];
+    /** The thread composed in instead of `thread` — e.g. the replies' own trait with its composer (conversation). */
+    threadContent?: React__default.ReactNode;
+    /** Tabs after the overview tab, each listing declared field names (workspace). */
+    tabs?: readonly DetailTab[];
 }
 declare const DetailPanel: React__default.FC<DetailPanelProps>;
 
@@ -11432,7 +11581,7 @@ interface SchemaFieldOverride {
  *
  * @fieldsContract form
  */
-interface FormProps extends Omit<React__default.FormHTMLAttributes<HTMLFormElement>, "onSubmit"> {
+interface FormProps extends Omit<React__default.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | keyof A11yProps>, A11yProps {
     /** Form fields (traditional React children) */
     children?: React__default.ReactNode;
     /** Submit event name for trait dispatch (emitted via eventBus as UI:{onSubmit}) */
@@ -11560,10 +11709,12 @@ interface SchemaItemAction {
     onClick?: (row: EntityRow) => void;
     /** Per-row condition, authored as `(fn row <bool>)`: the row's action is drawn only when it returns true. Omit = always shown. */
     when?: RowActionCondition;
+    /** Extra data the action sends, authored as `(fn row { key: <expr> })`; it emits `{ id, row }` plus these keys. */
+    payload?: RowActionPayload;
 }
 /** A field is a plain name or a declared {@link DisplayField}. */
 type FieldDef$1 = string | DisplayField;
-interface ListProps extends DisplayStateProps {
+interface ListProps extends DisplayStateProps, A11yProps {
     /** Entity data (single record or collection). */
     entity?: EntityRow | readonly EntityRow[];
     /** Entity type name for display */
@@ -11621,10 +11772,12 @@ interface CardItemAction {
     variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | string;
     /** Per-row condition, authored as `(fn row <bool>)`: the card's button is drawn only when it returns true. Omit = always shown. */
     when?: RowActionCondition;
+    /** Extra data the action sends, authored as `(fn row { key: <expr> })`; it emits `{ id, row }` plus these keys. */
+    payload?: RowActionPayload;
 }
 /** A field is a plain name or a declared {@link DisplayField}. */
 type FieldDef = string | DisplayField;
-interface CardGridProps extends DisplayStateProps {
+interface CardGridProps extends DisplayStateProps, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Entity data (single record or collection). */
     entity?: EntityRow | readonly EntityRow[];
     /** Minimum width of each card (default: 280px) */
@@ -11684,7 +11837,7 @@ interface MasterDetailProps<T extends EntityRow & {
     id: string | number;
 } = EntityRow & {
     id: string | number;
-}> extends DisplayStateProps {
+}> extends DisplayStateProps, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Entity rows to display in the master list (collection cardinality). */
     entity?: readonly EntityRow[];
     /** Fields to show in the master list (maps to DataTable columns) */
@@ -11725,7 +11878,7 @@ declare const StateMachineView: React__default.FC<StateMachineViewProps>;
  * Uses wireframe theme styling (high contrast, sharp edges).
  */
 
-interface SplitPaneProps {
+interface SplitPaneProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Direction of the split */
     direction?: "horizontal" | "vertical";
     /** Initial ratio (0-100, percentage of first pane) */
@@ -11764,7 +11917,7 @@ declare const SplitPane: React__default.FC<SplitPaneProps>;
  * Uses wireframe theme styling (high contrast, sharp edges).
  */
 
-interface MasterDetailLayoutProps {
+interface MasterDetailLayoutProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Master panel content (usually a list) */
     master: React__default.ReactNode;
     /** Detail panel content */
@@ -11806,7 +11959,7 @@ interface DashboardGridCell {
     /** Number of rows this cell spans (1-2) */
     rowSpan?: 1 | 2;
 }
-interface DashboardGridProps extends DisplayStateProps {
+interface DashboardGridProps extends DisplayStateProps, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Number of columns */
     columns?: 2 | 3 | 4;
     /** Gap between cells */
@@ -11842,7 +11995,7 @@ interface TabDefinition {
     /** Disable this tab */
     disabled?: boolean;
 }
-interface TabbedContainerProps {
+interface TabbedContainerProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Tab definitions */
     tabs: TabDefinition[];
     /** Default active tab ID */
@@ -11901,7 +12054,7 @@ declare function useDockLayout(): DockLayoutContextValue;
 declare const COMPACT_MEDIA_QUERY = "(max-width: 1023.98px)";
 /** Whether the viewport is in the compact (mobile) range — the one threshold every compact decision uses. */
 declare function useCompactLayout(): boolean;
-interface DockLayoutProps {
+interface DockLayoutProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Fixed-width far-left vertical strip (e.g. an icon nav rail). */
     rail?: React__default.ReactNode;
     /** Collapsible, resizable left sidebar. */
@@ -12007,6 +12160,12 @@ interface UISlotComponentProps {
     pattern?: string;
     /** Source trait name for data-source-trait attribute (compiled mode) */
     sourceTrait?: string;
+    /**
+     * Compiled mode: the root node's declared `enter`. When set, the slot plays
+     * no theme-default entry (the root element animates itself, or opts out
+     * with `none`). Runtime mode reads it off the slot content.
+     */
+    enter?: EnterAnimation;
     /**
      * Host-supplied stock content for a slot-host region (Studio V4 §14 Part
      * I2). Ignored whenever `children` is passed — `children` (compiled mode)
@@ -12209,7 +12368,7 @@ declare const DrawerSlot: React__default.FC<DrawerSlotProps>;
  * - Fixed positioning in corner of screen
  */
 
-interface ToastSlotProps {
+interface ToastSlotProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Content to display in the toast (message or ReactNode) */
     children?: React__default.ReactNode;
     /** Toast variant */
@@ -12237,82 +12396,6 @@ interface ToastSlotProps {
  */
 declare const ToastSlot: React__default.FC<ToastSlotProps>;
 
-/**
- * Timeline Organism Component
- *
- * A vertical timeline component for displaying chronological events.
- * Composes atoms and molecules for layout, uses CSS variables for theming.
- *
- * Orbital Component Interface Compliance:
- * - Entity binding with auto-fetch when entity is a string
- * - Event emission via useEventBus (UI:* events)
- * - isLoading and error state props
- * - className for external styling
- */
-
-type TimelineItemStatus = "complete" | "active" | "pending" | "error";
-/**
- * Layer 2 visual treatment for the timeline pattern — orthogonal to the
- * semantic status conveyed by per-item style.
- */
-type TimelineLook = "vertical-compact" | "vertical-spacious" | "horizontal" | "swimlane";
-interface TimelineItem {
-    /** Unique identifier */
-    id: string;
-    /** Item title */
-    title: string;
-    /** Item description */
-    description?: string;
-    /** Timestamp string */
-    date?: string;
-    /** Status indicator */
-    status?: TimelineItemStatus;
-    /** Icon override */
-    icon?: IconInput;
-    /** Additional metadata tags */
-    tags?: readonly string[];
-}
-interface TimelineAction {
-    label: string;
-    event?: EventKey;
-    navigatesTo?: string;
-    variant?: "primary" | "secondary" | "ghost";
-}
-interface TimelineProps {
-    /** Additional CSS classes */
-    className?: string;
-    /** Loading state indicator */
-    isLoading?: boolean;
-    /** Error state */
-    error?: UiError | null;
-    /**
-     * Schema entity data typed against @almadar/core's EntityRow. Items from
-     * `entity` are normalised into `items` when `items` is omitted. UI-specific
-     * TimelineItem fields (`icon`, callbacks) cannot round-trip through the
-     * event bus, so decorative stories that need them pass `items` directly.
-     */
-    entity?: readonly EntityRow[];
-    /** Timeline title */
-    title?: string;
-    /** Timeline items */
-    items?: readonly TimelineItem[];
-    /** Entity fields the timeline draws; each slot is named by its own `*Field` prop. */
-    fields?: readonly string[];
-    /** Entity field holding each item's title. */
-    titleField?: string;
-    /** Entity field holding each item's description. */
-    descriptionField?: string;
-    /** Entity field holding each item's date. */
-    dateField?: string;
-    /** Entity field holding each item's status (complete | active | pending | error). */
-    statusField?: string;
-    /** Actions per item */
-    itemActions?: readonly TimelineAction[];
-    /** Layer 2 visual treatment. */
-    look?: TimelineLook;
-}
-declare const Timeline: React__default.FC<TimelineProps>;
-
 /**
  * MediaGallery Organism Component
  *
@@ -12348,7 +12431,7 @@ interface MediaGalleryAction {
     navigatesTo?: string;
     variant?: "primary" | "secondary" | "ghost";
 }
-interface MediaGalleryProps extends DisplayStateProps {
+interface MediaGalleryProps extends DisplayStateProps, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Entity rows to display (collection cardinality). */
     entity?: readonly EntityRow[];
     /** Gallery title */
@@ -12387,7 +12470,7 @@ declare const MediaGallery: React__default.FC<MediaGalleryProps>;
  * @packageDocumentation
  */
 
-interface RuntimeDebuggerProps {
+interface RuntimeDebuggerProps extends Omit<React$1.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Initial position */
     position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
     /** Initial collapsed state */
@@ -12401,7 +12484,7 @@ interface RuntimeDebuggerProps {
     /** Raw schema for EventDispatcherTab payload extraction */
     schema?: OrbitalSchema;
 }
-declare function RuntimeDebugger({ position, defaultCollapsed, className, mode, defaultTab, schema, }: RuntimeDebuggerProps): React$1.JSX.Element | null;
+declare function RuntimeDebugger({ position, defaultCollapsed, className, mode, defaultTab, schema, ...rest }: RuntimeDebuggerProps): React$1.JSX.Element | null;
 declare namespace RuntimeDebugger {
     var displayName: string;
 }
@@ -12420,7 +12503,7 @@ declare namespace RuntimeDebugger {
  */
 
 type ChatBarStatus = 'idle' | 'running' | 'paused' | 'complete' | 'error';
-interface ChatBarProps extends DisplayStateProps {
+interface ChatBarProps extends DisplayStateProps, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Pipeline status */
     status?: ChatBarStatus;
     /** Currently active gate label, e.g. "Gate 2: State machines" */
@@ -12434,7 +12517,7 @@ interface ChatBarProps extends DisplayStateProps {
     /** Agent context description */
     context?: string;
 }
-declare function ChatBar({ status, activeGate, jepaValidity, runningIndicator, placeholder, context, className, }: ChatBarProps): React__default.ReactElement;
+declare function ChatBar({ status, activeGate, jepaValidity, runningIndicator, placeholder, context, className, ...rest }: ChatBarProps): React__default.ReactElement;
 declare namespace ChatBar {
     var displayName: string;
 }
@@ -12469,7 +12552,7 @@ declare function parseEditFocus(value: EventPayloadValue | undefined): EditFocus
 
 /** Disclosure level driving panel density (builder=1 … architect=4). */
 type TraceDisclosureLevel = 1 | 2 | 3 | 4;
-interface SubagentTracePanelProps extends DisplayStateProps {
+interface SubagentTracePanelProps extends DisplayStateProps, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** All known subagents from the runner. */
     subagents: TraceSubagent[];
     /** Current canvas focus orbital — only used by overlay mode. Tab mode ignores this. */
@@ -12665,7 +12748,7 @@ interface DashboardLayoutProps {
 }
 declare const DashboardLayout: React__default.FC<DashboardLayoutProps>;
 
-interface AuthLayoutProps {
+interface AuthLayoutProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** App name */
     appName?: string;
     /** Logo component or URL */
@@ -12704,7 +12787,7 @@ interface CounterEntity {
     /** Formatted range text (e.g. "Range: 0 to 100") */
     rangeText?: string;
 }
-interface CounterTemplateProps extends TemplateProps<CounterEntity> {
+interface CounterTemplateProps extends TemplateProps<CounterEntity>, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Called when increment is clicked */
     onIncrement?: () => void;
     /** Called when decrement is clicked */
@@ -12736,7 +12819,7 @@ declare const CounterTemplate: React__default.FC<CounterTemplateProps>;
  * **Atomic Design**: Composed using Box, Typography, and Button atoms.
  */
 
-interface GenericAppTemplateProps extends TemplateProps {
+interface GenericAppTemplateProps extends TemplateProps, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
     /** Page title */
     title: string;
     /** Subtitle or description */