feat(studio): add thirteen presets and preview reviewed proposals

packages/design-studio/test/presets.test.ts

@@ -0,0 +1,35 @@
+import { expect, test } from "bun:test";
+import {
+  CORE_DESIGN_SYSTEMS,
+  validateDesignSystem,
+  compileDesignSystem,
+} from "@wrnexus/design-system";
+import { STUDIO_PRESETS } from "../src/presets.ts";
+import { studioHtml } from "../src/shell.ts";
+import { StudioSession } from "../src/session.ts";
+
+test("thirteen distinct Studio presets validate and compile both modes without changing core presets", () => {
+  expect(Object.keys(STUDIO_PRESETS)).toHaveLength(13);
+  expect(Object.keys(CORE_DESIGN_SYSTEMS)).toEqual(["square", "soft", "angular"]);
+  const signatures = new Set<string>();
+  for (const [id, system] of Object.entries(STUDIO_PRESETS)) {
+    expect(system.id).toBe(id);
+    expect(validateDesignSystem(system)).toEqual([]);
+    expect(studioHtml).toContain(`<option value="${id}">${system.name}</option>`);
+    signatures.add(JSON.stringify([system.tokens, system.modes]));
+    for (const mode of ["light", "dark"])
+      expect(() => compileDesignSystem(system, { mode })).not.toThrow();
+  }
+  expect(signatures.size).toBe(13);
+});
+
+test("choosing a new preset stays undoable and never mutates the catalog", () => {
+  const session = new StudioSession(STUDIO_PRESETS.square);
+  const original = JSON.stringify(STUDIO_PRESETS.swiss);
+  session.replace(STUDIO_PRESETS.swiss!, "Selected Swiss");
+  session.edit(JSON.stringify({ ...session.valid, name: "My Swiss" }));
+  expect(JSON.stringify(STUDIO_PRESETS.swiss)).toBe(original);
+  session.undo();
+  session.undo();
+  expect(session.valid.id).toBe("square");
+});