diff --git a/package-lock.json b/package-lock.json
index 888232b845f..8e657734bf3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -29239,11 +29239,10 @@
     },
     "packages/canvas": {
       "name": "@primer/react-canvas",
-      "version": "0.0.0",
-      "dependencies": {
-        "@primer/react": "^38.27.0"
-      },
+      "version": "0.0.1",
       "devDependencies": {
+        "@primer/primitives": "11.x",
+        "@primer/react": "^38.27.0",
         "rimraf": "^6.1.3",
         "rolldown": "^1.1.1",
         "typescript": "^6.0.3"
diff --git a/packages/canvas/README.md b/packages/canvas/README.md
index b25804b288e..8aa9af86d7b 100644
--- a/packages/canvas/README.md
+++ b/packages/canvas/README.md
@@ -21,6 +21,7 @@ npm install -S @primer/react-canvas
     "imports": {
       "react": "https://esm.sh/react@%5E19",
       "react/jsx-runtime": "https://esm.sh/react@%5E19/jsx-runtime",
+      "react-compiler-runtime": "https://esm.sh/react-compiler-runtime@%5E1",
       "react-dom": "https://esm.sh/react-dom@%5E19",
       "react-dom/client": "https://esm.sh/react-dom@%5E19/client",
       "@primer/react": "https://esm.sh/@primer/react-canvas@%5E38?deps=react@%5E19,react-dom@%5E19",
diff --git a/packages/canvas/package.json b/packages/canvas/package.json
index 1f551d562ac..2e1486317c3 100644
--- a/packages/canvas/package.json
+++ b/packages/canvas/package.json
@@ -1,23 +1,29 @@
 {
   "name": "@primer/react-canvas",
-  "version": "0.0.0",
-  "private": true,
+  "version": "0.0.2",
   "type": "module",
   "exports": {
     ".": "./dist/index.js",
     "./deprecated": "./dist/deprecated.js",
     "./experimental": "./dist/experimental.js",
-    "./next": "./dist/next.js"
+    "./next": "./dist/next.js",
+    "./primitives": "./dist/primitives.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/primer/react.git"
   },
   "scripts": {
     "build": "rolldown -c",
     "clean": "rimraf dist",
     "type-check": "tsc --noEmit"
   },
-  "dependencies": {
-    "@primer/react": "^38.27.0"
-  },
   "devDependencies": {
+    "@primer/primitives": "11.x",
+    "@primer/react": "^38.27.0",
     "rimraf": "^6.1.3",
     "rolldown": "^1.1.1",
     "typescript": "^6.0.3"
diff --git a/packages/canvas/rolldown.config.ts b/packages/canvas/rolldown.config.ts
index f1aedbdb88f..4d348620ee3 100644
--- a/packages/canvas/rolldown.config.ts
+++ b/packages/canvas/rolldown.config.ts
@@ -31,10 +31,14 @@ export default sheet;
   }
 }
 
+const external = ['react', 'react-compiler-runtime', 'react-dom', '@primer/octicons-react'].map(
+  pkg => new RegExp(`^${pkg}(\\/.*)?$`),
+)
+
 const config: RolldownOptions = defineConfig({
-  input: ['./src/index.ts', './src/deprecated.ts', './src/experimental.ts', './src/next.ts'],
+  input: ['./src/index.ts', './src/deprecated.ts', './src/experimental.ts', './src/next.ts', './src/primitives.ts'],
   plugins: [cssStylesheetPlugin()],
-  external: ['react', 'react-dom', '@primer/octicons-react'],
+  external,
   output: {
     dir: 'dist',
     format: 'esm',
diff --git a/packages/canvas/src/primitives.ts b/packages/canvas/src/primitives.ts
new file mode 100644
index 00000000000..343c687b835
--- /dev/null
+++ b/packages/canvas/src/primitives.ts
@@ -0,0 +1,3 @@
+// @ts-nocheck
+import '@primer/primitives/dist/css/functional/themes/dark.css'
+import '@primer/primitives/dist/css/functional/themes/light.css'