Merge branch 'main' into fix/rn-expo-compat

README.md

@@ -67,4 +67,4 @@ For powershell, replace in the above listings echo with the following
 @"
 export const World = () => <p>Hey</p>;
 "@ | out-file -encoding ASCII src/hello.stories.tsx
-```
+```

packages/example/package.json

@@ -16,9 +16,9 @@
     "@react-native/assets-registry": "0.77.1",
     "expo": "^52.0.37",
     "metro-runtime": "^0.81.4",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-native": "^0.77.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-native": "^0.74.5",
     "react-native-svg": "^15.5.0",
     "react-native-svg-transformer": "^1.5.0",
     "react-native-web": "^0.19.13"

packages/ladle/lib/app/ladle.css

@@ -45,10 +45,8 @@ body {
   grid-template-columns: minmax(64px, 1fr) auto minmax(64px, 1fr);
   overflow: auto;
   background-color: var(--ladle-blueprint);
-  background-image: linear-gradient(
-      rgba(255, 255, 255, 0.1) 2px,
-      transparent 2px
-    ),
+  background-image:
+    linear-gradient(rgba(255, 255, 255, 0.1) 2px, transparent 2px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.1) 2px, transparent 2px),
     linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);

packages/website/docs/nextjs.md

@@ -35,7 +35,7 @@ export default UnoptimizedLink;
 ```
 
 ```tsx title=".ladle/UnoptimizedImage.tsx"
-import React from 'react';
+import React from "react";
 
 interface UnoptimizedImageProps
   extends React.ImgHTMLAttributes<HTMLImageElement> {
@@ -48,10 +48,10 @@ const UnoptimizedImage: React.FC<UnoptimizedImageProps> = ({
 }) => {
   const style: React.CSSProperties = fill
     ? {
-        position: 'absolute',
-        inset: '0',
-        width: '100%',
-        height: '100%',
+        position: "absolute",
+        inset: "0",
+        width: "100%",
+        height: "100%",
       }
     : {};