chore(release): 4.52.1 [skip ci]

## [4.52.1](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.52.0...v4.52.1) (2025-10-20)

### Bug Fixes

* **homepage:** correct flashcard transform rendering ([5dc636a](5dc636a71c))

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [4.52.1](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.52.0...v4.52.1) (2025-10-20)
+
+
+### Bug Fixes
+
+* **homepage:** correct flashcard transform rendering ([5dc636a](https://github.com/antialias/soroban-abacus-flashcards/commit/5dc636a71c15db28c029fd4f60e4a6c95620f953))
+
 ## [4.52.0](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.51.0...v4.52.0) (2025-10-20)
 
 

apps/web/src/components/InteractiveFlashcards.tsx

@@ -3,7 +3,7 @@
 import { AbacusReact } from '@soroban/abacus-react'
 import { useDrag } from '@use-gesture/react'
 import { useEffect, useState } from 'react'
-import { animated, config, useSpring } from '@react-spring/web'
+import { animated, config, to, useSpring } from '@react-spring/web'
 import { css } from '../../styled-system/css'
 
 interface Flashcard {
@@ -130,12 +130,14 @@ function DraggableCard({ card }: DraggableCardProps) {
     <animated.div
       {...bind()}
       style={{
-        x,
-        y,
-        rotation,
-        scale,
-        zIndex,
         position: 'absolute',
+        left: 0,
+        top: 0,
+        transform: to(
+          [x, y, rotation, scale],
+          (x, y, r, s) => `translate(${x}px, ${y}px) rotate(${r}deg) scale(${s})`
+        ),
+        zIndex,
         touchAction: 'none',
         cursor: 'grab',
       }}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "soroban-monorepo",
-  "version": "4.52.0",
+  "version": "4.52.1",
   "private": true,
   "description": "Beautiful Soroban Flashcard Generator - Monorepo",
   "workspaces": [