React 19 support

.changeset/chatty-horses-taste.md

@@ -0,0 +1,16 @@
+---
+"@plextv/vite-plugin-react-reanimated-lightning": minor
+"@plextv/vite-plugin-react-native-lightning": minor
+"@plextv/react-native-lightning-components": minor
+"@plextv/react-native-lightning-example": minor
+"@plextv/react-lightning-components": minor
+"@plextv/react-native-lightning": minor
+"@plextv/react-lightning-plugin-css-transform": minor
+"@plextv/react-lightning-example": minor
+"@plextv/react-lightning-plugin-reanimated": minor
+"@plextv/react-lightning": minor
+"@plextv/react-lightning-plugin-flexbox": minor
+"@plextv/react-lightning-storybook": minor
+---
+
+Move everything to React 19 and React Native 0.82

.changeset/pre.json

@@ -0,0 +1,22 @@
+{
+  "mode": "pre",
+  "tag": "alpha",
+  "initialVersions": {
+    "@plextv/react-lightning-example": "0.3.22",
+    "@plextv/react-native-lightning-example": "0.3.29",
+    "@plextv/react-lightning-storybook": "0.3.29",
+    "@repo/configs": "0.0.1",
+    "@plextv/react-lightning-plugin-css-transform": "0.3.5",
+    "@plextv/react-lightning-plugin-flexbox": "0.3.14",
+    "@plextv/react-lightning-plugin-flexbox-lite": "0.3.4",
+    "@plextv/react-lightning-plugin-reanimated": "0.3.6",
+    "@plextv/react-lightning": "0.3.13",
+    "@plextv/react-lightning-components": "0.3.3",
+    "@plextv/react-native-lightning": "0.3.23",
+    "@plextv/react-native-lightning-components": "0.3.4",
+    "@plextv/vite-plugin-msdf-fontgen": "1.3.3",
+    "@plextv/vite-plugin-react-native-lightning": "0.3.5",
+    "@plextv/vite-plugin-react-reanimated-lightning": "0.3.4"
+  },
+  "changesets": ["chatty-horses-taste"]
+}

apps/react-lightning-example/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @plextv/react-lightning-example
 
+## 0.4.0-alpha.0
+
+### Minor Changes
+
+- 63ec701: Move everything to React 19 and React Native 0.82
+
+### Patch Changes
+
+- Updated dependencies [63ec701]
+  - @plextv/react-lightning-components@0.4.0-alpha.0
+  - @plextv/react-lightning-plugin-css-transform@0.4.0-alpha.0
+  - @plextv/react-lightning@0.4.0-alpha.0
+  - @plextv/react-lightning-plugin-flexbox@0.4.0-alpha.0
+
 ## 0.3.22
 
 ### Patch Changes

apps/react-lightning-example/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@plextv/react-lightning-example",
   "description": "Sample implementation of @plextv/react-lightning in a React app",
