@ankhorage/zora 0.16.2 → 1.0.0

package/dist/theme/types.d.ts

@@ -1,23 +1,28 @@
-import type { ColorHarmony, ColorTone, ThemeConfig } from '@ankhorage/surface';
+import type { ColorHarmony, GeneratedThemeModeColors, GeneratedThemeSwatches, SemanticColorToken } from '@ankhorage/color-theory';
+import type { AppCategory, ThemeConfig } from '@ankhorage/contracts';
+import type { SurfaceTheme } from '@ankhorage/surface';
 export type ZoraThemeId = string;
 export type ZoraThemeMode = 'light' | 'dark';
-export type ZoraHexColor = `#${string}`;
-export declare const ZORA_COLOR_HARMONIES: readonly ["monochromatic", "analogous", "complementary", "splitComplementary", "triadic", "tetradic"];
-export type ZoraColorHarmony = ColorHarmony;
-export declare const ZORA_COLOR_TONES: readonly ["neutral", "pastel", "earth", "mineral", "muted", "jewel", "fluorescent", "obsidian", "vaporwave", "monochromeAccent"];
-export type ZoraColorTone = ColorTone;
 export interface ZoraTheme {
     id: ZoraThemeId;
-    name?: string;
-    primaryColor: ZoraHexColor;
-    harmony: ZoraColorHarmony;
-    colorTone: ZoraColorTone;
+    name: string;
+    appCategory: AppCategory;
+    primaryColor: string;
+    harmony: ColorHarmony;
+}
+export interface ZoraComputedThemeMode {
+    mode: ZoraThemeMode;
+    surfaceTheme: SurfaceTheme;
+    generated: GeneratedThemeModeColors;
+    swatches: GeneratedThemeSwatches;
+    semanticColors?: Record<SemanticColorToken, string>;
 }
 export interface ZoraComputedTheme {
     id: ZoraThemeId;
     name: string;
-    mode: ZoraThemeMode;
     source: ZoraTheme;
     surfaceConfig: ThemeConfig;
+    light: ZoraComputedThemeMode;
+    dark: ZoraComputedThemeMode;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/theme/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE/E,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,MAAM,EAAE,CAAC;AAExC,eAAO,MAAM,oBAAoB,uGAOW,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC;AAE5C,eAAO,MAAM,gBAAgB,kIAWY,CAAC;AAE1C,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,WAAW,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,WAAW,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,SAAS,CAAC;IAClB,aAAa,EAAE,WAAW,CAAC;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,wBAAwB,EACxB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,WAAW,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,aAAa,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,EAAE,wBAAwB,CAAC;IACpC,QAAQ,EAAE,sBAAsB,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,WAAW,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,CAAC;IAClB,aAAa,EAAE,WAAW,CAAC;IAC3B,KAAK,EAAE,qBAAqB,CAAC;IAC7B,IAAI,EAAE,qBAAqB,CAAC;CAC7B"}

package/dist/theme/types.js

@@ -1,21 +1,2 @@
-export const ZORA_COLOR_HARMONIES = [
-    'monochromatic',
-    'analogous',
-    'complementary',
-    'splitComplementary',
-    'triadic',
-    'tetradic',
-];
-export const ZORA_COLOR_TONES = [
-    'neutral',
-    'pastel',
-    'earth',
-    'mineral',
-    'muted',
-    'jewel',
-    'fluorescent',
-    'obsidian',
-    'vaporwave',
-    'monochromeAccent',
-];
+export {};
 //# sourceMappingURL=types.js.map

package/dist/theme/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,eAAe;IACf,WAAW;IACX,eAAe;IACf,oBAAoB;IACpB,SAAS;IACT,UAAU;CACgC,CAAC;AAI7C,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS;IACT,QAAQ;IACR,OAAO;IACP,SAAS;IACT,OAAO;IACP,OAAO;IACP,aAAa;IACb,UAAU;IACV,WAAW;IACX,kBAAkB;CACqB,CAAC","sourcesContent":["import type { ColorHarmony, ColorTone, ThemeConfig } from '@ankhorage/surface';\n\nexport type ZoraThemeId = string;\n\nexport type ZoraThemeMode = 'light' | 'dark';\n\nexport type ZoraHexColor = `#${string}`;\n\nexport const ZORA_COLOR_HARMONIES = [\n  'monochromatic',\n  'analogous',\n  'complementary',\n  'splitComplementary',\n  'triadic',\n  'tetradic',\n] as const satisfies readonly ColorHarmony[];\n\nexport type ZoraColorHarmony = ColorHarmony;\n\nexport const ZORA_COLOR_TONES = [\n  'neutral',\n  'pastel',\n  'earth',\n  'mineral',\n  'muted',\n  'jewel',\n  'fluorescent',\n  'obsidian',\n  'vaporwave',\n  'monochromeAccent',\n] as const satisfies readonly ColorTone[];\n\nexport type ZoraColorTone = ColorTone;\n\nexport interface ZoraTheme {\n  id: ZoraThemeId;\n  name?: string;\n  primaryColor: ZoraHexColor;\n  harmony: ZoraColorHarmony;\n  colorTone: ZoraColorTone;\n}\n\nexport interface ZoraComputedTheme {\n  id: ZoraThemeId;\n  name: string;\n  mode: ZoraThemeMode;\n  source: ZoraTheme;\n  surfaceConfig: ThemeConfig;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  ColorHarmony,\n  GeneratedThemeModeColors,\n  GeneratedThemeSwatches,\n  SemanticColorToken,\n} from '@ankhorage/color-theory';\nimport type { AppCategory, ThemeConfig } from '@ankhorage/contracts';\nimport type { SurfaceTheme } from '@ankhorage/surface';\n\nexport type ZoraThemeId = string;\n\nexport type ZoraThemeMode = 'light' | 'dark';\n\nexport interface ZoraTheme {\n  id: ZoraThemeId;\n  name: string;\n  appCategory: AppCategory;\n  primaryColor: string;\n  harmony: ColorHarmony;\n}\n\nexport interface ZoraComputedThemeMode {\n  mode: ZoraThemeMode;\n  surfaceTheme: SurfaceTheme;\n  generated: GeneratedThemeModeColors;\n  swatches: GeneratedThemeSwatches;\n  semanticColors?: Record<SemanticColorToken, string>;\n}\n\nexport interface ZoraComputedTheme {\n  id: ZoraThemeId;\n  name: string;\n  source: ZoraTheme;\n  surfaceConfig: ThemeConfig;\n  light: ZoraComputedThemeMode;\n  dark: ZoraComputedThemeMode;\n}\n"]}

package/dist/theme/useZoraTheme.d.ts

@@ -1,5 +1,5 @@
 export declare function useZoraTheme(): {
-    theme: import("@ankhorage/surface").AnkhTheme;
+    theme: import("@ankhorage/surface").SurfaceTheme;
     mode: "light" | "dark";
     setThemeConfig: (config: Partial<import("@ankhorage/contracts").ThemeConfig>) => void;
     setMode: (mode: "light" | "dark") => void;

package/dist/theme/zoraDefaultTheme.js

@@ -1,8 +1,8 @@
 export const zoraDefaultTheme = {
     id: 'zora',
     name: 'ZORA',
+    appCategory: 'developer_tools',
     primaryColor: '#0f766e',
     harmony: 'analogous',
-    colorTone: 'jewel',
 };
 //# sourceMappingURL=zoraDefaultTheme.js.map

package/dist/theme/zoraDefaultTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"zoraDefaultTheme.js","sourceRoot":"","sources":["../../src/theme/zoraDefaultTheme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAc;IACzC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,SAAS;IACvB,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,OAAO;CACnB,CAAC","sourcesContent":["import type { ZoraTheme } from './types';\n\nexport const zoraDefaultTheme: ZoraTheme = {\n  id: 'zora',\n  name: 'ZORA',\n  primaryColor: '#0f766e',\n  harmony: 'analogous',\n  colorTone: 'jewel',\n};\n"]}
+{"version":3,"file":"zoraDefaultTheme.js","sourceRoot":"","sources":["../../src/theme/zoraDefaultTheme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAc;IACzC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,iBAAiB;IAC9B,YAAY,EAAE,SAAS;IACvB,OAAO,EAAE,WAAW;CACrB,CAAC","sourcesContent":["import type { ZoraTheme } from './types';\n\nexport const zoraDefaultTheme: ZoraTheme = {\n  id: 'zora',\n  name: 'ZORA',\n  appCategory: 'developer_tools',\n  primaryColor: '#0f766e',\n  harmony: 'analogous',\n};\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "0.16.2",
+  "version": "1.0.0",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {
@@ -43,8 +43,9 @@
     }
   },
   "dependencies": {
-    "@ankhorage/surface": "^0.2.3",
-    "culori": "^4.0.2"
+    "@ankhorage/color-theory": "^0.0.2",
+    "@ankhorage/contracts": "^1.1.0",
+    "@ankhorage/surface": "^1.0.0"
   },
   "files": [
     "dist",
@@ -86,7 +87,6 @@
     "@changesets/cli": "^2.31.0",
     "@expo/vector-icons": "^15.1.1",
     "@react-native-picker/picker": "^2.11.4",
-    "@types/culori": "^4.0.1",
     "@types/bun": "^1.3.13",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",

package/src/components/heading/resolveHeadingRecipe.test.ts

@@ -1,4 +1,4 @@
-import type { AnkhTheme, FontWeight, RoleSemantics } from '@ankhorage/surface';
+import type { FontWeight, RoleSemantics, SurfaceTheme } from '@ankhorage/surface';
 import { describe, expect, test } from 'bun:test';
 
 import { resolveHeadingRecipe, resolveHeadingSizeFromLevel } from './resolveHeadingRecipe';
@@ -30,7 +30,7 @@ function createRole(base: string): RoleSemantics {
   };
 }
 
-function createTestTheme(): AnkhTheme {
+function createTestTheme(): SurfaceTheme {
   return {
     colors: {
       primary: '#0f766e',
@@ -52,12 +52,10 @@ function createTestTheme(): AnkhTheme {
       light: {
         primaryColor: '#0f766e',
         harmony: 'analogous',
-        colorTone: 'jewel',
       },
       dark: {
         primaryColor: '#2dd4bf',
         harmony: 'analogous',
-        colorTone: 'jewel',
       },
     },
     radii: {
@@ -67,7 +65,34 @@ function createTestTheme(): AnkhTheme {
       l: 16,
       full: 9999,
     },
-    scales: {},
+    swatches: {
+      primary: {
+        50: '#f0fdfa',
+        100: '#ccfbf1',
+        200: '#99f6e4',
+        300: '#5eead4',
+        400: '#2dd4bf',
+        500: '#14b8a6',
+        600: '#0d9488',
+        700: '#0f766e',
+        800: '#115e59',
+        900: '#134e4a',
+        950: '#042f2e',
+      },
+      neutral: {
+        50: '#f9fafb',
+        100: '#f3f4f6',
+        200: '#e5e7eb',
+        300: '#d1d5db',
+        400: '#9ca3af',
+        500: '#6b7280',
+        600: '#4b5563',
+        700: '#374151',
+        800: '#1f2937',
+        900: '#111827',
+        950: '#030712',
+      },
+    },
     semantics: {
       neutral: {
         bg: '#ffffff',

package/src/components/heading/resolveHeadingRecipe.ts

@@ -1,4 +1,4 @@
-import type { AnkhTheme, FontWeight } from '@ankhorage/surface';
+import type { FontWeight, SurfaceTheme } from '@ankhorage/surface';
 import type { TextStyle } from 'react-native';
 
 import type { HeadingAlign, HeadingLevel, HeadingSize, HeadingTone, HeadingWeight } from './types';
@@ -52,7 +52,7 @@ function resolveHeadingLevelFromSize(size: Exclude<HeadingSize, 'display'>): Hea
   }
 }
 
-function resolveSizeRecipe(theme: AnkhTheme, size: HeadingSize): HeadingRecipe {
+function resolveSizeRecipe(theme: SurfaceTheme, size: HeadingSize): HeadingRecipe {
   if (size === 'display') {
     const fontSize = theme.typography.sizes['3xl'];
 
@@ -72,7 +72,7 @@ function resolveSizeRecipe(theme: AnkhTheme, size: HeadingSize): HeadingRecipe {
   };
 }
 
-function resolveToneColor(theme: AnkhTheme, tone: HeadingTone): string {
+function resolveToneColor(theme: SurfaceTheme, tone: HeadingTone): string {
   switch (tone) {
     case 'muted':
       return theme.semantics.content.muted;
@@ -94,7 +94,7 @@ function resolveToneColor(theme: AnkhTheme, tone: HeadingTone): string {
   }
 }
 
-function resolveWeight(theme: AnkhTheme, weight: HeadingWeight): FontWeight {
+function resolveWeight(theme: SurfaceTheme, weight: HeadingWeight): FontWeight {
   return theme.typography.weights[weight];
 }
 
@@ -103,7 +103,7 @@ function resolveFontFamily({
   weight,
   italic,
 }: {
-  theme: AnkhTheme;
+  theme: SurfaceTheme;
   weight: FontWeight;
   italic: boolean;
 }): string | undefined {
@@ -111,7 +111,7 @@ function resolveFontFamily({
 }
 
 export function resolveHeadingRecipe(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   { align, italic = false, level, size, tone = 'default', weight }: ResolveHeadingRecipeOptions,
 ): TextStyle {
   const recipe = resolveSizeRecipe(theme, size ?? resolveHeadingSizeFromLevel(level));

package/src/components/text/resolveTextRecipe.test.ts

@@ -1,9 +1,9 @@
 import type {
-  AnkhTheme,
   Breakpoint,
   FontWeight,
   Responsive,
   RoleSemantics,
+  SurfaceTheme,
 } from '@ankhorage/surface';
 import { describe, expect, mock, test } from 'bun:test';
 
@@ -64,7 +64,7 @@ function createRole(base: string): RoleSemantics {
   };
 }
 
-function createTestTheme(): AnkhTheme {
+function createTestTheme(): SurfaceTheme {
   return {
     colors: {
       primary: '#0f766e',
@@ -86,12 +86,10 @@ function createTestTheme(): AnkhTheme {
       light: {
         primaryColor: '#0f766e',
         harmony: 'analogous',
-        colorTone: 'jewel',
       },
       dark: {
         primaryColor: '#2dd4bf',
         harmony: 'analogous',
-        colorTone: 'jewel',
       },
     },
     radii: {
@@ -101,7 +99,34 @@ function createTestTheme(): AnkhTheme {
       l: 16,
       full: 9999,
     },
-    scales: {},
+    swatches: {
+      primary: {
+        50: '#f0fdfa',
+        100: '#ccfbf1',
+        200: '#99f6e4',
+        300: '#5eead4',
+        400: '#2dd4bf',
+        500: '#14b8a6',
+        600: '#0d9488',
+        700: '#0f766e',
+        800: '#115e59',
+        900: '#134e4a',
+        950: '#042f2e',
+      },
+      neutral: {
+        50: '#f9fafb',
+        100: '#f3f4f6',
+        200: '#e5e7eb',
+        300: '#d1d5db',
+        400: '#9ca3af',
+        500: '#6b7280',
+        600: '#4b5563',
+        700: '#374151',
+        800: '#1f2937',
+        900: '#111827',
+        950: '#030712',
+      },
+    },
     semantics: {
       neutral: {
         bg: '#ffffff',

package/src/components/text/resolveTextRecipe.ts

@@ -1,9 +1,9 @@
 import {
-  type AnkhTheme,
   type Breakpoint,
   type FontWeight,
   resolveResponsive,
   type Responsive,
+  type SurfaceTheme,
 } from '@ankhorage/surface';
 import type { TextStyle } from 'react-native';
 
@@ -18,7 +18,7 @@ interface VariantRecipe {
 }
 
 interface ResolveTextStyleOptions {
-  theme: AnkhTheme;
+  theme: SurfaceTheme;
   breakpoint: Breakpoint;
   variant?: Responsive<TextVariant>;
   tone?: Responsive<TextTone>;
@@ -31,7 +31,7 @@ function isMediumBreakpointOrLarger(breakpoint: Breakpoint): boolean {
   return breakpoint === 'md' || breakpoint === 'lg' || breakpoint === 'xl';
 }
 
-function resolveWeight(theme: AnkhTheme, weight: TextWeight): FontWeight {
+function resolveWeight(theme: SurfaceTheme, weight: TextWeight): FontWeight {
   return theme.typography.weights[weight];
 }
 
@@ -41,7 +41,7 @@ function resolveFontFamily({
   weight,
   italic,
 }: {
-  theme: AnkhTheme;
+  theme: SurfaceTheme;
   variant: TextVariant;
   weight: FontWeight;
   italic: boolean;
@@ -54,7 +54,7 @@ function resolveFontFamily({
 }
 
 function resolveVariantRecipe(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   variant: TextVariant,
   breakpoint: Breakpoint,
 ): VariantRecipe {
@@ -109,7 +109,7 @@ function resolveVariantRecipe(
   }
 }
 
-function resolveToneColor(theme: AnkhTheme, tone: TextTone): string {
+function resolveToneColor(theme: SurfaceTheme, tone: TextTone): string {
   switch (tone) {
     case 'muted':
       return theme.semantics.content.muted;

package/src/patterns/theme-composer/ThemeComposer.test.ts

@@ -1,14 +1,8 @@
+import { COLOR_HARMONIES } from '@ankhorage/color-theory';
 import { describe, expect, test } from 'bun:test';
 
-import { ZORA_COLOR_HARMONIES, ZORA_COLOR_TONES } from '../../theme/types';
 import { zoraDefaultTheme } from '../../theme/zoraDefaultTheme';
-import {
-  createThemeFromThemeComposerRecommendation,
-  findThemeComposerRecommendation,
-  formatThemeComposerLabel,
-  hueDegreesToZoraHexColor,
-} from './recommendations';
-import type { ThemeComposerProps, ThemeComposerRecommendation } from './types';
+import type { ThemeComposerProps } from './types';
 
 // Validate the exported types compile correctly by asserting shape
 describe('ThemeComposerProps', () => {
@@ -17,9 +11,10 @@ describe('ThemeComposerProps', () => {
       value: zoraDefaultTheme,
       onChange: () => undefined,
     };
-    expect(props.value.primaryColor).toBe('#0f766e');
+    expect(props.value.primaryColor).toBe(zoraDefaultTheme.primaryColor);
     expect(props.value.harmony).toBe('analogous');
-    expect(props.value.colorTone).toBe('jewel');
+    expect(props.value.appCategory).toBe('developer_tools');
+    expect(props.value.name).toBe('ZORA');
   });
 
   test('accepts optional mode and onModeChange', () => {
@@ -44,56 +39,19 @@ describe('ThemeComposerProps', () => {
     props.onSubmit?.(zoraDefaultTheme);
     expect(submitted).toBe(true);
   });
-
-  test('accepts optional recommendation inputs', () => {
-    const recommendation: ThemeComposerRecommendation = {
-      appCategory: 'finance_money',
-      appMood: 'trustworthy',
-      suggestedColorTone: 'mineral',
-      suggestedHarmony: 'analogous',
-      suggestedPrimaryHueDegrees: 195,
-    };
-    const props: ThemeComposerProps = {
-      value: zoraDefaultTheme,
-      onChange: () => undefined,
-      appCategory: 'finance_money',
-      appMood: 'trustworthy',
-      recommendations: [recommendation],
-    };
-
-    expect(props.recommendations?.[0]?.suggestedColorTone).toBe('mineral');
-  });
 });
 
-describe('ZORA_COLOR_HARMONIES coverage for ThemeComposer', () => {
-  test('all harmony values are present for the Select options', () => {
+describe('COLOR_HARMONIES coverage for ThemeComposer', () => {
+  test('all canonical harmony values are present for the Select options', () => {
     const expected = [
       'monochromatic',
       'analogous',
       'complementary',
-      'splitComplementary',
       'triadic',
       'tetradic',
+      'splitComplementary',
     ] as const;
-    expect(ZORA_COLOR_HARMONIES).toEqual(expected);
-  });
-});
-
-describe('ZORA_COLOR_TONES coverage for ThemeComposer', () => {
-  test('all color tones are present for the Select options', () => {
-    const expected = [
-      'neutral',
-      'pastel',
-      'earth',
-      'mineral',
-      'muted',
-      'jewel',
-      'fluorescent',
-      'obsidian',
-      'vaporwave',
-      'monochromeAccent',
-    ] as const;
-    expect(ZORA_COLOR_TONES).toEqual(expected);
+    expect(COLOR_HARMONIES).toEqual(expected);
   });
 });
 
@@ -109,94 +67,4 @@ describe('onChange propagation contract', () => {
     expect(received).toHaveLength(1);
     expect(received[0]?.harmony).toBe('triadic');
   });
-
-  test('onChange receives updated theme with new colorTone', () => {
-    const received: (typeof zoraDefaultTheme)[] = [];
-    const props: ThemeComposerProps = {
-      value: zoraDefaultTheme,
-      onChange: (t) => received.push(t),
-    };
-    props.onChange({ ...zoraDefaultTheme, colorTone: 'obsidian' });
-    expect(received[0]?.colorTone).toBe('obsidian');
-  });
-});
-
-describe('ThemeComposer recommendation helpers', () => {
-  const recommendations: readonly ThemeComposerRecommendation[] = [
-    {
-      appCategory: 'finance_money',
-      appMood: 'trustworthy',
-      suggestedColorTone: 'mineral',
-      suggestedHarmony: 'analogous',
-      suggestedPrimaryHueDegrees: 195,
-    },
-    {
-      appCategory: 'graphics_design',
-      appMood: 'creative',
-      suggestedColorTone: 'vaporwave',
-      suggestedHarmony: 'splitComplementary',
-    },
-  ];
-
-  test('finds a recommendation by app category and mood', () => {
-    const found = findThemeComposerRecommendation({
-      appCategory: 'finance_money',
-      appMood: 'trustworthy',
-      recommendations,
-    });
-
-    expect(found?.suggestedColorTone).toBe('mineral');
-  });
-
-  test('does not find a recommendation with mismatched mood', () => {
-    const found = findThemeComposerRecommendation({
-      appCategory: 'finance_money',
-      appMood: 'creative',
-      recommendations,
-    });
-
-    expect(found).toBeUndefined();
-  });
-
-  test('creates an updated theme only when recommendation is explicitly applied', () => {
-    const [recommendation] = recommendations;
-    if (recommendation === undefined) {
-      throw new Error('Expected fixture recommendation.');
-    }
-
-    const updated = createThemeFromThemeComposerRecommendation({
-      value: zoraDefaultTheme,
-      recommendation,
-    });
-
-    expect(zoraDefaultTheme.colorTone).toBe('jewel');
-    expect(updated.colorTone).toBe('mineral');
-    expect(updated.harmony).toBe('analogous');
-    expect(updated.primaryColor).not.toBe(zoraDefaultTheme.primaryColor);
-  });
-
-  test('keeps the current primary color when recommendation has no hue', () => {
-    const [, recommendation] = recommendations;
-    if (recommendation === undefined) {
-      throw new Error('Expected fixture recommendation.');
-    }
-
-    const updated = createThemeFromThemeComposerRecommendation({
-      value: zoraDefaultTheme,
-      recommendation,
-    });
-
-    expect(updated.primaryColor).toBe(zoraDefaultTheme.primaryColor);
-    expect(updated.colorTone).toBe('vaporwave');
-  });
-
-  test('formats serialized labels for display', () => {
-    expect(formatThemeComposerLabel('finance_money')).toBe('Finance money');
-    expect(formatThemeComposerLabel('splitComplementary')).toBe('Split Complementary');
-  });
-
-  test('converts hue degrees to lowercase hex', () => {
-    expect(hueDegreesToZoraHexColor(195)).toMatch(/^#[0-9a-f]{6}$/);
-    expect(hueDegreesToZoraHexColor(555)).toBe(hueDegreesToZoraHexColor(195));
-  });
 });