@almadar/ui 6.51.2 → 6.52.0

package/dist/components/index.js

@@ -1,19 +1,19 @@
 export { assertUniqueSlotsPerHost } from '../chunk-O2EIWXWE.js';
-export { keyChord, mergeCaptureTables, useAgentChat, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useKeyboardRouter, useNavStack, usePreview, useRenderInterpolation, useTraitListens, useUIEvents, useValidation } from '../chunk-JXUYEO7U.js';
-export { I18nProvider, createTranslate, useFormatContext, useTranslate } from '../chunk-YKHNK5JH.js';
+export { keyChord, mergeCaptureTables, useAgentChat, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useKeyboardRouter, useNavStack, usePreview, useRenderInterpolation, useTraitListens, useUIEvents, useValidation } from '../chunk-XUSSAWKL.js';
+export { I18nProvider, createTranslate, useFormatContext, useTranslate } from '../chunk-NCNP2RKZ.js';
 export { SharedEntityStoreContext, createSharedEntityStore, runTickFrame, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext } from '../chunk-DQTV6QVS.js';
-export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-6CFYRP4S.js';
-export { ALL_PRESETS, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgoGraphCanvas, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, COMPACT_MEDIA_QUERY, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, ChangeList, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommandPalette, CommitRow, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTION_KEYS, DEFAULT_MATRIX_COLUMN_KEYS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DockLayout, DocumentDetails, DocumentPanel, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmojiPicker, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureGrid, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, FloatingToolbar, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, FxOverlay, GameAudioContext, GameAudioCue, GameAudioProvider, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, Gantt, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, Header, HealthBar, Icon, IconButton, IconPicker, Image, ImportPreviewTree, ImportProgress, ImportSourcePicker, InfiniteScrollSentinel, Input, InputGroup, JazariStateMachine, JsonTreeEditor, Label, LawReferenceTooltip, LearningCanvas, LearningScene3D, Lightbox, LikertScale, LineChart, List, LoadingState, MapView, MarkdownContent, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NumberStepper, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, Presence, ProgressBar, ProgressDots, PropertyInspector, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichTextEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StatusBar, StatusDot, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagInput, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TopNavItem, TraitFrame, TraitSlot, TraitStateViewer, TrendIndicator, TypewriterText, UISlotComponent, UISlotRenderer, UploadDropZone, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, applyCompletion, applySuggestions, arrowBetween, billboardLabel, boardEntity, bool, calculateAttackTargets, calculateValidMoves, createInitialGameState, 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, useGameAudio, useGameAudioContext, useImageCache, usePresence, useUnitSpriteAtlas, vec2 } from '../chunk-GIPZSCND.js';
-export { Box, HStack, Stack, VStack } from '../chunk-BUEIZY54.js';
-export { Typography } from '../chunk-MWPX2O4M.js';
-export { ALMADAR_DND_MIME, parseQueryBinding, useAuthContext, useCanvasGestures, useDragReorder, useDraggable, useDropZone, useInfiniteScroll, useLongPress, useMediaQuery, usePullToRefresh, useQuerySingleton, useSwipeGesture } from '../chunk-NTO555KF.js';
+export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-2QB2PXOO.js';
+export { ALL_PRESETS, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgoGraphCanvas, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, COMPACT_MEDIA_QUERY, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, ChangeList, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommandPalette, CommitRow, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTION_KEYS, DEFAULT_MATRIX_COLUMN_KEYS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DockLayout, DocumentDetails, DocumentPanel, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmojiPicker, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureGrid, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, FloatingToolbar, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, FxOverlay, GameAudioContext, GameAudioCue, GameAudioProvider, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, Gantt, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, Header, HealthBar, Icon, IconButton, IconPicker, Image, ImportPreviewTree, ImportProgress, ImportSourcePicker, InfiniteScrollSentinel, Input, InputGroup, JazariStateMachine, JsonTreeEditor, Label, LawReferenceTooltip, LearningCanvas, LearningScene3D, Lightbox, LikertScale, LineChart, List, LoadingState, MapView, MarkdownContent, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NumberStepper, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, ProgressBar, ProgressDots, PropertyInspector, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichTextEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StatusBar, StatusDot, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagInput, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TopNavItem, TraitFrame, TraitSlot, TraitStateViewer, TrendIndicator, TypewriterText, UISlotComponent, UISlotRenderer, UploadDropZone, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, applyCompletion, applySuggestions, arrowBetween, billboardLabel, boardEntity, bool, calculateAttackTargets, calculateValidMoves, createInitialGameState, 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, useGameAudio, useGameAudioContext, useImageCache, useUnitSpriteAtlas, vec2 } from '../chunk-EERAGPBW.js';
+export { Box, HStack, Stack, VStack } from '../chunk-BHZG4PDZ.js';
+export { Typography } from '../chunk-CLSLVFSP.js';
+export { ALMADAR_DND_MIME, parseQueryBinding, useAuthContext, useCanvasGestures, useDragReorder, useDraggable, useDropZone, useInfiniteScroll, useLongPress, useMediaQuery, usePrefersReducedMotion, usePullToRefresh, useQuerySingleton, useSwipeGesture } from '../chunk-TWHYH25Q.js';
 export { useTapReveal } from '../chunk-XJTHMW4G.js';
 export { useEmitEvent, useEventBus, useEventListener } from '../chunk-6EV3OEBQ.js';
-export { parseLessonSegments, parseMarkdownWithCodeBlocks } from '../chunk-OLZ3EEML.js';
+export { Presence, parseLessonSegments, parseMarkdownWithCodeBlocks, usePresence } from '../chunk-G4GMXYMY.js';
 import '../chunk-O7OLVVBR.js';
