Call the onMouseDown of the Scroller props

.changeset/scroller-on-mouse-down.md

@@ -0,0 +1,5 @@
+---
+'@graphcommerce/framer-scroller': patch
+---
+
+`useScroller` calls the `onMouseDown` of its props. It replaced it with its own handler, so a click on an image of `SidebarGallery` did not open the zoom.

packages/framer-scroller/hooks/useScroller.test.tsx

@@ -0,0 +1,41 @@
+// @vitest-environment happy-dom
+
+import { act } from 'react'
+import { createRoot } from 'react-dom/client'
+import { afterAll, beforeAll, expect, it, vi } from 'vitest'
+import { Scroller } from '../components/Scroller'
+import { ScrollerProvider } from '../components/ScrollerProvider'
+
+beforeAll(() => {
+  Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true })
+})
+
+afterAll(() => {
+  Reflect.deleteProperty(globalThis, 'IS_REACT_ACT_ENVIRONMENT')
+})
+
+it('calls the onMouseDown of its props', () => {
+  const onMouseDown = vi.fn()
+  const container = document.createElement('div')
+  document.body.appendChild(container)
+  const root = createRoot(container)
+
+  act(() =>
+    root.render(
+      <ScrollerProvider>
+        <Scroller onMouseDown={onMouseDown}>
+          <div>Item</div>
+        </Scroller>
+      </ScrollerProvider>,
+    ),
+  )
+  act(() => {
+    container
+      .querySelector('.Scroller-root')
+      ?.dispatchEvent(new MouseEvent('mousedown', { bubbles: true }))
+  })
+  act(() => root.unmount())
+  container.remove()
+
+  expect(onMouseDown).toHaveBeenCalledTimes(1)
+})

packages/framer-scroller/hooks/useScroller.ts

@@ -93,6 +93,7 @@ export function useScroller<
       if (event.target.querySelector(':scope > input, :scope > textarea')) return
     }
     event.preventDefault()
+    divProps.onMouseDown?.(event as never)
   }
 
   const onPan: PanHandlers['onPan'] = (event, info: PanInfo) => {