feat: build library with react-compiler enabled

bryceosterhaus · bryceosterhaus · commit 7b5650df9cda · 2025-07-17T09:29:50.000-07:00
diff --git a/babel.config.js b/babel.config.js
@@ -21,6 +21,7 @@ module.exports = (api) => {
 		},
 		ignore: ['node_modules', '**/__snapshots__/**', '**/__tests__/**'],
 		plugins: [
+			['babel-plugin-react-compiler', {target: '18'}],
 			'babel-plugin-dev-expression',
 			'transform-inline-environment-variables',
 		],
diff --git a/package.json b/package.json
@@ -77,6 +77,7 @@
 		"@typescript-eslint/parser": "^3.1.0",
 		"babel-loader": "^8.2.2",
 		"babel-plugin-dev-expression": "^0.2.2",
+		"babel-plugin-react-compiler": "^19.1.0-rc.2",
 		"babel-plugin-react-remove-properties": "^0.3.0",
 		"babel-plugin-transform-inline-environment-variables": "^0.4.3",
 		"chromatic": "^6.5.4",
@@ -94,6 +95,7 @@
 		"prettier": "^2.4.1",
 		"raf": "^3.4.1",
 		"react": "^16.12.0",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"react-dom": "^16.12.0",
 		"react-test-renderer": "^16.6.1",
 		"resize-observer-polyfill": "^1.5.1",
diff --git a/packages/clay-alert/package.json b/packages/clay-alert/package.json
@@ -26,7 +26,8 @@
 	"dependencies": {
 		"@clayui/icon": "^3.128.0",
 		"@clayui/layout": "^3.128.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-autocomplete/package.json b/packages/clay-autocomplete/package.json
@@ -30,6 +30,7 @@
 		"@clayui/loading-indicator": "^3.128.0",
 		"@clayui/shared": "^3.141.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"fuzzy": "^0.1.3"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-badge/package.json b/packages/clay-badge/package.json
@@ -24,7 +24,8 @@
 		"react"
 	],
 	"dependencies": {
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-breadcrumb/package.json b/packages/clay-breadcrumb/package.json
@@ -28,6 +28,7 @@
 		"@clayui/icon": "^3.128.0",
 		"@clayui/link": "^3.141.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"warning": "^4.0.3"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-button/package.json b/packages/clay-button/package.json
@@ -27,6 +27,7 @@
 		"@clayui/icon": "^3.128.0",
 		"@clayui/loading-indicator": "^3.128.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"warning": "^4.0.3"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-card/package.json b/packages/clay-card/package.json
@@ -33,7 +33,8 @@
 		"@clayui/link": "^3.141.0",
 		"@clayui/shared": "^3.141.0",
 		"@clayui/sticker": "^3.138.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-charts/package.json b/packages/clay-charts/package.json
@@ -20,6 +20,7 @@
 	"dependencies": {
 		"billboard.js": "^1.8.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"d3": "^5.9.2"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-color-picker/package.json b/packages/clay-color-picker/package.json
@@ -31,6 +31,7 @@
 		"@clayui/shared": "^3.141.0",
 		"@clayui/slider": "^3.141.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"tinycolor2": "^1.4.2"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-core/package.json b/packages/clay-core/package.json
@@ -40,6 +40,7 @@
 		"@tanstack/react-virtual": "3.0.0-beta.54",
 		"aria-hidden": "^1.2.2",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"fuzzy": "^0.1.3",
 		"react-dnd": "^11.1.1",
 		"react-dnd-html5-backend": "^11.1.1",
diff --git a/packages/clay-data-provider/package.json b/packages/clay-data-provider/package.json
@@ -27,6 +27,7 @@
 		"@clayui/provider": "^3.128.0",
 		"@clayui/shared": "^3.141.0",
 		"fast-json-stable-stringify": "^2.1.0",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"warning": "^4.0.3"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-date-picker/package.json b/packages/clay-date-picker/package.json
@@ -28,6 +28,7 @@
 		"@clayui/shared": "^3.141.0",
 		"@clayui/time-picker": "^3.141.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"date-fns": "^2.14.0"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-drop-down/package.json b/packages/clay-drop-down/package.json
@@ -31,6 +31,7 @@
 		"@clayui/link": "^3.141.0",
 		"@clayui/shared": "^3.141.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"react-transition-group": "^4.4.1",
 		"warning": "^4.0.3"
 	},
diff --git a/packages/clay-empty-state/package.json b/packages/clay-empty-state/package.json
@@ -24,7 +24,8 @@
 		"react"
 	],
 	"dependencies": {
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-form/package.json b/packages/clay-form/package.json
@@ -27,7 +27,8 @@
 		"@clayui/button": "^3.136.0",
 		"@clayui/icon": "^3.128.0",
 		"@clayui/shared": "^3.141.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-icon/package.json b/packages/clay-icon/package.json
@@ -25,6 +25,7 @@
 	],
 	"dependencies": {
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"warning": "^4.0.3"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-label/package.json b/packages/clay-label/package.json
@@ -26,7 +26,8 @@
 	"dependencies": {
 		"@clayui/icon": "^3.128.0",
 		"@clayui/link": "^3.141.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-layout/package.json b/packages/clay-layout/package.json
@@ -25,6 +25,7 @@
 	],
 	"dependencies": {
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"warning": "^4.0.3"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-link/package.json b/packages/clay-link/package.json
@@ -24,7 +24,8 @@
 		"react"
 	],
 	"dependencies": {
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-list/package.json b/packages/clay-list/package.json
@@ -32,6 +32,7 @@
 		"@clayui/link": "^3.141.0",
 		"@clayui/sticker": "^3.138.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"warning": "^4.0.3"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-loading-indicator/package.json b/packages/clay-loading-indicator/package.json
@@ -24,7 +24,8 @@
 		"react"
 	],
 	"dependencies": {
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-localized-input/package.json b/packages/clay-localized-input/package.json
@@ -31,7 +31,8 @@
 		"@clayui/icon": "^3.128.0",
 		"@clayui/label": "^3.141.0",
 		"@clayui/layout": "^3.128.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-management-toolbar/package.json b/packages/clay-management-toolbar/package.json
@@ -25,7 +25,8 @@
 	],
 	"dependencies": {
 		"@clayui/layout": "^3.128.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-modal/package.json b/packages/clay-modal/package.json
@@ -29,6 +29,7 @@
 		"@clayui/shared": "^3.141.0",
 		"aria-hidden": "^1.2.2",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"warning": "^4.0.3"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-multi-select/package.json b/packages/clay-multi-select/package.json
@@ -33,6 +33,7 @@
 		"@clayui/loading-indicator": "^3.128.0",
 		"@clayui/shared": "^3.141.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"fuzzy": "^0.1.3"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-multi-step-nav/package.json b/packages/clay-multi-step-nav/package.json
@@ -27,7 +27,8 @@
 		"@clayui/drop-down": "^3.141.0",
 		"@clayui/icon": "^3.128.0",
 		"@clayui/shared": "^3.141.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-nav/package.json b/packages/clay-nav/package.json
@@ -29,6 +29,7 @@
 		"@clayui/icon": "^3.128.0",
 		"@clayui/shared": "^3.141.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"react-transition-group": "^4.4.1",
 		"warning": "^4.0.3"
 	},
diff --git a/packages/clay-navigation-bar/package.json b/packages/clay-navigation-bar/package.json
@@ -30,6 +30,7 @@
 		"@clayui/provider": "^3.128.0",
 		"@clayui/shared": "^3.141.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"react-transition-group": "^4.4.1",
 		"warning": "^4.0.3"
 	},