-export { cn } from '../chunk-HQDKHLFG.js';
-import '../chunk-GHXWGQTX.js';
-import '../chunk-L55SAFKL.js';
+export { cn } from '../chunk-IN3BVW2Z.js';
+import '../chunk-V5AGW2JN.js';
+import '../chunk-WB2A6V3I.js';
 import '../chunk-PQKU62LK.js';
 import '../chunk-YHY5K2Y7.js';
 import '../chunk-QPXIAUJD.js';

package/dist/context/index.cjs

@@ -218,7 +218,6 @@ function aggregateSlot(sources) {
       children
     },
     priority: 0,
-    animation: "fade",
     sourceTrait: MULTI_SOURCE_STACK_TRAIT
   };
 }
@@ -282,7 +281,6 @@ function useUISlotManager() {
         pattern: config.pattern,
         props: config.props ?? {},
         priority: config.priority ?? 0,
-        animation: config.animation ?? "fade",
         onDismiss: config.onDismiss,
         sourceTrait: config.sourceTrait,
         slot: config.target,
@@ -323,7 +321,7 @@ function useUISlotManager() {
           });
           return prev;
         }
-        if (existing && existing.priority === content.priority && existing.pattern === content.pattern && existing.animation === content.animation && existing.transitionEvent === content.transitionEvent && existing.fromState === content.fromState && existing.entity === content.entity && existing.nodeId === content.nodeId && existing.autoDismissAt === void 0 && content.autoDismissAt === void 0 && existing.onDismiss === void 0 === (content.onDismiss === void 0)) {
+        if (existing && existing.priority === content.priority && existing.pattern === content.pattern && existing.transitionEvent === content.transitionEvent && existing.fromState === content.fromState && existing.entity === content.entity && existing.nodeId === content.nodeId && existing.autoDismissAt === void 0 && content.autoDismissAt === void 0 && existing.onDismiss === void 0 === (content.onDismiss === void 0)) {
           const reconciled = reconcileSlotProps(existing.props, content.props);
           if (reconciled.equal) {
             log.debug("slot:flush-bail", { slot: config.target, sourceKey, pattern: content.pattern });
@@ -871,7 +869,10 @@ var MOTION_SHAPE_VARS = [
   { cssVar: "--motion-popover-exit-to-transform", key: "popoverExit" },
   { cssVar: "--motion-toast-enter-from-transform", key: "toastEnter" },
   { cssVar: "--motion-toast-exit-to-transform", key: "toastExit" },
-  { cssVar: "--motion-page-enter-from-transform", key: "pageEnter" }
+  { cssVar: "--motion-page-enter-from-transform", key: "pageEnter" },
+  { cssVar: "--motion-enter-rise-from-transform", key: "enterRise" },
+  { cssVar: "--motion-enter-scale-from-transform", key: "enterScale" },
+  { cssVar: "--motion-enter-slide-from-transform", key: "enterSlide" }
 ];
 var ICONOGRAPHY_VARS = [
   { cssVar: "--icon-family", key: "family" },
@@ -895,6 +896,7 @@ var GEOMETRY_VARS = [
   { cssVar: "--border-heavy", key: "borderHeavy" },
   { cssVar: "--corner-shape", key: "cornerShape" },
   { cssVar: "--corner-shape-pill", key: "cornerShapePill" },
+  { cssVar: "--corner-shape-interactive", key: "cornerShapeInteractive" },
   { cssVar: "--border-style", key: "borderStyle" },
   { cssVar: "--border-style-interactive", key: "borderStyleInteractive" }
 ];
@@ -1033,6 +1035,12 @@ function emitMotion(m, vars) {
     }
   }
   applyFlat(m.shapes, MOTION_SHAPE_VARS, vars);
+  if (m.entry?.default !== void 0) vars["--motion-enter-default"] = enterKeyframe(m.entry.default);
+  if (m.entry?.stagger !== void 0) vars["--motion-enter-stagger"] = m.entry.stagger;
+  if (m.busyDelay !== void 0) vars["--motion-busy-delay"] = m.busyDelay;
+}
+function enterKeyframe(enter) {
+  return enter === "none" ? "none" : `almadar-enter-${enter}`;
 }
 function emitIconography(i, vars) {
   applyFlat(i, ICONOGRAPHY_VARS, vars);

package/dist/context/index.d.ts

@@ -1,10 +1,10 @@
-export { U as UISlotContext, a as UISlotProvider, u as useSlotContent, b as useSlotHasContent, c as useUISlots } from '../UISlotContext-DNM8iXna.js';
+export { U as UISlotContext, a as UISlotProvider, u as useSlotContent, b as useSlotHasContent, c as useUISlots } from '../UISlotContext-CS487Uoc.js';
 import { U as UIThemeDefinition } from '../ArbitraryClassCompiler-DvzdeHxc.js';
 export { A as ARBITRARY_CLASS_STYLE_ID, a as ArbitraryClassCompiler, b as ArbitraryClassCompilerProvider, c as ArbitraryClassCompilerProviderProps, C as ColorMode, d as CurrentPagePathContext, e as CurrentPagePathProvider, f as CurrentPagePathProviderProps, D as DesignTheme, g as DesignThemeProvider, O as OrbitalThemeProvider, h as OrbitalThemeProviderProps, R as ResolvedMode, T as ThemeContext, i as ThemeProvider, j as ThemeProviderProps, k as ThemeScope, l as ThemeScopeContext, u as useArbitraryClassStyles, m as useCurrentPagePath, n as useDesignTheme, o as useTheme, p as useThemeScope } from '../ArbitraryClassCompiler-DvzdeHxc.js';
-export { T as ThemeMode, r as resolveThemeForRuntime, t as themeTokensToCssVars } from '../themeTokens-CN9WCXQc.js';
+export { T as ThemeMode, r as resolveThemeForRuntime, t as themeTokensToCssVars } from '../themeTokens-Ccu7EmGY.js';
 export { U as UserContext, a as UserContextValue, b as UserData, c as UserProvider, d as UserProviderProps, u as useHasPermission, e as useHasRole, f as useUser, g as useUserForEvaluation } from '../UserContext-D566nfWA.js';
 export { ANONYMOUS_USER, UISlot } from '@almadar/core';
-export { S as SlotAnimation, a as SlotChangeCallback, b as SlotContent, c as SlotRenderConfig, U as UISlotManager } from '../useUISlots-CwUWM1ra.js';
+export { S as SlotChangeCallback, a as SlotContent, b as SlotRenderConfig, U as UISlotManager } from '../useUISlots-1dk2TR4j.js';
 import 'react';
 
 /**

package/dist/context/index.js

@@ -1,5 +1,5 @@
-import { useUISlotManager } from '../chunk-6CFYRP4S.js';
-export { resolveThemeForRuntime, themeTokensToCssVars } from '../chunk-FGHRVJCI.js';
+import { useUISlotManager } from '../chunk-2QB2PXOO.js';
+export { resolveThemeForRuntime, themeTokensToCssVars } from '../chunk-MSBMVG3B.js';
 import '../chunk-YHY5K2Y7.js';
 import '../chunk-QPXIAUJD.js';
 import { createContext, useMemo, useContext, useState, useEffect, useCallback } from 'react';

package/dist/hooks/index.cjs

@@ -1197,7 +1197,6 @@ function aggregateSlot(sources) {
       children
     },
     priority: 0,
-    animation: "fade",
     sourceTrait: MULTI_SOURCE_STACK_TRAIT
   };
 }
@@ -1261,7 +1260,6 @@ function useUISlotManager() {
         pattern: config.pattern,
         props: config.props ?? {},
         priority: config.priority ?? 0,
-        animation: config.animation ?? "fade",
         onDismiss: config.onDismiss,
         sourceTrait: config.sourceTrait,
         slot: config.target,
@@ -1302,7 +1300,7 @@ function useUISlotManager() {
           });
           return prev;
         }
-        if (existing && existing.priority === content.priority && existing.pattern === content.pattern && existing.animation === content.animation && existing.transitionEvent === content.transitionEvent && existing.fromState === content.fromState && existing.entity === content.entity && existing.nodeId === content.nodeId && existing.autoDismissAt === void 0 && content.autoDismissAt === void 0 && existing.onDismiss === void 0 === (content.onDismiss === void 0)) {
+        if (existing && existing.priority === content.priority && existing.pattern === content.pattern && existing.transitionEvent === content.transitionEvent && existing.fromState === content.fromState && existing.entity === content.entity && existing.nodeId === content.nodeId && existing.autoDismissAt === void 0 && content.autoDismissAt === void 0 && existing.onDismiss === void 0 === (content.onDismiss === void 0)) {
           const reconciled = reconcileSlotProps(existing.props, content.props);
           if (reconciled.equal) {
             log10.debug("slot:flush-bail", { slot: config.target, sourceKey, pattern: content.pattern });
@@ -1507,6 +1505,27 @@ function useUISlotManager() {
     updateTraitContent
   };
 }
+var counts = /* @__PURE__ */ new Map();
+var keyListeners = /* @__PURE__ */ new Map();
+function notify(key) {
+  keyListeners.get(key)?.forEach((cb) => cb());
+}
+function beginPending(key) {
+  counts.set(key, (counts.get(key) ?? 0) + 1);
+  if (counts.get(key) === 1) notify(key);
+}
+function endPending(key) {
+  const n = (counts.get(key) ?? 0) - 1;
+  if (n > 0) {
+    counts.set(key, n);
+    return;
+  }
+  counts.delete(key);
+  notify(key);
+}
+React.createContext(null);
+
+// hooks/useUIEvents.ts
 var UI_PREFIX = "UI:";
 function useUIEvents(dispatch, traitName, validEvents, eventBusInstance) {
   const defaultEventBus = useEventBus();
@@ -1524,7 +1543,12 @@ function useUIEvents(dispatch, traitName, validEvents, eventBusInstance) {
         if (event.source && event.source.dispatched) {
           return;
         }
-        dispatch(smEvent, event.payload);
+        const pendingKey = event.source?.pendingKey;
+        const settled = dispatch(smEvent, event.payload);
+        if (pendingKey !== void 0 && settled instanceof Promise) {
+          beginPending(pendingKey);
+          void settled.finally(() => endPending(pendingKey));
+        }
       };
       unsubscribes.push(
         eventBus.on(`${UI_PREFIX}${traitName}.${smEvent}`, handler)
@@ -2857,7 +2881,37 @@ var en_default = {
   "flowCanvas.presetSize": "{{label}} ({{width}}px)",
   "avl.breadcrumb.transitionNumber": "Transition #{{n}}",
   "orbInspector.pattern": "Pattern",
-  "orbInspector.slotLabel": "slot: {{slot}}"
+  "orbInspector.slotLabel": "slot: {{slot}}",
+  "detailPanel.section.activity": "Activity",
+  "detailPanel.section.lineItems": "Line items",
+  "detailPanel.tab.overview": "Overview",
+  "detailPanel.thread.empty": "No messages yet",
+  "detailPanel.openImage": "Open image",
+  "detailPanel.showImage": "Show image {{index}}",
+  "aria.clearSelection": "Clear selection",
+  "aria.searchOptions": "Search options",
+  "aria.zoomIn": "Zoom in",
+  "aria.zoomOut": "Zoom out",
+  "aria.previousPage": "Previous page",
+  "aria.nextPage": "Next page",
+  "aria.downloadDocument": "Download document",
+  "aria.printDocument": "Print document",
+  "aria.wrapLines": "Wrap lines",
+  "aria.copyCode": "Copy code",
+  "aria.clearInput": "Clear input",
+  "aria.skipToContent": "Skip to content",
+  "aria.mainNavigation": "Main navigation",
+  "aria.carouselSlides": "Slides",
+  "aria.minimap": "Minimap",
+  "aria.canvasScene": "Game scene",
+  "aria.learningCanvas": "Interactive diagram",
+  "aria.scene3d": "3D scene",
+  "aria.graphCanvas": "Graph",
+  "aria.positionedCanvas": "Floor plan",
+  "aria.walkTraitDone": "completed",
+  "aria.walkTraitPending": "pending",
+  "aria.walkGraph": "State graph for {{trait}}: {{from}} to {{to}}",
+  "aria.loading": "Loading"
 };
 
 // lib/format.ts
@@ -2883,7 +2937,14 @@ var I18nContext = React.createContext({
   }
 });
 I18nContext.displayName = "I18nContext";
-var I18nProvider = I18nContext.Provider;
+function I18nProvider({ value, children, documentRoot }) {
+  React.useEffect(() => {
+    if (!documentRoot) return;
+    document.documentElement.lang = value.locale;
+    document.documentElement.dir = value.direction;
+  }, [documentRoot, value.locale, value.direction]);
+  return React__default.default.createElement(I18nContext.Provider, { value }, children);
+}
 function useTranslate() {
   return React.useContext(I18nContext);
 }
@@ -3109,6 +3170,11 @@ function useMediaQuery(query) {
 function hasMatchMedia() {
   return typeof window !== "undefined" && typeof window.matchMedia === "function";
 }
+
+// hooks/usePrefersReducedMotion.ts
+function usePrefersReducedMotion() {
+  return useMediaQuery("(prefers-reduced-motion: reduce)");
+}
 function useInfiniteScroll(onLoadMore, options = {}) {
   const { rootMargin = "200px", hasMore = true, isLoading = false } = options;
   const observerRef = React.useRef(null);
@@ -3619,6 +3685,7 @@ exports.useInfiniteScroll = useInfiniteScroll;
 exports.useKeyboardRouter = useKeyboardRouter;
 exports.useLongPress = useLongPress;
 exports.useMediaQuery = useMediaQuery;
+exports.usePrefersReducedMotion = usePrefersReducedMotion;
 exports.usePreview = usePreview;
 exports.usePullToRefresh = usePullToRefresh;
 exports.useQuerySingleton = useQuerySingleton;

package/dist/hooks/index.d.ts

@@ -1,14 +1,29 @@
 import { OrbitalSchema, FieldValue, EventPayload, BusEventSource, BusEventListener, EntityFrameState, EntityFieldWrite } from '@almadar/core';
 export { BusEvent, BusEventListener, BusEventSource, BusEventListener as EventListener, UISlot, Unsubscribe } from '@almadar/core';
-import { E as EventBusContextType } from '../NavStackContext-B-XLULCO.js';
-export { a as NavStackApi, u as useNavStack } from '../NavStackContext-B-XLULCO.js';
+import { E as EventBusContextType } from '../NavStackContext-04NLdXsY.js';
+export { 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 { D as DEFAULT_SLOTS, S as SlotAnimation, a as SlotChangeCallback, b as SlotContent, c as SlotRenderConfig, U as UISlotManager, u as useUISlotManager } from '../useUISlots-CwUWM1ra.js';
+export { D as DEFAULT_SLOTS, S as SlotChangeCallback, a as SlotContent, b as SlotRenderConfig, U as UISlotManager, u as useUISlotManager } from '../useUISlots-1dk2TR4j.js';
 import * as React$1 from 'react';
 import React__default from 'react';
 import { F as FormatContext } from '../format-Czimj421.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
 
+/**
+ * useTranslate — i18n hook for Almadar UI components.
+ *
+ * Provides locale-aware string translation via React context.
+ * No provider = passthrough: t('key') returns 'key' as-is (never crashes).
+ *
+ * Usage in organisms:
+ *   const { t, locale, direction } = useTranslate();
+ *   <Button>{t('common.save')}</Button>
+ *   <Typography>{t('table.showing', { count: 5, total: 20 })}</Typography>
+ *
+ * Templates MUST NOT use this hook (flattener rule). They receive
+ * translated strings via entity props from the organism above.
+ */
+
 type TranslateFunction = (key: string, params?: Record<string, string | number>) => string;
 interface I18nContextValue {
     /** Current locale code (e.g. 'en', 'ar', 'sl') */
@@ -29,7 +44,14 @@ interface I18nContextValue {
  * </I18nProvider>
  * ```
  */
-declare const I18nProvider: React$1.Provider<I18nContextValue>;
+interface I18nProviderProps {
+    value: I18nContextValue;
+    children?: React__default.ReactNode;
+    /** The app's root provider: mirrors locale + direction onto `<html lang dir>`.
+     *  Embedded previews omit it so they never rewrite their host document. */
+    documentRoot?: boolean;
+}
+declare function I18nProvider({ value, children, documentRoot }: I18nProviderProps): React__default.ReactElement;
 /**
  * Hook to access the current locale and translate function.
  * Safe to call without a provider — returns passthrough t().
@@ -508,7 +530,7 @@ declare function useEmitEvent(): (type: string, payload?: EventPayload, source?:
  *   for each entry.
  * @param eventBusInstance - Optional event bus instance (for testing)
  */
-declare function useUIEvents<E extends string>(dispatch: (event: E, payload?: EventPayload) => void, traitName: string, validEvents: readonly E[], eventBusInstance?: ReturnType<typeof useEventBus>): void;
+declare function useUIEvents<E extends string>(dispatch: (event: E, payload?: EventPayload) => void | Promise<void>, traitName: string, validEvents: readonly E[], eventBusInstance?: ReturnType<typeof useEventBus>): void;
 /**
  * Hook to subscribe to cross-trait listens (gap #13, Phase 4 codegen).
  *
@@ -765,7 +787,7 @@ interface DragReorderResult<T> {
         onPointerDown: (e: React__default.PointerEvent) => void;
         style: React__default.CSSProperties;
         'aria-grabbed': boolean;
-        role: string;
+        role: 'button';
     };
     /** Props to spread on each list item for a given index */
     getItemProps: (index: number) => {
@@ -787,6 +809,9 @@ declare function useDragReorder<T>(initialItems: T[], onReorder: (fromIndex: num
  */
 declare function useMediaQuery(query: string): boolean;
 
+/** Whether the OS asks for reduced motion — the one gate for JS/rAF/camera animations (CSS ones collapse in `_base.css`). */
+declare function usePrefersReducedMotion(): boolean;
+
 interface InfiniteScrollOptions {
     /** Root margin for IntersectionObserver (default: "200px") */
     rootMargin?: string;
@@ -1045,4 +1070,4 @@ declare function useGitHubBranches(owner: string, repo: string, enabled?: boolea
     branches: string[];
 }>, Error>;
 
-export { ALMADAR_DND_MIME, type AuthContextValue, type AuthUser, type CanvasGestureCallbacks, type CanvasGestureHandlers, type CompileResult, type CompileStage, type DragReorderResult, type DraggablePayload, EventBusContextType, type Extension, type ExtensionManifest, type FileSystemFile, type FileSystemStatus, type GitHubRepo, type GitHubStatus, type I18nContextValue, I18nProvider, type InfiniteScrollOptions, type InfiniteScrollResult, type LongPressHandlers, type LongPressOptions, type OpenFile, type Positioned, type PullToRefreshOptions, type PullToRefreshResult, type QuerySingletonEntity, type QuerySingletonResult, type QuerySingletonState, type QueryState, type RenderInterpolationHandle, type RenderInterpolationOptions, type SelectedFile, type SharedEntityStore, SharedEntityStoreContext, type SharedEntitySubscriber, type SharedEntityWriter, type SwipeGestureOptions, type SwipeGestureResult, type SwipeHandlers, type TapRevealOptions, type TapRevealResult, type TraitListenSpec, type TranslateFunction, type UseCanvasGesturesOptions, type UseCompileResult, type UseDraggableOptions, type UseDraggableResult, type UseDropZoneOptions, type UseDropZoneResult, type UseExtensionsOptions, type UseExtensionsResult, type UseFileEditorOptions, type UseFileEditorResult, type 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 };
+export { ALMADAR_DND_MIME, type AuthContextValue, type AuthUser, type CanvasGestureCallbacks, type CanvasGestureHandlers, type CompileResult, type CompileStage, type DragReorderResult, type DraggablePayload, EventBusContextType, type Extension, type ExtensionManifest, type FileSystemFile, type FileSystemStatus, type GitHubRepo, type GitHubStatus, type I18nContextValue, I18nProvider, type InfiniteScrollOptions, type InfiniteScrollResult, type LongPressHandlers, type LongPressOptions, type OpenFile, type Positioned, type PullToRefreshOptions, type PullToRefreshResult, type QuerySingletonEntity, type QuerySingletonResult, type QuerySingletonState, type QueryState, type RenderInterpolationHandle, type RenderInterpolationOptions, type SelectedFile, type SharedEntityStore, SharedEntityStoreContext, type SharedEntitySubscriber, type SharedEntityWriter, type SwipeGestureOptions, type SwipeGestureResult, type SwipeHandlers, type TapRevealOptions, type TapRevealResult, type TraitListenSpec, type TranslateFunction, type UseCanvasGesturesOptions, type UseCompileResult, type UseDraggableOptions, type UseDraggableResult, type UseDropZoneOptions, type UseDropZoneResult, type UseExtensionsOptions, type UseExtensionsResult, type UseFileEditorOptions, type UseFileEditorResult, type 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 };

package/dist/hooks/index.js

@@ -1,11 +1,11 @@
-export { keyChord, mergeCaptureTables, useAgentChat, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useKeyboardRouter, useNavStack, usePreview, useRenderInterpolation, useTraitListens, useUIEvents, useValidation } from '../chunk-JXUYEO7U.js';
-export { I18nProvider, createTranslate, useFormatContext, useTranslate } from '../chunk-YKHNK5JH.js';
+export { keyChord, mergeCaptureTables, useAgentChat, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useKeyboardRouter, useNavStack, usePreview, useRenderInterpolation, useTraitListens, useUIEvents, useValidation } from '../chunk-XUSSAWKL.js';
+export { I18nProvider, createTranslate, useFormatContext, useTranslate } from '../chunk-NCNP2RKZ.js';
 export { SharedEntityStoreContext, createSharedEntityStore, runTickFrame, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext } from '../chunk-DQTV6QVS.js';
-export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-6CFYRP4S.js';
-export { ALMADAR_DND_MIME, parseQueryBinding, useAuthContext, useCanvasGestures, useDragReorder, useDraggable, useDropZone, useInfiniteScroll, useLongPress, useMediaQuery, usePullToRefresh, useQuerySingleton, useSwipeGesture } from '../chunk-NTO555KF.js';
+export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-2QB2PXOO.js';
+export { ALMADAR_DND_MIME, parseQueryBinding, useAuthContext, useCanvasGestures, useDragReorder, useDraggable, useDropZone, useInfiniteScroll, useLongPress, useMediaQuery, usePrefersReducedMotion, usePullToRefresh, useQuerySingleton, useSwipeGesture } from '../chunk-TWHYH25Q.js';
 export { useTapReveal } from '../chunk-XJTHMW4G.js';
 export { useEmitEvent, useEventBus, useEventListener } from '../chunk-6EV3OEBQ.js';
-import '../chunk-GHXWGQTX.js';
-import '../chunk-L55SAFKL.js';
+import '../chunk-V5AGW2JN.js';
+import '../chunk-WB2A6V3I.js';
 import '../chunk-YHY5K2Y7.js';
 import '../chunk-QPXIAUJD.js';

package/dist/lib/drawable/three/index.cjs

@@ -5218,7 +5218,37 @@ var en_default = {
   "flowCanvas.presetSize": "{{label}} ({{width}}px)",
   "avl.breadcrumb.transitionNumber": "Transition #{{n}}",
   "orbInspector.pattern": "Pattern",
-  "orbInspector.slotLabel": "slot: {{slot}}"
+  "orbInspector.slotLabel": "slot: {{slot}}",
+  "detailPanel.section.activity": "Activity",
+  "detailPanel.section.lineItems": "Line items",
+  "detailPanel.tab.overview": "Overview",
+  "detailPanel.thread.empty": "No messages yet",
+  "detailPanel.openImage": "Open image",
+  "detailPanel.showImage": "Show image {{index}}",
+  "aria.clearSelection": "Clear selection",
+  "aria.searchOptions": "Search options",
+  "aria.zoomIn": "Zoom in",
+  "aria.zoomOut": "Zoom out",
+  "aria.previousPage": "Previous page",
+  "aria.nextPage": "Next page",
+  "aria.downloadDocument": "Download document",
+  "aria.printDocument": "Print document",
+  "aria.wrapLines": "Wrap lines",
+  "aria.copyCode": "Copy code",
+  "aria.clearInput": "Clear input",
+  "aria.skipToContent": "Skip to content",
+  "aria.mainNavigation": "Main navigation",
+  "aria.carouselSlides": "Slides",
+  "aria.minimap": "Minimap",
+  "aria.canvasScene": "Game scene",
+  "aria.learningCanvas": "Interactive diagram",
+  "aria.scene3d": "3D scene",
+  "aria.graphCanvas": "Graph",
+  "aria.positionedCanvas": "Floor plan",
+  "aria.walkTraitDone": "completed",
+  "aria.walkTraitPending": "pending",
+  "aria.walkGraph": "State graph for {{trait}}: {{from}} to {{to}}",
+  "aria.loading": "Loading"
 };
 
 // lib/format.ts
@@ -5282,10 +5312,11 @@ function formatValue(value, format, fmt = {}) {
 var INLINE_TEXT_ATTR = "data-inline-text";
 
 // lib/domPassthrough.ts
+var GLOBAL_ATTRIBUTES = /* @__PURE__ */ new Set(["role", "id", "lang", "dir", "tabIndex"]);
 function domPassthrough(props) {
   const out = {};
   for (const [key, value] of Object.entries(props)) {
-    if (key.startsWith("aria-") || key.startsWith("data-") || key === "role" || key === "id") {
+    if (key.startsWith("aria-") || key.startsWith("data-") || GLOBAL_ATTRIBUTES.has(key)) {
       if (typeof value === "string" || typeof value === "number" || typeof value === "boolean" || value === void 0) {
         out[key] = value;
       }

package/dist/lib/drawable/three/index.d.ts

@@ -1,14 +1,14 @@
-import { C as CanvasPointLightConfig, I as IsometricTile, a as IsometricUnit, b as IsometricFeature } from '../../../Canvas3DHost-CLC_jXh_.js';
-export { c as Canvas3DHost, d as Canvas3DHostHandle, e as Canvas3DHostProps, c as GameCanvas3D, U as UnitAnimationState } from '../../../Canvas3DHost-CLC_jXh_.js';
+import { C as CanvasPointLightConfig, I as IsometricTile, a as IsometricUnit, b as IsometricFeature } from '../../../Canvas3DHost-CWO0tswb.js';
+export { c as Canvas3DHost, d as Canvas3DHostHandle, e as Canvas3DHostProps, c as GameCanvas3D, U as UnitAnimationState } from '../../../Canvas3DHost-CWO0tswb.js';
 import React__default, { Component, ReactNode, ErrorInfo } from 'react';
 import * as THREE from 'three';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
 import { JsonObject, EventEmit, OrbitalSchema } from '@almadar/core';
 import { Z as ZoomLevel } from '../../../avl-zoom-state-CKMVuBFg.js';
-import { b as Avl3DModelOverrides } from '../../../avl-3d-context-MAt_NuU9.js';
-export { d as AVL_3D_COLORS, A as Avl3DConfig, a as Avl3DContext, C as CAMERA_POSITIONS, P as Position3D, e as arcCurve3D, f as fibonacciSpherePositions, g as goldenSpiralPositions, o as orbitRingPositions, s as selfLoopCurve3D, t as treeLayout3D, u as useAvl3DConfig } from '../../../avl-3d-context-MAt_NuU9.js';
+import { b as Avl3DModelOverrides } from '../../../avl-3d-context-DLteNEwu.js';
+export { d as AVL_3D_COLORS, A as Avl3DConfig, a as Avl3DContext, C as CAMERA_POSITIONS, P as Position3D, e as arcCurve3D, f as fibonacciSpherePositions, g as goldenSpiralPositions, o as orbitRingPositions, s as selfLoopCurve3D, t as treeLayout3D, u as useAvl3DConfig } from '../../../avl-3d-context-DLteNEwu.js';
 import { A as ApplicationLevelData, b as OrbitalLevelData, T as TraitLevelData, c as TransitionLevelData } from '../../../avl-schema-parser-C0wnAp5x.js';
-import '../../../paintDispatch-CMgOyVjS.js';
+import '../../../paintDispatch-DHo3WhaU.js';
 import 'lucide-react';
 
 /**

package/dist/lib/drawable/three/index.js

@@ -1,13 +1,13 @@
-import { goldenSpiralPositions, forceDirectedPositions, Avl3DOrbitalNode, Avl3DCrossWire, Avl3DEntityCore, fibonacciSpherePositions, Avl3DLabel, Avl3DStateNode, Avl3DTransitionArc, Avl3DExprTree, AVL_3D_COLORS, zoomReducer, initialZoomState, CAMERA_POSITIONS, getBreadcrumbs, Avl3DTooltip } from '../../../chunk-R4V7IZQP.js';
-export { AVL_3D_COLORS, CAMERA_POSITIONS, arcCurve3D, fibonacciSpherePositions, goldenSpiralPositions, orbitRingPositions, selfLoopCurve3D, treeLayout3D } from '../../../chunk-R4V7IZQP.js';
-import { collectDrawnItems, buildHitIndex, withPreviewPosition, isValidScenePos, isAnimatedShape, applyShapeAnimation, expandFxLayer, isAnimatedGroup, applyMeshAnimation, spriteAssetState, SPRITE_FALLBACK_FILL, isAnimatedMesh, clampSegments, isAtlasAsset, getAtlas, subRectFor, polyhedronBounds, AVL_INK, parseTransitionLevel, parseTraitLevel, parseOrbitalLevel, parseApplicationLevel, Box, HStack, pressableProps, resolveThemeColor } from '../../../chunk-BUEIZY54.js';
-import { Typography } from '../../../chunk-MWPX2O4M.js';
+import { goldenSpiralPositions, forceDirectedPositions, Avl3DOrbitalNode, Avl3DCrossWire, Avl3DEntityCore, fibonacciSpherePositions, Avl3DLabel, Avl3DStateNode, Avl3DTransitionArc, Avl3DExprTree, AVL_3D_COLORS, zoomReducer, initialZoomState, CAMERA_POSITIONS, getBreadcrumbs, Avl3DTooltip } from '../../../chunk-5GCI6C7J.js';
+export { AVL_3D_COLORS, CAMERA_POSITIONS, arcCurve3D, fibonacciSpherePositions, goldenSpiralPositions, orbitRingPositions, selfLoopCurve3D, treeLayout3D } from '../../../chunk-5GCI6C7J.js';
+import { collectDrawnItems, buildHitIndex, withPreviewPosition, isValidScenePos, isAnimatedShape, applyShapeAnimation, expandFxLayer, isAnimatedGroup, applyMeshAnimation, spriteAssetState, SPRITE_FALLBACK_FILL, isAnimatedMesh, clampSegments, isAtlasAsset, getAtlas, subRectFor, polyhedronBounds, AVL_INK, parseTransitionLevel, parseTraitLevel, parseOrbitalLevel, parseApplicationLevel, Box, HStack, pressableProps, resolveThemeColor } from '../../../chunk-BHZG4PDZ.js';
+import { Typography } from '../../../chunk-CLSLVFSP.js';
 import '../../../chunk-XJTHMW4G.js';
 import { useEventBus, useEmitEvent } from '../../../chunk-6EV3OEBQ.js';
 import { keyMapCode, resolveKeyMapEvent } from '../../../chunk-O7OLVVBR.js';
-import { cn } from '../../../chunk-HQDKHLFG.js';
-import '../../../chunk-GHXWGQTX.js';
-import '../../../chunk-L55SAFKL.js';
+import { cn } from '../../../chunk-IN3BVW2Z.js';
+import '../../../chunk-V5AGW2JN.js';
+import '../../../chunk-WB2A6V3I.js';
 import { __publicField } from '../../../chunk-QPXIAUJD.js';
 import React3, { createContext, forwardRef, useRef, useState, useMemo, useEffect, useCallback, useImperativeHandle, Component, useContext, useReducer, useLayoutEffect } from 'react';
 import { useTranslate } from '@almadar/ui/hooks';

package/dist/lib/index.cjs

@@ -6,6 +6,7 @@ var logger = require('@almadar/logger');
 var react = require('react');
 var ui = require('@almadar/runtime/ui');
 var core = require('@almadar/core');
+require('react/jsx-runtime');
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -2044,7 +2045,37 @@ var en_default = {
   "flowCanvas.presetSize": "{{label}} ({{width}}px)",
   "avl.breadcrumb.transitionNumber": "Transition #{{n}}",
   "orbInspector.pattern": "Pattern",
-  "orbInspector.slotLabel": "slot: {{slot}}"
+  "orbInspector.slotLabel": "slot: {{slot}}",
+  "detailPanel.section.activity": "Activity",
+  "detailPanel.section.lineItems": "Line items",
+  "detailPanel.tab.overview": "Overview",
+  "detailPanel.thread.empty": "No messages yet",
+  "detailPanel.openImage": "Open image",
+  "detailPanel.showImage": "Show image {{index}}",
+  "aria.clearSelection": "Clear selection",
+  "aria.searchOptions": "Search options",
+  "aria.zoomIn": "Zoom in",
+  "aria.zoomOut": "Zoom out",
+  "aria.previousPage": "Previous page",
+  "aria.nextPage": "Next page",
+  "aria.downloadDocument": "Download document",
+  "aria.printDocument": "Print document",
+  "aria.wrapLines": "Wrap lines",
+  "aria.copyCode": "Copy code",
+  "aria.clearInput": "Clear input",
+  "aria.skipToContent": "Skip to content",
+  "aria.mainNavigation": "Main navigation",
+  "aria.carouselSlides": "Slides",
+  "aria.minimap": "Minimap",
+  "aria.canvasScene": "Game scene",
+  "aria.learningCanvas": "Interactive diagram",
+  "aria.scene3d": "3D scene",
+  "aria.graphCanvas": "Graph",
+  "aria.positionedCanvas": "Floor plan",
+  "aria.walkTraitDone": "completed",
+  "aria.walkTraitPending": "pending",
+  "aria.walkGraph": "State graph for {{trait}}: {{from}} to {{to}}",
+  "aria.loading": "Loading"
 };
 
 // lib/format.ts
@@ -3139,7 +3170,10 @@ var MOTION_SHAPE_VARS = [
   { cssVar: "--motion-popover-exit-to-transform", key: "popoverExit" },
   { cssVar: "--motion-toast-enter-from-transform", key: "toastEnter" },
   { cssVar: "--motion-toast-exit-to-transform", key: "toastExit" },
-  { cssVar: "--motion-page-enter-from-transform", key: "pageEnter" }
+  { cssVar: "--motion-page-enter-from-transform", key: "pageEnter" },
+  { cssVar: "--motion-enter-rise-from-transform", key: "enterRise" },
+  { cssVar: "--motion-enter-scale-from-transform", key: "enterScale" },
+  { cssVar: "--motion-enter-slide-from-transform", key: "enterSlide" }
 ];
 var ICONOGRAPHY_VARS = [
   { cssVar: "--icon-family", key: "family" },
@@ -3163,6 +3197,7 @@ var GEOMETRY_VARS = [
   { cssVar: "--border-heavy", key: "borderHeavy" },
   { cssVar: "--corner-shape", key: "cornerShape" },
   { cssVar: "--corner-shape-pill", key: "cornerShapePill" },
+  { cssVar: "--corner-shape-interactive", key: "cornerShapeInteractive" },
   { cssVar: "--border-style", key: "borderStyle" },
   { cssVar: "--border-style-interactive", key: "borderStyleInteractive" }
 ];
@@ -3301,6 +3336,12 @@ function emitMotion(m, vars) {
     }
   }
   applyFlat(m.shapes, MOTION_SHAPE_VARS, vars);
+  if (m.entry?.default !== void 0) vars["--motion-enter-default"] = enterKeyframe(m.entry.default);
+  if (m.entry?.stagger !== void 0) vars["--motion-enter-stagger"] = m.entry.stagger;
+  if (m.busyDelay !== void 0) vars["--motion-busy-delay"] = m.busyDelay;
+}
+function enterKeyframe(enter) {
+  return enter === "none" ? "none" : `almadar-enter-${enter}`;
 }
 function emitIconography(i, vars) {
   applyFlat(i, ICONOGRAPHY_VARS, vars);
@@ -3589,6 +3630,27 @@ function middleSnake(a, aLo, aHi, b, bLo, bHi) {
   }
   throw new Error("computeLineDiff: no middle snake \u2014 unreachable for differing texts");
 }
+var motionEnabledCache = null;
+function isMotionEnabled() {
+  if (typeof document === "undefined") return true;
+  if (motionEnabledCache !== null) return motionEnabledCache;
+  const v = getComputedStyle(document.documentElement).getPropertyValue("--motion-enable").trim().toLowerCase();
+  motionEnabledCache = v !== "off";
+  return motionEnabledCache;
+}
+
+// lib/enter.ts
+var ENTER_SLOT_CLASS = "almadar-enter-slot";
+function asEnterAnimation(value) {
+  return core.ENTER_ANIMATIONS.find((e) => e === value);
+}
+var MAX_ENTER_DELAY = core.ENTER_DELAY_STEPS.length;
+function enterClassName(enter, enterDelay) {
+  if (enter === void 0 || enter === "none" || !isMotionEnabled()) return void 0;
+  const base = `almadar-enter-${enter}`;
+  if (enterDelay === void 0 || !Number.isInteger(enterDelay) || enterDelay < 1 || enterDelay > MAX_ENTER_DELAY) return base;
+  return `${base} almadar-enter-delay-${enterDelay}`;
+}
 
 Object.defineProperty(exports, "PERF_NAMESPACE", {
   enumerable: true,
@@ -3629,6 +3691,7 @@ exports.DENSITY_SPACING_VARS = DENSITY_SPACING_VARS;
 exports.EDITOR_MOTIONS = EDITOR_MOTIONS;
 exports.EDITOR_OPERATORS = EDITOR_OPERATORS;
 exports.ELEVATION_VARS = ELEVATION_VARS;
+exports.ENTER_SLOT_CLASS = ENTER_SLOT_CLASS;
 exports.GEOMETRY_VARS = GEOMETRY_VARS;
 exports.ICONOGRAPHY_VARS = ICONOGRAPHY_VARS;
 exports.ICON_ALIASES = ICON_ALIASES;
@@ -3637,6 +3700,7 @@ exports.ICON_NATIVE_MAP = ICON_NATIVE_MAP;
 exports.INDENT_UNIT = INDENT_UNIT;
 exports.JAZARI_COLORS = JAZARI_COLORS;
 exports.LEGACY_PREFIXES = LEGACY_PREFIXES;
+exports.MAX_ENTER_DELAY = MAX_ENTER_DELAY;
 exports.MOTION_DURATION_KEYS = MOTION_DURATION_KEYS;
 exports.MOTION_EASING_KEYS = MOTION_EASING_KEYS;
 exports.MOTION_INTENT_VARS = MOTION_INTENT_VARS;
@@ -3650,6 +3714,7 @@ exports.apiClient = apiClient;
 exports.applyMotion = applyMotion;
 exports.applyOperator = applyOperator;
 exports.arrowheadPath = arrowheadPath;
+exports.asEnterAnimation = asEnterAnimation;
 exports.bindCanvasCapture = bindCanvasCapture;
 exports.bindEventBus = bindEventBus;
 exports.bindLastDrawables = bindLastDrawables;
@@ -3679,6 +3744,8 @@ exports.debugTime = debugTime;
 exports.debugTimeEnd = debugTimeEnd;
 exports.debugWarn = debugWarn;
 exports.eightPointedStarPath = eightPointedStarPath;
+exports.enterClassName = enterClassName;
+exports.enterKeyframe = enterKeyframe;
 exports.formatDate = formatDate;
 exports.formatDateTime = formatDateTime;
 exports.formatTime = formatTime;