@almadar/ui 2.12.3 → 2.12.5

package/dist/{chunk-TVP75XPM.js → chunk-AX45OCIB.js}

@@ -1,4 +1,4 @@
-import { SuspenseConfigProvider } from './chunk-JDISOWHE.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';

package/dist/{chunk-JDISOWHE.js → chunk-HJJIE4K5.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 = [],
@@ -10335,15 +10330,29 @@ function IsometricCanvas({
     const observer = new ResizeObserver((entries) => {
       const entry = entries[0];
       if (entry) {
-        setViewportSize({
-          width: entry.contentRect.width || 800,
-          height: entry.contentRect.height || 600
+        const w = Math.round(entry.contentRect.width) || 800;
+        const h = Math.round(entry.contentRect.height) || 600;
+        setViewportSize((prev) => {
+          if (Math.abs(prev.width - w) < 2 && Math.abs(prev.height - h) < 2) return prev;
+          return { width: w, height: h };
         });
       }
     });
     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) => {
@@ -10422,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;
@@ -10851,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;
@@ -10867,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));
@@ -18288,6 +18297,7 @@ function CustomPattern({
 }
 CustomPattern.displayName = "CustomPattern";
 var SuspenseConfigContext = createContext({ enabled: false });
+var SlotContainedContext = createContext(false);
 function SuspenseConfigProvider({
   config,
   children
@@ -18469,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,
@@ -18480,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(
@@ -18515,6 +18634,9 @@ function UISlotComponent({
     clear(slot);
   };
   if (portal) {
+    if (contained) {
+      return renderContainedPortal(slot, content, handleDismiss);
+    }
     return /* @__PURE__ */ jsx(
       SlotPortal,
       {
@@ -18763,12 +18885,18 @@ function SlotContentRenderer({
 }
 function UISlotRenderer({
   includeHud = false,
+  hudMode = "fixed",
   includeFloating = false,
   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 }),
@@ -18781,23 +18909,34 @@ function UISlotRenderer({
         UISlotComponent,
         {
           slot: "hud-top",
-          className: "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: "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;
 }
@@ -8861,6 +8861,8 @@ declare function SlotContentRenderer({ content, onDismiss, }: SlotContentRendere
 interface UISlotRendererProps {
     /** Include HUD slots */
     includeHud?: boolean;
+    /** HUD positioning mode: 'fixed' (default, viewport-relative) or 'inline' (container-relative, uses sticky) */
+    hudMode?: 'fixed' | 'inline';
     /** Include floating slot */
     includeFloating?: boolean;
     /** Additional class name for the container */
@@ -8894,7 +8896,7 @@ interface UISlotRendererProps {
  * }
  * ```
  */
-declare function UISlotRenderer({ includeHud, includeFloating, className, suspense, }: UISlotRendererProps): React__default.ReactElement;
+declare function UISlotRenderer({ includeHud, hudMode, includeFloating, className, suspense, }: UISlotRendererProps): React__default.ReactElement;
 declare namespace UISlotRenderer {
     var displayName: string;
 }

package/dist/components/index.js

@@ -4,8 +4,8 @@ export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitH
 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-JDISOWHE.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-JDISOWHE.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';

package/dist/providers/index.js

@@ -1,5 +1,5 @@
-export { FetchedDataContext, FetchedDataProvider, OfflineModeProvider, OrbitalProvider, VerificationProvider, useFetchedData, useFetchedDataContext, useFetchedEntity, useOfflineMode, useOptionalOfflineMode } from '../chunk-TVP75XPM.js';
-import '../chunk-JDISOWHE.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';

package/dist/runtime/index.js

@@ -2,8 +2,8 @@ import '../chunk-GTIAVPI5.js';
 import '../chunk-N7MVUW4R.js';
 import { registerTrait, unregisterTrait, updateTraitState } from '../chunk-42YQ6JVR.js';
 import '../chunk-3HJHHULT.js';
-import { useFetchedDataContext } from '../chunk-TVP75XPM.js';
-import '../chunk-JDISOWHE.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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.12.3",
+  "version": "2.12.5",
   "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;