diff --git a/packages/clay-pagination-bar/package.json b/packages/clay-pagination-bar/package.json
@@ -30,7 +30,8 @@
 		"@clayui/icon": "^3.128.0",
 		"@clayui/pagination": "^3.141.0",
 		"@clayui/shared": "^3.141.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-pagination/package.json b/packages/clay-pagination/package.json
@@ -30,7 +30,8 @@
 		"@clayui/icon": "^3.128.0",
 		"@clayui/link": "^3.141.0",
 		"@clayui/shared": "^3.141.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-panel/package.json b/packages/clay-panel/package.json
@@ -29,6 +29,7 @@
 		"@clayui/provider": "^3.128.0",
 		"@clayui/shared": "^3.141.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"react-transition-group": "^4.4.1"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-popover/package.json b/packages/clay-popover/package.json
@@ -25,7 +25,8 @@
 	],
 	"dependencies": {
 		"@clayui/shared": "^3.141.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-progress-bar/package.json b/packages/clay-progress-bar/package.json
@@ -26,6 +26,7 @@
 	"dependencies": {
 		"@clayui/icon": "^3.128.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"warning": "^4.0.3"
 	},
 	"peerDependencies": {
diff --git a/packages/clay-provider/package.json b/packages/clay-provider/package.json
@@ -24,7 +24,8 @@
 		"react"
 	],
 	"dependencies": {
-		"@clayui/icon": "^3.128.0"
+		"@clayui/icon": "^3.128.0",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-shared/package.json b/packages/clay-shared/package.json
@@ -29,6 +29,7 @@
 		"@clayui/provider": "^3.128.0",
 		"aria-hidden": "^1.2.2",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"dom-align": "^1.12.2",
 		"warning": "^4.0.3"
 	},
diff --git a/packages/clay-slider/package.json b/packages/clay-slider/package.json
@@ -25,7 +25,8 @@
 	],
 	"dependencies": {
 		"@clayui/shared": "^3.141.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-sticker/package.json b/packages/clay-sticker/package.json
@@ -24,7 +24,8 @@
 		"react"
 	],
 	"dependencies": {
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-table/package.json b/packages/clay-table/package.json
@@ -24,7 +24,8 @@
 		"react"
 	],
 	"dependencies": {
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-tabs/package.json b/packages/clay-tabs/package.json
@@ -26,7 +26,8 @@
 	],
 	"dependencies": {
 		"@clayui/shared": "^3.141.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-time-picker/package.json b/packages/clay-time-picker/package.json
@@ -24,7 +24,8 @@
 		"@clayui/form": "^3.141.0",
 		"@clayui/icon": "^3.128.0",
 		"@clayui/shared": "^3.141.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-toolbar/package.json b/packages/clay-toolbar/package.json
@@ -29,7 +29,8 @@
 		"@clayui/icon": "^3.128.0",
 		"@clayui/label": "^3.141.0",
 		"@clayui/link": "^3.141.0",
-		"classnames": "^2.2.6"
+		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2"
 	},
 	"peerDependencies": {
 		"@clayui/css": "3.x",
diff --git a/packages/clay-tooltip/package.json b/packages/clay-tooltip/package.json
@@ -27,6 +27,7 @@
 	"dependencies": {
 		"@clayui/shared": "^3.141.0",
 		"classnames": "^2.2.6",
+		"react-compiler-runtime": "^19.1.0-rc.2",
 		"dom-align": "^1.12.2",
 		"warning": "^4.0.3"
 	},
diff --git a/packages/clay-upper-toolbar/package.json b/packages/clay-upper-toolbar/package.json
diff --git a/yarn.lock b/yarn.lock
