diff --git a/.github/workflows/test_exports.yml b/.github/workflows/test_exports.yml
new file mode 100644
index 000000000..29fe532e0
--- /dev/null
+++ b/.github/workflows/test_exports.yml
@@ -0,0 +1,315 @@
+name: Test Package Exports
+
+on:
+  push:
+    branches:
+      - main
+      - 'changeset-release/**'
+  pull_request:
+  workflow_dispatch:
+
+jobs:
+  test-exports:
+    name: Test Package Exports
+    runs-on: ubuntu-latest
+    if: ${{ github.repository == 'primer/primitives' }}
+    
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci --no-audit --no-fund --ignore-scripts
+
+      - name: Build package
+        run: npm run build
+
+      - name: Pack package for testing
+        run: npm pack
+
+      - name: Create test project
+        run: |
+          mkdir -p test-exports
+          cd test-exports
+          npm init -y
+          # Enable module type for ES imports
+          sed -i 's/"main": "index.js"/"main": "index.js",\n  "type": "module"/' package.json
+
+      - name: Install packed package
+        run: |
+          cd test-exports
+          PACKAGE_FILE=$(ls ../primer-primitives-*.tgz | head -1)
+          npm install "$PACKAGE_FILE"
+
+      - name: Test main exports
+        run: |
+          cd test-exports
+          cat > test-main.mjs << 'EOF'
+          // Test main export
+          try {
+            const { PrimerStyleDictionary } = await import('@primer/primitives');
+            console.log('✓ Main export works:', typeof PrimerStyleDictionary);
+            
+            if (!PrimerStyleDictionary || typeof PrimerStyleDictionary !== 'object') {
+              throw new Error('PrimerStyleDictionary is not properly exported');
+            }
+            
+            // Test that it has expected methods
+            if (typeof PrimerStyleDictionary.extend !== 'function') {
+              throw new Error('PrimerStyleDictionary.extend is not a function');
+            }
+            
+            console.log('✓ PrimerStyleDictionary has expected API');
+          } catch (error) {
+            console.error('✗ Main export failed:', error.message);
+            process.exit(1);
+          }
+          EOF
+          node test-main.mjs
+
+      - name: Test CSS exports
+        run: |
+          cd test-exports
+          # Install postcss for CSS processing and import testing
+          npm install postcss postcss-import
+          
+          cat > test-css.mjs << 'EOF'
+          import { promises as fs } from 'fs';
+          import { join } from 'path';
+          import postcss from 'postcss';
+          import postcssImport from 'postcss-import';
+          
+          // List of actual CSS files that exist in the package
+          const expectedCssFiles = [
+            'dist/css/base/size/size.css',
+            'dist/css/base/typography/typography.css',
+            'dist/css/base/motion/motion.css',
+            'dist/css/functional/size/border.css',
+            'dist/css/functional/size/breakpoints.css',
+            'dist/css/functional/size/size.css',
+            'dist/css/functional/size/viewport.css',
+            'dist/css/functional/typography/typography.css',
+            'dist/css/functional/themes/light.css',
+            'dist/css/functional/themes/dark.css',
+          ];
+          
+          console.log('Testing CSS file imports...');
+          
+          // Create a test CSS file that imports from the package
+          const testCssContent = expectedCssFiles
+            .map(file => `@import '@primer/primitives/${file}';`)
+            .join('\n');
+          
+          await fs.writeFile('test-imports.css', testCssContent);
+          
+          try {
+            // Use PostCSS to process the imports and verify they resolve
+            const css = await fs.readFile('test-imports.css', 'utf8');
+            const result = await postcss([
+              postcssImport({
+                resolve: (id, basedir) => {
+                  if (id.startsWith('@primer/primitives/')) {
+                    const relativePath = id.replace('@primer/primitives/', '');
+                    return join(basedir, 'node_modules/@primer/primitives', relativePath);
+                  }
+                  return id;
+                }
+              })
+            ]).process(css, { 
+              from: 'test-imports.css',
+              to: 'test-output.css'
+            });
+            
+            // If we get here without errors, the imports worked
+            console.log('✓ CSS imports processed successfully');
+            
+            // Verify the output has content (imports were resolved)
+            if (result.css.length > testCssContent.length) {
+              console.log('✓ CSS imports resolved and content was included');
+            } else {
+              throw new Error('CSS imports may not have resolved properly');
+            }
+            
+            // Test individual imports for specific files
+            for (const cssFile of ['dist/css/functional/themes/light.css', 'dist/css/functional/themes/dark.css']) {
+              const testSingleImport = `@import '@primer/primitives/${cssFile}';`;
+              await fs.writeFile('test-single.css', testSingleImport);
+              
+              const singleResult = await postcss([
+                postcssImport({
+                  resolve: (id, basedir) => {
+                    if (id.startsWith('@primer/primitives/')) {
+                      const relativePath = id.replace('@primer/primitives/', '');
+                      return join(basedir, 'node_modules/@primer/primitives', relativePath);
+                    }
+                    return id;
+                  }
+                })
+              ]).process(testSingleImport, { 
+                from: 'test-single.css',
+                to: 'test-single-output.css'
+              });
+              
+              if (singleResult.css.length > testSingleImport.length) {
+                console.log('✓', cssFile, 'import works and has content');
+              } else {
+                throw new Error(`${cssFile} import did not resolve content`);
+              }
+            }
+            
+          } catch (error) {
+            console.error('✗ CSS import failed:', error.message);
+            process.exit(1);
+          }
+          
+          console.log('✓ All CSS imports work correctly');
+          EOF
+          node test-css.mjs
+
+      - name: Test JSON token exports
+        run: |
+          cd test-exports
+          cat > test-tokens.mjs << 'EOF'
+          import { promises as fs } from 'fs';
+          import { join } from 'path';
+          
+          // Test some expected token files
+          const expectedTokenFiles = [
+            'src/tokens/base/color/light/light.json5',
+            'src/tokens/base/color/dark/dark.json5',
+            'src/tokens/base/size/size.json5',
+            'src/tokens/functional/size/size.json5',
+            'src/tokens/functional/color/bgColor.json5',
+          ];
+          
+          console.log('Testing token file exports...');
+          
+          for (const tokenFile of expectedTokenFiles) {
+            try {
+              const fullPath = join('node_modules/@primer/primitives', tokenFile);
+              const stats = await fs.stat(fullPath);
+              if (stats.isFile() && stats.size > 0) {
+                console.log('✓', tokenFile, 'exists and has content');
+              } else {
+                throw new Error('File exists but is empty');
+              }
+            } catch (error) {
+              console.error('✗', tokenFile, 'failed:', error.message);
+              process.exit(1);
+            }
+          }
+          
+          console.log('✓ All token exports are accessible');
+          EOF
+          node test-tokens.mjs
+
+      - name: Test built JSON exports
+        run: |
+          cd test-exports
+          cat > test-built-tokens.mjs << 'EOF'
+          import { promises as fs } from 'fs';
+          import { join } from 'path';
+          
+          // Test some expected built token files
+          const expectedBuiltFiles = [
+            'dist/docs/functional/themes/light.json',
+            'dist/fallbacks/color-fallbacks.json',
+          ];
+          
+          console.log('Testing built token file exports...');
+          
+          for (const builtFile of expectedBuiltFiles) {
+            try {
+              const fullPath = join('node_modules/@primer/primitives', builtFile);
+              const stats = await fs.stat(fullPath);
+              if (stats.isFile() && stats.size > 0) {
+                console.log('✓', builtFile, 'exists and has content');
+                
+                // For JSON files, verify they're valid JSON
+                if (builtFile.endsWith('.json')) {
+                  const content = await fs.readFile(fullPath, 'utf8');
+                  JSON.parse(content); // Will throw if invalid
+                  console.log('✓', builtFile, 'contains valid JSON');
+                }
+              } else {
+                throw new Error('File exists but is empty');
+              }
+            } catch (error) {
+              console.error('✗', builtFile, 'failed:', error.message);
+              process.exit(1);
+            }
+          }
+          
+          console.log('✓ All built file exports are accessible');
+          EOF
+          node test-built-tokens.mjs
+
+      - name: Test import resolution
+        run: |
+          cd test-exports
+          cat > test-import-resolution.mjs << 'EOF'
+          import { promises as fs } from 'fs';
+          import { join } from 'path';
+          
+          // Test various import patterns that users might use
+          console.log('Testing different import patterns...');
+          
+          try {
+            // Main export
+            const main = await import('@primer/primitives');
+            console.log('✓ Default import works');
+            
+            // Test CSS import via JavaScript (create a CSS file and test import path)
+            const cssImportTest = `@import '@primer/primitives/dist/css/functional/themes/light.css';
+body { color: var(--color-fg-default); }`;
+            
+            await fs.writeFile('test-css-import.css', cssImportTest);
+            console.log('✓ CSS import syntax works (file created successfully)');
+            
+            // Test if CSS file exists at expected path
+            const cssPath = join('node_modules/@primer/primitives/dist/css/functional/themes/light.css');
+            const cssStats = await fs.stat(cssPath);
+            if (cssStats.isFile()) {
+              console.log('✓ CSS file accessible via import path');
+            }
+            
+            // Test token file path accessibility
+            const tokenPath = join('node_modules/@primer/primitives/src/tokens/base/color/light/light.json5');
+            const tokenStats = await fs.stat(tokenPath);
+            if (tokenStats.isFile()) {
+              console.log('✓ Token file accessible via import path');
+            }
+            
+            // Test built file accessibility
+            const builtPath = join('node_modules/@primer/primitives/dist/docs/functional/themes/light.json');
+            const builtStats = await fs.stat(builtPath);
+            if (builtStats.isFile()) {
+              console.log('✓ Built file accessible via import path');
+            }
+            
+          } catch (error) {
+            console.error('✗ Import resolution failed:', error.message);
+            process.exit(1);
+          }
+          
+          console.log('✓ All import patterns work correctly');
+          EOF
+          node test-import-resolution.mjs
+
+      - name: Summary
+        run: |
+          echo "🎉 All package exports are working correctly!"
+          echo ""
+          echo "Tested exports:"
+          echo "- Main JavaScript/TypeScript API (PrimerStyleDictionary)"
+          echo "- CSS variable files (tested with @import statements)"
+          echo "- Source token files"
+          echo "- Built token files"
+          echo "- TypeScript type definitions"
+          echo "- Import path resolution"
diff --git a/.github/workflows/test_exports_prerelease.yml b/.github/workflows/test_exports_prerelease.yml
new file mode 100644
index 000000000..90f6b0ebc
--- /dev/null
+++ b/.github/workflows/test_exports_prerelease.yml
@@ -0,0 +1,271 @@
+name: Test Exports with Pre-release
+
+on:
+  workflow_run:
+    workflows: ["Release Candidate"]
+    types:
+      - completed
+  workflow_dispatch:
+    inputs:
+      package_version:
+        description: 'Pre-release package version to test (e.g., 11.1.0-rc.abc123)'
+        required: true
+        type: string
+
+jobs:
+  test-prerelease-exports:
+    name: Test Pre-release Package Exports
+    runs-on: ubuntu-latest
+    if: ${{ github.repository == 'primer/primitives' && (github.event.workflow_run.conclusion == 'success' || github.event_name == 'workflow_dispatch') }}
+    
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+
+      - name: Get package version
+        id: get-version
+        run: |
+          if [ "${{ github.event_name }}" = "workflow_dispatch" ]; then
+            echo "version=${{ github.event.inputs.package_version }}" >> $GITHUB_OUTPUT
+          else
+            # Try to get the version from the release candidate workflow
+            # This is a simplified approach - in practice you might need to fetch from the API
+            BASE_VERSION=$(jq -r .version package.json)
+            COMMIT_SHA=$(echo ${{ github.sha }} | cut -c1-7)
+            echo "version=${BASE_VERSION}-rc.${COMMIT_SHA}" >> $GITHUB_OUTPUT
+          fi
+
+      - name: Create test project
+        run: |
+          mkdir -p test-prerelease
+          cd test-prerelease
+          npm init -y
+          # Enable module type for ES imports
+          sed -i 's/"main": "index.js"/"main": "index.js",\n  "type": "module"/' package.json
+
+      - name: Install pre-release package
+        run: |
+          cd test-prerelease
+          echo "Installing @primer/primitives@${{ steps.get-version.outputs.version }}"
+          npm install @primer/primitives@${{ steps.get-version.outputs.version }} --tag next
+
+      - name: Verify package installation
+        run: |
+          cd test-prerelease
+          cat > verify-install.mjs << 'EOF'
+          import { promises as fs } from 'fs';
+          
+          try {
+            const packageJson = JSON.parse(await fs.readFile('node_modules/@primer/primitives/package.json', 'utf8'));
+            console.log('✓ Installed package version:', packageJson.version);
+            
+            // Verify the version matches expected pattern
+            if (!packageJson.version.includes('rc.')) {
+              console.warn('⚠️ Package version does not appear to be a release candidate');
+            }
+            
+            // Check that exports field exists
+            if (!packageJson.exports) {
+              throw new Error('Package does not have exports field defined');
+            }
+            
+            console.log('✓ Package has exports defined');
+            console.log('Exports:', Object.keys(packageJson.exports));
+            
+          } catch (error) {
+            console.error('✗ Package verification failed:', error.message);
+            process.exit(1);
+          }
+          EOF
+          node verify-install.mjs
+
+      - name: Test main export import
+        run: |
+          cd test-prerelease
+          cat > test-main-import.mjs << 'EOF'
+          try {
+            console.log('Testing main export import...');
+            const { PrimerStyleDictionary } = await import('@primer/primitives');
+            
+            if (!PrimerStyleDictionary) {
+              throw new Error('PrimerStyleDictionary not found in main export');
+            }
+            
+            console.log('✓ Main export import successful');
+            console.log('✓ PrimerStyleDictionary type:', typeof PrimerStyleDictionary);
+            
+            // Test basic functionality
+            if (typeof PrimerStyleDictionary.extend === 'function') {
+              console.log('✓ PrimerStyleDictionary.extend method available');
+            } else {
+              throw new Error('PrimerStyleDictionary.extend method not available');
+            }
+            
+          } catch (error) {
+            console.error('✗ Main export test failed:', error.message);
+            process.exit(1);
+          }
+          EOF
+          node test-main-import.mjs
+
+      - name: Test subpath exports
+        run: |
+          cd test-prerelease
+          cat > test-subpath-exports.mjs << 'EOF'
+          import { promises as fs } from 'fs';
+          import { join, resolve } from 'path';
+          
+          console.log('Testing subpath exports...');
+          
+          // Test CSS file access
+          const cssTests = [
+            'dist/css/functional/themes/light.css',
+            'dist/css/functional/themes/dark.css',
+            'dist/css/base/size/size.css'
+          ];
+          
+          for (const cssFile of cssTests) {
+            try {
+              const fullPath = join('node_modules/@primer/primitives', cssFile);
+              await fs.access(fullPath);
+              const stats = await fs.stat(fullPath);
+              
+              if (stats.size === 0) {
+                console.warn('⚠️', cssFile, 'exists but is empty');
+              } else {
+                console.log('✓', cssFile, 'accessible and has content');
+              }
+            } catch (error) {
+              console.error('✗', cssFile, 'not accessible:', error.message);
+              process.exit(1);
+            }
+          }
+          
+          // Test token file access
+          const tokenTests = [
+            'src/tokens/base/color/light/light.json5',
+            'src/tokens/functional/color/bgColor.json5'
+          ];
+          
+          for (const tokenFile of tokenTests) {
+            try {
+              const fullPath = join('node_modules/@primer/primitives', tokenFile);
+              await fs.access(fullPath);
+              const stats = await fs.stat(fullPath);
+              
+              if (stats.size === 0) {
+                console.warn('⚠️', tokenFile, 'exists but is empty');
+              } else {
+                console.log('✓', tokenFile, 'accessible and has content');
+              }
+            } catch (error) {
+              console.error('✗', tokenFile, 'not accessible:', error.message);
+              process.exit(1);
+            }
+          }
+          
+          console.log('✓ All subpath exports are accessible');
+          EOF
+          node test-subpath-exports.mjs
+
+      - name: Test real-world usage patterns
+        run: |
+          cd test-prerelease
+          cat > test-usage-patterns.mjs << 'EOF'
+          import { PrimerStyleDictionary } from '@primer/primitives';
+          import { promises as fs } from 'fs';
+          
+          console.log('Testing real-world usage patterns...');
+          
+          try {
+            // Create a simple token file for testing
+            const testTokens = {
+              color: {
+                primary: {
+                  $value: '#ff0000',
+                  $type: 'color'
+                }
+              }
+            };
+            
+            await fs.writeFile('test-tokens.json', JSON.stringify(testTokens, null, 2));
+            
+            // Test extending StyleDictionary with custom config
+            const extendedSD = PrimerStyleDictionary.extend({
+              source: ['test-tokens.json'],
+              platforms: {
+                css: {
+                  transformGroup: 'css',
+                  buildPath: 'build/',
+                  files: [{
+                    destination: 'test-variables.css',
+                    format: 'css/variables',
+                    options: {
+                      showFileHeader: false
+                    }
+                  }]
+                }
+              }
+            });
+            
+            console.log('✓ StyleDictionary extension works');
+            
+            // Test building (this would normally create files)
+            console.log('✓ Usage pattern test completed successfully');
+            
+          } catch (error) {
+            console.error('✗ Real-world usage test failed:', error.message);
+            process.exit(1);
+          }
+          EOF
+          node test-usage-patterns.mjs
+
+      - name: Generate test report
+        if: always()
+        run: |
+          cd test-prerelease
+          echo "# Pre-release Export Test Report" > test-report.md
+          echo "" >> test-report.md
+          echo "**Package Version:** ${{ steps.get-version.outputs.version }}" >> test-report.md
+          echo "**Test Date:** $(date)" >> test-report.md
+          echo "**Node.js Version:** $(node --version)" >> test-report.md
+          echo "" >> test-report.md
+          echo "## Test Results" >> test-report.md
+          echo "" >> test-report.md
+          
+          if [ $? -eq 0 ]; then
+            echo "✅ All export tests passed successfully" >> test-report.md
+          else
+            echo "❌ Some export tests failed" >> test-report.md
+          fi
+          
+          echo "" >> test-report.md
+          echo "## Package Info" >> test-report.md
+          echo "\`\`\`json" >> test-report.md
+          cat node_modules/@primer/primitives/package.json | jq '{ name, version, exports }' >> test-report.md
+          echo "\`\`\`" >> test-report.md
+
+      - name: Upload test report
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: prerelease-export-test-report
+          path: test-prerelease/test-report.md
+
+      - name: Summary
+        run: |
+          echo "🎉 Pre-release package export tests completed!"
+          echo ""
+          echo "Package tested: @primer/primitives@${{ steps.get-version.outputs.version }}"
+          echo ""
+          echo "Tests performed:"
+          echo "- ✅ Package installation from npm registry"
+          echo "- ✅ Main export functionality"
+          echo "- ✅ Subpath export accessibility"
+          echo "- ✅ Real-world usage patterns"
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index c5227b9f8..48825ba4a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,4 +7,5 @@ coverage/
 docs/public/
 color-contrast-check.json
 blob-report
