@almadar/ui 2.12.4 → 2.12.6

package/dist/{chunk-42AVZIGQ.js → chunk-AX45OCIB.js}

@@ -1,7 +1,7 @@
-import { SuspenseConfigProvider } from './chunk-IP2FYX3M.js';
+import { SuspenseConfigProvider } from './chunk-HJJIE4K5.js';
+import { ThemeProvider } from './chunk-DKQN5FVU.js';
 import { SelectionProvider, EntityDataProvider } from './chunk-WGJIL4YR.js';
 import { useEventBus, EventBusProvider } from './chunk-YXZM3WCF.js';
-import { ThemeProvider } from './chunk-DKQN5FVU.js';
 import { recordTransition, registerCheck, bindEventBus, bindTraitStateGetter } from './chunk-WCTZ7WZX.js';
 import { useOfflineExecutor } from './chunk-K2D5D3WK.js';
 import { createContext, useState, useCallback, useMemo, useContext, useRef, useEffect } from 'react';

package/dist/{chunk-IP2FYX3M.js → chunk-HJJIE4K5.js}

@@ -1,6 +1,6 @@
+import { useTheme, useUISlots } from './chunk-DKQN5FVU.js';
 import { useTranslate, useInfiniteScroll, useQuerySingleton, useLongPress, useSwipeGesture, useDragReorder, usePullToRefresh } from './chunk-WGJIL4YR.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
-import { useTheme, useUISlots } from './chunk-DKQN5FVU.js';
 import { cn, debugGroup, debug, debugGroupEnd, updateAssetStatus, bindCanvasCapture, getNestedValue, isDebugEnabled } from './chunk-WCTZ7WZX.js';
 import { isPortalSlot } from './chunk-K2D5D3WK.js';
 import { __publicField } from './chunk-PKBMQBKP.js';
@@ -148,6 +148,7 @@ var variantStyles = {
     "active:scale-[var(--active-scale)]"
   ].join(" ")
 };
+variantStyles.destructive = variantStyles.danger;
 var sizeStyles = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-4 py-2 text-sm",
