@almadar/ui 5.9.4 → 5.9.6

package/dist/avl/index.cjs

@@ -30396,6 +30396,8 @@ function GameCanvas2D({
   height = 600,
   onDraw,
   onTick,
+  tickEvent,
+  drawEvent,
   fps = 60,
   className
 }) {
@@ -30403,10 +30405,17 @@ function GameCanvas2D({
   const rafRef = React98__namespace.useRef(0);
   const frameRef = React98__namespace.useRef(0);
   const lastTimeRef = React98__namespace.useRef(0);
+  const emit = useEmitEvent();
   const onDrawRef = React98__namespace.useRef(onDraw);
   onDrawRef.current = onDraw;
   const onTickRef = React98__namespace.useRef(onTick);
   onTickRef.current = onTick;
+  const tickEventRef = React98__namespace.useRef(tickEvent);
+  tickEventRef.current = tickEvent;
+  const drawEventRef = React98__namespace.useRef(drawEvent);
+  drawEventRef.current = drawEvent;
+  const emitRef = React98__namespace.useRef(emit);
+  emitRef.current = emit;
   React98__namespace.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -30423,8 +30432,15 @@ function GameCanvas2D({
       if (elapsed >= interval) {
         const dt = elapsed / 1e3;
         lastTimeRef.current = timestamp - elapsed % interval;
+        const frame = frameRef.current;
         onTickRef.current?.(dt);
-        onDrawRef.current?.(ctx, frameRef.current);
+        if (tickEventRef.current) {
+          emitRef.current(tickEventRef.current, { dt, frame });
+        }
+        onDrawRef.current?.(ctx, frame);
+        if (drawEventRef.current) {
+          emitRef.current(drawEventRef.current, { frame });
+        }
         frameRef.current += 1;
       }
       rafRef.current = requestAnimationFrame(loop);
@@ -30450,6 +30466,7 @@ var init_GameCanvas2D = __esm({
     "use client";
     init_cn();
     init_Box();
+    init_useEventBus();
     GameCanvas2D.displayName = "GameCanvas2D";
   }
 });
@@ -56384,7 +56401,7 @@ function SlotContentRenderer({
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
-        className: "slot-content",
+        className: "slot-content contents",
         "data-pattern": content.pattern,
         "data-id": content.id,
         "data-node-id": content.nodeId,

package/dist/avl/index.js

@@ -30347,6 +30347,8 @@ function GameCanvas2D({
   height = 600,
   onDraw,
   onTick,
+  tickEvent,
+  drawEvent,
   fps = 60,
   className
 }) {
@@ -30354,10 +30356,17 @@ function GameCanvas2D({
   const rafRef = React98.useRef(0);
   const frameRef = React98.useRef(0);
   const lastTimeRef = React98.useRef(0);
+  const emit = useEmitEvent();
   const onDrawRef = React98.useRef(onDraw);
   onDrawRef.current = onDraw;
   const onTickRef = React98.useRef(onTick);
   onTickRef.current = onTick;
+  const tickEventRef = React98.useRef(tickEvent);
+  tickEventRef.current = tickEvent;
+  const drawEventRef = React98.useRef(drawEvent);
+  drawEventRef.current = drawEvent;
+  const emitRef = React98.useRef(emit);
+  emitRef.current = emit;
   React98.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -30374,8 +30383,15 @@ function GameCanvas2D({
       if (elapsed >= interval) {
         const dt = elapsed / 1e3;
         lastTimeRef.current = timestamp - elapsed % interval;
+        const frame = frameRef.current;
         onTickRef.current?.(dt);
-        onDrawRef.current?.(ctx, frameRef.current);
+        if (tickEventRef.current) {
+          emitRef.current(tickEventRef.current, { dt, frame });
+        }
+        onDrawRef.current?.(ctx, frame);
+        if (drawEventRef.current) {
+          emitRef.current(drawEventRef.current, { frame });
+        }
         frameRef.current += 1;
       }
       rafRef.current = requestAnimationFrame(loop);
@@ -30401,6 +30417,7 @@ var init_GameCanvas2D = __esm({
     "use client";
     init_cn();
     init_Box();
+    init_useEventBus();
     GameCanvas2D.displayName = "GameCanvas2D";
   }
 });
@@ -56335,7 +56352,7 @@ function SlotContentRenderer({
     return /* @__PURE__ */ jsx(
       Box,
       {
-        className: "slot-content",
+        className: "slot-content contents",
         "data-pattern": content.pattern,
         "data-id": content.id,
         "data-node-id": content.nodeId,

package/dist/components/index.cjs

@@ -25781,6 +25781,8 @@ function GameCanvas2D({
   height = 600,
   onDraw,
   onTick,
+  tickEvent,
+  drawEvent,
   fps = 60,
   className
 }) {
@@ -25788,10 +25790,17 @@ function GameCanvas2D({
   const rafRef = React80__namespace.useRef(0);
   const frameRef = React80__namespace.useRef(0);
   const lastTimeRef = React80__namespace.useRef(0);
+  const emit = useEmitEvent();
   const onDrawRef = React80__namespace.useRef(onDraw);
   onDrawRef.current = onDraw;
   const onTickRef = React80__namespace.useRef(onTick);
   onTickRef.current = onTick;
+  const tickEventRef = React80__namespace.useRef(tickEvent);
+  tickEventRef.current = tickEvent;
+  const drawEventRef = React80__namespace.useRef(drawEvent);
+  drawEventRef.current = drawEvent;
+  const emitRef = React80__namespace.useRef(emit);
+  emitRef.current = emit;
   React80__namespace.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -25808,8 +25817,15 @@ function GameCanvas2D({
       if (elapsed >= interval) {
         const dt = elapsed / 1e3;
         lastTimeRef.current = timestamp - elapsed % interval;
+        const frame = frameRef.current;
         onTickRef.current?.(dt);
-        onDrawRef.current?.(ctx, frameRef.current);
+        if (tickEventRef.current) {
+          emitRef.current(tickEventRef.current, { dt, frame });
+        }
+        onDrawRef.current?.(ctx, frame);
+        if (drawEventRef.current) {
+          emitRef.current(drawEventRef.current, { frame });
+        }
         frameRef.current += 1;
       }
       rafRef.current = requestAnimationFrame(loop);
@@ -25835,6 +25851,7 @@ var init_GameCanvas2D = __esm({
     "use client";
     init_cn();
     init_Box();
+    init_useEventBus();
     GameCanvas2D.displayName = "GameCanvas2D";
   }
 });
@@ -47373,7 +47390,7 @@ function SlotContentRenderer({
     return /* @__PURE__ */ jsxRuntime.jsx(
       exports.Box,
       {
-        className: "slot-content",
+        className: "slot-content contents",
         "data-pattern": content.pattern,
         "data-id": content.id,
         "data-node-id": content.nodeId,

package/dist/components/index.js

@@ -25732,6 +25732,8 @@ function GameCanvas2D({
   height = 600,
   onDraw,
   onTick,
+  tickEvent,
+  drawEvent,
   fps = 60,
   className
 }) {
@@ -25739,10 +25741,17 @@ function GameCanvas2D({
   const rafRef = React80.useRef(0);
   const frameRef = React80.useRef(0);
   const lastTimeRef = React80.useRef(0);
+  const emit = useEmitEvent();
   const onDrawRef = React80.useRef(onDraw);
   onDrawRef.current = onDraw;
   const onTickRef = React80.useRef(onTick);
   onTickRef.current = onTick;
+  const tickEventRef = React80.useRef(tickEvent);
+  tickEventRef.current = tickEvent;
+  const drawEventRef = React80.useRef(drawEvent);
+  drawEventRef.current = drawEvent;
+  const emitRef = React80.useRef(emit);
+  emitRef.current = emit;
   React80.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -25759,8 +25768,15 @@ function GameCanvas2D({
       if (elapsed >= interval) {
         const dt = elapsed / 1e3;
         lastTimeRef.current = timestamp - elapsed % interval;
+        const frame = frameRef.current;
         onTickRef.current?.(dt);
-        onDrawRef.current?.(ctx, frameRef.current);
+        if (tickEventRef.current) {
+          emitRef.current(tickEventRef.current, { dt, frame });
+        }
+        onDrawRef.current?.(ctx, frame);
+        if (drawEventRef.current) {
+          emitRef.current(drawEventRef.current, { frame });
+        }
         frameRef.current += 1;
       }
       rafRef.current = requestAnimationFrame(loop);
@@ -25786,6 +25802,7 @@ var init_GameCanvas2D = __esm({
     "use client";
     init_cn();
     init_Box();
+    init_useEventBus();
     GameCanvas2D.displayName = "GameCanvas2D";
   }
 });
@@ -47324,7 +47341,7 @@ function SlotContentRenderer({
     return /* @__PURE__ */ jsx(
       Box,
       {
-        className: "slot-content",
+        className: "slot-content contents",
         "data-pattern": content.pattern,
         "data-id": content.id,
         "data-node-id": content.nodeId,

package/dist/components/molecules/game/GameCanvas2D.d.ts

@@ -7,12 +7,16 @@ export interface GameCanvas2DProps {
     onDraw?: (ctx: CanvasRenderingContext2D, frame: number) => void;
     /** Called each tick with delta time in seconds */
     onTick?: (dt: number) => void;
+    /** Event name emitted each tick with { dt, frame } — for closed-circuit .orb integration */
+    tickEvent?: string;
+    /** Event name emitted each draw frame with { frame } — for closed-circuit .orb integration */
+    drawEvent?: string;
     /** Target frames per second */
     fps?: number;
     /** Additional CSS classes */
     className?: string;
 }
-export declare function GameCanvas2D({ width, height, onDraw, onTick, fps, className, }: GameCanvas2DProps): import("react/jsx-runtime").JSX.Element;
+export declare function GameCanvas2D({ width, height, onDraw, onTick, tickEvent, drawEvent, fps, className, }: GameCanvas2DProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace GameCanvas2D {
     var displayName: string;
 }

package/dist/providers/index.cjs

@@ -26808,6 +26808,8 @@ function GameCanvas2D({
   height = 600,
   onDraw,
   onTick,
+  tickEvent,
+  drawEvent,
   fps = 60,
   className
 }) {
@@ -26815,10 +26817,17 @@ function GameCanvas2D({
   const rafRef = React86__namespace.useRef(0);
   const frameRef = React86__namespace.useRef(0);
   const lastTimeRef = React86__namespace.useRef(0);
+  const emit = useEmitEvent();
   const onDrawRef = React86__namespace.useRef(onDraw);
   onDrawRef.current = onDraw;
   const onTickRef = React86__namespace.useRef(onTick);
   onTickRef.current = onTick;
+  const tickEventRef = React86__namespace.useRef(tickEvent);
+  tickEventRef.current = tickEvent;
+  const drawEventRef = React86__namespace.useRef(drawEvent);
+  drawEventRef.current = drawEvent;
+  const emitRef = React86__namespace.useRef(emit);
+  emitRef.current = emit;
   React86__namespace.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -26835,8 +26844,15 @@ function GameCanvas2D({
       if (elapsed >= interval) {
         const dt = elapsed / 1e3;
         lastTimeRef.current = timestamp - elapsed % interval;
+        const frame = frameRef.current;
         onTickRef.current?.(dt);
-        onDrawRef.current?.(ctx, frameRef.current);
+        if (tickEventRef.current) {
+          emitRef.current(tickEventRef.current, { dt, frame });
+        }
+        onDrawRef.current?.(ctx, frame);
+        if (drawEventRef.current) {
+          emitRef.current(drawEventRef.current, { frame });
+        }
         frameRef.current += 1;
       }
       rafRef.current = requestAnimationFrame(loop);
@@ -26862,6 +26878,7 @@ var init_GameCanvas2D = __esm({
     "use client";
     init_cn();
     init_Box();
+    init_useEventBus();
     GameCanvas2D.displayName = "GameCanvas2D";
   }
 });
@@ -47691,7 +47708,7 @@ function SlotContentRenderer({
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
-        className: "slot-content",
+        className: "slot-content contents",
         "data-pattern": content.pattern,
         "data-id": content.id,
         "data-node-id": content.nodeId,

package/dist/providers/index.js

@@ -26759,6 +26759,8 @@ function GameCanvas2D({
   height = 600,
   onDraw,
   onTick,
+  tickEvent,
+  drawEvent,
   fps = 60,
   className
 }) {
@@ -26766,10 +26768,17 @@ function GameCanvas2D({
   const rafRef = React86.useRef(0);
   const frameRef = React86.useRef(0);
   const lastTimeRef = React86.useRef(0);
+  const emit = useEmitEvent();
   const onDrawRef = React86.useRef(onDraw);
   onDrawRef.current = onDraw;
   const onTickRef = React86.useRef(onTick);
   onTickRef.current = onTick;
+  const tickEventRef = React86.useRef(tickEvent);
+  tickEventRef.current = tickEvent;
+  const drawEventRef = React86.useRef(drawEvent);
+  drawEventRef.current = drawEvent;
+  const emitRef = React86.useRef(emit);
+  emitRef.current = emit;
   React86.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -26786,8 +26795,15 @@ function GameCanvas2D({
       if (elapsed >= interval) {
         const dt = elapsed / 1e3;
         lastTimeRef.current = timestamp - elapsed % interval;
+        const frame = frameRef.current;
         onTickRef.current?.(dt);
-        onDrawRef.current?.(ctx, frameRef.current);
+        if (tickEventRef.current) {
+          emitRef.current(tickEventRef.current, { dt, frame });
+        }
+        onDrawRef.current?.(ctx, frame);
+        if (drawEventRef.current) {
+          emitRef.current(drawEventRef.current, { frame });
+        }
         frameRef.current += 1;
       }
       rafRef.current = requestAnimationFrame(loop);
@@ -26813,6 +26829,7 @@ var init_GameCanvas2D = __esm({
     "use client";
     init_cn();
     init_Box();
+    init_useEventBus();
     GameCanvas2D.displayName = "GameCanvas2D";
   }
 });
@@ -47642,7 +47659,7 @@ function SlotContentRenderer({
     return /* @__PURE__ */ jsx(
       Box,
       {
-        className: "slot-content",
+        className: "slot-content contents",
         "data-pattern": content.pattern,
         "data-id": content.id,
         "data-node-id": content.nodeId,

package/dist/runtime/index.cjs

@@ -26513,6 +26513,8 @@ function GameCanvas2D({
   height = 600,
   onDraw,
   onTick,
+  tickEvent,
+  drawEvent,
   fps = 60,
   className
 }) {
@@ -26520,10 +26522,17 @@ function GameCanvas2D({
   const rafRef = React85__namespace.useRef(0);
   const frameRef = React85__namespace.useRef(0);
   const lastTimeRef = React85__namespace.useRef(0);
+  const emit = useEmitEvent();
   const onDrawRef = React85__namespace.useRef(onDraw);
   onDrawRef.current = onDraw;
   const onTickRef = React85__namespace.useRef(onTick);
   onTickRef.current = onTick;
+  const tickEventRef = React85__namespace.useRef(tickEvent);
+  tickEventRef.current = tickEvent;
+  const drawEventRef = React85__namespace.useRef(drawEvent);
+  drawEventRef.current = drawEvent;
+  const emitRef = React85__namespace.useRef(emit);
+  emitRef.current = emit;
   React85__namespace.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -26540,8 +26549,15 @@ function GameCanvas2D({
       if (elapsed >= interval) {
         const dt = elapsed / 1e3;
         lastTimeRef.current = timestamp - elapsed % interval;
+        const frame = frameRef.current;
         onTickRef.current?.(dt);
-        onDrawRef.current?.(ctx, frameRef.current);
+        if (tickEventRef.current) {
+          emitRef.current(tickEventRef.current, { dt, frame });
+        }
+        onDrawRef.current?.(ctx, frame);
+        if (drawEventRef.current) {
+          emitRef.current(drawEventRef.current, { frame });
+        }
         frameRef.current += 1;
       }
       rafRef.current = requestAnimationFrame(loop);
@@ -26567,6 +26583,7 @@ var init_GameCanvas2D = __esm({
     "use client";
     init_cn();
     init_Box();
+    init_useEventBus();
     GameCanvas2D.displayName = "GameCanvas2D";
   }
 });
@@ -47277,7 +47294,7 @@ function SlotContentRenderer({
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
-        className: "slot-content",
+        className: "slot-content contents",
         "data-pattern": content.pattern,
         "data-id": content.id,
         "data-node-id": content.nodeId,

package/dist/runtime/index.js

@@ -26464,6 +26464,8 @@ function GameCanvas2D({
   height = 600,
   onDraw,
   onTick,
+  tickEvent,
+  drawEvent,
   fps = 60,
   className
 }) {
@@ -26471,10 +26473,17 @@ function GameCanvas2D({
   const rafRef = React85.useRef(0);
   const frameRef = React85.useRef(0);
   const lastTimeRef = React85.useRef(0);
+  const emit = useEmitEvent();
   const onDrawRef = React85.useRef(onDraw);
   onDrawRef.current = onDraw;
   const onTickRef = React85.useRef(onTick);
   onTickRef.current = onTick;
+  const tickEventRef = React85.useRef(tickEvent);
+  tickEventRef.current = tickEvent;
+  const drawEventRef = React85.useRef(drawEvent);
+  drawEventRef.current = drawEvent;
+  const emitRef = React85.useRef(emit);
+  emitRef.current = emit;
   React85.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -26491,8 +26500,15 @@ function GameCanvas2D({
       if (elapsed >= interval) {
         const dt = elapsed / 1e3;
         lastTimeRef.current = timestamp - elapsed % interval;
+        const frame = frameRef.current;
         onTickRef.current?.(dt);
-        onDrawRef.current?.(ctx, frameRef.current);
+        if (tickEventRef.current) {
+          emitRef.current(tickEventRef.current, { dt, frame });
+        }
+        onDrawRef.current?.(ctx, frame);
+        if (drawEventRef.current) {
+          emitRef.current(drawEventRef.current, { frame });
+        }
         frameRef.current += 1;
       }
       rafRef.current = requestAnimationFrame(loop);
@@ -26518,6 +26534,7 @@ var init_GameCanvas2D = __esm({
     "use client";
     init_cn();
     init_Box();
+    init_useEventBus();
     GameCanvas2D.displayName = "GameCanvas2D";
   }
 });
@@ -47228,7 +47245,7 @@ function SlotContentRenderer({
     return /* @__PURE__ */ jsx(
       Box,
       {
-        className: "slot-content",
+        className: "slot-content contents",
         "data-pattern": content.pattern,
         "data-id": content.id,
         "data-node-id": content.nodeId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.9.4",
+  "version": "5.9.6",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [

package/tailwind-preset.cjs

@@ -18,6 +18,7 @@ module.exports = {
   darkMode: 'class',
   safelist: [
   // Standard utilities used via dynamic className from .orb schemas
+  'contents',
   'p-4', 'p-6', 'p-8',
   'px-4', 'px-6', 'py-4', 'py-6',
   'mx-auto',