Merge branch 'main' into publish

Author: oddcelot

.github/workflows/publish-storybook.yml

@@ -21,22 +21,16 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
         with:
-          version: 10
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 22
-          cache: "pnpm"
+          bun-version: latest
 
       - name: Install dependencies
-        run: pnpm install
+        run: bun install
 
       - name: Build Storybook
-        run: pnpm --filter @xray/ui storybook:build
+        run: bun run --filter @xray/ui storybook:build
 
       - name: Setup Pages
         uses: actions/configure-pages@v5

.npmrc

@@ -1,5 +1,4 @@
-pnpm = "~10"
-node = "~25"
+bun = "~1.3"
 
 [settings]
 auto-install = true

.prototools

@@ -4,19 +4,32 @@
   "private": true,
   "type": "module",
   "description": "xray monorepo",
+  "workspaces": [
+    "packages/*"
+  ],
+  "catalog": {
+    "@types/node": "25.0.2",
+    "@vitest/ui": "^4.0.15",
+    "eslint": "^9.17.0",
+    "prettier": "^3.7.4",
+    "solid-js": "1.9.10",
+    "typescript": "^5.7.2",
+    "vite": "^7.3.0",
+    "vitest": "4.0.15",
+    "zod": "^4.2.0"
+  },
   "engines": {
-    "node": ">=25.0.0",
-    "pnpm": ">=10.0.0"
+    "bun": ">=1.3.0"
   },
   "scripts": {
-    "build": "pnpm -r build",
-    "dev": "pnpm -r --parallel dev",
-    "test": "pnpm -r test",
-    "lint": "pnpm -r lint",
-    "typecheck": "pnpm -r typecheck",
-    "clean": "pnpm -r clean && rm -rf node_modules",
-    "format": "prettier --write \"**/*.{ts,tsx,js,jsx,json,md,mdx,css}\"",
-    "schema:generate": "pnpm -r schema:generate"
+    "build": "bun run --filter '*' build",
+    "dev": "bun run --filter '*' dev",
+    "test": "bun run --filter '*' test",
+    "lint": "bun run --filter '*' lint",
+    "typecheck": "bun run --filter '*' typecheck",
+    "clean": "bun run --filter '*' clean && rm -rf node_modules",
+    "format": "bunx prettier --write \"**/*.{ts,tsx,js,jsx,json,md,mdx,css}\"",
+    "schema:generate": "bun run --filter '*' schema:generate"
   },
   "keywords": [],
   "author": "",

bun.lock

@@ -19,15 +19,14 @@
     "build": "tsc",
     "clean": "rm -rf dist",
     "dev": "tsc --watch",
-    "schema:generate": "tsx src/scripts/generate-schema.ts",
+    "schema:generate": "bun src/scripts/generate-schema.ts",
     "test": "vitest",
     "test:ui": "vitest --ui",
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
     "@types/node": "catalog:",
     "@vitest/ui": "catalog:",
-    "tsx": "^4.21.0",
     "typescript": "catalog:",
     "vitest": "catalog:"
   },

package.json

@@ -158,7 +158,6 @@
   border-radius: 4px;
   font-size: 10px;
   font-weight: 600;
-  text-transform: uppercase;
   letter-spacing: 0.5px;
   width: fit-content;
 }

packages/schema/package.json

@@ -24,6 +24,7 @@ export const Default = meta.story({
 
 // sRGB gamut colors (will always display normally)
 export const SRGBColor = meta.story({
+  name: "sRGB Color",
   args: {
     color: "rgb(100, 149, 237)",
   },
@@ -43,6 +44,7 @@ export const HSLColor = meta.story({
 
 // P3 gamut colors (will show split view on sRGB displays)
 export const P3Color = meta.story({
+  name: "P3 Color",
   args: {
     color: "color(display-p3 1 0.2 0.1)",
   },
@@ -57,6 +59,7 @@ export const P3Color = meta.story({
 });
 
 export const P3VibrantGreen = meta.story({
+  name: "P3 Vibrant Green",
   args: {
     color: "color(display-p3 0.2 1 0.2)",
   },
@@ -70,13 +73,15 @@ export const P3VibrantGreen = meta.story({
 });
 
 export const P3VibrantCyan = meta.story({
+  name: "P3 Vibrant Cyan",
   args: {
     color: "color(display-p3 0 0.9 0.9)",
   },
 });
 
 // Rec2020 gamut colors (will show split view on sRGB and P3 displays)
 export const Rec2020Color = meta.story({
+  name: "Rec2020 Color",
   args: {
     color: "color(rec2020 0.9 0.1 0.1)",
   },
@@ -91,6 +96,7 @@ export const Rec2020Color = meta.story({
 });
 
 export const Rec2020Green = meta.story({
+  name: "Rec2020 Green",
   args: {
     color: "color(rec2020 0.3 0.9 0.1)",
   },
@@ -136,6 +142,7 @@ export const HexWithAlpha = meta.story({
 });
 
 export const P3WithAlpha = meta.story({
+  name: "P3 With Alpha",
   args: {
     color: "color(display-p3 1 0.3 0.1 / 0.7)",
   },
@@ -165,6 +172,7 @@ export const LargeSize = meta.story({
 });
 
 export const LargeP3Color = meta.story({
+  name: "Large P3 Color",
   args: {
     color: "color(display-p3 1 0.5 0)",
     size: 140,
@@ -222,6 +230,7 @@ export const WideGamut = meta.story({
 
 // Always show fallback examples
 export const AlwaysShowFallbackP3 = meta.story({
+  name: "Always Show Fallback P3",
   args: {
     color: "color(display-p3 1 0.2 0.1)",
     alwaysShowFallback: true,
@@ -253,6 +262,7 @@ export const AlwaysShowFallbackOKLCH = meta.story({
 });
 
 export const AlwaysShowFallbackSRGB = meta.story({
+  name: "Always Show Fallback sRGB",
   args: {
     color: "#ff6b6b",
     alwaysShowFallback: true,