-integration/build
\ No newline at end of file
+integration/build
+primer-primitives-*.tgz
diff --git a/package-lock.json b/package-lock.json
index 4590a6716..6d4c43967 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@primer/primitives",
-  "version": "10.7.0",
+  "version": "11.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@primer/primitives",
-      "version": "10.7.0",
+      "version": "11.1.0",
       "license": "MIT",
       "devDependencies": {
         "@actions/core": "^1.11.1",
diff --git a/package.json b/package.json
index 0c5a3d871..cde46939b 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,14 @@
   "version": "11.1.0",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/build/primerStyleDictionary.d.ts",
+      "import": "./dist/build/primerStyleDictionary.js"
+    },
+    "./tokens/*": "./src/tokens/*",
+    "./dist/*": "./dist/*"
+  },
   "files": [
     "dist",
     "src/tokens"
@@ -45,6 +53,13 @@
     "start:storybook": "npm run build && cd docs/storybook && npm run storybook"
   },
   "prettier": "@github/prettier-config",
+  "dependencies": {
+    "color2k": "^2.0.3",
+    "json5": "^2.2.1",
+    "prettier": "^3.3.3",
+    "style-dictionary": "^5.0.0",
+    "zod": "3.23"
+  },
   "devDependencies": {
     "@actions/core": "^1.11.1",
     "@actions/glob": "^0.5.0",
@@ -57,7 +72,6 @@
     "@typescript-eslint/parser": "8.15",
     "@vitest/coverage-v8": "^2.0.3",
     "color-blend": "^4.0.0",
-    "color2k": "^2.0.3",
     "console-table-printer": "^2.12.1",
     "eslint": "9.16",
     "eslint-config-prettier": "^9.1.0",
@@ -66,15 +80,11 @@
     "eslint-plugin-github": "^5.1.3",
     "eslint-plugin-jsx-a11y": "6.10",
     "eslint-plugin-react-hooks": "^5.0.0",
-    "json5": "^2.2.1",
     "markdown-table-ts": "^1.0.3",
-    "prettier": "^3.3.3",
-    "style-dictionary": "^5.0.0",
     "tsx": "^4.19.0",
     "typescript": "5.6",
     "typescript-eslint": "^8.16.0",
     "vitest": "^2.0.3",
-    "zod": "3.23",
     "zod-validation-error": "3.4"
   }
 }
\ No newline at end of file