-  "version": "0.3.22",
+  "version": "0.4.0-alpha.0",
   "author": "Plex Inc.",
   "license": "MIT",
   "repository": {
@@ -27,18 +27,18 @@
     "@plextv/react-lightning-components": "workspace:*",
     "@plextv/react-lightning-plugin-css-transform": "workspace:*",
     "@plextv/react-lightning-plugin-flexbox": "workspace:*",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-router-dom": "7.9.1",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-router-dom": "7.9.4",
     "swr": "2.3.6"
   },
   "devDependencies": {
     "@plextv/vite-plugin-msdf-fontgen": "workspace:*",
     "@repo/configs": "workspace:*",
-    "@types/react": "18.3.14",
-    "@types/react-dom": "18.3.1",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
     "@vitejs/plugin-legacy": "7.2.1",
-    "@vitejs/plugin-react": "4.6.0",
+    "@vitejs/plugin-react": "5.0.4",
     "vite-tsconfig-paths": "5.1.4"
   },
   "volta": {

apps/react-native-lightning-example/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @plextv/react-native-lightning-example
 
+## 0.4.0-alpha.0
+
+### Minor Changes
+
+- 63ec701: Move everything to React 19 and React Native 0.82
+
+### Patch Changes
+
+- Updated dependencies [63ec701]
+  - @plextv/react-native-lightning-components@0.4.0-alpha.0
+  - @plextv/react-lightning-components@0.4.0-alpha.0
+  - @plextv/react-native-lightning@0.4.0-alpha.0
+  - @plextv/react-lightning-plugin-reanimated@0.4.0-alpha.0
+  - @plextv/react-lightning@0.4.0-alpha.0
+  - @plextv/react-lightning-plugin-flexbox@0.4.0-alpha.0
+
 ## 0.3.29
 
 ### Patch Changes

apps/react-native-lightning-example/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@plextv/react-native-lightning-example",
   "description": "Sample implementation of @plextv/react-native-lightning in a React Native app",
-  "version": "0.3.29",
+  "version": "0.4.0-alpha.0",
   "author": "Plex Inc.",
   "license": "MIT",
   "repository": {
@@ -29,11 +29,11 @@
     "@plextv/react-lightning-plugin-reanimated": "workspace:*",
     "@plextv/react-native-lightning": "workspace:*",
     "@plextv/react-native-lightning-components": "workspace:*",
-    "@react-navigation/native": "7.1.17",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-native": "0.77.2",
-    "react-native-reanimated": "3.16.7"
+    "@react-navigation/native": "7.1.18",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-native": "0.82.0",
+    "react-native-reanimated": "4.1.3"
   },
   "devDependencies": {
     "@babel/core": "7.28.4",
@@ -42,10 +42,10 @@
     "@plextv/vite-plugin-react-reanimated-lightning": "workspace:*",
     "@repo/configs": "workspace:*",
     "@shopify/flash-list": "1.8.3",
-    "@types/react": "18.3.14",
-    "@types/react-dom": "18.3.1",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
     "@vitejs/plugin-legacy": "7.2.1",
-    "typescript": "5.9.2"
+    "typescript": "5.9.3"
   },
   "volta": {
     "extends": "../../package.json"

apps/storybook/.storybook/main.ts

@@ -6,6 +6,10 @@ const config: StorybookConfig = {
   addons: ['@storybook/addon-links', '@storybook/addon-docs'],
   framework: '@storybook/react-vite',
 
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+  },
+
   managerHead: (head) => `
     ${head}
     <style>

apps/storybook/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @plextv/react-lightning-storybook
 
+## 0.4.0-alpha.0
+
+### Minor Changes
+
+- 63ec701: Move everything to React 19 and React Native 0.82
+
+### Patch Changes
+
+- Updated dependencies [63ec701]
+  - @plextv/react-native-lightning-components@0.4.0-alpha.0
+  - @plextv/react-lightning-components@0.4.0-alpha.0
+  - @plextv/react-native-lightning@0.4.0-alpha.0
+  - @plextv/react-lightning-plugin-reanimated@0.4.0-alpha.0
+  - @plextv/react-lightning@0.4.0-alpha.0
+  - @plextv/react-lightning-plugin-flexbox@0.4.0-alpha.0
+  - @plextv/react-lightning-plugin-flexbox-lite@0.4.0-alpha.0
+
 ## 0.3.29
 
 ### Patch Changes

apps/storybook/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@plextv/react-lightning-storybook",
   "description": "Documentation for react-lightning",
-  "version": "0.3.29",
+  "version": "0.4.0-alpha.0",
   "author": "Plex Inc.",
   "license": "MIT",
   "repository": {
@@ -28,20 +28,20 @@
     "@plextv/react-lightning-plugin-reanimated": "workspace:*",
     "@plextv/react-native-lightning": "workspace:*",
     "@plextv/react-native-lightning-components": "workspace:*",
-    "@storybook/addon-docs": "9.1.6",
-    "@storybook/addon-links": "9.1.6",
-    "@storybook/builder-vite": "9.1.6",
-    "@storybook/react-vite": "9.1.6",
-    "react": "18.3.1",
-    "react-native": "0.77.2",
-    "storybook": "9.1.6"
+    "@storybook/addon-docs": "9.1.10",
+    "@storybook/addon-links": "9.1.10",
+    "@storybook/builder-vite": "9.1.10",
+    "@storybook/react-vite": "9.1.10",
+    "react": "19.2.0",
+    "react-native": "0.82.0",
+    "storybook": "9.1.10"
   },
   "devDependencies": {
     "@plextv/vite-plugin-msdf-fontgen": "workspace:*",
     "@plextv/vite-plugin-react-native-lightning": "workspace:*",
     "@plextv/vite-plugin-react-reanimated-lightning": "workspace:*",
     "@repo/configs": "workspace:*",
-    "@types/react": "18.3.14"
+    "@types/react": "19.2.2"
   },
   "volta": {
     "extends": "../../package.json"

package.json

@@ -32,22 +32,22 @@
     "prepare": "husky"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.2.4",
+    "@biomejs/biome": "2.2.6",
     "@changesets/cli": "2.29.7",
     "@repo/configs": "workspace:*",
-    "@types/node": "24.5.1",
-    "del-cli": "6.0.0",
+    "@types/node": "24.7.2",
+    "del-cli": "7.0.0",
     "depcheck": "1.4.7",
     "glob": "11.0.3",
     "husky": "9.1.7",
-    "listr2": "8.3.3",
-    "tsdown": "^0.15.4",
-    "tsx": "4.20.5",
-    "turbo": "2.5.6",
-    "type-fest": "4.41.0",
-    "typescript": "5.9.2",
-    "vite": "7.1.7",
-    "vite-plugin-externalize-deps": "^0.9.0",
+    "listr2": "9.0.4",
+    "tsdown": "^0.15.7",
+    "tsx": "4.20.6",
+    "turbo": "2.5.8",
+    "type-fest": "5.1.0",
+    "typescript": "5.9.3",
+    "vite": "7.1.10",
+    "vite-plugin-externalize-deps": "^0.10.0",
     "vitest": "3.2.4",
     "yaml": "2.8.1"
   },

packages/plugin-css-transform/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @plextv/react-lightning-plugin-css-transform
 
+## 0.4.0-alpha.0
+
+### Minor Changes
+
+- 63ec701: Move everything to React 19 and React Native 0.82
+
+### Patch Changes
+
+- Updated dependencies [63ec701]
+  - @plextv/react-lightning@0.4.0-alpha.0
+  - @plextv/react-lightning-plugin-flexbox@0.4.0-alpha.0
+
 ## 0.3.5
 
 ### Patch Changes

packages/plugin-css-transform/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@plextv/react-lightning-plugin-css-transform",
   "description": "Transforms CSS properties to lightning properties. Requires @plextv/react-lightning-plugin-flexbox",
-  "version": "0.3.5",
+  "version": "0.4.0-alpha.0",
   "author": "Plex Inc.",
   "license": "MIT",
   "repository": {
@@ -44,14 +44,14 @@
   ],
   "devDependencies": {
     "@repo/configs": "workspace:*",
-    "@types/react": "18.3.14",
+    "@types/react": "19.2.2",
     "csstype": "3.1.3"
   },
   "peerDependencies": {
     "@lightningjs/renderer": "3.0.0-beta14",
     "@plextv/react-lightning": "workspace:^",
     "@plextv/react-lightning-plugin-flexbox": "workspace:^",
-    "react-native": "^0.77.2"
+    "react-native": "^0.82.0"
   },
   "volta": {
     "extends": "../../package.json"

packages/plugin-css-transform/src/types/jsx.d.ts

@@ -5,7 +5,7 @@ import type {
 } from '@plextv/react-lightning';
 import type { AllStyleProps } from './ReactStyle';
 
-declare global {
+declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
       'lng-view': LightningViewElementProps & {

packages/plugin-flexbox-lite/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @plextv/react-lightning-plugin-flexbox-lite
 
+## 0.4.0-alpha.0
+
+### Patch Changes
+
+- Updated dependencies [63ec701]
+  - @plextv/[email protected]
+
 ## 0.3.4
 
 ### Patch Changes

packages/plugin-flexbox-lite/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@plextv/react-lightning-plugin-flexbox-lite",
   "description": "A less featured but more efficient flex layout support to @plextv/react-lightning",
-  "version": "0.3.4",
+  "version": "0.4.0-alpha.0",
   "author": "Plex Inc.",
   "license": "MIT",
   "repository": {

packages/plugin-flexbox/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @plextv/react-lightning-plugin-flexbox
 
+## 0.4.0-alpha.0
+
+### Minor Changes
+
+- 63ec701: Move everything to React 19 and React Native 0.82
+
+### Patch Changes
+
+- Updated dependencies [63ec701]
+  - @plextv/react-lightning@0.4.0-alpha.0
+
 ## 0.3.14
 
 ### Patch Changes

packages/plugin-flexbox/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@plextv/react-lightning-plugin-flexbox",
   "description": "Adds FlexBox layout support to @plextv/react-lightning using yoga",
-  "version": "0.3.14",
+  "version": "0.4.0-alpha.0",
   "author": "Plex Inc.",
   "license": "MIT",
   "repository": {
@@ -58,7 +58,7 @@
   },
   "peerDependencies": {
     "@plextv/react-lightning": "workspace:^",
-    "react": "^18.3.1"
+    "react": "^19.2.0"
   },
   "volta": {
     "extends": "../../package.json"

packages/plugin-reanimated/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @plextv/react-lightning-plugin-reanimated
 
+## 0.4.0-alpha.0
+
+### Minor Changes
+
+- 63ec701: Move everything to React 19 and React Native 0.82
+
+### Patch Changes
+
+- Updated dependencies [63ec701]
+  - @plextv/react-native-lightning@0.4.0-alpha.0
+  - @plextv/react-lightning-plugin-css-transform@0.4.0-alpha.0
+  - @plextv/react-lightning@0.4.0-alpha.0
+  - @plextv/react-lightning-plugin-flexbox@0.4.0-alpha.0
+
 ## 0.3.6
 
 ### Patch Changes