@almadar/ui 5.122.8 → 5.122.10

package/dist/avl/index.cjs

@@ -5531,6 +5531,7 @@ var init_Drawer = __esm({
       const widthStyle = width in sizeWidths ? void 0 : { width };
       const positionClasses = position === "right" ? "right-0 border-l" : "left-0 border-r";
       const drawerSign = position === "right" ? 1 : -1;
+      const slideTransform = position === "right" ? "translateX(100%)" : "translateX(-100%)";
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           Overlay,
@@ -5555,7 +5556,7 @@ var init_Drawer = __esm({
               drawerAnim,
               className
             ),
-            style: { ...widthStyle, "--motion-drawer-sign": drawerSign },
+            style: { ...widthStyle, "--motion-drawer-sign": drawerSign, "--motion-drawer-enter-from-transform": slideTransform, "--motion-drawer-exit-to-transform": slideTransform },
             role: "dialog",
             "aria-modal": "true",
             onAnimationEnd,
@@ -13043,6 +13044,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  React91.useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   React91.useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -13112,7 +13120,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -37996,6 +38003,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      React91.useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = React91.useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -38086,7 +38100,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/avl/index.js

@@ -5485,6 +5485,7 @@ var init_Drawer = __esm({
       const widthStyle = width in sizeWidths ? void 0 : { width };
       const positionClasses = position === "right" ? "right-0 border-l" : "left-0 border-r";
       const drawerSign = position === "right" ? 1 : -1;
+      const slideTransform = position === "right" ? "translateX(100%)" : "translateX(-100%)";
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           Overlay,
@@ -5509,7 +5510,7 @@ var init_Drawer = __esm({
               drawerAnim,
               className
             ),
-            style: { ...widthStyle, "--motion-drawer-sign": drawerSign },
+            style: { ...widthStyle, "--motion-drawer-sign": drawerSign, "--motion-drawer-enter-from-transform": slideTransform, "--motion-drawer-exit-to-transform": slideTransform },
             role: "dialog",
             "aria-modal": "true",
             onAnimationEnd,
@@ -12997,6 +12998,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -13066,7 +13074,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -37950,6 +37957,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -38040,7 +38054,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/components/index.cjs

@@ -6425,6 +6425,7 @@ var init_Drawer = __esm({
       const widthStyle = width in sizeWidths ? void 0 : { width };
       const positionClasses = position === "right" ? "right-0 border-l" : "left-0 border-r";
       const drawerSign = position === "right" ? 1 : -1;
+      const slideTransform = position === "right" ? "translateX(100%)" : "translateX(-100%)";
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           exports.Overlay,
@@ -6449,7 +6450,7 @@ var init_Drawer = __esm({
               drawerAnim,
               className
             ),
-            style: { ...widthStyle, "--motion-drawer-sign": drawerSign },
+            style: { ...widthStyle, "--motion-drawer-sign": drawerSign, "--motion-drawer-enter-from-transform": slideTransform, "--motion-drawer-exit-to-transform": slideTransform },
             role: "dialog",
             "aria-modal": "true",
             onAnimationEnd,
@@ -15982,6 +15983,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  React74.useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   React74.useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -16051,7 +16059,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -37370,6 +37377,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      React74.useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = React74.useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -37460,7 +37474,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/components/index.js

@@ -6380,6 +6380,7 @@ var init_Drawer = __esm({
       const widthStyle = width in sizeWidths ? void 0 : { width };
       const positionClasses = position === "right" ? "right-0 border-l" : "left-0 border-r";
       const drawerSign = position === "right" ? 1 : -1;
+      const slideTransform = position === "right" ? "translateX(100%)" : "translateX(-100%)";
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           Overlay,
@@ -6404,7 +6405,7 @@ var init_Drawer = __esm({
               drawerAnim,
               className
             ),
-            style: { ...widthStyle, "--motion-drawer-sign": drawerSign },
+            style: { ...widthStyle, "--motion-drawer-sign": drawerSign, "--motion-drawer-enter-from-transform": slideTransform, "--motion-drawer-exit-to-transform": slideTransform },
             role: "dialog",
             "aria-modal": "true",
             onAnimationEnd,
@@ -15937,6 +15938,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -16006,7 +16014,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -37325,6 +37332,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -37415,7 +37429,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/hooks/index.d.cts

@@ -830,7 +830,7 @@ interface CanvasGestureHandlers {
     onPointerMove: (e: React.PointerEvent<HTMLCanvasElement>) => void;
     onPointerUp: (e: React.PointerEvent<HTMLCanvasElement>) => void;
     onPointerCancel: (e: React.PointerEvent<HTMLCanvasElement>) => void;
-    onWheel: (e: React.WheelEvent<HTMLCanvasElement>) => void;
+    onWheel: (e: WheelEvent) => void;
 }
 declare function useCanvasGestures(options: UseCanvasGesturesOptions): CanvasGestureHandlers;
 

package/dist/hooks/index.d.ts

@@ -830,7 +830,7 @@ interface CanvasGestureHandlers {
     onPointerMove: (e: React.PointerEvent<HTMLCanvasElement>) => void;
     onPointerUp: (e: React.PointerEvent<HTMLCanvasElement>) => void;
     onPointerCancel: (e: React.PointerEvent<HTMLCanvasElement>) => void;
-    onWheel: (e: React.WheelEvent<HTMLCanvasElement>) => void;
+    onWheel: (e: WheelEvent) => void;
 }
 declare function useCanvasGestures(options: UseCanvasGesturesOptions): CanvasGestureHandlers;
 

package/dist/providers/index.cjs

@@ -1702,6 +1702,7 @@ var init_Drawer = __esm({
       const widthStyle = width in sizeWidths ? void 0 : { width };
       const positionClasses = position === "right" ? "right-0 border-l" : "left-0 border-r";
       const drawerSign = position === "right" ? 1 : -1;
+      const slideTransform = position === "right" ? "translateX(100%)" : "translateX(-100%)";
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           Overlay,
@@ -1726,7 +1727,7 @@ var init_Drawer = __esm({
               drawerAnim,
               className
             ),
-            style: { ...widthStyle, "--motion-drawer-sign": drawerSign },
+            style: { ...widthStyle, "--motion-drawer-sign": drawerSign, "--motion-drawer-enter-from-transform": slideTransform, "--motion-drawer-exit-to-transform": slideTransform },
             role: "dialog",
             "aria-modal": "true",
             onAnimationEnd,
@@ -9300,6 +9301,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  React84.useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   React84.useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -9369,7 +9377,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -36139,6 +36146,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      React84.useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = React84.useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -36229,7 +36243,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/providers/index.js

@@ -1657,6 +1657,7 @@ var init_Drawer = __esm({
       const widthStyle = width in sizeWidths ? void 0 : { width };
       const positionClasses = position === "right" ? "right-0 border-l" : "left-0 border-r";
       const drawerSign = position === "right" ? 1 : -1;
+      const slideTransform = position === "right" ? "translateX(100%)" : "translateX(-100%)";
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           Overlay,
@@ -1681,7 +1682,7 @@ var init_Drawer = __esm({
               drawerAnim,
               className
             ),
-            style: { ...widthStyle, "--motion-drawer-sign": drawerSign },
+            style: { ...widthStyle, "--motion-drawer-sign": drawerSign, "--motion-drawer-enter-from-transform": slideTransform, "--motion-drawer-exit-to-transform": slideTransform },
             role: "dialog",
             "aria-modal": "true",
             onAnimationEnd,
@@ -9255,6 +9256,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -9324,7 +9332,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -36094,6 +36101,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -36184,7 +36198,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/runtime/index.cjs

@@ -2180,6 +2180,7 @@ var init_Drawer = __esm({
       const widthStyle = width in sizeWidths ? void 0 : { width };
       const positionClasses = position === "right" ? "right-0 border-l" : "left-0 border-r";
       const drawerSign = position === "right" ? 1 : -1;
+      const slideTransform = position === "right" ? "translateX(100%)" : "translateX(-100%)";
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           Overlay,
@@ -2204,7 +2205,7 @@ var init_Drawer = __esm({
               drawerAnim,
               className
             ),
-            style: { ...widthStyle, "--motion-drawer-sign": drawerSign },
+            style: { ...widthStyle, "--motion-drawer-sign": drawerSign, "--motion-drawer-enter-from-transform": slideTransform, "--motion-drawer-exit-to-transform": slideTransform },
             role: "dialog",
             "aria-modal": "true",
             onAnimationEnd,
@@ -9635,6 +9636,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  React82.useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   React82.useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -9704,7 +9712,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -35491,6 +35498,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      React82.useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = React82.useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -35581,7 +35595,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/dist/runtime/index.js

@@ -2136,6 +2136,7 @@ var init_Drawer = __esm({
       const widthStyle = width in sizeWidths ? void 0 : { width };
       const positionClasses = position === "right" ? "right-0 border-l" : "left-0 border-r";
       const drawerSign = position === "right" ? 1 : -1;
+      const slideTransform = position === "right" ? "translateX(100%)" : "translateX(-100%)";
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           Overlay,
@@ -2160,7 +2161,7 @@ var init_Drawer = __esm({
               drawerAnim,
               className
             ),
-            style: { ...widthStyle, "--motion-drawer-sign": drawerSign },
+            style: { ...widthStyle, "--motion-drawer-sign": drawerSign, "--motion-drawer-enter-from-transform": slideTransform, "--motion-drawer-exit-to-transform": slideTransform },
             role: "dialog",
             "aria-modal": "true",
             onAnimationEnd,
@@ -9591,6 +9592,13 @@ function Canvas2D({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const canvasWheelHandler = gestureHandlers.onWheel;
+  useEffect(() => {
+    const el = canvasRef.current;
+    if (!el) return;
+    el.addEventListener("wheel", canvasWheelHandler, { passive: false });
+    return () => el.removeEventListener("wheel", canvasWheelHandler);
+  }, [canvasWheelHandler]);
   useEffect(() => {
     if (!keyMap && !keyUpMap) return;
     const onDown = (e) => {
@@ -9660,7 +9668,6 @@ function Canvas2D({
             onPointerUp: gestureHandlers.onPointerUp,
             onPointerCancel: gestureHandlers.onPointerCancel,
             onPointerLeave: handleCanvasPointerLeave,
-            onWheel: gestureHandlers.onWheel,
             onContextMenu: (e) => e.preventDefault(),
             className: "cursor-pointer touch-none",
             tabIndex: isFree || keyMap || keyUpMap ? 0 : void 0,
@@ -35447,6 +35454,13 @@ var init_GraphCanvas = __esm({
         onPanDelta: applyPanDelta,
         onMultiTouchStart: cancelSinglePointer
       });
+      const wheelHandler = gestureHandlers.onWheel;
+      useEffect(() => {
+        const el = canvasRef.current;
+        if (!el) return;
+        el.addEventListener("wheel", wheelHandler, { passive: false });
+        return () => el.removeEventListener("wheel", wheelHandler);
+      }, [wheelHandler]);
       const handleDoubleClick = useCallback(
         (e) => {
           const coords = toCoords(e);
@@ -35537,7 +35551,6 @@ var init_GraphCanvas = __esm({
               onPointerUp: gestureHandlers.onPointerUp,
               onPointerCancel: gestureHandlers.onPointerCancel,
               onPointerLeave: handlePointerLeave,
-              onWheel: gestureHandlers.onWheel,
               onDoubleClick: handleDoubleClick
             }
           ),

package/package.json

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