.prettierignore

@@ -1,2 +1,5 @@
+.next
 node_modules
 .yarn
+dist
+storybook-static

.storybook/main.ts

@@ -3,20 +3,22 @@ import path from 'path';
 
 const config: StorybookConfig = {
   stories: ['../packages/core/**/*.stories.tsx', '../packages/react/**/*.stories.tsx'],
+
   addons: [
     getAbsolutePath('@storybook/addon-essentials'),
     getAbsolutePath('@storybook/addon-storysource'),
+    getAbsolutePath('@storybook/addon-webpack5-compiler-swc'),
   ],
+
   framework: {
     name: getAbsolutePath('@storybook/react-webpack5'),
     options: {
-      builder: {
-        useSWC: true,
-      },
+      builder: {},
       // enable React strict mode
       strictMode: true,
     },
   },
+
   swc: () => ({
     jsc: {
       transform: {

.yarn/versions/6b9a7d73.yml

@@ -0,0 +1,3 @@
+declined:
+  - primitives
+  - "@radix-ui/react-compose-refs"

.yarn/versions/a4655765.yml

@@ -0,0 +1,49 @@
+releases:
+  "@radix-ui/primitive": patch
+  "@radix-ui/react-accessible-icon": patch
+  "@radix-ui/react-accordion": patch
+  "@radix-ui/react-alert-dialog": patch
+  "@radix-ui/react-announce": patch
+  "@radix-ui/react-arrow": patch
+  "@radix-ui/react-aspect-ratio": patch
+  "@radix-ui/react-avatar": patch
+  "@radix-ui/react-checkbox": patch
+  "@radix-ui/react-collapsible": patch
+  "@radix-ui/react-collection": patch
+  "@radix-ui/react-compose-refs": patch
+  "@radix-ui/react-context-menu": patch
+  "@radix-ui/react-dialog": patch
+  "@radix-ui/react-dismissable-layer": patch
+  "@radix-ui/react-dropdown-menu": patch
+  "@radix-ui/react-focus-scope": patch
+  "@radix-ui/react-form": patch
+  "@radix-ui/react-hover-card": patch
+  "@radix-ui/react-label": patch
+  "@radix-ui/react-menu": patch
+  "@radix-ui/react-menubar": patch
+  "@radix-ui/react-navigation-menu": patch
+  "@radix-ui/react-popover": patch
+  "@radix-ui/react-popper": patch
+  "@radix-ui/react-portal": patch
+  "@radix-ui/react-presence": patch
+  "@radix-ui/react-primitive": patch
+  "@radix-ui/react-progress": patch
+  "@radix-ui/react-radio-group": patch
+  "@radix-ui/react-roving-focus": patch
+  "@radix-ui/react-scroll-area": patch
+  "@radix-ui/react-select": patch
+  "@radix-ui/react-separator": patch
+  "@radix-ui/react-slider": patch
+  "@radix-ui/react-slot": patch
+  "@radix-ui/react-switch": patch
+  "@radix-ui/react-tabs": patch
+  "@radix-ui/react-toast": patch
+  "@radix-ui/react-toggle": patch
+  "@radix-ui/react-toggle-group": patch
+  "@radix-ui/react-toolbar": patch
+  "@radix-ui/react-tooltip": patch
+  "@radix-ui/react-visually-hidden": patch
+
+declined:
+  - primitives
+  - ssr-testing

package.json

@@ -28,30 +28,34 @@
     "bump:check": "yarn version check"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@stitches/core": "^1.2.8",
-    "@storybook/addon-essentials": "^7.6.17",
-    "@storybook/addon-storysource": "^7.6.17",
-    "@storybook/react": "^7.6.17",
-    "@storybook/react-webpack5": "^7.6.17",
-    "@storybook/test": "^7.6.17",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-storysource": "^8.4.7",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
+    "@storybook/manager-api": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-webpack5": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@storybook/theming": "^8.4.7",
     "@testing-library/cypress": "^7.0.6",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.1.0",
     "@types/eslint": "^7.28.0",
     "@types/fs-extra": "^11",
-    "@types/jest": "^27.4.1",
+    "@types/jest": "^29.5.14",
     "@types/jest-axe": "^3.5.3",
-    "@types/react": "^18.0.5",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
     "@types/react-test-renderer": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^5.19.0",
     "@typescript-eslint/parser": "^5.19.0",
+    "babel-eslint": "^10.1.0",
     "cypress": "^8.0.0",
     "cypress-real-events": "^1.5.0",
     "esbuild": "0.21.4",
@@ -67,19 +71,20 @@
     "fs-extra": "^11.1.1",
     "glob": "^10.2.2",
     "husky": "^4.3.6",
-    "jest": "^27.5.1",
+    "jest": "^29.7.0",
     "jest-axe": "^6.0.0",
+    "jest-environment-jsdom": "^29.7.0",
     "jest-watch-typeahead": "^1.0.0",
     "lint-staged": "^10.5.3",
     "prettier": "^2.0.5",
     "pretty-quick": "^2.0.1",
     "react-test-renderer": "^18.0.0",
     "replace-in-files": "^3.0.0",
     "start-server-and-test": "2.0.3",
-    "storybook": "^7.6.17",
-    "ts-jest": "^27.1.4",
+    "storybook": "^8.4.7",
+    "ts-jest": "^29.2.5",
     "tsup": "8.0.2",
-    "typescript": "^4.6.3"
+    "typescript": "^5.7.2"
   },
   "resolutions": {
     "chokidar": "3.4.3"

packages/core/primitive/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/primitive",
-  "version": "1.1.0",
+  "version": "1.1.1-rc.3",
   "license": "MIT",
   "exports": {
     ".": {
@@ -34,5 +34,6 @@
   },
   "bugs": {
     "url": "https://github.com/radix-ui/primitives/issues"
-  }
+  },
+  "stableVersion": "1.1.0"
 }

packages/core/primitive/src/primitive.tsx

@@ -6,7 +6,7 @@ function composeEventHandlers<E>(
   return function handleEvent(event: E) {
     originalEventHandler?.(event);
 
-    if (checkForDefaultPrevented === false || !((event as unknown) as Event).defaultPrevented) {
+    if (checkForDefaultPrevented === false || !(event as unknown as Event).defaultPrevented) {
       return ourEventHandler?.(event);
     }
   };

packages/react/accessible-icon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-accessible-icon",
-  "version": "1.1.0",
+  "version": "1.1.1-rc.3",
   "license": "MIT",
   "exports": {
     ".": {
@@ -51,5 +51,6 @@
   },
   "bugs": {
     "url": "https://github.com/radix-ui/primitives/issues"
-  }
+  },
+  "stableVersion": "1.1.0"
 }

packages/react/accessible-icon/src/AccessibleIcon.tsx

@@ -16,7 +16,7 @@ const AccessibleIcon: React.FC<AccessibleIconProps> = ({ children, label }) => {
   const child = React.Children.only(children);
   return (
     <>
-      {React.cloneElement(child as React.ReactElement, {
+      {React.cloneElement(child as React.ReactElement<React.SVGAttributes<SVGElement>>, {
         // accessibility
         'aria-hidden': 'true',
         focusable: 'false', // See: https://allyjs.io/tutorials/focusing-in-svg.html#making-svg-elements-focusable

packages/react/accordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-accordion",
-  "version": "1.2.1-rc.14",
+  "version": "1.2.2-rc.3",
   "license": "MIT",
   "exports": {
     ".": {
@@ -60,5 +60,5 @@
   "bugs": {
     "url": "https://github.com/radix-ui/primitives/issues"
   },
-  "stableVersion": "1.2.0"
+  "stableVersion": "1.2.1"
 }

packages/react/alert-dialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-alert-dialog",
-  "version": "1.1.2-rc.14",
+  "version": "1.1.3-rc.3",
   "license": "MIT",
   "exports": {
     ".": {
@@ -57,5 +57,5 @@
   "bugs": {
     "url": "https://github.com/radix-ui/primitives/issues"
   },
-  "stableVersion": "1.1.1"
+  "stableVersion": "1.1.2"
 }