@storybook/react-native 10.0.0-rc.2 → 10.0.1-alpha.0

package/dist/metro/withStorybook.d.ts

@@ -73,7 +73,7 @@ interface WithStorybookOptions {
  * @example
  * ```javascript
  * const { getDefaultConfig } = require('expo/metro-config');
- * const withStorybook = require('@storybook/react-native/metro/withStorybook');
+ * const {withStorybook} = require('@storybook/react-native/metro/withStorybook');
  * const path = require('path');
  *
  * const projectRoot = __dirname;
@@ -92,7 +92,7 @@ interface WithStorybookOptions {
  * ```javascript
  * // Minimal configuration
  * const { getDefaultConfig } = require('expo/metro-config');
- * const withStorybook = require('@storybook/react-native/metro/withStorybook');
+ * const {withStorybook} = require('@storybook/react-native/metro/withStorybook');
  *
  * const config = getDefaultConfig(__dirname);
  * module.exports = withStorybook(config);
@@ -102,7 +102,7 @@ interface WithStorybookOptions {
  * ```javascript
  * // Disable Storybook in production
  * const { getDefaultConfig } = require('expo/metro-config');
- * const withStorybook = require('@storybook/react-native/metro/withStorybook');
+ * const {withStorybook} = require('@storybook/react-native/metro/withStorybook');
  *
  * const config = getDefaultConfig(__dirname);
  * module.exports = withStorybook(config, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "10.0.0-rc.2",
+  "version": "10.0.1-alpha.0",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -48,35 +48,30 @@
     "test:generate:update": "node --test --test-update-snapshots scripts/generate.test.js"
   },
   "dependencies": {
-    "@storybook/global": "^5.0.0",
-    "@storybook/react": "10.0.0",
-    "@storybook/react-native-theming": "^10.0.0-rc.2",
-    "@storybook/react-native-ui": "^10.0.0-rc.2",
-    "@storybook/react-native-ui-common": "^10.0.0-rc.2",
-    "commander": "^8.2.0",
-    "dedent": "^1.5.1",
-    "deepmerge": "^4.3.0",
-    "esbuild-register": "^3.6.0",
-    "react-native-url-polyfill": "^2.0.0",
+    "@storybook/react": "^10.0.1",
+    "@storybook/react-native-theming": "^10.0.1-alpha.0",
+    "@storybook/react-native-ui": "^10.0.1-alpha.0",
+    "@storybook/react-native-ui-common": "^10.0.1-alpha.0",
+    "commander": "^14.0.2",
+    "dedent": "^1.7.0",
+    "deepmerge": "^4.3.1",
+    "react-native-url-polyfill": "^3.0.0",
     "setimmediate": "^1.0.5",
-    "type-fest": "~2.19",
-    "util": "^0.12.4",
-    "ws": "^8.18.0"
+    "ws": "^8.18.3"
   },
   "devDependencies": {
-    "@babel/plugin-transform-class-static-block": "^7.27.1",
     "@types/jest": "^29.4.3",
     "@types/react": "~19.1.10",
     "babel-jest": "^29.7.0",
-    "babel-preset-expo": "^12.0.9",
+    "babel-preset-expo": "^54.0.6",
     "jest": "^29.7.0",
-    "jest-expo": "~54.0.12",
+    "jest-expo": "~54.0.13",
     "jotai": "^2.6.2",
     "react": "19.1.0",
-    "react-native": "0.81.4",
-    "storybook": "10.0.0",
+    "react-native": "0.81.5",
+    "storybook": "^10.0.1",
     "tsup": "^8.5.0",
-    "typescript": "~5.9.2",
+    "typescript": "~5.9.3",
     "universal-test-renderer": "^0.6.0"
   },
   "peerDependencies": {
@@ -86,7 +81,7 @@
     "react-native-gesture-handler": ">=2",
     "react-native-reanimated": ">=2",
     "react-native-safe-area-context": "*",
-    "storybook": ">=10 || 10.0.0-rc.1 || ^10"
+    "storybook": ">=10 || ^10"
   },
   "peerDependenciesMeta": {
     "@gorhom/bottom-sheet": {
@@ -108,5 +103,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5cf63a3b01979f229638feb68a6b4131b9e67cd3"
+  "gitHead": "3d56ed3a0bcfaefc39a791f85cfcdabedb6619ac"
 }

package/readme.md

@@ -171,7 +171,7 @@ npx expo@latest customize metro.config.js
 copy the metro config
 
 ```js
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 module.exports = withStorybook(config);
 ```
 
@@ -194,7 +194,7 @@ https://www.youtube.com/watch?v=egBqrYg0AIg
 In storybook we use a syntax called CSF that looks like this:
 
 ```tsx
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-native';
 import { MyButton } from './Button';
 
 const meta = {
@@ -263,7 +263,7 @@ For global decorators and parameters, you can add them to `preview.tsx` inside y
 
 ```tsx
 // .rnstorybook/preview.tsx
-import type { Preview } from '@storybook/react';
+import type {
 import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
 
 const preview: Preview = {
@@ -386,7 +386,7 @@ Then navigate to `/storybook` in your app to view stories.
 ```js
 // metro.config.js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const defaultConfig = getDefaultConfig(__dirname);
 
@@ -409,7 +409,7 @@ This is useful for conditionally including Storybook in development but excludin
 ```js
 // metro.config.js
 const { getDefaultConfig } = require('expo/metro-config');
-const withStorybook = require('@storybook/react-native/metro/withStorybook');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
 
 const defaultConfig = getDefaultConfig(__dirname);
 

package/scripts/handle-args.js

@@ -8,7 +8,7 @@ function getArguments() {
       'The path to your config folder relative to your project-dir',
       './.rnstorybook'
     )
-    .option('-js, --use-js', 'Use a js file for storybook.requires')
+    .option('-j, --use-js', 'Use a js file for storybook.requires')
     .option('-D, --no-doc-tools', 'Do not include doc tools in the storybook.requires file')
     .option('-a, --absolute', 'Use absolute paths for story imports');
 

package/template/cli/preview.tsx

@@ -1,4 +1,4 @@
-import type { Preview } from '@storybook/react';
+import type { Preview } from '@storybook/react-native';
 
 const preview: Preview = {
   parameters: {

package/template/cli/stories/Button.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-native';
 
 import { View } from 'react-native';
 import { fn } from 'storybook/test';

package/template/cli/stories/Header.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-native';
 
 import { Header } from './Header';