@almadar/ui 6.51.2 → 6.53.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, SkeletonVariant, SkeletonSpec, SkeletonNode, SurfaceMode, EventListen, JsonValue, AssetCatalog, SExpr as SExpr$1, JsonObject, EventPayloadValue, DeclaredTraitConfig, TraitConfig, ControlValue, OrbitalSchema, Trait, TraceActivity, OrbitalEntity, FormSubmitPayload, UISlot, EnterAnimation, EditFocus, TraceSubagent, TraceChatMessage } from '@almadar/core';
+export { AnimationDef, AnimationName, AudioManifest, BusEvent, BusEventListener, BusEventSource, BusEventListener as EventListener, SkeletonVariant, 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 } from '../paintDispatch-_6EhJCiL.js';
+export { g as Badge, h as BadgeProps, i as FxOverlayKind, j as Icon, k as IconAnimation, l as IconProps, m as IconSize, n as ImageSource, L as LinkAction, o as Point, R as Rect } from '../paintDispatch-_6EhJCiL.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-B-y2TNij.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-B-y2TNij.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-DyBvYP2c.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-CD7Xb40L.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)
      */
@@ -838,8 +841,7 @@ interface ProgressBarProps {
      */
     variant?: ProgressBarVariant;
     /**
-     * Color variant (alias for variant)
-     * @default 'primary'
+     * Color variant (alias for variant; `variant` applies when omitted)
      */
     color?: ProgressBarColor;
     /**
@@ -878,7 +880,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 +921,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 +943,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 +964,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 +992,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 +1019,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 +1057,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 +1115,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 +1140,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 +1162,7 @@ declare const Typography: React__default.FC<TypographyProps>;
  * @packageDocumentation
  */
 
-interface ThemeToggleProps {
+interface ThemeToggleProps extends A11yProps {
     /** Additional CSS classes */
     className?: string;
     /** Size variant */
@@ -1189,13 +1187,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 +1240,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 +1259,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 +1270,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 +1285,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 +1307,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 +1405,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 +1432,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 +1443,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 +1455,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 +1472,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 +1495,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 +1514,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 +1550,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 +1568,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 +1587,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 +1601,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 +1639,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 +1659,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 +1684,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 +2000,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 +2026,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 +2049,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 +2082,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 +2103,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 +2128,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 +2155,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 +2169,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 +2204,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 +2215,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 +2241,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 +2271,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 +2295,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 +2316,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 +2334,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 +2357,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 +2380,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 +2443,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 +2537,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 +2570,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 +2667,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 +2701,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 +2719,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 +2831,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 +2851,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 +2893,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 +2949,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 +3159,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 +3172,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 +3186,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 +3205,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 +3220,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 +3254,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 +3320,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 +3336,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 +3402,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 +3532,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 +3581,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 +3677,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 +3705,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 +3731,7 @@ interface EmptyStateProps {
 }
 declare const EmptyState: React__default.FC<EmptyStateProps>;
 
-interface LoadingStateProps {
+interface LoadingStateProps extends A11yProps {
     title?: string;
     message?: string;
     className?: string;
@@ -3766,7 +3740,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 +3753,14 @@ interface ErrorStateProps {
 }
 declare const ErrorState: React__default.FC<ErrorStateProps>;
 
-type SkeletonVariant = 'header' | 'table' | 'form' | 'card' | 'text';
-interface SkeletonProps {
+interface SkeletonProps extends A11yProps {
     /** The skeleton variant to render */
     variant?: SkeletonVariant;
-    /** Number of rows for table/text variants */
+    /** A declared `skeleton` prop value (shape name, sized shape or `none`); overrides variant/rows/columns/fields */
+    spec?: SkeletonSpec;
+    /** 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 +3768,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,10 +3782,18 @@ interface SkeletonProps {
  * </Suspense>
  * ```
  */
-declare function Skeleton({ variant, rows, columns, fields, className, }: SkeletonProps): React__default.ReactElement;
+declare function Skeleton({ variant, spec, rows, columns, fields, className, ...rest }: SkeletonProps): React__default.ReactElement | null;
 declare namespace Skeleton {
     var displayName: string;
 }
+/**
+ * A predicted skeleton (what a server-backed trait will render while it awaits
+ * its round trip), drawn as one busy status region.
+ */
+declare function SkeletonTree({ node, className }: {
+    node: SkeletonNode;
+    className?: string;
+}): React__default.ReactElement;
 
 /**
  * Accordion Molecule Component
@@ -3847,7 +3828,7 @@ interface AccordionItem {
      */
     defaultOpen?: boolean;
 }
-interface AccordionProps {
+interface AccordionProps extends A11yProps {
     /**
      * Accordion items
      */
@@ -3873,6 +3854,8 @@ interface AccordionProps {
      * Callback when item opens/closes
      */
     onItemToggle?: (itemId: string, isOpen: boolean) => void;
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /**
      * Additional CSS classes
      */
@@ -3893,7 +3876,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 +3930,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 +4011,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 +4075,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 +4159,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 +4252,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 +4285,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 +4352,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 +4423,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 +4461,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)
      */
@@ -4517,7 +4501,7 @@ interface MenuItem {
     title?: string;
     /** Item click handler */
     onClick?: () => void;
-    /** Event name for pattern compatibility */
+    /** Bus event this item fires on pick — unless `onClick` is set, which then owns firing (`event` then only names the item, e.g. its `action-<EVENT>` test id). */
     event?: EventKey;
     /** Link this item follows on pick: an in-app path (nav stack), `#anchor` or absolute URL. */
     href?: string;
@@ -4529,7 +4513,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 +4551,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 +4559,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 +4577,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 +4626,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 +4653,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 +4672,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 +4745,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 +4797,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 +4884,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 +4926,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)
      */
@@ -4962,8 +4946,7 @@ interface SearchInputProps extends Omit<React__default.InputHTMLAttributes<HTMLI
      */
     isLoading?: boolean;
     /**
-     * Placeholder text
-     * @default 'Search...'
+     * Placeholder text (the translated "Search" when omitted)
      */
     placeholder?: string;
     /**
@@ -5001,7 +4984,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 +5038,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 +5051,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 +5096,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 +5128,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 +5168,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 +5192,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 +5221,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 +5274,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 +5312,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 +5378,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 +5518,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 +5725,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 +5750,7 @@ declare const QuizBlock: React__default.FC<QuizBlockProps>;
  * - entityAware: false
  */
 
-interface ScaledDiagramProps {
+interface ScaledDiagramProps extends A11yProps {
     children: React__default.ReactNode;
     className?: string;
 }
@@ -5786,7 +5778,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) */
@@ -5802,6 +5794,8 @@ interface CalendarGridProps {
     onEventClick?: (event: EntityRow) => void;
     /** Additional CSS classes */
     className?: string;
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Event emitted on long-press of a time slot: UI:{longPressEvent} with { date, time, ...longPressPayload } */
     longPressEvent?: EventEmit<{
         date: string;
@@ -5854,7 +5848,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, surface, 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 +5878,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
@@ -5920,6 +5914,8 @@ interface GanttProps {
     barClickEvent?: EventEmit<{
         id: string;
     }>;
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Additional CSS classes */
     className?: string;
     /** Loading state */
@@ -5927,7 +5923,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, surface, ...rest }: GanttProps): React__default.JSX.Element;
 declare namespace Gantt {
     var displayName: string;
 }
@@ -5960,7 +5956,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 +6021,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 +6048,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 +6084,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 +6099,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 +6201,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
      */
@@ -6221,8 +6217,7 @@ interface EmojiPickerProps {
      */
     triggerIcon?: IconInput;
     /**
-     * Accessible label for the trigger button
-     * @default translated "Add emoji"
+     * Accessible label for the trigger button (the translated "Add emoji" when omitted)
      */
     triggerLabel?: string;
     /**
@@ -6262,7 +6257,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 +6300,7 @@ interface DateRangeSelectorOption {
     label: string;
     value: string;
 }
-interface DateRangeSelectorProps {
+interface DateRangeSelectorProps extends A11yProps {
     /** Available range options */
     options?: DateRangeSelectorOption[];
     /** Currently selected value */
@@ -6328,7 +6323,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 +6354,7 @@ interface ChartDataPoint {
     value: number;
     label?: string;
 }
-interface LineChartProps {
+interface LineChartProps extends A11yProps {
     /** Data points to plot */
     data: ChartDataPoint[];
     /** SVG viewBox width */
@@ -6390,7 +6385,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 +6513,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 +6807,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 +7016,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 +7209,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 +7357,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 +7445,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 +7503,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 +7530,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 +7589,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 */
@@ -7605,6 +7602,8 @@ interface GraphViewProps {
     width?: number;
     /** Height in pixels */
     height?: number;
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Additional CSS classes */
     className?: string;
     /** Show node labels (default true) */
@@ -7672,7 +7671,9 @@ interface MapRouteData {
     /** Label shown in a popup at the midpoint */
     label?: string;
 }
-interface MapViewProps {
+interface MapViewProps extends A11yProps {
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Array of markers to display */
     markers?: MapMarkerData[];
     /** Routes (polylines with optional popups) drawn over the tile layer */
@@ -7711,7 +7712,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 +7745,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 +7774,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 +7814,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 +7861,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 +7942,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 +7953,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
@@ -7977,6 +7987,8 @@ interface DataGridProps extends DataDndProps, EmptyStateSlotProps {
     className?: string;
     /** Loading state */
     isLoading?: boolean;
+    /** Skeleton drawn while loading, and the shape an empty slot shows while this element's server render is in flight (`none` opts out). */
+    skeleton?: SkeletonSpec;
     /** Error state */
     error?: UiError | null;
     /** Entity field name containing an image URL for card thumbnails */
@@ -8009,13 +8021,15 @@ interface DataGridProps extends DataDndProps, EmptyStateSlotProps {
      * data-grid / data-list / entity-table share one knob name from authors.
      */
     look?: "dense" | "spacious" | "striped" | "borderless" | "card-rows";
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Relation display data: { fieldName: [{value, label}] } — injected
      *  server-side by the runtime (relation-option injection) or bound by
      *  compiled codegen; resolves stored foreign ids to display names for a
      *  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, skeleton, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, look, surface, relationsData, ...rest }: DataGridProps): React__default.JSX.Element;
 declare namespace DataGrid {
     var displayName: string;
 }
@@ -8048,6 +8062,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 +8077,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.
      */
@@ -8108,6 +8124,8 @@ interface DataListProps extends DataDndProps, EmptyStateSlotProps {
     className?: string;
     /** Loading state */
     isLoading?: boolean;
+    /** Skeleton drawn while loading, and the shape an empty slot shows while this element's server render is in flight (`none` opts out). */
+    skeleton?: SkeletonSpec;
     /** Error state */
     error?: UiError | null;
     /** Enable drag-to-reorder with grip handles */
@@ -8163,13 +8181,15 @@ interface DataListProps extends DataDndProps, EmptyStateSlotProps {
      * data-grid / data-list / entity-table share one knob name from authors.
      */
     look?: "dense" | "spacious" | "striped" | "borderless" | "card-rows";
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Relation display data: { fieldName: [{value, label}] } — injected
      *  server-side by the runtime (relation-option injection) or bound by
      *  compiled codegen; resolves stored foreign ids to display names for a
      *  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, skeleton, 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, surface, relationsData, ...rest }: DataListProps): React__default.JSX.Element;
 declare namespace DataList {
     var displayName: string;
 }
@@ -8231,6 +8251,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,13 +8262,15 @@ 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. */
     columns?: readonly TableViewColumn[];
     /** Alias for `columns`. */
     fields?: readonly TableViewColumn[];
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Per-row actions, collected under a trailing kebab overflow menu. */
     itemActions?: readonly TableViewItemAction[];
     /** @deprecated Row actions always render as a kebab menu now (UX doctrine: row actions behind an overflow menu; a pinned inline button strip paints over cells during horizontal scroll). Accepted and ignored. */
@@ -8277,6 +8301,8 @@ interface TableViewProps extends DataDndProps, EmptyStateSlotProps {
     emptyMessage?: string;
     /** Loading state. */
     isLoading?: boolean;
+    /** Skeleton drawn while loading, and the shape an empty slot shows while this element's server render is in flight (`none` opts out). */
+    skeleton?: SkeletonSpec;
     /** Error state. */
     error?: UiError | null;
     /** Group rows under section headers by a field value. */
@@ -8307,7 +8333,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, skeleton, error, groupBy, pageSize, children, renderItem: _schemaRenderItem, look, surface, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, relationsData, ...rest }: TableViewProps): React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>>;
 declare namespace TableView {
     var displayName: string;
 }
@@ -8321,7 +8347,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) */
@@ -8360,10 +8386,14 @@ interface StatDisplayProps {
     compact?: boolean;
     /** Layer 2 visual treatment. */
     look?: StatDisplayLook;
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Additional CSS classes */
     className?: string;
     /** Loading state */
     isLoading?: boolean;
+    /** Skeleton drawn while loading, and the shape an empty slot shows while this element's server render is in flight (`none` opts out). */
+    skeleton?: SkeletonSpec;
     /** Error state */
     error?: UiError | null;
 }
@@ -8389,7 +8419,7 @@ interface MeterAction {
     navigatesTo?: string;
     variant?: "primary" | "secondary" | "ghost";
 }
-interface MeterProps {
+interface MeterProps extends A11yProps {
     /** Current value */
     value: number;
     /** Minimum value */
@@ -8440,7 +8470,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 +8492,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 +8507,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 +8524,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 +8552,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 +8562,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 +8591,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 +8617,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 +8636,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 +8670,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 +8703,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 +8817,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 +8849,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 +8885,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 +8924,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 +8963,7 @@ type OptionConstraint = {
     min?: number;
     max?: number;
 };
-interface OptionConstraintGroupProps {
+interface OptionConstraintGroupProps extends A11yProps {
     groupId: string;
     title: string;
     description?: string;
@@ -8966,7 +8996,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 +9039,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 +9085,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 +9133,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 +9183,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 +9207,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 +9228,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 +9268,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
@@ -9246,6 +9276,8 @@ interface BranchingLogicBuilderProps {
      * `[]` internally when the value isn't an array.
      */
     rules: readonly BranchingRule[] | EventPayloadValue;
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     onRulesChange?: (rules: BranchingRule[]) => void;
     /** Event name dispatched via event bus when rules change. Payload: `{ rules }`. */
     rulesChangeEvent?: EventEmit<{
@@ -9270,7 +9302,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 +9350,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 +9395,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 +9449,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 +9469,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 +9477,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 +9492,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 +9500,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 +9519,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 +9542,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 +9559,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 +9591,9 @@ interface PageHeaderStatus {
     label: string;
     variant?: "default" | "success" | "warning" | "danger" | "info";
 }
-interface PageHeaderProps {
+interface PageHeaderProps extends A11yProps {
+    /** The shape an empty slot shows while this header's server render is in flight (`none` opts out). @default 'header' */
+    skeleton?: SkeletonSpec;
     /** Page title - accepts string or number from generated code accessing dynamic entity data */
     title?: string | number;
     /** Icon shown before the title. */
@@ -9595,7 +9629,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 +9649,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 +9658,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 +9719,7 @@ interface HeaderUserAvatar {
     alt?: string;
     initials?: string;
 }
-interface HeaderProps {
+interface HeaderProps extends A11yProps {
     /**
      * Logo/Brand content
      */
@@ -9820,7 +9854,7 @@ interface NavigationItem {
      */
     subMenu?: NavigationItem[];
 }
-interface NavigationProps {
+interface NavigationProps extends A11yProps {
     /**
      * Navigation items
      */
@@ -9850,7 +9884,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 +9949,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 +9996,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 +10037,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 +10207,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 +10280,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 +10308,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 +10340,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 +10410,9 @@ interface ChartAction {
     navigatesTo?: string;
     variant?: "primary" | "secondary" | "ghost";
 }
-interface ChartProps {
+interface ChartProps extends Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Chart title */
     title?: string;
     /** Chart subtitle / description */
@@ -10417,6 +10453,8 @@ interface ChartProps {
     actions?: readonly ChartAction[];
     /** Loading state */
     isLoading?: boolean;
+    /** Skeleton drawn while loading, and the shape an empty slot shows while this element's server render is in flight (`none` opts out). */
+    skeleton?: SkeletonSpec;
     /** Error state */
     error?: UiError | null;
     /** Additional CSS classes */
@@ -10445,7 +10483,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 +10541,9 @@ interface DocumentItem {
     content?: string;
     documentType?: DocumentType;
 }
-interface DocumentViewerProps {
+interface DocumentViewerProps extends A11yProps {
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Document title */
     title?: string;
     /** Document URL (for PDF/external documents) */
@@ -10598,7 +10638,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 +10725,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 +10770,9 @@ interface ImportEntityDisplay {
     singular: string;
     plural: string;
 }
-interface ImportPreviewTreeProps {
+interface ImportPreviewTreeProps extends A11yProps {
+    /** Content surface: `auto` paints the theme's surface behind each group tile unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Staged units to preview */
     units: ImportPreviewUnit[];
     /** Elements skipped during extraction, with reasons */
@@ -10765,7 +10809,7 @@ interface ImportProgressCounts {
     committed?: number;
     failed?: number;
 }
-interface ImportProgressProps {
+interface ImportProgressProps extends A11yProps {
     /** Current lifecycle step */
     step: ImportProgressStep;
     /** Unit counts */
@@ -10788,7 +10832,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 +10854,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 +10879,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 +10910,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 +10954,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 +11020,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[];
     /**
@@ -10991,96 +11035,94 @@ interface FloatingToolbarProps {
 }
 declare const FloatingToolbar: React__default.FC<FloatingToolbarProps>;
 
-type EntityTableLook = "dense" | "spacious" | "striped" | "borderless" | "card-rows";
-interface Column<T> {
-    /** Column identity. Optional because `name` is an accepted alias; the
-     * compiler emits `{ name, label }` columns and `normalizeColumns` fills
-     * `key`/`header` from the aliases, so a column needs (`key` OR `name`) and
-     * (`header` OR `label`), not literally `key`+`header`. */
-    key?: keyof T | string;
-    header?: string;
-    /** Alias for key (used by compiler-generated fields) */
-    name?: string;
-    /** Alias for header (used by compiler-generated fields) */
-    label?: string;
-    width?: string;
-    sortable?: boolean;
-    /** Horizontal alignment of the column's header and cells */
-    align?: "left" | "center" | "right";
-    /** Value format (locale-aware) */
-    format?: DisplayFieldFormat;
-    render?: (value: FieldValue | undefined, row: T, index: number) => React__default.ReactNode;
+/**
+ * AgentActivityFeed Molecule
+ *
+ * The one row renderer for the agent's activities (`@almadar/core`
+ * `TraceActivity`, mapped by rabit's `mapSSEToTraceActivities`). Every
+ * persona's chat surface mounts it with the activities its manifest's
+ * `activity` audience selects.
+ */
+
+/** Where an activity's "jump to" affordance should take a canvas. */
+interface AgentActivityJumpTarget {
+    orbital: string;
+    trait?: string;
+    transition?: string;
 }
-interface RowAction<T> {
-    label: string;
-    icon?: IconInput;
-    /** Optional when `event` is set — a bus-emitting onClick is synthesized. */
-    onClick?: (row: T) => void;
-    variant?: "default" | "danger";
-    show?: (row: T) => boolean;
-    event?: EventKey;
-    /** Per-row condition, authored as `(fn row <bool>)`; composes with `show`. Omit = always shown. */
-    when?: RowActionCondition;
+/** What a row can only know from the list it sits in. */
+interface RowFacts {
+    /** An `orbital_started` whose run has finished (an `orbital_done` for it follows). */
+    settled: boolean;
+    /** At a `done` row: how many orbitals this run finished (its own "ready" rows). */
+    readyCount: number;
 }
-type DataTableEmptyAction = EmptyStateAction;
 /**
- * @fieldsContract display
+ * Per-item facts for a feed. Each `orbital_done` settles the latest still-open
+ * start of its orbital (an orbital can be built more than once); each `done`
+ * counts the distinct orbitals that finished since the previous `done`.
+ * Non-activity items (`activityOf` → null) get neutral facts.
  */
-interface DataTableProps<T extends EntityRow & {
-    id: string | number;
-}> extends DisplayStateProps {
-    /** Entity rows to display (collection cardinality). */
-    entity?: readonly EntityRow[];
-    /** Fields to display - accepts string[] or Column[] for unified interface. Alias for columns */
-    fields: readonly Column<T>[] | readonly string[];
-    /** Columns can be Column objects or simple string field names */
-    columns?: readonly Column<T>[] | readonly string[];
-    /** When set, rows are activatable and emit UI:{itemClickEvent} with { id, row } */
-    /** @entityRow row */
-    itemClickEvent?: EventEmit<ItemActionPayload>;
-    /** Item actions from generated code - maps to rowActions */
-    itemActions?: readonly {
-        label: string;
-        event?: EventKey;
-        navigatesTo?: string;
-        placement?: "row" | "bulk" | string;
-        icon?: IconInput;
-        variant?: "default" | "primary" | "secondary" | "ghost" | "danger" | string;
-        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;
-    }[];
-    emptyIcon?: IconInput;
+declare function activityRowFacts<T>(items: readonly T[], activityOf: (item: T) => TraceActivity | null): RowFacts[];
+interface AgentActivityRowProps {
+    activity: TraceActivity;
+    /** "Jump to" affordance — rendered only when supplied and the activity names an orbital. */
+    onJump?: (target: AgentActivityJumpTarget) => void;
+    /** What the row knows from its list (`activityRowFacts`). */
+    facts: RowFacts;
+}
+declare function AgentActivityRow({ activity, onJump, facts }: AgentActivityRowProps): React__default.ReactElement;
+declare namespace AgentActivityRow {
+    var displayName: string;
+}
+/** Shown at the end of a feed while the agent works, so a long LLM call never looks idle. */
+declare function AgentThinkingRow(): React__default.ReactElement;
+/** One conversation: the user's prompt and everything the agent did for it. */
+interface AgentConversation {
+    /** The prompt that started it; undefined for activity recorded before any prompt. */
+    prompt?: string;
+    startedAt: number;
+    activities: TraceActivity[];
+}
+/** Split a feed into conversations, each starting at a user prompt. */
+declare function groupIntoConversations(activities: readonly TraceActivity[]): AgentConversation[];
+interface AgentActivityFeedProps {
+    activities: readonly TraceActivity[];
+    /** The agent is running: show the thinking row after the last activity. */
+    working?: boolean;
+    onJump?: (target: AgentActivityJumpTarget) => void;
     emptyTitle?: string;
     emptyDescription?: string;
-    emptyAction?: DataTableEmptyAction;
-    selectable?: boolean;
-    searchable?: boolean;
-    searchPlaceholder?: string;
-    rowActions?: readonly RowAction<T>[];
-    bulkActions?: ReadonlyArray<{
-        label: string;
-        icon?: IconInput;
-        /** Optional when `event` is set — a bus-emitting onClick is synthesized. */
-        onClick?: (selectedRows: T[]) => void;
-        variant?: "default" | "danger";
-        event?: EventKey;
-    }>;
-    headerActions?: React__default.ReactNode;
-    /** Show total count in pagination */
-    showTotal?: boolean;
-    /** Layer 2 visual treatment — orthogonal to the semantic variant. */
-    look?: EntityTableLook;
-    /** Relation display data: { fieldName: [{value, label}] } — injected
-     *  server-side by the runtime (relation-option injection) or bound by
-     *  compiled codegen; resolves stored foreign ids to display names for a
-     *  column whose field is relation-typed. Same contract DetailPanel takes. */
-    relationsData?: Record<string, readonly RelationOption[]>;
+    /** Scroll the latest row into view as rows arrive. Off for a list of feeds (a run history). @default true */
+    followLatest?: boolean;
+    className?: string;
 }
-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;
-declare namespace DataTable {
+declare function AgentActivityFeed({ activities, working, onJump, emptyTitle, emptyDescription, followLatest, className }: AgentActivityFeedProps): React__default.ReactElement;
+declare namespace AgentActivityFeed {
+    var displayName: string;
+}
+
+/**
+ * AgentChatFeed — a chat region's view of an agent turn: the activities the
+ * host's audience selected, rendered by `AgentActivityFeed`, with raw LLM
+ * responses behind a "Raw LLM" switch (off by default, so the conversation
+ * stays readable until they're wanted). The switch is remembered per host.
+ */
+
+interface AgentChatFeedProps {
+    /** Activities already selected by the host's manifest audience. */
+    activities: readonly TraceActivity[];
+    emptyTitle: string;
+    /** localStorage key remembering the Raw LLM switch for this host. */
+    rawLlmPreferenceKey: string;
+    /** Prefix for the toolbar test id and the switch's element id. */
+    idPrefix: string;
+    /** The agent is running — the feed shows it is thinking. */
+    working?: boolean;
+    className?: string;
+}
+declare function AgentChatFeed({ activities, emptyTitle, rawLlmPreferenceKey, idPrefix, working, className }: AgentChatFeedProps): React__default.ReactElement;
+declare namespace AgentChatFeed {
     var displayName: string;
 }
 
@@ -11107,7 +11149,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 */
@@ -11150,9 +11192,119 @@ interface StatCardProps extends DisplayStateProps {
     compact?: boolean;
     /** Sparkline data points for an inline trend chart */
     sparklineData?: readonly number[];
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
 }
 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 {
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Loading state indicator */
+    isLoading?: boolean;
+    /** Skeleton drawn while loading, and the shape an empty slot shows while this element's server render is in flight (`none` opts out). */
+    skeleton?: SkeletonSpec;
+    /** 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?: EntityRow | 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 +11349,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. */
@@ -11211,7 +11365,7 @@ interface DetailFieldSchema {
  * field fills — title (`h3`/`h4`), header badge (`badge`), progress bar
  * (`progress`), prose block (`body`), date, metric — is declared here.
  */
-type FieldDef$2 = string | (DisplayField & DetailFieldSchema) | (Pick<DisplayField, "variant" | "format" | "colorMap"> & DetailFieldSchema & {
+type FieldDef = string | (DisplayField & DetailFieldSchema) | (Pick<DisplayField, "variant" | "format" | "colorMap"> & DetailFieldSchema & {
     key: string;
     header?: string;
 });
@@ -11224,7 +11378,9 @@ interface DetailPanelStatus {
  *
  * @fieldsContract display
  */
-interface DetailPanelProps extends DisplayStateProps {
+interface DetailPanelProps extends DisplayStateProps, A11yProps {
+    /** Skeleton drawn while loading, and the shape an empty slot shows while this element's server render is in flight (`none` opts out). */
+    skeleton?: SkeletonSpec;
     /** RECORD-cardinality: renders ONE record (see body collapse below). */
     entity?: EntityRow;
     title?: string;
@@ -11260,8 +11416,10 @@ interface DetailPanelProps extends DisplayStateProps {
     closeEvent?: EventKey;
     footer?: React__default.ReactNode;
     slideOver?: boolean;
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. Inline mode only; the slide-over is itself a surface. */
+    surface?: SurfaceMode;
     /** Fields to display: field names, or declared fields ({ name, label, variant, format, colorMap, labels }) */
-    fields: readonly (FieldDef$2 | DetailField)[];
+    fields: readonly (FieldDef | DetailField)[];
     /** Alias for fields - backwards compatibility */
     fieldNames?: readonly string[];
     /** Initial data for edit mode (passed by compiler) */
@@ -11281,6 +11439,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 +11623,11 @@ 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 {
+    /** Content surface: `auto` paints the theme's surface (with card padding) behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
+    /** The shape an empty slot shows while this form's server render is in flight (`none` opts out). @default 'form' */
+    skeleton?: SkeletonSpec;
     /** Form fields (traditional React children) */
     children?: React__default.ReactNode;
     /** Submit event name for trait dispatch (emitted via eventBus as UI:{onSubmit}) */
@@ -11510,198 +11705,6 @@ interface FormProps extends Omit<React__default.FormHTMLAttributes<HTMLFormEleme
 }
 declare const Form: React__default.FC<FormProps>;
 
-/**
- * List Organism Component
- *
- * A beautifully designed, scannable list view.
- *
- * Design inspiration: Linear, Notion, Apple Reminders
- * - Soft, harmonious color palette
- * - Refined typography with proper hierarchy
- * - Subtle shadows and depth
- * - Delightful hover micro-interactions
- * - Elegant status indicators
- *
- * Closed Circuit Compliance (Dumb Organism):
- * - Receives ALL data via props (no internal fetch)
- * - Emits events via useEventBus (UI:SELECT, UI:DESELECT, UI:VIEW)
- * - Never listens to events — only emits
- * - No internal search/filter state — trait provides filtered data
- */
-
-type ListItem = {
-    id: string;
-    title?: string;
-    description?: string;
-    icon?: IconInput;
-    avatar?: {
-        src?: AssetUrl;
-        alt?: string;
-        initials?: string;
-    };
-    badge?: string | number;
-    metadata?: React__default.ReactNode;
-    onClick?: () => void;
-    disabled?: boolean;
-    completed?: boolean;
-    _fields?: Record<string, FieldValue | undefined>;
-};
-interface SchemaItemAction {
-    label: string;
-    /** Event to dispatch on click */
-    event?: EventKey;
-    navigatesTo?: string;
-    /** Action placement - accepts all common placement values */
-    placement?: "row" | "bulk" | "card" | "footer" | string;
-    variant?: "primary" | "secondary" | "ghost" | "danger" | "default";
-    /** Declaring an icon draws the action as an inline icon button; actions without one go in the overflow menu. */
-    icon?: IconInput;
-    /** Click handler from generated code */
-    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;
-}
-/** A field is a plain name or a declared {@link DisplayField}. */
-type FieldDef$1 = string | DisplayField;
-interface ListProps extends DisplayStateProps {
-    /** Entity data (single record or collection). */
-    entity?: EntityRow | readonly EntityRow[];
-    /** Entity type name for display */
-    entityType?: string;
-    selectable?: boolean;
-    /** Item actions - schema-driven or function-based */
-    itemActions?: ((item: ListItem) => MenuItem[]) | readonly SchemaItemAction[];
-    showDividers?: boolean;
-    variant?: "default" | "card";
-    emptyMessage?: string;
-    /** Render function for each item. In .lolo: renderItem: (fn item <Component …={@item.field}/>), binding per-item fields via @item.field. */
-    renderItem?: (item: ListItem, index: number) => React__default.ReactNode;
-    children?: React__default.ReactNode;
-    /** Fields to display: field names, or declared fields ({ name, label, variant, format, colorMap, labels }) */
-    fields: readonly FieldDef$1[];
-    /** Alias for fields - backwards compatibility */
-    fieldNames?: readonly string[];
-    /** When set, clicking a row emits UI:{itemClickEvent} with { id, row }. Omit = rows are not clickable. */
-    /** @entityRow row */
-    itemClickEvent?: EventEmit<ItemActionPayload>;
-    /** Row field that marks an item completed (`true` strikes its title through) */
-    completedField?: string;
-    /** Row field that marks an item disabled (`true` dims the row and disables its click) */
-    disabledField?: string;
-}
-declare const List: React__default.FC<ListProps>;
-
-/**
- * CardGrid Component
- *
- * A dumb, responsive grid specifically designed for card layouts.
- * Uses CSS Grid auto-fit for automatic responsive columns.
- *
- * Data comes exclusively from the `entity` prop (injected by the runtime).
- * All user interactions emit events via useEventBus. Never manages internal state
- * for pagination, filtering, or search. All state is owned by the trait state machine.
- */
-
-type CardGridGap = 'none' | 'sm' | 'md' | 'lg' | 'xl';
-/**
- * Action configuration for card items (schema-driven)
- */
-interface CardItemAction {
-    /** Action button label */
-    label: string;
-    /** Event to dispatch on click (schema metadata) */
-    event?: EventKey;
-    /** Navigation URL - supports template interpolation like "/products/{{row.id}}" */
-    navigatesTo?: string;
-    /** Callback on click */
-    onClick?: (item: EventPayload) => void;
-    /** Action placement - accepts string for compatibility with generated code */
-    placement?: 'card' | 'footer' | 'row' | string;
-    /** Button variant - accepts string for compatibility with generated code */
-    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;
-}
-/** A field is a plain name or a declared {@link DisplayField}. */
-type FieldDef = string | DisplayField;
-interface CardGridProps extends DisplayStateProps {
-    /** Entity data (single record or collection). */
-    entity?: EntityRow | readonly EntityRow[];
-    /** Minimum width of each card (default: 280px) */
-    minCardWidth?: number;
-    /** Maximum number of columns */
-    maxCols?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Gap between cards */
-    gap?: CardGridGap;
-    /** Align cards vertically in their cells */
-    alignItems?: 'start' | 'center' | 'end' | 'stretch';
-    /** Children elements (cards) - optional when using entity prop */
-    children?: React__default.ReactNode;
-    /** Fields to display - required for schema-driven rendering */
-    fields: readonly FieldDef[];
-    /** Alias for fields - backwards compatibility */
-    fieldNames?: readonly string[];
-    /** Alias for fields - backwards compatibility */
-    columns?: readonly FieldDef[];
-    /** When set, clicking a card emits UI:{itemClickEvent} with { id, row }. Omit = cards are not clickable. */
-    /** @entityRow row */
-    itemClickEvent?: EventEmit<ItemActionPayload>;
-    /** Actions for each card item (schema-driven) */
-    itemActions?: readonly CardItemAction[];
-    /** Show total count in pagination */
-    showTotal?: boolean;
-    /** Show avatar/image field on cards */
-    showAvatar?: boolean;
-    /** Visual variant for the card grid */
-    variant?: string;
-    /** Entity field name containing an image URL to display as card thumbnail */
-    imageField?: string;
-}
-/**
- * CardGrid - Responsive card collection layout
- *
- * Can be used in two ways:
- * 1. With children: <CardGrid><Card>...</Card></CardGrid>
- * 2. With entity data: <CardGrid entity={tasks} fields={['title', 'status']} />
- *
- * All data comes from the `entity` prop. Pagination display hints come from
- * `page`, `pageSize`, and `totalCount` props (set by the trait via render-ui).
- */
-declare const CardGrid: React__default.FC<CardGridProps>;
-
-/**
- * MasterDetail Component
- *
- * A layout pattern that shows a list/table of entities.
- * This is a thin wrapper around DataTable that accepts master-detail specific props.
- *
- * The `entity` prop carries the data array (injected by the runtime).
- * The "detail" part is typically rendered separately via another render_ui effect
- * to a sidebar or detail panel when an item is selected.
- */
-
-interface MasterDetailProps<T extends EntityRow & {
-    id: string | number;
-} = EntityRow & {
-    id: string | number;
-}> extends DisplayStateProps {
-    /** Entity rows to display in the master list (collection cardinality). */
-    entity?: readonly EntityRow[];
-    /** Fields to show in the master list (maps to DataTable columns) */
-    masterFields: readonly string[];
-    /** Fields for detail view (passed through but typically handled by separate render_ui) */
-    detailFields?: readonly string[];
-    /** Loading state (alias for isLoading) */
-    loading?: boolean;
-}
-declare function MasterDetail<T extends EntityRow & {
-    id: string | number;
-}>({ entity, masterFields, detailFields: _detailFields, // Captured but not used here - detail handled separately
-loading: externalLoading, isLoading: externalIsLoading, error: externalError, className, ...rest }: MasterDetailProps<T>): React__default.ReactElement;
-declare namespace MasterDetail {
-    var displayName: string;
-}
-
 /**
  * StateMachineView — the AVL state machine with loading / error / empty states.
  */
@@ -11725,7 +11728,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 +11767,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 +11809,9 @@ 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 {
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. Each cell is a tile. */
+    surface?: SurfaceMode;
     /** Number of columns */
     columns?: 2 | 3 | 4;
     /** Gap between cells */
@@ -11842,7 +11847,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 +11906,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. */
@@ -11918,7 +11923,7 @@ interface DockLayoutProps {
     railWidth?: number;
     /** Width of `secondarySidebar` in pixels (fixed — not resizable). @default 280 */
     secondarySidebarWidth?: number;
-    /** Whether `sidebar` is collapsed. @default false */
+    /** Whether `sidebar` is collapsed (controlled; the layout keeps its own state when omitted). */
     sidebarCollapsed?: boolean;
     onSidebarCollapsedChange?: (collapsed: boolean) => void;
     /** Sidebar size as a SplitPane ratio (0-100, percentage of the sidebar/main split). @default 20 */
@@ -11926,7 +11931,7 @@ interface DockLayoutProps {
     onSidebarWidthChange?: (width: number) => void;
     /** Minimum sidebar size in pixels, forwarded to SplitPane's `minSize`. @default 160 */
     sidebarMinSize?: number;
-    /** Whether `bottomPanel` is collapsed. @default false */
+    /** Whether `bottomPanel` is collapsed (controlled; the layout keeps its own state when omitted). */
     bottomPanelCollapsed?: boolean;
     onBottomPanelCollapsedChange?: (collapsed: boolean) => void;
     /** Bottom panel size as a SplitPane ratio (0-100, percentage given to the panel). @default 30 */
@@ -11934,7 +11939,7 @@ interface DockLayoutProps {
     onBottomPanelHeightChange?: (height: number) => void;
     /** Minimum bottom panel size in pixels, forwarded to SplitPane's `minSize`. @default 120 */
     bottomPanelMinSize?: number;
-    /** Whether `secondarySidebar` is collapsed. @default false */
+    /** Whether `secondarySidebar` is collapsed (controlled; the layout keeps its own state when omitted). */
     secondarySidebarCollapsed?: boolean;
     onSecondarySidebarCollapsedChange?: (collapsed: boolean) => void;
     /** The mobile variant; decided by the viewport (narrower than 1024px) when omitted. */
@@ -12007,6 +12012,19 @@ 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;
+    /**
+     * Compiled mode: the predicted skeleton while this trait's server round
+     * trip is in flight (the View selects it by the pending transition). Shown
+     * only while the slot is empty. Runtime mode reads it from
+     * `AwaitingSkeletonContext`.
+     */
+    awaitingSkeleton?: SkeletonNode;
     /**
      * Host-supplied stock content for a slot-host region (Studio V4 §14 Part
      * I2). Ignored whenever `children` is passed — `children` (compiled mode)
@@ -12209,7 +12227,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 +12255,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 +12290,9 @@ interface MediaGalleryAction {
     navigatesTo?: string;
     variant?: "primary" | "secondary" | "ghost";
 }
-interface MediaGalleryProps extends DisplayStateProps {
+interface MediaGalleryProps extends DisplayStateProps, Omit<React__default.AriaAttributes, keyof A11yProps>, A11yProps {
+    /** Content surface: `auto` paints the theme's surface behind this block unless it already sits on one (a card, dialog or another block); `none` opts out. */
+    surface?: SurfaceMode;
     /** Entity rows to display (collection cardinality). */
     entity?: readonly EntityRow[];
     /** Gallery title */
@@ -12387,7 +12331,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 +12345,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 +12364,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" */
@@ -12433,8 +12377,10 @@ interface ChatBarProps extends DisplayStateProps {
     placeholder?: string;
     /** Agent context description */
     context?: string;
+    /** The event a message is sent as — `UI:{sendEvent}` with `{ message }`, from Enter or the send button. @default "CHAT_SEND" */
+    sendEvent?: EventKey;
 }
-declare function ChatBar({ status, activeGate, jepaValidity, runningIndicator, placeholder, context, className, }: ChatBarProps): React__default.ReactElement;
+declare function ChatBar({ status, activeGate, jepaValidity, runningIndicator, placeholder, context, sendEvent, className, ...rest }: ChatBarProps): React__default.ReactElement;
 declare namespace ChatBar {
     var displayName: string;
 }
@@ -12469,7 +12415,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 +12611,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 +12650,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 +12682,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 */
@@ -12752,4 +12698,4 @@ interface GenericAppTemplateProps extends TemplateProps {
 }
 declare const GenericAppTemplate: React__default.FC<GenericAppTemplateProps>;
 
-export { ALL_PRESETS, Accordion, type AccordionItem, type AccordionProps, Card as ActionCard, type CardProps as ActionCardProps, ActionPalette, type ActionPaletteProps, ActionTile, type ActionTileProps, ActivationBlock, type ActivationBlockProps, Alert, type AlertProps, type AlertVariant, AlgoGraphCanvas, type AlgoGraphCanvasProps, type AlgoGraphEdge, type AlgoGraphEdgeState, type AlgoGraphLayout, type AlgoGraphNode, type AlgoGraphNodeBadge, type AlgoGraphNodeState, type AlgorithmBar, AlgorithmCanvas, type AlgorithmCanvasProps, type AlgorithmCell, type AlgorithmPointer, AnimatedCounter, type AnimatedCounterProps, AnimatedGraphic, type AnimatedGraphicProps, AnimatedReveal, type AnimatedRevealProps, Aside, type AsideProps, AssetPicker, type AssetPickerProps, AtlasImage, type AtlasImageAsset, type AtlasImageProps, AtlasPanel, type AtlasPanelProps, AuthLayout, type AuthLayoutProps, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, BadgeVariant, BiologyCanvas, type BiologyCanvasProps, type BiologyEdge, type BiologyNode, Box, type BoxBg, type BoxMargin, type BoxPadding, type BoxProps, type BoxRounded, type BoxShadow, BranchingLogicBuilder, type BranchingLogicBuilderProps, type BranchingQuestion, type BranchingRule, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COMPACT_MEDIA_QUERY, CalendarGrid, type CalendarGridProps, type CameraMode, CameraState, Canvas, Canvas2D, type Canvas2DProps, type CanvasItemShape, type CanvasItemStatus, type CanvasMode, type CanvasProps, Card$1 as Card, type CardAction, CardBody, CardContent, CardFooter, CardGrid, type CardGridGap, type CardGridProps, CardHeader, type CardProps$1 as CardProps, CardTitle, Carousel, type CarouselProps, Center, type CenterProps, ChangeList, type ChangeListItem, type ChangeListProps, type ChangeType, Chart, type ChartDataPoint, ChartLegend, type ChartLegendItem, type ChartLegendProps, type ChartProps, type ChartSeries, type ChartType, ChatBar, type ChatBarProps, type ChatBarStatus, Checkbox, type CheckboxProps, type ChemistryArrow, type ChemistryAtom, type ChemistryBond, ChemistryCanvas, type ChemistryCanvasProps, ChoiceButton, type ChoiceButtonProps, Coachmark, type CoachmarkAnchor, type CoachmarkPlacement, type CoachmarkProps, type CodeAssistProvider, type CodeAssistRequest, type CodeAssistResult, CodeBlock, type CodeBlockProps, type CodeCompletion, type CodeCompletionProvider, type CodeCompletionResult, type CodeDiagnostic, type CodeLanguage, type CodeLanguageLoader, CodeRunnerPanel, type CodeRunnerPanelProps, type CodeSimulationOutput, type CodeSuggestion, type CodeViewerAction, type CodeViewerFile, type CodeViewerMode, CollapsibleSection, type CollapsibleSectionProps, type Column, CommandPalette, type CommandPaletteCommand, type CommandPaletteProps, type CommitKind, CommitRow, type CommitRowProps, type ConditionalContext, ConditionalWrapper, type ConditionalWrapperProps, ConfettiEffect, type ConfettiEffectProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, ConnectionBlock, type ConnectionBlockProps, Container, type ContainerProps, ContentRenderer, type ContentRendererProps, ControlButton, type ControlButtonProps, ControlGrid, type ControlGridButton, type ControlGridKind, type ControlGridProps, type CounterSize, CounterTemplate, type CounterTemplateProps, type CounterVariant, DEFAULT_LIKERT_OPTION_KEYS, DEFAULT_MATRIX_COLUMN_KEYS, DIAMOND_TOP_Y, type DPadDirection, DashboardGrid, type DashboardGridCell, type DashboardGridProps, DashboardLayout, type DashboardLayoutProps, DataGrid, type DataGridField, type DataGridItemAction, type DataGridProps, DataList, type DataListField, type DataListItemAction, type DataListProps, DataTable, type DataTableProps, DateRangePicker, type DateRangePickerPreset, type DateRangePickerProps, DateRangeSelector, type DateRangeSelectorOption, type DateRangeSelectorProps, DayCell, type DayCellProps, type DetailField, DetailPanel, type DetailPanelProps, type DetailSection, Dialog, type DialogProps, DialogueBubble, type DialogueBubbleProps, type DiffHunk, type DiffLine$1 as DiffLine, type DiffLineType, type DiffRevision, type DispatchCommandPaletteCommandDeps, type DisplayStateProps, Divider, type DividerOrientation, type DividerProps, DocBreadcrumb, type DocBreadcrumbItem, type DocBreadcrumbProps, DocPagination, type DocPaginationLink, type DocPaginationProps, DocSearch, type DocSearchProps, type DocSearchResult, DocSidebar, type DocSidebarItem, type DocSidebarProps, DocTOC, type DocTOCItem, type DocTOCProps, DockLayout, type DockLayoutContextValue, type DockLayoutProps, DocumentDetails, type DocumentDetailsField, type DocumentDetailsProps, DocumentPanel, type DocumentPanelAction, type DocumentPanelProps, type DocumentType, DocumentViewer, type DocumentViewerProps, StateMachineView as DomStateMachineVisualizer, type DotSize, type DotState, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, DrawerSlot, type DrawerSlotProps, ELEMENT_SELECTED_EVENT, EdgeDecoration, type EdgeDecorationProps, type EdgeSide, type EdgeVariant, EditorCheckbox, type EditorCheckboxProps, type EditorMode, EditorSelect, type EditorSelectProps, EditorSlider, type EditorSliderProps, EditorTextInput, type EditorTextInputProps, EditorToolbar, type EditorToolbarProps, EmojiPicker, type EmojiPickerPosition, type EmojiPickerProps, EmptyState, type EmptyStateProps, EntityDisplayEvents, ErrorBoundary, type ErrorBoundaryProps, ErrorState, type ErrorStateProps, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FacingDirection, FeatureCard, type FeatureCardProps, FeatureGrid, type FeatureGridProps, type FilterDefinition, FilterGroup, type FilterGroupProps, type FilterPayload, FilterPill, type FilterPillProps, type FilterPillSize, type FilterPillVariant, Flex, type FlexProps, FlipCard, type FlipCardProps, FlipContainer, type FlipContainerProps, type FloatingAction, FloatingActionButton, type FloatingActionButtonProps, FloatingToolbar, type FloatingToolbarItem, type FloatingToolbarPosition, type FloatingToolbarProps, Form, FormActions, type FormActionsProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, type FormProps, FormSection$1 as FormSection, FormSectionHeader, type FormSectionHeaderProps, type FormSectionProps, FxOverlay, FxOverlayItem, type FxOverlayProps, GameAudioCue, type GameAudioCueProps, GameAudioToggle, type GameAudioToggleProps, GameHud, type GameHudElement, type GameHudProps, type GameHudStat, GameIcon, type GameIconProps, GameMenu, type GameMenuProps, GameShell, type GameShellProps, Gantt, type GanttLink, type GanttProps, GenericAppTemplate, type GenericAppTemplateProps, GeometricPattern, type GeometricPatternProps, GradientDivider, type GradientDividerProps, GraphCanvas, type GraphCanvasProps, type GraphEdge, type GraphNode, type GraphSimilarity, GraphView, type GraphViewEdge, type GraphViewNode, type GraphViewProps, type GraphicAnimation, Grid, GridPicker, type GridPickerCellSize, type GridPickerProps, type GridProps, HStack, type HStackProps, Header, type HeaderProps, HealthBar, type HealthBarProps, type HighlightType, IconButton, type IconButtonProps, IconInput, IconPicker, type IconPickerProps, Image, type ImageAspect, type ImageFit, type ImageProps, type ImageRounded, type ImportEntityDisplay, ImportPreviewTree, type ImportPreviewTreeProps, type ImportPreviewUnit, ImportProgress, type ImportProgressCounts, type ImportProgressProps, type ImportProgressStep, type ImportSkippedElement, type ImportSourceOption, ImportSourcePicker, type ImportSourcePickerProps, InfiniteScrollSentinel, type InfiniteScrollSentinelProps, Input, InputGroup, type InputGroupProps, type InputProps, IsometricUnit, JazariStateMachine, type JazariStateMachineProps, JsonTreeEditor, type JsonTreeEditorProps, Label, type LabelProps, type LawReference, LawReferenceTooltip, type LawReferenceTooltipProps, type Learning3DPoint, LearningCanvas, type LearningCanvasProps, type LearningPhysicsBody, type LearningPhysicsConstraint, type LearningPoint, LearningScene3D, type LearningScene3DProps, type LearningShape, type LearningShapeType, LessonSegment, type LessonUserProgress, Lightbox, type LightboxImage, type LightboxProps, type LikertOption, LikertScale, type LikertScaleProps, LineChart, type LineChartProps, List, type ListItem, type ListProps, LoadingState, type LoadingStateProps, type MapMarkerData, type MapRouteData, type MapRouteWaypoint, MapView, type MapViewProps, MarkdownContent, type MarkdownContentProps, MasterDetail, MasterDetailLayout, type MasterDetailLayoutProps, type MasterDetailProps, MathCanvas, type MathCanvasProps, type MathCurve, type MathPoint, type MathVector, type MatrixColumn, MatrixQuestion, type MatrixQuestionProps, type MatrixRow, MediaGallery, type MediaGalleryProps, type MediaItem, Menu, type MenuItem, type MenuOption, type MenuProps, type MeshSphereOpts, Meter, type MeterAction, type MeterProps, type MeterThreshold, type MeterVariant, Modal, type ModalProps, type ModalSize, ModalSlot, type ModalSlotProps, type NavItem, Navigation, type NavigationItem, type NavigationProps, NodeSlotEditor, type NodeSlotEditorProps, NumberStepper, type NumberStepperProps, type NumberStepperSize, OnboardingSpotlight, type OnboardingSpotlightProps, type OptionConstraint, OptionConstraintGroup, type OptionConstraintGroupProps, type OptionConstraintOption, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, type OrbitalVisualizationProps, Overlay, type OverlayProps, type PageBreadcrumb, PageHeader, type PageHeaderProps, PageTransition, type PageTransitionProps, type PaginatePayload, Pagination, type PaginationProps, PatternTile, type PatternTileProps, type PatternVariant, PhysicsCanvas, type PhysicsCanvasProps, type PickerItem, type Platform, Popover, type PopoverProps, PositionedCanvas, type PositionedCanvasProps, Presence, type PresenceAnimation, type PresenceProps, type PresenceResult, type PrismLanguageGrammar, ProgressBar, type ProgressBarColor, type ProgressBarProps, type ProgressBarVariant, ProgressDots, type ProgressDotsProps, type Projection, PropertyInspector, type PropertyInspectorProps, PullToRefresh, type PullToRefreshProps, type QrScanResult, QrScanner, type QrScannerProps, QuizBlock, type QuizBlockProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, type RangeSliderSize, ReflectionBlock, type ReflectionBlockProps, type RelationOption, RelationSelect, type RelationSelectProps, RepeatableFormSection, type RepeatableFormSectionProps, type RepeatableItem, ReplyTree, type ReplyTreeProps, ResolvedFrame, type RevealAnimation, type RevealTrigger, RichTextEditor, type RichTextEditorProps, type RowAction, type RuleDefinition, type RuleOption, RuntimeDebugger, type RuntimeDebuggerProps, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, type ScaledDiagramProps, ScoreDisplay, type ScoreDisplayProps, SearchInput, type SearchInputProps, type SearchPayload, Section, SectionHeader, type SectionHeaderProps, type SectionProps, SegmentRenderer, type SegmentRendererProps, Select, type SelectOption, type SelectOptionGroup, type SelectPayload, type SelectProps, SequenceBar, type SequenceBarProps, SidePanel, type SidePanelProps, type SidePlayer, Sidebar, type SidebarItem, type SidebarProps, SignaturePad, type SignaturePadProps, SimpleGrid, type SimpleGridProps, Skeleton, type SkeletonProps, type SkeletonVariant, SlotContent, SlotContentRenderer, type SlotItemData, SocialProof, type SocialProofItem, type SocialProofProps, type SortPayload, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpacerSize, Sparkline, type SparklineColor, type SparklineProps, Spinner, type SpinnerProps, Split, SplitPane, type SplitPaneProps, type SplitProps, type SpotlightStep, SpriteFrameDims, SpriteSheetUrls, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, StarRating, type StarRatingPrecision, type StarRatingProps, type StarRatingSize, StatBadge, type StatBadgeProps, StatCard, type StatCardProps, StatDisplay, type StatDisplayProps, StateGraph, type StateGraphProps, type StateGraphTransition, StateJsonView, type StateJsonViewProps, StateMachineView, type StateMachineViewProps, StatusBar, type StatusBarProps, StatusDot, type StatusDotProps, type StatusDotSize, type StatusDotStatus, SubagentTracePanel, type SubagentTracePanelProps, SvgBranch, type SvgBranchProps, SvgConnection, type SvgConnectionProps, SvgFlow, type SvgFlowProps, SvgGrid, type SvgGridProps, SvgLobe, type SvgLobeProps, SvgMesh, type SvgMeshProps, SvgMorph, type SvgMorphProps, SvgNode, type SvgNodeProps, SvgPulse, type SvgPulseProps, SvgRing, type SvgRingProps, SvgShield, type SvgShieldProps, SvgStack, type SvgStackProps, type SwipeAction, SwipeableRow, type SwipeableRowProps, Switch, type SwitchProps, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, type TabDefinition, type TabItem, TabbedContainer, type TabbedContainerProps, TableView, type TableViewColumn, type TableViewProps, Tabs, type TabsProps, TagInput, type TagInputProps, type TeamUnitTraits, type TemplateProps, TerrainPalette, type TerrainPaletteProps, TextHighlight, type TextHighlightProps, Textarea, type TextareaProps, ThemeToggle, type ThemeToggleProps, type TileCoord, type TileLayout, TimeSlotCell, type TimeSlotCellProps, Timeline, type TimelineItem, type TimelineItemStatus, type TimelineProps, TimerDisplay, type TimerDisplayProps, Toast, type ToastProps, ToastSlot, type ToastSlotProps, type ToastVariant, Tooltip, type TooltipProps, TopNavItem, type TopNavItemData, type TopNavItemProps, type TraceDisclosureLevel, TraitFrame, type TraitFrameProps, TraitSlot, type TraitSlotProps, type TraitStateMachineDefinition, TraitStateViewer, type TraitStateViewerProps, type TraitTransition, type TrendDirection, TrendIndicator, type TrendIndicatorProps, type TrendIndicatorSize, TypewriterText, type TypewriterTextProps, Typography, type TypographyProps, type TypographyVariant, UISlotComponent, type UISlotComponentProps, UISlotRenderer, type UISlotRendererProps, UiError, UnitAnimationState, UploadDropZone, type UploadDropZoneProps, type UsePresenceOptions, VStack, type VStackProps, type Vec2, VersionDiff, type DiffLine as VersionDiffLine, type VersionDiffProps, ViolationAlert, type ViolationAlertProps, type ViolationRecord, VoteStack, type VoteStackProps, WizardContainer, type WizardContainerProps, WizardNavigation, type WizardNavigationProps, WizardProgress, type WizardProgressProps, type WizardProgressStep, type WizardStep, applyCompletion, applySuggestions, arrowBetween, billboardLabel, boardEntity, bool, createUnitAnimationState, cylinderBetween, dispatchCommandPaletteCommand, get3DClickPayload, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, makeAsset, makeAssetMap, meshSphere, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, pendulum, projectileMotion, registerCodeLanguageLoader, renderPatternValue, resolveFrame, resolveSheetDirection, rows, sanitizeRichHtml, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAnchorRect, useAtlasSliceDataUrl, useCamera, useCompactLayout, useDockLayout, useImageCache, usePresence, useUnitSpriteAtlas, vec2 };
+export { ALL_PRESETS, Accordion, type AccordionItem, type AccordionProps, Card as ActionCard, type CardProps as ActionCardProps, ActionPalette, type ActionPaletteProps, ActionTile, type ActionTileProps, ActivationBlock, type ActivationBlockProps, AgentActivityFeed, type AgentActivityFeedProps, type AgentActivityJumpTarget, AgentActivityRow, type AgentActivityRowProps, AgentChatFeed, type AgentChatFeedProps, type AgentConversation, AgentThinkingRow, Alert, type AlertProps, type AlertVariant, AlgoGraphCanvas, type AlgoGraphCanvasProps, type AlgoGraphEdge, type AlgoGraphEdgeState, type AlgoGraphLayout, type AlgoGraphNode, type AlgoGraphNodeBadge, type AlgoGraphNodeState, type AlgorithmBar, AlgorithmCanvas, type AlgorithmCanvasProps, type AlgorithmCell, type AlgorithmPointer, AnimatedCounter, type AnimatedCounterProps, AnimatedGraphic, type AnimatedGraphicProps, AnimatedReveal, type AnimatedRevealProps, Aside, type AsideProps, AssetPicker, type AssetPickerProps, AtlasImage, type AtlasImageAsset, type AtlasImageProps, AtlasPanel, type AtlasPanelProps, AuthLayout, type AuthLayoutProps, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, BadgeVariant, BiologyCanvas, type BiologyCanvasProps, type BiologyEdge, type BiologyNode, Box, type BoxBg, type BoxMargin, type BoxPadding, type BoxProps, type BoxRounded, type BoxShadow, BranchingLogicBuilder, type BranchingLogicBuilderProps, type BranchingQuestion, type BranchingRule, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COMPACT_MEDIA_QUERY, CalendarGrid, type CalendarGridProps, type CameraMode, CameraState, Canvas, Canvas2D, type Canvas2DProps, type CanvasItemShape, type CanvasItemStatus, type CanvasMode, type CanvasProps, Card$1 as Card, type CardAction, CardBody, CardContent, CardFooter, CardHeader, type CardProps$1 as CardProps, CardTitle, Carousel, type CarouselProps, Center, type CenterProps, ChangeList, type ChangeListItem, type ChangeListProps, type ChangeType, Chart, type ChartDataPoint, ChartLegend, type ChartLegendItem, type ChartLegendProps, type ChartProps, type ChartSeries, type ChartType, ChatBar, type ChatBarProps, type ChatBarStatus, Checkbox, type CheckboxProps, type ChemistryArrow, type ChemistryAtom, type ChemistryBond, ChemistryCanvas, type ChemistryCanvasProps, ChoiceButton, type ChoiceButtonProps, Coachmark, type CoachmarkAnchor, type CoachmarkPlacement, type CoachmarkProps, type CodeAssistProvider, type CodeAssistRequest, type CodeAssistResult, CodeBlock, type CodeBlockProps, type CodeCompletion, type CodeCompletionProvider, type CodeCompletionResult, type CodeDiagnostic, type CodeLanguage, type CodeLanguageLoader, CodeRunnerPanel, type CodeRunnerPanelProps, type CodeSimulationOutput, type CodeSuggestion, type CodeViewerAction, type CodeViewerFile, type CodeViewerMode, CollapsibleSection, type CollapsibleSectionProps, CommandPalette, type CommandPaletteCommand, type CommandPaletteProps, type CommitKind, CommitRow, type CommitRowProps, type ConditionalContext, ConditionalWrapper, type ConditionalWrapperProps, ConfettiEffect, type ConfettiEffectProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, ConnectionBlock, type ConnectionBlockProps, Container, type ContainerProps, ContentRenderer, type ContentRendererProps, ControlButton, type ControlButtonProps, ControlGrid, type ControlGridButton, type ControlGridKind, type ControlGridProps, type CounterSize, CounterTemplate, type CounterTemplateProps, type CounterVariant, DEFAULT_LIKERT_OPTION_KEYS, DEFAULT_MATRIX_COLUMN_KEYS, DIAMOND_TOP_Y, type DPadDirection, DashboardGrid, type DashboardGridCell, type DashboardGridProps, DashboardLayout, type DashboardLayoutProps, DataGrid, type DataGridField, type DataGridItemAction, type DataGridProps, DataList, type DataListField, type DataListItemAction, type DataListProps, DateRangePicker, type DateRangePickerPreset, type DateRangePickerProps, DateRangeSelector, type DateRangeSelectorOption, type DateRangeSelectorProps, DayCell, type DayCellProps, type DetailField, DetailPanel, type DetailPanelProps, type DetailSection, Dialog, type DialogProps, DialogueBubble, type DialogueBubbleProps, type DiffHunk, type DiffLine$1 as DiffLine, type DiffLineType, type DiffRevision, type DispatchCommandPaletteCommandDeps, type DisplayStateProps, Divider, type DividerOrientation, type DividerProps, DocBreadcrumb, type DocBreadcrumbItem, type DocBreadcrumbProps, DocPagination, type DocPaginationLink, type DocPaginationProps, DocSearch, type DocSearchProps, type DocSearchResult, DocSidebar, type DocSidebarItem, type DocSidebarProps, DocTOC, type DocTOCItem, type DocTOCProps, DockLayout, type DockLayoutContextValue, type DockLayoutProps, DocumentDetails, type DocumentDetailsField, type DocumentDetailsProps, DocumentPanel, type DocumentPanelAction, type DocumentPanelProps, type DocumentType, DocumentViewer, type DocumentViewerProps, StateMachineView as DomStateMachineVisualizer, type DotSize, type DotState, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, DrawerSlot, type DrawerSlotProps, ELEMENT_SELECTED_EVENT, EdgeDecoration, type EdgeDecorationProps, type EdgeSide, type EdgeVariant, EditorCheckbox, type EditorCheckboxProps, type EditorMode, EditorSelect, type EditorSelectProps, EditorSlider, type EditorSliderProps, EditorTextInput, type EditorTextInputProps, EditorToolbar, type EditorToolbarProps, EmojiPicker, type EmojiPickerPosition, type EmojiPickerProps, EmptyState, type EmptyStateProps, EntityDisplayEvents, ErrorBoundary, type ErrorBoundaryProps, ErrorState, type ErrorStateProps, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FacingDirection, FeatureCard, type FeatureCardProps, FeatureGrid, type FeatureGridProps, type FilterDefinition, FilterGroup, type FilterGroupProps, type FilterPayload, FilterPill, type FilterPillProps, type FilterPillSize, type FilterPillVariant, Flex, type FlexProps, FlipCard, type FlipCardProps, FlipContainer, type FlipContainerProps, type FloatingAction, FloatingActionButton, type FloatingActionButtonProps, FloatingToolbar, type FloatingToolbarItem, type FloatingToolbarPosition, type FloatingToolbarProps, Form, FormActions, type FormActionsProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, type FormProps, FormSection$1 as FormSection, FormSectionHeader, type FormSectionHeaderProps, type FormSectionProps, FxOverlay, FxOverlayItem, type FxOverlayProps, GameAudioCue, type GameAudioCueProps, GameAudioToggle, type GameAudioToggleProps, GameHud, type GameHudElement, type GameHudProps, type GameHudStat, GameIcon, type GameIconProps, GameMenu, type GameMenuProps, GameShell, type GameShellProps, Gantt, type GanttLink, type GanttProps, GenericAppTemplate, type GenericAppTemplateProps, GeometricPattern, type GeometricPatternProps, GradientDivider, type GradientDividerProps, GraphCanvas, type GraphCanvasProps, type GraphEdge, type GraphNode, type GraphSimilarity, GraphView, type GraphViewEdge, type GraphViewNode, type GraphViewProps, type GraphicAnimation, Grid, GridPicker, type GridPickerCellSize, type GridPickerProps, type GridProps, HStack, type HStackProps, Header, type HeaderProps, HealthBar, type HealthBarProps, type HighlightType, IconButton, type IconButtonProps, IconInput, IconPicker, type IconPickerProps, Image, type ImageAspect, type ImageFit, type ImageProps, type ImageRounded, type ImportEntityDisplay, ImportPreviewTree, type ImportPreviewTreeProps, type ImportPreviewUnit, ImportProgress, type ImportProgressCounts, type ImportProgressProps, type ImportProgressStep, type ImportSkippedElement, type ImportSourceOption, ImportSourcePicker, type ImportSourcePickerProps, InfiniteScrollSentinel, type InfiniteScrollSentinelProps, Input, InputGroup, type InputGroupProps, type InputProps, IsometricUnit, JazariStateMachine, type JazariStateMachineProps, JsonTreeEditor, type JsonTreeEditorProps, Label, type LabelProps, type LawReference, LawReferenceTooltip, type LawReferenceTooltipProps, type Learning3DPoint, LearningCanvas, type LearningCanvasProps, type LearningPhysicsBody, type LearningPhysicsConstraint, type LearningPoint, LearningScene3D, type LearningScene3DProps, type LearningShape, type LearningShapeType, LessonSegment, type LessonUserProgress, Lightbox, type LightboxImage, type LightboxProps, type LikertOption, LikertScale, type LikertScaleProps, LineChart, type LineChartProps, LoadingState, type LoadingStateProps, type MapMarkerData, type MapRouteData, type MapRouteWaypoint, MapView, type MapViewProps, MarkdownContent, type MarkdownContentProps, MasterDetailLayout, type MasterDetailLayoutProps, MathCanvas, type MathCanvasProps, type MathCurve, type MathPoint, type MathVector, type MatrixColumn, MatrixQuestion, type MatrixQuestionProps, type MatrixRow, MediaGallery, type MediaGalleryProps, type MediaItem, Menu, type MenuItem, type MenuOption, type MenuProps, type MeshSphereOpts, Meter, type MeterAction, type MeterProps, type MeterThreshold, type MeterVariant, Modal, type ModalProps, type ModalSize, ModalSlot, type ModalSlotProps, type NavItem, Navigation, type NavigationItem, type NavigationProps, NodeSlotEditor, type NodeSlotEditorProps, NumberStepper, type NumberStepperProps, type NumberStepperSize, OnboardingSpotlight, type OnboardingSpotlightProps, type OptionConstraint, OptionConstraintGroup, type OptionConstraintGroupProps, type OptionConstraintOption, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, type OrbitalVisualizationProps, Overlay, type OverlayProps, type PageBreadcrumb, PageHeader, type PageHeaderProps, PageTransition, type PageTransitionProps, type PaginatePayload, Pagination, type PaginationProps, PatternTile, type PatternTileProps, type PatternVariant, PhysicsCanvas, type PhysicsCanvasProps, type PickerItem, type Platform, Popover, type PopoverProps, PositionedCanvas, type PositionedCanvasProps, Presence, type PresenceAnimation, type PresenceProps, type PresenceResult, type PrismLanguageGrammar, ProgressBar, type ProgressBarColor, type ProgressBarProps, type ProgressBarVariant, ProgressDots, type ProgressDotsProps, type Projection, PropertyInspector, type PropertyInspectorProps, PullToRefresh, type PullToRefreshProps, type QrScanResult, QrScanner, type QrScannerProps, QuizBlock, type QuizBlockProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, type RangeSliderSize, ReflectionBlock, type ReflectionBlockProps, type RelationOption, RelationSelect, type RelationSelectProps, RepeatableFormSection, type RepeatableFormSectionProps, type RepeatableItem, ReplyTree, type ReplyTreeProps, ResolvedFrame, type RevealAnimation, type RevealTrigger, RichTextEditor, type RichTextEditorProps, type RowFacts, type RuleDefinition, type RuleOption, RuntimeDebugger, type RuntimeDebuggerProps, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, type ScaledDiagramProps, ScoreDisplay, type ScoreDisplayProps, SearchInput, type SearchInputProps, type SearchPayload, Section, SectionHeader, type SectionHeaderProps, type SectionProps, SegmentRenderer, type SegmentRendererProps, Select, type SelectOption, type SelectOptionGroup, type SelectPayload, type SelectProps, SequenceBar, type SequenceBarProps, SidePanel, type SidePanelProps, type SidePlayer, Sidebar, type SidebarItem, type SidebarProps, SignaturePad, type SignaturePadProps, SimpleGrid, type SimpleGridProps, Skeleton, type SkeletonProps, SkeletonTree, SlotContent, SlotContentRenderer, type SlotItemData, SocialProof, type SocialProofItem, type SocialProofProps, type SortPayload, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpacerSize, Sparkline, type SparklineColor, type SparklineProps, Spinner, type SpinnerProps, Split, SplitPane, type SplitPaneProps, type SplitProps, type SpotlightStep, SpriteFrameDims, SpriteSheetUrls, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, StarRating, type StarRatingPrecision, type StarRatingProps, type StarRatingSize, StatBadge, type StatBadgeProps, StatCard, type StatCardProps, StatDisplay, type StatDisplayProps, StateGraph, type StateGraphProps, type StateGraphTransition, StateJsonView, type StateJsonViewProps, StateMachineView, type StateMachineViewProps, StatusBar, type StatusBarProps, StatusDot, type StatusDotProps, type StatusDotSize, type StatusDotStatus, SubagentTracePanel, type SubagentTracePanelProps, SvgBranch, type SvgBranchProps, SvgConnection, type SvgConnectionProps, SvgFlow, type SvgFlowProps, SvgGrid, type SvgGridProps, SvgLobe, type SvgLobeProps, SvgMesh, type SvgMeshProps, SvgMorph, type SvgMorphProps, SvgNode, type SvgNodeProps, SvgPulse, type SvgPulseProps, SvgRing, type SvgRingProps, SvgShield, type SvgShieldProps, SvgStack, type SvgStackProps, type SwipeAction, SwipeableRow, type SwipeableRowProps, Switch, type SwitchProps, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, type TabDefinition, type TabItem, TabbedContainer, type TabbedContainerProps, TableView, type TableViewColumn, type TableViewProps, Tabs, type TabsProps, TagInput, type TagInputProps, type TeamUnitTraits, type TemplateProps, TerrainPalette, type TerrainPaletteProps, TextHighlight, type TextHighlightProps, Textarea, type TextareaProps, ThemeToggle, type ThemeToggleProps, type TileCoord, type TileLayout, TimeSlotCell, type TimeSlotCellProps, Timeline, type TimelineItem, type TimelineItemStatus, type TimelineProps, TimerDisplay, type TimerDisplayProps, Toast, type ToastProps, ToastSlot, type ToastSlotProps, type ToastVariant, Tooltip, type TooltipProps, TopNavItem, type TopNavItemData, type TopNavItemProps, type TraceDisclosureLevel, TraitFrame, type TraitFrameProps, TraitSlot, type TraitSlotProps, type TraitStateMachineDefinition, TraitStateViewer, type TraitStateViewerProps, type TraitTransition, type TrendDirection, TrendIndicator, type TrendIndicatorProps, type TrendIndicatorSize, TypewriterText, type TypewriterTextProps, Typography, type TypographyProps, type TypographyVariant, UISlotComponent, type UISlotComponentProps, UISlotRenderer, type UISlotRendererProps, UiError, UnitAnimationState, UploadDropZone, type UploadDropZoneProps, type UsePresenceOptions, VStack, type VStackProps, type Vec2, VersionDiff, type DiffLine as VersionDiffLine, type VersionDiffProps, ViolationAlert, type ViolationAlertProps, type ViolationRecord, VoteStack, type VoteStackProps, WizardContainer, type WizardContainerProps, WizardNavigation, type WizardNavigationProps, WizardProgress, type WizardProgressProps, type WizardProgressStep, type WizardStep, activityRowFacts, applyCompletion, applySuggestions, arrowBetween, billboardLabel, boardEntity, bool, createUnitAnimationState, cylinderBetween, dispatchCommandPaletteCommand, get3DClickPayload, getCurrentFrame, getTileDimensions, groupIntoConversations, inferDirection, isoToScreen, makeAsset, makeAssetMap, meshSphere, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, pendulum, projectileMotion, registerCodeLanguageLoader, renderPatternValue, resolveFrame, resolveSheetDirection, rows, sanitizeRichHtml, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAnchorRect, useAtlasSliceDataUrl, useCamera, useCompactLayout, useDockLayout, useImageCache, usePresence, useUnitSpriteAtlas, vec2 };