@@ -9220,7 +9221,7 @@ function GameHud({
   if (position === "corners") {
     const leftStats = stats.slice(0, Math.ceil(stats.length / 2));
     const rightStats = stats.slice(Math.ceil(stats.length / 2));
-    return /* @__PURE__ */ jsxs("div", { className: cn("absolute", positionMap[position], className), children: [
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative", positionMap[position], className), children: [
       /* @__PURE__ */ jsx("div", { className: "absolute top-4 left-4 flex flex-col gap-2 pointer-events-auto", children: leftStats.map((stat, i) => /* @__PURE__ */ jsx(StatBadge, { ...stat, size }, i)) }),
       /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4 flex flex-col gap-2 items-end pointer-events-auto", children: rightStats.map((stat, i) => /* @__PURE__ */ jsx(StatBadge, { ...stat, size }, i)) })
     ] });
@@ -9229,7 +9230,7 @@ function GameHud({
     "div",
     {
       className: cn(
-        "absolute z-10",
+        "relative z-10",
         positionMap[position],
         transparent && "bg-gradient-to-b from-black/50 to-transparent",
         position === "bottom" && "bg-gradient-to-t from-black/50 to-transparent",
@@ -10134,7 +10135,6 @@ function useImageCache(urls) {
   useEffect(() => {
     const cache = cacheRef.current;
     const loading = loadingRef.current;
-    let cancelled = false;
     const newUrls = urls.filter((url) => url && !cache.has(url) && !loading.has(url));
     if (newUrls.length === 0) return;
     setPendingCount((prev) => prev + newUrls.length);
@@ -10143,14 +10143,12 @@ function useImageCache(urls) {
       const img = new Image();
       img.crossOrigin = "anonymous";
       img.onload = () => {
-        if (cancelled) return;
         cache.set(url, img);
         loading.delete(url);
         setPendingCount((prev) => Math.max(0, prev - 1));
         updateAssetStatus(url, "loaded");
       };
       img.onerror = () => {
-        if (cancelled) return;
         loading.delete(url);
         setPendingCount((prev) => Math.max(0, prev - 1));
         updateAssetStatus(url, "failed");
@@ -10158,9 +10156,6 @@ function useImageCache(urls) {
       updateAssetStatus(url, "pending");
       img.src = url;
     }
-    return () => {
-      cancelled = true;
-    };
   }, [urls.join(",")]);
   const getImage = useCallback((url) => {
     return cacheRef.current.get(url);
@@ -10282,8 +10277,8 @@ function IsometricCanvas({
   error = null,
   // Grid data
   tiles: tilesProp = [],
-  units = [],
-  features = [],
+  units: unitsProp = [],
+  features: featuresProp = [],
   // Interaction state
   selectedUnitId = null,
   validMoves = [],
@@ -10346,6 +10341,18 @@ function IsometricCanvas({
     observer.observe(el);
     return () => observer.disconnect();
   }, []);
+  const units = useMemo(
+    () => unitsProp.map((u) => u.position ? u : { ...u, position: { x: u.x ?? 0, y: u.y ?? 0 } }),
+    [unitsProp]
+  );
+  const features = useMemo(
+    () => featuresProp.map((f) => {
+      if (f.type) return f;
+      const raw = f;
+      return raw.featureType ? { ...f, type: raw.featureType } : f;
+    }),
+    [featuresProp]
+  );
   const sortedTiles = useMemo(() => {
     const tiles = [...tilesProp];
     tiles.sort((a, b) => {
@@ -10424,7 +10431,7 @@ function IsometricCanvas({
     if (backgroundImage) urls.push(backgroundImage);
     return [...new Set(urls.filter(Boolean))];
   }, [sortedTiles, features, units, getTerrainSprite, getFeatureSprite, getUnitSprite, effectSpriteUrls, backgroundImage, assetManifest, resolveManifestUrl]);
-  const { getImage } = useImageCache(spriteUrls);
+  const { getImage, pendingCount } = useImageCache(spriteUrls);
   useEffect(() => {
     if (typeof window === "undefined") return;
     const canvas = canvasRef.current;
@@ -10853,7 +10860,7 @@ function IsometricCanvas({
     };
   }, [selectedUnitId, units, scale, baseOffsetX, scaledTileWidth, scaledDiamondTopY, scaledFloorHeight, viewportSize, targetCameraRef]);
   useEffect(() => {
-    const hasAnimations = units.length > 0 || validMoves.length > 0 || attackTargets.length > 0 || selectedUnitId != null || targetCameraRef.current != null || hasActiveEffects2;
+    const hasAnimations = units.length > 0 || validMoves.length > 0 || attackTargets.length > 0 || selectedUnitId != null || targetCameraRef.current != null || hasActiveEffects2 || pendingCount > 0;
     draw(animTimeRef.current);
     if (!hasAnimations) return;
     let running = true;
@@ -10869,7 +10876,7 @@ function IsometricCanvas({
       running = false;
       cancelAnimationFrame(rafIdRef.current);
     };
-  }, [draw, units.length, validMoves.length, attackTargets.length, selectedUnitId, hasActiveEffects2, lerpToTarget, targetCameraRef]);
+  }, [draw, units.length, validMoves.length, attackTargets.length, selectedUnitId, hasActiveEffects2, pendingCount, lerpToTarget, targetCameraRef]);
   const handleMouseMoveWithCamera = useCallback((e) => {
     if (enableCamera) {
       const wasPanning = handleMouseMove(e, () => draw(animTimeRef.current));
@@ -18290,6 +18297,7 @@ function CustomPattern({
 }
 CustomPattern.displayName = "CustomPattern";
 var SuspenseConfigContext = createContext({ enabled: false });
+var SlotContainedContext = createContext(false);
 function SuspenseConfigProvider({
   config,
   children
@@ -18471,6 +18479,102 @@ var PATTERNS_WITH_CHILDREN = /* @__PURE__ */ new Set([
   "custom"
   // Custom patterns support nested children
 ]);
+function renderContainedPortal(slot, content, onDismiss) {
+  const slotContent = /* @__PURE__ */ jsx(SlotContentRenderer, { content, onDismiss });
+  switch (slot) {
+    case "modal":
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          className: "absolute inset-0 z-50 flex items-center justify-center bg-black/50 p-4 overflow-auto",
+          onClick: onDismiss,
+          children: /* @__PURE__ */ jsxs(
+            Box,
+            {
+              bg: "surface",
+              border: true,
+              shadow: "lg",
+              rounded: "md",
+              className: "pointer-events-auto max-w-[calc(100%-2rem)] max-h-full overflow-auto flex flex-col",
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                content.props.title ? /* @__PURE__ */ jsxs(Box, { className: "flex items-center justify-between p-4 border-b border-[var(--color-border)]", children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "h3", className: "text-lg font-semibold", children: String(content.props.title) }),
+                  /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      as: "button",
+                      className: "text-[var(--color-muted-foreground)] hover:text-[var(--color-foreground)] cursor-pointer",
+                      onClick: onDismiss,
+                      children: "\u2715"
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ jsx(Box, { className: "flex-1 overflow-auto p-4", children: slotContent })
+              ]
+            }
+          )
+        }
+      );
+    case "drawer":
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          className: "absolute inset-0 z-50 bg-black/50 overflow-hidden",
+          onClick: onDismiss,
+          children: /* @__PURE__ */ jsxs(
+            Box,
+            {
+              bg: "surface",
+              className: cn(
+                "absolute top-0 bottom-0 w-80 max-w-[80%] overflow-auto pointer-events-auto",
+                content.props.position === "left" ? "left-0" : "right-0"
+              ),
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                content.props.title ? /* @__PURE__ */ jsxs(Box, { className: "flex items-center justify-between p-4 border-b border-[var(--color-border)]", children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "h3", className: "text-lg font-semibold", children: String(content.props.title) }),
+                  /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      as: "button",
+                      className: "text-[var(--color-muted-foreground)] hover:text-[var(--color-foreground)] cursor-pointer",
+                      onClick: onDismiss,
+                      children: "\u2715"
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ jsx(Box, { className: "p-4", children: slotContent })
+              ]
+            }
+          )
+        }
+      );
+    case "toast":
+      return /* @__PURE__ */ jsx(Box, { className: "absolute top-4 right-4 z-50", children: /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: content.props.variant ?? "info",
+          title: content.props.title,
+          message: content.props.message ?? "",
+          onDismiss
+        }
+      ) });
+    case "overlay":
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          className: "absolute inset-0 z-50 bg-[var(--color-foreground)]/50 flex items-center justify-center overflow-auto",
+          onClick: onDismiss,
+          children: /* @__PURE__ */ jsx(Box, { className: "max-h-full overflow-auto", onClick: (e) => e.stopPropagation(), children: slotContent })
+        }
+      );
+    case "center":
+      return /* @__PURE__ */ jsx(Box, { className: "absolute inset-0 z-50 flex items-center justify-center pointer-events-none overflow-auto", children: /* @__PURE__ */ jsx(Box, { className: "pointer-events-auto max-h-full overflow-auto", children: slotContent }) });
+    default:
+      return slotContent;
+  }
+}
 function UISlotComponent({
   slot,
   portal = false,
@@ -18482,12 +18586,25 @@ function UISlotComponent({
 }) {
   const { slots, clear } = useUISlots();
   const suspenseConfig = useContext(SuspenseConfigContext);
+  const contained = useContext(SlotContainedContext);
   const content = slots[slot];
   if (children !== void 0) {
     if (pattern === "clear") {
       return null;
     }
     if (isPortalSlot(slot)) {
+      if (contained) {
+        return /* @__PURE__ */ jsx(
+          Box,
+          {
+            id: `slot-${slot}`,
+            className: cn("ui-slot", `ui-slot-${slot}`, className),
+            "data-pattern": pattern,
+            "data-source-trait": sourceTrait,
+            children
+          }
+        );
+      }
       return /* @__PURE__ */ jsx(CompiledPortal, { slot, className, pattern, sourceTrait, children });
     }
     return /* @__PURE__ */ jsx(
@@ -18517,6 +18634,9 @@ function UISlotComponent({
     clear(slot);
   };
   if (portal) {
+    if (contained) {
+      return renderContainedPortal(slot, content, handleDismiss);
+    }
     return /* @__PURE__ */ jsx(
       SlotPortal,
       {
@@ -18770,8 +18890,13 @@ function UISlotRenderer({
   className,
   suspense
 }) {
+  const isContained = hudMode === "inline";
   const suspenseConfig = suspense === true ? { enabled: true } : suspense && typeof suspense === "object" ? suspense : { enabled: false };
-  const content = /* @__PURE__ */ jsxs(Box, { className: cn("ui-slot-renderer", className), children: [
+  const content = /* @__PURE__ */ jsxs(Box, { className: cn(
+    "ui-slot-renderer",
+    isContained && "relative",
+    className
+  ), children: [
     /* @__PURE__ */ jsx(UISlotComponent, { slot: "sidebar", className: "ui-slot-sidebar" }),
     /* @__PURE__ */ jsx(UISlotComponent, { slot: "main", className: "ui-slot-main flex-1" }),
     /* @__PURE__ */ jsx(UISlotComponent, { slot: "modal", portal: true }),
@@ -18784,23 +18909,34 @@ function UISlotRenderer({
         UISlotComponent,
         {
           slot: "hud-top",
-          className: hudMode === "inline" ? "sticky top-0 inset-x-0 z-40" : "fixed top-0 inset-x-0 z-40"
+          className: isContained ? "sticky top-0 inset-x-0 z-40" : "fixed top-0 inset-x-0 z-40"
         }
       ),
       /* @__PURE__ */ jsx(
         UISlotComponent,
         {
           slot: "hud-bottom",
-          className: hudMode === "inline" ? "sticky bottom-0 inset-x-0 z-40" : "fixed bottom-0 inset-x-0 z-40"
+          className: isContained ? "sticky bottom-0 inset-x-0 z-40" : "fixed bottom-0 inset-x-0 z-40"
         }
       )
     ] }),
-    includeFloating && /* @__PURE__ */ jsx(UISlotComponent, { slot: "floating", className: "fixed z-50", draggable: true })
+    includeFloating && /* @__PURE__ */ jsx(
+      UISlotComponent,
+      {
+        slot: "floating",
+        className: isContained ? "absolute z-50" : "fixed z-50",
+        draggable: true
+      }
+    )
   ] });
+  let wrapped = content;
   if (suspenseConfig.enabled) {
-    return /* @__PURE__ */ jsx(SuspenseConfigProvider, { config: suspenseConfig, children: content });
+    wrapped = /* @__PURE__ */ jsx(SuspenseConfigProvider, { config: suspenseConfig, children: wrapped });
+  }
+  if (isContained) {
+    wrapped = /* @__PURE__ */ jsx(SlotContainedContext.Provider, { value: true, children: wrapped });
   }
-  return content;
+  return wrapped;
 }
 UISlotRenderer.displayName = "UISlotRenderer";
 

package/dist/components/index.d.ts

@@ -4107,7 +4107,7 @@ interface IsometricCanvasProps {
         effects?: Record<string, string>;
     };
 }
-declare function IsometricCanvas({ className, isLoading, error, tiles: tilesProp, units, features, selectedUnitId, validMoves, attackTargets, hoveredTile, onTileClick, onUnitClick, onTileHover, onTileLeave, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, scale, debug, backgroundImage, showMinimap, enableCamera, unitScale, getTerrainSprite, getFeatureSprite, getUnitSprite, resolveUnitFrame, effectSpriteUrls, onDrawEffects, hasActiveEffects, diamondTopY: diamondTopYProp, assetBaseUrl, assetManifest, }: IsometricCanvasProps): React$1.JSX.Element;
+declare function IsometricCanvas({ className, isLoading, error, tiles: tilesProp, units: unitsProp, features: featuresProp, selectedUnitId, validMoves, attackTargets, hoveredTile, onTileClick, onUnitClick, onTileHover, onTileLeave, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, scale, debug, backgroundImage, showMinimap, enableCamera, unitScale, getTerrainSprite, getFeatureSprite, getUnitSprite, resolveUnitFrame, effectSpriteUrls, onDrawEffects, hasActiveEffects, diamondTopY: diamondTopYProp, assetBaseUrl, assetManifest, }: IsometricCanvasProps): React$1.JSX.Element;
 declare namespace IsometricCanvas {
     var displayName: string;
 }

package/dist/components/index.js

@@ -1,21 +1,21 @@
 import { DEFAULT_CONFIG, renderStateMachineToDomData, parseContentSegments, isDebugEnabled, onDebugToggle, subscribeToTickChanges, subscribeToGuardChanges, subscribeToDebugEvents, getEntitySnapshot, getDebugEvents, getGuardHistory, getAllTicks } from '../chunk-4ZBSL37D.js';
-import { useAuthContext } from '../chunk-2QM732NQ.js';
-export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePinchZoom, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-2QM732NQ.js';
+import { useAuthContext } from '../chunk-GTIAVPI5.js';
+export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePinchZoom, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-GTIAVPI5.js';
+export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
 import { subscribeToTraitChanges, getAllTraits } from '../chunk-42YQ6JVR.js';
 import '../chunk-3HJHHULT.js';
-import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, isoToScreen, IsometricCanvas_default, Stack, Select, Drawer, Toast, Tabs, Input, ThemeToggle, TILE_WIDTH, EntityDisplayEvents, StateIndicator, Accordion, ButtonGroup, Container } from '../chunk-IP2FYX3M.js';
-export { ALL_PRESETS, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, Alert, AnimatedCounter, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, Chart, ChartLegend, Checkbox, ChoiceButton, CodeBlock, CombatLog, ComboCounter, ConditionalWrapper, ConfettiEffect, Container, ControlButton, CraftingRecipe, DIAMOND_TOP_Y, DPad, DamageNumber, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, DialogueBox, DialogueBubble, Divider, Drawer, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FLOOR_HEIGHT, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GraphView, Grid, HStack, Heading, HealthBar, HealthPanel, Icon, InfiniteScrollSentinel, Input, InputGroup, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, Label, LawReferenceTooltip, Lightbox, LineChart, LoadingState, MapView, MarkdownContent, MasterDetail, Menu, Meter, MiniMap, Modal, NumberStepper, Overlay, PageHeader, Pagination, PlatformerCanvas, Popover, PowerupSlots, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateIndicator, StatusDot, StatusEffect, SwipeableRow, Switch, TILE_HEIGHT, TILE_WIDTH, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, TimerDisplay, Toast, Tooltip, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UnitCommandBar, UploadDropZone, VStack, ViolationAlert, WaypointMarker, WizardNavigation, WizardProgress, XPBar, drawSprite, isoToScreen, pendulum, projectileMotion, screenToIso, springOscillator, useCamera, useImageCache } from '../chunk-IP2FYX3M.js';
+import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, isoToScreen, IsometricCanvas_default, Stack, Select, Drawer, Toast, Tabs, Input, ThemeToggle, TILE_WIDTH, EntityDisplayEvents, StateIndicator, Accordion, ButtonGroup, Container } from '../chunk-HJJIE4K5.js';
+export { ALL_PRESETS, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, Alert, AnimatedCounter, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, Chart, ChartLegend, Checkbox, ChoiceButton, CodeBlock, CombatLog, ComboCounter, ConditionalWrapper, ConfettiEffect, Container, ControlButton, CraftingRecipe, DIAMOND_TOP_Y, DPad, DamageNumber, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, DialogueBox, DialogueBubble, Divider, Drawer, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FLOOR_HEIGHT, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GraphView, Grid, HStack, Heading, HealthBar, HealthPanel, Icon, InfiniteScrollSentinel, Input, InputGroup, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, Label, LawReferenceTooltip, Lightbox, LineChart, LoadingState, MapView, MarkdownContent, MasterDetail, Menu, Meter, MiniMap, Modal, NumberStepper, Overlay, PageHeader, Pagination, PlatformerCanvas, Popover, PowerupSlots, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateIndicator, StatusDot, StatusEffect, SwipeableRow, Switch, TILE_HEIGHT, TILE_WIDTH, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, TimerDisplay, Toast, Tooltip, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UnitCommandBar, UploadDropZone, VStack, ViolationAlert, WaypointMarker, WizardNavigation, WizardProgress, XPBar, drawSprite, isoToScreen, pendulum, projectileMotion, screenToIso, springOscillator, useCamera, useImageCache } from '../chunk-HJJIE4K5.js';
+import '../chunk-DKQN5FVU.js';
 import { useTranslate } from '../chunk-WGJIL4YR.js';
 export { EntityDataProvider, I18nProvider, createTranslate, entityDataKeys, parseQueryBinding, useDragReorder, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useInfiniteScroll, useLongPress, usePullToRefresh, useQuerySingleton, useSwipeGesture, useTranslate } from '../chunk-WGJIL4YR.js';
 import { useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
 export { useEmitEvent, useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
-import '../chunk-DKQN5FVU.js';
 export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-3JGAROCW.js';
 import { cn, getNestedValue, subscribeToVerification, getSummary, getBridgeHealth, getTransitions, getAllChecks } from '../chunk-WCTZ7WZX.js';
 export { cn } from '../chunk-WCTZ7WZX.js';
 import '../chunk-TSETXL2E.js';
 import '../chunk-K2D5D3WK.js';
-export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
 import { __publicField } from '../chunk-PKBMQBKP.js';
 import * as React44 from 'react';
 import React44__default, { createContext, useState, useCallback, useMemo, useEffect, useRef, useContext } from 'react';

package/dist/hooks/index.js

@@ -1,8 +1,8 @@
-export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePinchZoom, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-2QM732NQ.js';
+export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePinchZoom, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-GTIAVPI5.js';
+export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
 import '../chunk-3HJHHULT.js';
 export { EntityDataProvider, I18nProvider, createTranslate, entityDataKeys, parseQueryBinding, useDragReorder, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useInfiniteScroll, useLongPress, usePullToRefresh, useQuerySingleton, useSwipeGesture, useTranslate } from '../chunk-WGJIL4YR.js';
 export { useEmitEvent, useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
 export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-3JGAROCW.js';
 import '../chunk-TSETXL2E.js';
-export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
 import '../chunk-PKBMQBKP.js';

package/dist/providers/index.js

@@ -1,8 +1,8 @@
-export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-42AVZIGQ.js';
-import '../chunk-IP2FYX3M.js';
+export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-AX45OCIB.js';
+import '../chunk-HJJIE4K5.js';
+import '../chunk-DKQN5FVU.js';
 export { SelectionContext, SelectionProvider, useSelection, useSelectionOptional } from '../chunk-WGJIL4YR.js';
 export { EventBusContext, EventBusProvider } from '../chunk-YXZM3WCF.js';
-import '../chunk-DKQN5FVU.js';
 import '../chunk-3JGAROCW.js';
 import '../chunk-WCTZ7WZX.js';
 import '../chunk-TSETXL2E.js';

package/dist/runtime/index.js

@@ -1,16 +1,16 @@
-import '../chunk-2QM732NQ.js';
+import '../chunk-GTIAVPI5.js';
+import '../chunk-N7MVUW4R.js';
 import { registerTrait, unregisterTrait, updateTraitState } from '../chunk-42YQ6JVR.js';
 import '../chunk-3HJHHULT.js';
-import { useFetchedDataContext } from '../chunk-42AVZIGQ.js';
-import '../chunk-IP2FYX3M.js';
+import { useFetchedDataContext } from '../chunk-AX45OCIB.js';
+import '../chunk-HJJIE4K5.js';
+import '../chunk-DKQN5FVU.js';
 import '../chunk-WGJIL4YR.js';
 import { useEventBus } from '../chunk-YXZM3WCF.js';
-import '../chunk-DKQN5FVU.js';
 import '../chunk-3JGAROCW.js';
 import { recordTransition } from '../chunk-WCTZ7WZX.js';
 import '../chunk-TSETXL2E.js';
 import '../chunk-K2D5D3WK.js';
-import '../chunk-N7MVUW4R.js';
 import '../chunk-PKBMQBKP.js';
 import { createContext, useMemo, useContext, useState, useRef, useEffect, useCallback } from 'react';
 import { isCircuitEvent, schemaToIR, getPage, clearSchemaCache as clearSchemaCache$1 } from '@almadar/core';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.12.4",
+  "version": "2.12.6",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",

package/themes/index.css

@@ -13,8 +13,8 @@
  * browser-default borders/backgrounds on raw HTML elements. This scoped
  * reset normalizes them inside themed containers and the portal root.
  */
-[data-theme] button,
-#ui-slot-portal-root button {
+:where([data-theme]) button,
+:where(#ui-slot-portal-root) button {
     border: 0;
     background: transparent;
     padding: 0;
@@ -23,12 +23,12 @@
     cursor: pointer;
 }
 
-[data-theme] *,
-[data-theme] *::before,
-[data-theme] *::after,
-#ui-slot-portal-root *,
-#ui-slot-portal-root *::before,
-#ui-slot-portal-root *::after {
+:where([data-theme]) *,
+:where([data-theme]) *::before,
+:where([data-theme]) *::after,
+:where(#ui-slot-portal-root) *,
+:where(#ui-slot-portal-root) *::before,
+:where(#ui-slot-portal-root) *::after {
     box-sizing: border-box;
     border-width: 0;
     border-style: solid;

package/dist/{chunk-2QM732NQ.js → chunk-GTIAVPI5.js}

@@ -1,7 +1,7 @@
+import { subscribe, getSnapshot, clearEntities, removeEntity, updateSingleton, updateEntity, spawnEntity, getSingleton, getAllEntities, getByType, getEntity } from './chunk-N7MVUW4R.js';
 import { apiClient } from './chunk-3HJHHULT.js';
 import { SelectionContext, entityDataKeys, useEntityList } from './chunk-WGJIL4YR.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
-import { subscribe, getSnapshot, clearEntities, removeEntity, updateSingleton, updateEntity, spawnEntity, getSingleton, getAllEntities, getByType, getEntity } from './chunk-N7MVUW4R.js';
 import { useCallback, useState, useEffect, useMemo, useContext, useSyncExternalStore, useRef } from 'react';
 import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query';