release: version packages (beta)

Author: github-actions[bot]

.changeset/pre.json

@@ -5,6 +5,8 @@
     "react-native-reanimated-carousel": "4.0.3"
   },
   "changesets": [
-    "honest-baboons-sip"
+    "blue-news-stare",
+    "honest-baboons-sip",
+    "odd-news-carry"
   ]
 }

CHANGELOG.md

@@ -1,5 +1,39 @@
 # react-native-reanimated-carousel
 
+## 5.0.0-beta.1
+
+### Minor Changes
+
+- [#853](https://github.com/dohooo/react-native-reanimated-carousel/pull/853) [`c595958`](https://github.com/dohooo/react-native-reanimated-carousel/commit/c59595896381c36cc395f95b8631aee503cfd927) Thanks [@dohooo](https://github.com/dohooo)! - - add `itemWidth`/`itemHeight` props so horizontal and vertical carousels can define their snapping step explicitly (e.g. to show multiple cards per page)
+
+  - default behaviour still falls back to the carousel container size or legacy `width`/`height` props
+
+- [#853](https://github.com/dohooo/react-native-reanimated-carousel/pull/853) [`c595958`](https://github.com/dohooo/react-native-reanimated-carousel/commit/c59595896381c36cc395f95b8631aee503cfd927) Thanks [@dohooo](https://github.com/dohooo)! - ## ✨ Style API refresh
+
+  - `style` now controls the outer carousel container (positioning, width/height, margins).
+  - New `contentContainerStyle` replaces `containerStyle` for styling the scrollable content.
+  - `width` and `height` props are deprecated; define size via `style` instead.
+
+  ### Migration Example
+
+  ```tsx
+  // Before
+  <Carousel
+    width={300}
+    height={200}
+    containerStyle={{ paddingHorizontal: 16 }}
+  />
+
+  // After
+  <Carousel
+    style={{ width: 300, height: 200 }}
+    contentContainerStyle={{ paddingHorizontal: 16 }}
+  />
+  ```
+
+  - Any layout logic still works; simply move `width`/`height` into `style` and container tweaks into `contentContainerStyle`.
+  - `contentContainerStyle` runs on the JS thread—avoid adding `opacity` / `transform` there if you rely on built-in animations.
+
 ## 5.0.0-beta.0
 
 ### Major Changes
@@ -16,24 +50,26 @@
   #### Migration Guide
 
   **Before:**
+
   ```jsx
   <Carousel
     width={300}
     height={200}
-    style={{ backgroundColor: 'red' }} // Applied to inner container
+    style={{ backgroundColor: "red" }} // Applied to inner container
     containerStyle={{ margin: 10 }} // Applied to outer container
   />
   ```
 
   **After:**
+
   ```jsx
   <Carousel
-    style={{ 
-      width: 300, 
-      height: 200, 
-      margin: 10 
+    style={{
+      width: 300,
+      height: 200,
+      margin: 10,
     }} // Applied to outer container
-    contentContainerStyle={{ backgroundColor: 'red' }} // Applied to inner container
+    contentContainerStyle={{ backgroundColor: "red" }} // Applied to inner container
   />
   ```
 

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-native-reanimated-carousel",
-	"version": "5.0.0-beta.0",
+	"version": "5.0.0-beta.1",
 	"packageManager": "[email protected]",
 	"description": "Simple carousel component.fully implemented using Reanimated 2.Infinitely scrolling, very smooth.",
 	"author": "Doho <[email protected]> (https://github.com/dohooo)",