@almadar/ui 5.12.0 → 5.13.2

package/dist/providers/index.js

@@ -10195,7 +10195,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect69, useRef: useRef65, useCallback: useCallback114, useState: useState99 } = React86__default;
+      const { useEffect: useEffect69, useRef: useRef65, useCallback: useCallback114, useState: useState100 } = React86__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -10240,7 +10240,7 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState99(null);
+        const [clickedPosition, setClickedPosition] = useState100(null);
         const handleMapClick = useCallback114((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
@@ -17854,6 +17854,7 @@ function CalendarGrid({
   swipeRightEvent,
   dayWindow = "auto"
 }) {
+  const evs = Array.isArray(events2) ? events2 : events2 ? [events2] : [];
   const eventBus = useEventBus();
   const longPressTimer = useRef(null);
   const resolvedWeekStart = useMemo(
@@ -17902,7 +17903,7 @@ function CalendarGrid({
     [onEventClick]
   );
   const eventsForDayCount = useCallback(
-    (day) => events2.filter(
+    (day) => evs.filter(
       (ev) => new Date(ev.startTime).toDateString() === day.toDateString()
     ).length,
     [events2]
@@ -18017,7 +18018,7 @@ function CalendarGrid({
                   }
                 ) }),
                 visibleDays.map((day) => {
-                  const slotEvents = events2.filter(
+                  const slotEvents = evs.filter(
                     (ev) => eventInSlot(ev, day, time)
                   );
                   const isToday = day.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
@@ -26804,8 +26805,16 @@ function GameCanvas2D({
   drawEventRef.current = drawEvent;
   const emitRef = React86.useRef(emit);
   emitRef.current = emit;
+  const assetBaseUrlRef = React86.useRef(assetBaseUrl);
+  assetBaseUrlRef.current = assetBaseUrl;
+  const backgroundImageRef = React86.useRef(backgroundImage);
+  backgroundImageRef.current = backgroundImage;
+  const widthRef = React86.useRef(width);
+  widthRef.current = width;
+  const heightRef = React86.useRef(height);
+  heightRef.current = height;
   const loadImage = React86.useCallback((url) => {
-    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
+    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrlRef.current}${url}`;
     const cached = imageCache.current.get(fullUrl);
     if (cached?.complete && cached.naturalWidth > 0) return cached;
     if (!cached) {
@@ -26815,7 +26824,7 @@ function GameCanvas2D({
       imageCache.current.set(fullUrl, img);
     }
     return null;
-  }, [assetBaseUrl]);
+  }, []);
   React86.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -26837,10 +26846,10 @@ function GameCanvas2D({
         if (tickEventRef.current) {
           emitRef.current(tickEventRef.current, { dt, frame });
         }
-        if (backgroundImage) {
-          const bgImg = loadImage(backgroundImage);
+        if (backgroundImageRef.current) {
+          const bgImg = loadImage(backgroundImageRef.current);
           if (bgImg) {
-            ctx.drawImage(bgImg, 0, 0, width, height);
+            ctx.drawImage(bgImg, 0, 0, widthRef.current, heightRef.current);
           }
         }
         onDrawRef.current?.(ctx, frame);
@@ -26856,7 +26865,7 @@ function GameCanvas2D({
       running = false;
       cancelAnimationFrame(rafRef.current);
     };
-  }, [fps]);
+  }, [fps, loadImage]);
   return /* @__PURE__ */ jsx(Box, { className: cn("inline-block", className), children: /* @__PURE__ */ jsx(
     "canvas",
     {
@@ -27998,15 +28007,22 @@ function PlatformerCanvas({
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
   const imageCache = useRef(/* @__PURE__ */ new Map());
+  const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
     const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
     const cached = imageCache.current.get(fullUrl);
-    if (cached?.complete && cached.naturalWidth > 0) return cached;
+    if (cached?.complete && cached.naturalWidth > 0) {
+      if (!loadedImages.has(fullUrl)) {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
+      }
+      return cached;
+    }
     if (!cached) {
       const img = new Image();
       img.crossOrigin = "anonymous";
       img.src = fullUrl;
       img.onload = () => {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
         updateAssetStatus(fullUrl, "loaded");
       };
       img.onerror = () => {
@@ -28016,7 +28032,7 @@ function PlatformerCanvas({
       updateAssetStatus(fullUrl, "pending");
     }
     return null;
-  }, [assetBaseUrl]);
+  }, [assetBaseUrl, loadedImages]);
   useEffect(() => {
     if (typeof window === "undefined") return;
     const canvas = canvasRef.current;
@@ -28198,7 +28214,7 @@ function PlatformerCanvas({
       ctx.arc(ppx + eyeOffsetX + 7, eyeY, eyeSize, 0, Math.PI * 2);
       ctx.fill();
     }
-  });
+  }, [player, platforms, worldWidth, worldHeight, canvasWidth, canvasHeight, followCamera, bgColor, playerSprite, tileSprites, backgroundImage, assetBaseUrl, loadedImages]);
   return /* @__PURE__ */ jsx(
     "canvas",
     {
@@ -30227,7 +30243,7 @@ function useSafeEventBus10() {
   }
 }
 function SortableListInner({
-  items: initialItems = EMPTY_ITEMS,
+  items: initialItemsProp = EMPTY_ITEMS,
   renderItem,
   reorderEvent,
   reorderPayload,
@@ -30235,6 +30251,7 @@ function SortableListInner({
   className
 }) {
   const eventBus = useSafeEventBus10();
+  const initialItems = Array.isArray(initialItemsProp) ? initialItemsProp : initialItemsProp ? [initialItemsProp] : [];
   const handleReorder = useCallback(
     (fromIndex, toIndex, item) => {
       eventBus.emit(`UI:${reorderEvent}`, {
@@ -33731,9 +33748,10 @@ var init_ReplyTree = __esm({
       showActions = true,
       className
     }) => {
+      const nodeList = Array.isArray(nodes) ? nodes : nodes ? [nodes] : [];
       const [collapsedSet, setCollapsedSet] = useState(() => {
         const acc = /* @__PURE__ */ new Set();
-        collectInitiallyCollapsed(nodes, acc);
+        collectInitiallyCollapsed(nodeList, acc);
         return acc;
       });
       const toggleCollapse = useCallback((id) => {
@@ -33747,10 +33765,10 @@ var init_ReplyTree = __esm({
           return next;
         });
       }, []);
-      if (nodes.length === 0) {
+      if (nodeList.length === 0) {
         return /* @__PURE__ */ jsx(Box, { className: cn("text-sm text-muted-foreground", className), children: "No replies yet." });
       }
-      return /* @__PURE__ */ jsx(Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodes.map((node) => /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodeList.map((node) => /* @__PURE__ */ jsx(
         ReplyTreeNode,
         {
           node,

package/dist/runtime/index.cjs

@@ -10132,7 +10132,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect70, useRef: useRef65, useCallback: useCallback114, useState: useState102 } = React85__namespace.default;
+      const { useEffect: useEffect70, useRef: useRef65, useCallback: useCallback114, useState: useState103 } = React85__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -10177,7 +10177,7 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState102(null);
+        const [clickedPosition, setClickedPosition] = useState103(null);
         const handleMapClick = useCallback114((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
@@ -17686,6 +17686,7 @@ function CalendarGrid({
   swipeRightEvent,
   dayWindow = "auto"
 }) {
+  const evs = Array.isArray(events2) ? events2 : events2 ? [events2] : [];
   const eventBus = useEventBus();
   const longPressTimer = React85.useRef(null);
   const resolvedWeekStart = React85.useMemo(
@@ -17734,7 +17735,7 @@ function CalendarGrid({
     [onEventClick]
   );
   const eventsForDayCount = React85.useCallback(
-    (day) => events2.filter(
+    (day) => evs.filter(
       (ev) => new Date(ev.startTime).toDateString() === day.toDateString()
     ).length,
     [events2]
@@ -17849,7 +17850,7 @@ function CalendarGrid({
                   }
                 ) }),
                 visibleDays.map((day) => {
-                  const slotEvents = events2.filter(
+                  const slotEvents = evs.filter(
                     (ev) => eventInSlot(ev, day, time)
                   );
                   const isToday = day.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
@@ -26558,8 +26559,16 @@ function GameCanvas2D({
   drawEventRef.current = drawEvent;
   const emitRef = React85__namespace.useRef(emit);
   emitRef.current = emit;
+  const assetBaseUrlRef = React85__namespace.useRef(assetBaseUrl);
+  assetBaseUrlRef.current = assetBaseUrl;
+  const backgroundImageRef = React85__namespace.useRef(backgroundImage);
+  backgroundImageRef.current = backgroundImage;
+  const widthRef = React85__namespace.useRef(width);
+  widthRef.current = width;
+  const heightRef = React85__namespace.useRef(height);
+  heightRef.current = height;
   const loadImage = React85__namespace.useCallback((url) => {
-    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
+    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrlRef.current}${url}`;
     const cached = imageCache.current.get(fullUrl);
     if (cached?.complete && cached.naturalWidth > 0) return cached;
     if (!cached) {
@@ -26569,7 +26578,7 @@ function GameCanvas2D({
       imageCache.current.set(fullUrl, img);
     }
     return null;
-  }, [assetBaseUrl]);
+  }, []);
   React85__namespace.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -26591,10 +26600,10 @@ function GameCanvas2D({
         if (tickEventRef.current) {
           emitRef.current(tickEventRef.current, { dt, frame });
         }
-        if (backgroundImage) {
-          const bgImg = loadImage(backgroundImage);
+        if (backgroundImageRef.current) {
+          const bgImg = loadImage(backgroundImageRef.current);
           if (bgImg) {
-            ctx.drawImage(bgImg, 0, 0, width, height);
+            ctx.drawImage(bgImg, 0, 0, widthRef.current, heightRef.current);
           }
         }
         onDrawRef.current?.(ctx, frame);
@@ -26610,7 +26619,7 @@ function GameCanvas2D({
       running = false;
       cancelAnimationFrame(rafRef.current);
     };
-  }, [fps]);
+  }, [fps, loadImage]);
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("inline-block", className), children: /* @__PURE__ */ jsxRuntime.jsx(
     "canvas",
     {
@@ -27752,15 +27761,22 @@ function PlatformerCanvas({
   const eventBus = useEventBus();
   const keysRef = React85.useRef(/* @__PURE__ */ new Set());
   const imageCache = React85.useRef(/* @__PURE__ */ new Map());
+  const [loadedImages, setLoadedImages] = React85.useState(/* @__PURE__ */ new Set());
   const loadImage = React85.useCallback((url) => {
     const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
     const cached = imageCache.current.get(fullUrl);
-    if (cached?.complete && cached.naturalWidth > 0) return cached;
+    if (cached?.complete && cached.naturalWidth > 0) {
+      if (!loadedImages.has(fullUrl)) {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
+      }
+      return cached;
+    }
     if (!cached) {
       const img = new Image();
       img.crossOrigin = "anonymous";
       img.src = fullUrl;
       img.onload = () => {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
         updateAssetStatus(fullUrl, "loaded");
       };
       img.onerror = () => {
@@ -27770,7 +27786,7 @@ function PlatformerCanvas({
       updateAssetStatus(fullUrl, "pending");
     }
     return null;
-  }, [assetBaseUrl]);
+  }, [assetBaseUrl, loadedImages]);
   React85.useEffect(() => {
     if (typeof window === "undefined") return;
     const canvas = canvasRef.current;
@@ -27952,7 +27968,7 @@ function PlatformerCanvas({
       ctx.arc(ppx + eyeOffsetX + 7, eyeY, eyeSize, 0, Math.PI * 2);
       ctx.fill();
     }
-  });
+  }, [player, platforms, worldWidth, worldHeight, canvasWidth, canvasHeight, followCamera, bgColor, playerSprite, tileSprites, backgroundImage, assetBaseUrl, loadedImages]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "canvas",
     {
@@ -29908,7 +29924,7 @@ function useSafeEventBus10() {
   }
 }
 function SortableListInner({
-  items: initialItems = EMPTY_ITEMS,
+  items: initialItemsProp = EMPTY_ITEMS,
   renderItem,
   reorderEvent,
   reorderPayload,
@@ -29916,6 +29932,7 @@ function SortableListInner({
   className
 }) {
   const eventBus = useSafeEventBus10();
+  const initialItems = Array.isArray(initialItemsProp) ? initialItemsProp : initialItemsProp ? [initialItemsProp] : [];
   const handleReorder = React85.useCallback(
     (fromIndex, toIndex, item) => {
       eventBus.emit(`UI:${reorderEvent}`, {
@@ -33347,9 +33364,10 @@ var init_ReplyTree = __esm({
       showActions = true,
       className
     }) => {
+      const nodeList = Array.isArray(nodes) ? nodes : nodes ? [nodes] : [];
       const [collapsedSet, setCollapsedSet] = React85.useState(() => {
         const acc = /* @__PURE__ */ new Set();
-        collectInitiallyCollapsed(nodes, acc);
+        collectInitiallyCollapsed(nodeList, acc);
         return acc;
       });
       const toggleCollapse = React85.useCallback((id) => {
@@ -33363,10 +33381,10 @@ var init_ReplyTree = __esm({
           return next;
         });
       }, []);
-      if (nodes.length === 0) {
+      if (nodeList.length === 0) {
         return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("text-sm text-muted-foreground", className), children: "No replies yet." });
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodes.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodeList.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
         ReplyTreeNode,
         {
           node,

package/dist/runtime/index.js

@@ -10083,7 +10083,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect70, useRef: useRef65, useCallback: useCallback114, useState: useState102 } = React85__default;
+      const { useEffect: useEffect70, useRef: useRef65, useCallback: useCallback114, useState: useState103 } = React85__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -10128,7 +10128,7 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState102(null);
+        const [clickedPosition, setClickedPosition] = useState103(null);
         const handleMapClick = useCallback114((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
@@ -17637,6 +17637,7 @@ function CalendarGrid({
   swipeRightEvent,
   dayWindow = "auto"
 }) {
+  const evs = Array.isArray(events2) ? events2 : events2 ? [events2] : [];
   const eventBus = useEventBus();
   const longPressTimer = useRef(null);
   const resolvedWeekStart = useMemo(
@@ -17685,7 +17686,7 @@ function CalendarGrid({
     [onEventClick]
   );
   const eventsForDayCount = useCallback(
-    (day) => events2.filter(
+    (day) => evs.filter(
       (ev) => new Date(ev.startTime).toDateString() === day.toDateString()
     ).length,
     [events2]
@@ -17800,7 +17801,7 @@ function CalendarGrid({
                   }
                 ) }),
                 visibleDays.map((day) => {
-                  const slotEvents = events2.filter(
+                  const slotEvents = evs.filter(
                     (ev) => eventInSlot(ev, day, time)
                   );
                   const isToday = day.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
@@ -26509,8 +26510,16 @@ function GameCanvas2D({
   drawEventRef.current = drawEvent;
   const emitRef = React85.useRef(emit);
   emitRef.current = emit;
+  const assetBaseUrlRef = React85.useRef(assetBaseUrl);
+  assetBaseUrlRef.current = assetBaseUrl;
+  const backgroundImageRef = React85.useRef(backgroundImage);
+  backgroundImageRef.current = backgroundImage;
+  const widthRef = React85.useRef(width);
+  widthRef.current = width;
+  const heightRef = React85.useRef(height);
+  heightRef.current = height;
   const loadImage = React85.useCallback((url) => {
-    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
+    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrlRef.current}${url}`;
     const cached = imageCache.current.get(fullUrl);
     if (cached?.complete && cached.naturalWidth > 0) return cached;
     if (!cached) {
@@ -26520,7 +26529,7 @@ function GameCanvas2D({
       imageCache.current.set(fullUrl, img);
     }
     return null;
-  }, [assetBaseUrl]);
+  }, []);
   React85.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -26542,10 +26551,10 @@ function GameCanvas2D({
         if (tickEventRef.current) {
           emitRef.current(tickEventRef.current, { dt, frame });
         }
-        if (backgroundImage) {
-          const bgImg = loadImage(backgroundImage);
+        if (backgroundImageRef.current) {
+          const bgImg = loadImage(backgroundImageRef.current);
           if (bgImg) {
-            ctx.drawImage(bgImg, 0, 0, width, height);
+            ctx.drawImage(bgImg, 0, 0, widthRef.current, heightRef.current);
           }
         }
         onDrawRef.current?.(ctx, frame);
@@ -26561,7 +26570,7 @@ function GameCanvas2D({
       running = false;
       cancelAnimationFrame(rafRef.current);
     };
-  }, [fps]);
+  }, [fps, loadImage]);
   return /* @__PURE__ */ jsx(Box, { className: cn("inline-block", className), children: /* @__PURE__ */ jsx(
     "canvas",
     {
@@ -27703,15 +27712,22 @@ function PlatformerCanvas({
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
   const imageCache = useRef(/* @__PURE__ */ new Map());
+  const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
     const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
     const cached = imageCache.current.get(fullUrl);
-    if (cached?.complete && cached.naturalWidth > 0) return cached;
+    if (cached?.complete && cached.naturalWidth > 0) {
+      if (!loadedImages.has(fullUrl)) {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
+      }
+      return cached;
+    }
     if (!cached) {
       const img = new Image();
       img.crossOrigin = "anonymous";
       img.src = fullUrl;
       img.onload = () => {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
         updateAssetStatus(fullUrl, "loaded");
       };
       img.onerror = () => {
@@ -27721,7 +27737,7 @@ function PlatformerCanvas({
       updateAssetStatus(fullUrl, "pending");
     }
     return null;
-  }, [assetBaseUrl]);
+  }, [assetBaseUrl, loadedImages]);
   useEffect(() => {
     if (typeof window === "undefined") return;
     const canvas = canvasRef.current;
@@ -27903,7 +27919,7 @@ function PlatformerCanvas({
       ctx.arc(ppx + eyeOffsetX + 7, eyeY, eyeSize, 0, Math.PI * 2);
       ctx.fill();
     }
-  });
+  }, [player, platforms, worldWidth, worldHeight, canvasWidth, canvasHeight, followCamera, bgColor, playerSprite, tileSprites, backgroundImage, assetBaseUrl, loadedImages]);
   return /* @__PURE__ */ jsx(
     "canvas",
     {
@@ -29859,7 +29875,7 @@ function useSafeEventBus10() {
   }
 }
 function SortableListInner({
-  items: initialItems = EMPTY_ITEMS,
+  items: initialItemsProp = EMPTY_ITEMS,
   renderItem,
   reorderEvent,
   reorderPayload,
@@ -29867,6 +29883,7 @@ function SortableListInner({
   className
 }) {
   const eventBus = useSafeEventBus10();
+  const initialItems = Array.isArray(initialItemsProp) ? initialItemsProp : initialItemsProp ? [initialItemsProp] : [];
   const handleReorder = useCallback(
     (fromIndex, toIndex, item) => {
       eventBus.emit(`UI:${reorderEvent}`, {
@@ -33298,9 +33315,10 @@ var init_ReplyTree = __esm({
       showActions = true,
       className
     }) => {
+      const nodeList = Array.isArray(nodes) ? nodes : nodes ? [nodes] : [];
       const [collapsedSet, setCollapsedSet] = useState(() => {
         const acc = /* @__PURE__ */ new Set();
-        collectInitiallyCollapsed(nodes, acc);
+        collectInitiallyCollapsed(nodeList, acc);
         return acc;
       });
       const toggleCollapse = useCallback((id) => {
@@ -33314,10 +33332,10 @@ var init_ReplyTree = __esm({
           return next;
         });
       }, []);
-      if (nodes.length === 0) {
+      if (nodeList.length === 0) {
         return /* @__PURE__ */ jsx(Box, { className: cn("text-sm text-muted-foreground", className), children: "No replies yet." });
       }
-      return /* @__PURE__ */ jsx(Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodes.map((node) => /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodeList.map((node) => /* @__PURE__ */ jsx(
         ReplyTreeNode,
         {
           node,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.12.0",
+  "version": "5.13.2",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [
@@ -129,10 +129,10 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@almadar/core": "^9.0.0",
+    "@almadar/core": ">=9.8.0",
     "@almadar/evaluator": ">=2.9.2",
     "@almadar/logger": "^1.3.0",
-    "@almadar/patterns": "^2.26.0",
+    "@almadar/patterns": ">=2.35.0",
     "@almadar/runtime": "^6.7.0",
     "@almadar/std": ">=6.4.1",
     "@almadar/syntax": ">=1.3.1",
@@ -232,5 +232,8 @@
       "@types/react": "^19.0.0",
       "@types/react-dom": "^19.0.0"
     }
+  },
+  "overrides": {
+    "@almadar/core": "$@almadar/core"
   }
 }