@ankhorage/surface 0.2.3 → 1.0.0

package/dist/theme/createTheme.js

@@ -68,12 +68,10 @@ export const DEFAULT_CONFIG = {
     light: {
         primaryColor: '#3B82F6',
         harmony: 'monochromatic',
-        colorTone: 'neutral',
     },
     dark: {
         primaryColor: '#3B82F6',
         harmony: 'monochromatic',
-        colorTone: 'neutral',
     },
 };
 /**
@@ -87,11 +85,11 @@ function toPascalCase(str) {
         .join('');
 }
 export function createTheme(config = DEFAULT_CONFIG, mode = 'light', activeFontId) {
-    const { colors, scales, semantics } = generatePalette(config, mode);
+    const { colors, swatches, semantics } = generatePalette(config, mode);
     const theme = {
         ...DEFAULT_TOKENS,
         colors: colors,
-        scales,
+        swatches,
         semantics,
         config,
     };

package/dist/theme/createTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.js","sourceRoot":"","sources":["../../src/theme/createTheme.ts"],"names":[],"mappings":"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","sourcesContent":["import { generatePalette } from './colorEngine';\nimport type { AnkhTheme, FontWeight, ThemeConfig, ThemeTokens } from './types';\n\nexport const DEFAULT_TOKENS: Omit<ThemeTokens, 'colors' | 'scales' | 'semantics'> = {\n  spacing: {\n    none: 0,\n    xs: 4,\n    s: 8,\n    m: 16,\n    l: 24,\n    xl: 32,\n    xxl: 48,\n  },\n  radii: {\n    none: 0,\n    s: 4,\n    m: 8,\n    l: 16,\n    full: 9999,\n  },\n  typography: {\n    headings: {\n      1: { size: 32, lineHeight: 40, weight: 'bold' },\n      2: { size: 24, lineHeight: 32, weight: 'bold' },\n      3: { size: 20, lineHeight: 28, weight: 'bold' },\n      4: { size: 18, lineHeight: 24, weight: 'semiBold' },\n      5: { size: 16, lineHeight: 22, weight: 'semiBold' },\n      6: { size: 14, lineHeight: 20, weight: 'semiBold' },\n    },\n    sizes: {\n      xs: 12,\n      s: 14,\n      m: 16,\n      l: 18,\n      xl: 20,\n      xxl: 24,\n      '3xl': 30,\n      h1: 32,\n      h2: 24,\n      h3: 20,\n      h4: 18,\n      h5: 16,\n      h6: 14,\n    },\n    weights: {\n      thin: '100',\n      extraLight: '200',\n      light: '300',\n      regular: '400',\n      medium: '500',\n      semiBold: '600',\n      bold: '700',\n      extraBold: '800',\n      black: '900',\n    },\n    fonts: {\n      normal: {} as Record<FontWeight, string | undefined>,\n      italic: {} as Record<FontWeight, string | undefined>,\n    },\n  },\n  shadows: {\n    soft: 2,\n    medium: 4,\n    hard: 8,\n  },\n};\n\nexport const DEFAULT_CONFIG: ThemeConfig = {\n  id: 'default',\n  name: 'Default',\n  light: {\n    primaryColor: '#3B82F6',\n    harmony: 'monochromatic',\n    colorTone: 'neutral',\n  },\n  dark: {\n    primaryColor: '#3B82F6',\n    harmony: 'monochromatic',\n    colorTone: 'neutral',\n  },\n};\n\n/**\n * Normalizes font family name to PascalCase for consistent key generation\n * matches GoogleFontsPlugin logic.\n */\nfunction toPascalCase(str: string) {\n  return str\n    .split(/[- ]+/)\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join('');\n}\n\nexport function createTheme(\n  config: ThemeConfig = DEFAULT_CONFIG,\n  mode: 'light' | 'dark' = 'light',\n  activeFontId?: string | null,\n): AnkhTheme {\n  const { colors, scales, semantics } = generatePalette(config, mode);\n\n  const theme = {\n    ...DEFAULT_TOKENS,\n    colors: colors as AnkhTheme['colors'],\n    scales,\n    semantics,\n    config,\n  };\n\n  if (activeFontId) {\n    const familyName = toPascalCase(activeFontId);\n    const weights: FontWeight[] = ['100', '200', '300', '400', '500', '600', '700', '800', '900'];\n\n    weights.forEach((w) => {\n      // Convention from GoogleFonts plugin: Family_WeightRegular\n      theme.typography.fonts.normal[w] = `${familyName}_${w}Regular`;\n      theme.typography.fonts.italic[w] = `${familyName}_${w}Italic`;\n    });\n  }\n\n  return theme;\n}\n"]}
+{"version":3,"file":"createTheme.js","sourceRoot":"","sources":["../../src/theme/createTheme.ts"],"names":[],"mappings":"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","sourcesContent":["import { generatePalette } from './colorEngine';\nimport type { FontWeight, SurfaceTheme, ThemeConfig, ThemeTokens } from './types';\n\nexport const DEFAULT_TOKENS: Omit<ThemeTokens, 'colors' | 'swatches' | 'semantics'> = {\n  spacing: {\n    none: 0,\n    xs: 4,\n    s: 8,\n    m: 16,\n    l: 24,\n    xl: 32,\n    xxl: 48,\n  },\n  radii: {\n    none: 0,\n    s: 4,\n    m: 8,\n    l: 16,\n    full: 9999,\n  },\n  typography: {\n    headings: {\n      1: { size: 32, lineHeight: 40, weight: 'bold' },\n      2: { size: 24, lineHeight: 32, weight: 'bold' },\n      3: { size: 20, lineHeight: 28, weight: 'bold' },\n      4: { size: 18, lineHeight: 24, weight: 'semiBold' },\n      5: { size: 16, lineHeight: 22, weight: 'semiBold' },\n      6: { size: 14, lineHeight: 20, weight: 'semiBold' },\n    },\n    sizes: {\n      xs: 12,\n      s: 14,\n      m: 16,\n      l: 18,\n      xl: 20,\n      xxl: 24,\n      '3xl': 30,\n      h1: 32,\n      h2: 24,\n      h3: 20,\n      h4: 18,\n      h5: 16,\n      h6: 14,\n    },\n    weights: {\n      thin: '100',\n      extraLight: '200',\n      light: '300',\n      regular: '400',\n      medium: '500',\n      semiBold: '600',\n      bold: '700',\n      extraBold: '800',\n      black: '900',\n    },\n    fonts: {\n      normal: {} as Record<FontWeight, string | undefined>,\n      italic: {} as Record<FontWeight, string | undefined>,\n    },\n  },\n  shadows: {\n    soft: 2,\n    medium: 4,\n    hard: 8,\n  },\n};\n\nexport const DEFAULT_CONFIG: ThemeConfig = {\n  id: 'default',\n  name: 'Default',\n  light: {\n    primaryColor: '#3B82F6',\n    harmony: 'monochromatic',\n  },\n  dark: {\n    primaryColor: '#3B82F6',\n    harmony: 'monochromatic',\n  },\n};\n\n/**\n * Normalizes font family name to PascalCase for consistent key generation\n * matches GoogleFontsPlugin logic.\n */\nfunction toPascalCase(str: string) {\n  return str\n    .split(/[- ]+/)\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join('');\n}\n\nexport function createTheme(\n  config: ThemeConfig = DEFAULT_CONFIG,\n  mode: 'light' | 'dark' = 'light',\n  activeFontId?: string | null,\n): SurfaceTheme {\n  const { colors, swatches, semantics } = generatePalette(config, mode);\n\n  const theme = {\n    ...DEFAULT_TOKENS,\n    colors: colors as SurfaceTheme['colors'],\n    swatches,\n    semantics,\n    config,\n  };\n\n  if (activeFontId) {\n    const familyName = toPascalCase(activeFontId);\n    const weights: FontWeight[] = ['100', '200', '300', '400', '500', '600', '700', '800', '900'];\n\n    weights.forEach((w) => {\n      // Convention from GoogleFonts plugin: Family_WeightRegular\n      theme.typography.fonts.normal[w] = `${familyName}_${w}Regular`;\n      theme.typography.fonts.italic[w] = `${familyName}_${w}Italic`;\n    });\n  }\n\n  return theme;\n}\n"]}

package/dist/theme/types.d.ts

@@ -1,19 +1,7 @@
+import type { GeneratedThemeSwatches } from '@ankhorage/color-theory';
 import type { ThemeConfig as ContractsThemeConfig } from '@ankhorage/contracts';
-export type { ColorHarmony, ColorTone, ThemeConfig, ThemeModeConfig } from '@ankhorage/contracts';
-export interface ColorScale {
-    [key: number]: string;
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-    950: string;
-}
+export type { ColorHarmony, ColorSwatch, ColorSwatchStep, GeneratedColorRole, GeneratedThemeModeColors, GeneratedThemeSwatches, HexColor, SemanticColorReferenceMap, SemanticColorToken, } from '@ankhorage/color-theory';
+export type { ThemeConfig, ThemeModeConfig } from '@ankhorage/contracts';
 export interface NeutralSemantics {
     bg: string;
     bgSubtle: string;
@@ -89,7 +77,7 @@ export interface ThemeTokens {
         warning: string;
         [key: string]: string;
     };
-    scales: Record<string, ColorScale>;
+    swatches: GeneratedThemeSwatches;
     semantics: ThemeSemantics;
     spacing: {
         none: 0;
@@ -155,7 +143,7 @@ export interface ThemeTokens {
         [key: string]: number;
     };
 }
-export interface AnkhTheme extends ThemeTokens {
+export interface SurfaceTheme extends ThemeTokens {
     config: ContractsThemeConfig;
 }
 //# 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":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"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"}

package/dist/theme/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ThemeConfig as ContractsThemeConfig } from '@ankhorage/contracts';\n\nexport type { ColorHarmony, ColorTone, ThemeConfig, ThemeModeConfig } from '@ankhorage/contracts';\n\nexport interface ColorScale {\n  [key: number]: string;\n  50: string;\n  100: string;\n  200: string;\n  300: string;\n  400: string;\n  500: string;\n  600: string;\n  700: string;\n  800: string;\n  900: string;\n  950: string;\n}\n\nexport interface NeutralSemantics {\n  bg: string;\n  bgSubtle: string;\n  surface: string;\n  surfaceHover: string;\n  surfaceActive: string;\n  border: string;\n  borderStrong: string;\n  divider: string;\n  text: string;\n  textMuted: string;\n  textSubtle: string;\n}\n\nexport interface RoleSemantics {\n  base: string;\n  hover: string;\n  strong: string;\n  softBg: string;\n  softHover: string;\n  softActive: string;\n  outline: string;\n  onSolidText: string;\n}\n\nexport interface SurfaceSemantics {\n  default: string;\n  subtle: string;\n  raised: string;\n}\n\nexport interface ContentSemantics {\n  default: string;\n  muted: string;\n  subtle: string;\n  inverse: string;\n}\n\nexport interface BorderSemantics {\n  default: string;\n  strong: string;\n  focus: string;\n}\n\nexport interface ActionSemantics {\n  primary: RoleSemantics;\n  neutral: RoleSemantics;\n  danger: RoleSemantics;\n}\n\nexport interface ThemeSemantics {\n  neutral: NeutralSemantics;\n  brand: RoleSemantics;\n  secondary: RoleSemantics;\n  accent: RoleSemantics;\n  highlight: RoleSemantics;\n  danger: RoleSemantics;\n  success: RoleSemantics;\n  warning: RoleSemantics;\n  surface: SurfaceSemantics;\n  content: ContentSemantics;\n  border: BorderSemantics;\n  action: ActionSemantics;\n}\n\nexport type FontWeight =\n  | '100'\n  | '200'\n  | '300'\n  | '400'\n  | '500'\n  | '600'\n  | '700'\n  | '800'\n  | '900'\n  | 'bold'\n  | 'normal';\n\nexport interface ThemeTokens {\n  colors: {\n    primary: string;\n    secondary: string;\n    accent: string;\n    highlight: string;\n    background: string;\n    surface: string;\n    text: string;\n    textSecondary: string;\n    border: string;\n    error: string;\n    success: string;\n    warning: string;\n    [key: string]: string;\n  };\n  scales: Record<string, ColorScale>;\n  semantics: ThemeSemantics;\n  spacing: {\n    none: 0;\n    xs: number;\n    s: number;\n    m: number;\n    l: number;\n    xl: number;\n    xxl: number;\n    [key: string]: number;\n  };\n  radii: {\n    none: 0;\n    s: number;\n    m: number;\n    l: number;\n    full: number;\n  };\n  typography: {\n    headings: Record<\n      1 | 2 | 3 | 4 | 5 | 6,\n      {\n        size: number;\n        lineHeight: number;\n        weight: 'regular' | 'medium' | 'semiBold' | 'bold';\n      }\n    >;\n    sizes: {\n      xs: number;\n      s: number;\n      m: number;\n      l: number;\n      xl: number;\n      xxl: number;\n      '3xl': number;\n      h1: number;\n      h2: number;\n      h3: number;\n      h4: number;\n      h5: number;\n      h6: number;\n      [key: string]: number;\n    };\n    weights: {\n      thin: FontWeight;\n      extraLight: FontWeight;\n      light: FontWeight;\n      regular: FontWeight;\n      medium: FontWeight;\n      semiBold: FontWeight;\n      bold: FontWeight;\n      extraBold: FontWeight;\n      black: FontWeight;\n    };\n    fonts: {\n      /** Map of weight -> fontFamily name for normal style */\n      normal: Record<FontWeight, string | undefined>;\n      /** Map of weight -> fontFamily name for italic style */\n      italic: Record<FontWeight, string | undefined>;\n    };\n  };\n  shadows: {\n    soft: number;\n    medium: number;\n    hard: number;\n    [key: string]: number;\n  };\n}\n\nexport interface AnkhTheme extends ThemeTokens {\n  config: ContractsThemeConfig;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { GeneratedThemeSwatches } from '@ankhorage/color-theory';\nimport type { ThemeConfig as ContractsThemeConfig } from '@ankhorage/contracts';\n\nexport type {\n  ColorHarmony,\n  ColorSwatch,\n  ColorSwatchStep,\n  GeneratedColorRole,\n  GeneratedThemeModeColors,\n  GeneratedThemeSwatches,\n  HexColor,\n  SemanticColorReferenceMap,\n  SemanticColorToken,\n} from '@ankhorage/color-theory';\nexport type { ThemeConfig, ThemeModeConfig } from '@ankhorage/contracts';\n\nexport interface NeutralSemantics {\n  bg: string;\n  bgSubtle: string;\n  surface: string;\n  surfaceHover: string;\n  surfaceActive: string;\n  border: string;\n  borderStrong: string;\n  divider: string;\n  text: string;\n  textMuted: string;\n  textSubtle: string;\n}\n\nexport interface RoleSemantics {\n  base: string;\n  hover: string;\n  strong: string;\n  softBg: string;\n  softHover: string;\n  softActive: string;\n  outline: string;\n  onSolidText: string;\n}\n\nexport interface SurfaceSemantics {\n  default: string;\n  subtle: string;\n  raised: string;\n}\n\nexport interface ContentSemantics {\n  default: string;\n  muted: string;\n  subtle: string;\n  inverse: string;\n}\n\nexport interface BorderSemantics {\n  default: string;\n  strong: string;\n  focus: string;\n}\n\nexport interface ActionSemantics {\n  primary: RoleSemantics;\n  neutral: RoleSemantics;\n  danger: RoleSemantics;\n}\n\nexport interface ThemeSemantics {\n  neutral: NeutralSemantics;\n  brand: RoleSemantics;\n  secondary: RoleSemantics;\n  accent: RoleSemantics;\n  highlight: RoleSemantics;\n  danger: RoleSemantics;\n  success: RoleSemantics;\n  warning: RoleSemantics;\n  surface: SurfaceSemantics;\n  content: ContentSemantics;\n  border: BorderSemantics;\n  action: ActionSemantics;\n}\n\nexport type FontWeight =\n  | '100'\n  | '200'\n  | '300'\n  | '400'\n  | '500'\n  | '600'\n  | '700'\n  | '800'\n  | '900'\n  | 'bold'\n  | 'normal';\n\nexport interface ThemeTokens {\n  colors: {\n    primary: string;\n    secondary: string;\n    accent: string;\n    highlight: string;\n    background: string;\n    surface: string;\n    text: string;\n    textSecondary: string;\n    border: string;\n    error: string;\n    success: string;\n    warning: string;\n    [key: string]: string;\n  };\n  swatches: GeneratedThemeSwatches;\n  semantics: ThemeSemantics;\n  spacing: {\n    none: 0;\n    xs: number;\n    s: number;\n    m: number;\n    l: number;\n    xl: number;\n    xxl: number;\n    [key: string]: number;\n  };\n  radii: {\n    none: 0;\n    s: number;\n    m: number;\n    l: number;\n    full: number;\n  };\n  typography: {\n    headings: Record<\n      1 | 2 | 3 | 4 | 5 | 6,\n      {\n        size: number;\n        lineHeight: number;\n        weight: 'regular' | 'medium' | 'semiBold' | 'bold';\n      }\n    >;\n    sizes: {\n      xs: number;\n      s: number;\n      m: number;\n      l: number;\n      xl: number;\n      xxl: number;\n      '3xl': number;\n      h1: number;\n      h2: number;\n      h3: number;\n      h4: number;\n      h5: number;\n      h6: number;\n      [key: string]: number;\n    };\n    weights: {\n      thin: FontWeight;\n      extraLight: FontWeight;\n      light: FontWeight;\n      regular: FontWeight;\n      medium: FontWeight;\n      semiBold: FontWeight;\n      bold: FontWeight;\n      extraBold: FontWeight;\n      black: FontWeight;\n    };\n    fonts: {\n      /** Map of weight -> fontFamily name for normal style */\n      normal: Record<FontWeight, string | undefined>;\n      /** Map of weight -> fontFamily name for italic style */\n      italic: Record<FontWeight, string | undefined>;\n    };\n  };\n  shadows: {\n    soft: number;\n    medium: number;\n    hard: number;\n    [key: string]: number;\n  };\n}\n\nexport interface SurfaceTheme extends ThemeTokens {\n  config: ContractsThemeConfig;\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/surface",
   "type": "module",
-  "version": "0.2.3",
+  "version": "1.0.0",
   "description": "Stable UI foundation for React Native and React Native Web.",
   "homepage": "https://github.com/ankhorage/surface#readme",
   "bugs": {
@@ -41,9 +41,8 @@
     }
   },
   "dependencies": {
-    "@ankhorage/contracts": "^0.3.1",
-    "@types/culori": "^4.0.1",
-    "culori": "^4.0.2"
+    "@ankhorage/color-theory": "^0.0.2",
+    "@ankhorage/contracts": "^1.1.0"
   },
   "files": [
     "dist",
@@ -72,6 +71,7 @@
     "lint": "eslint . --max-warnings=0",
     "lint:fix": "eslint . --fix --max-warnings=0",
     "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "prepack": "bun run build",
     "test": "bun test src",
     "version-packages": "changeset version"

package/src/examples/DocsExamples.tsx

@@ -30,12 +30,10 @@ const docsThemeConfig = {
   light: {
     harmony: 'monochromatic' as const,
     primaryColor: '#2563eb',
-    colorTone: 'neutral' as const,
   },
   dark: {
     harmony: 'monochromatic' as const,
     primaryColor: '#2563eb',
-    colorTone: 'neutral' as const,
   },
 };
 

package/src/internal/resolvers/resolveControlSize.ts

@@ -1,4 +1,4 @@
-import type { AnkhTheme } from '../../theme/types';
+import type { SurfaceTheme } from '../../theme/types';
 
 export type ControlSize = 's' | 'm' | 'l';
 
@@ -11,7 +11,10 @@ export interface ResolvedControlSize {
   iconSize: number;
 }
 
-export function resolveControlSize(theme: AnkhTheme, size: ControlSize = 'm'): ResolvedControlSize {
+export function resolveControlSize(
+  theme: SurfaceTheme,
+  size: ControlSize = 'm',
+): ResolvedControlSize {
   switch (size) {
     case 's':
       return {

package/src/internal/resolvers/resolveIconSize.ts

@@ -1,6 +1,6 @@
-import type { AnkhTheme } from '../../theme/types';
+import type { SurfaceTheme } from '../../theme/types';
 import { type ControlSize, resolveControlSize } from './resolveControlSize';
 
-export function resolveIconSize(theme: AnkhTheme, size: ControlSize = 'm'): number {
+export function resolveIconSize(theme: SurfaceTheme, size: ControlSize = 'm'): number {
   return resolveControlSize(theme, size).iconSize;
 }

package/src/internal/resolvers/resolveInteractiveColors.ts

@@ -1,4 +1,4 @@
-import type { AnkhTheme } from '../../theme/types';
+import type { SurfaceTheme } from '../../theme/types';
 import type { FieldState } from './resolveFieldState';
 import type { InteractionState } from './resolveInteractiveState';
 import { type ComponentTone, resolveTone } from './resolveTone';
@@ -13,7 +13,7 @@ export interface ResolvedInteractiveColors {
 }
 
 export function resolveButtonColors(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   {
     variant,
     tone,
@@ -81,7 +81,7 @@ export function resolveButtonColors(
 }
 
 export function resolveInputColors(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   fieldState: FieldState,
 ): ResolvedInteractiveColors & { placeholderColor: string } {
   if (fieldState.disabled) {

package/src/internal/resolvers/resolveSelectionControlColors.ts

@@ -1,4 +1,4 @@
-import type { AnkhTheme } from '../../theme/types';
+import type { SurfaceTheme } from '../../theme/types';
 import type { FieldState } from './resolveFieldState';
 import { type ComponentTone, resolveTone } from './resolveTone';
 
@@ -13,7 +13,7 @@ export interface ResolvedSelectionControlColors {
 }
 
 export function resolveSelectionControlColors(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   {
     tone = 'primary',
     fieldState,

package/src/internal/resolvers/resolveTextColor.ts

@@ -1,5 +1,5 @@
 import { resolveToken } from '../../theme/resolveToken';
-import type { AnkhTheme } from '../../theme/types';
+import type { SurfaceTheme } from '../../theme/types';
 
 export type TextTone =
   | 'default'
@@ -9,10 +9,10 @@ export type TextTone =
   | 'danger'
   | 'success'
   | 'warning';
-export type TextColorValue = keyof AnkhTheme['colors'] | string;
+export type TextColorValue = keyof SurfaceTheme['colors'] | string;
 
 export function resolveTextColor(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   tone: TextTone = 'default',
   color?: TextColorValue,
 ): string {

package/src/internal/resolvers/resolveTextStyles.ts

@@ -1,9 +1,9 @@
 import type { TextStyle } from 'react-native';
 
-import type { AnkhTheme, FontWeight } from '../../theme/types';
+import type { FontWeight, SurfaceTheme } from '../../theme/types';
 
 export type TextVariant = 'body' | 'bodySmall' | 'caption' | 'label' | 'mono';
-export type TextWeight = keyof AnkhTheme['typography']['weights'] | FontWeight;
+export type TextWeight = keyof SurfaceTheme['typography']['weights'] | FontWeight;
 
 interface VariantStyle {
   fontSize: number;
@@ -19,15 +19,15 @@ export interface ResolveTextStyleOptions {
   level?: 1 | 2 | 3 | 4 | 5 | 6;
 }
 
-function resolveWeight(theme: AnkhTheme, value: TextWeight | undefined): FontWeight {
+function resolveWeight(theme: SurfaceTheme, value: TextWeight | undefined): FontWeight {
   if (!value) return theme.typography.weights.regular;
   if (value in theme.typography.weights) {
-    return theme.typography.weights[value as keyof AnkhTheme['typography']['weights']];
+    return theme.typography.weights[value as keyof SurfaceTheme['typography']['weights']];
   }
   return value as FontWeight;
 }
 
-function getVariantStyle(theme: AnkhTheme, variant: TextVariant): VariantStyle {
+function getVariantStyle(theme: SurfaceTheme, variant: TextVariant): VariantStyle {
   switch (variant) {
     case 'bodySmall':
       return {
@@ -64,7 +64,7 @@ function getVariantStyle(theme: AnkhTheme, variant: TextVariant): VariantStyle {
 }
 
 export function resolveTextStyles(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   options: ResolveTextStyleOptions = {},
 ): TextStyle {
   const { level, variant = 'body', align, weight, italic = false } = options;

package/src/internal/resolvers/resolveTone.ts

@@ -1,8 +1,8 @@
-import type { AnkhTheme, RoleSemantics } from '../../theme/types';
+import type { RoleSemantics, SurfaceTheme } from '../../theme/types';
 
 export type ComponentTone = 'primary' | 'neutral' | 'danger' | 'success' | 'warning';
 
-export function resolveTone(theme: AnkhTheme, tone: ComponentTone = 'primary'): RoleSemantics {
+export function resolveTone(theme: SurfaceTheme, tone: ComponentTone = 'primary'): RoleSemantics {
   switch (tone) {
     case 'neutral':
       return theme.semantics.action.neutral;

package/src/layout/Container.tsx

@@ -3,14 +3,14 @@ import { View } from 'react-native';
 
 import { resolveResponsive, type Responsive, useResponsiveRuntime } from '../core/responsive';
 import { useTheme } from '../theme/ThemeContext';
-import type { AnkhTheme } from '../theme/types';
+import type { SurfaceTheme } from '../theme/types';
 import { Box, type BoxProps } from './Box';
 import { resolveSpacing } from './helpers';
 
 export interface ContainerProps extends Omit<BoxProps, 'children'> {
   children?: React.ReactNode;
   maxWidth?: Responsive<number>;
-  px?: Responsive<number | keyof AnkhTheme['spacing']>;
+  px?: Responsive<number | keyof SurfaceTheme['spacing']>;
 }
 
 export function Container({

package/src/layout/helpers.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, test } from 'bun:test';
 
-import type { AnkhTheme } from '../theme/types';
+import type { SurfaceTheme } from '../theme/types';
 import { resolveBoxStyles } from './helpers';
 
 const mockTheme = {
@@ -16,7 +16,7 @@ const mockTheme = {
     primary: '#007AFF',
     surface: '#FFFFFF',
   },
-} as unknown as AnkhTheme;
+} as unknown as SurfaceTheme;
 
 describe('resolveBoxStyles', () => {
   test('resolves padding and margins correctly', () => {

package/src/layout/helpers.ts

@@ -3,11 +3,11 @@ import type { StyleProp, ViewStyle } from 'react-native';
 import { resolveResponsive } from '../core/responsive/resolve';
 import type { Breakpoint, Responsive } from '../core/responsive/types';
 import { resolveToken } from '../theme/resolveToken';
-import type { AnkhTheme } from '../theme/types';
+import type { SurfaceTheme } from '../theme/types';
 
-type SpaceToken = keyof AnkhTheme['spacing'];
-type RadiusToken = keyof AnkhTheme['radii'];
-type ColorToken = keyof AnkhTheme['colors'];
+type SpaceToken = keyof SurfaceTheme['spacing'];
+type RadiusToken = keyof SurfaceTheme['radii'];
+type ColorToken = keyof SurfaceTheme['colors'];
 
 export type SpaceValue = number | SpaceToken;
 export type RadiusValue = number | RadiusToken;
@@ -55,7 +55,7 @@ export interface BoxStyleProps {
 }
 
 export function resolveSpacing(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   value: SpaceValue | undefined,
 ): number | undefined {
   if (value === undefined) return undefined;
@@ -64,7 +64,7 @@ export function resolveSpacing(
 }
 
 export function resolveRadius(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   value: RadiusValue | undefined,
 ): number | undefined {
   if (value === undefined) return undefined;
@@ -72,7 +72,10 @@ export function resolveRadius(
   return theme.radii[value];
 }
 
-export function resolveColor(theme: AnkhTheme, value: ColorValue | undefined): string | undefined {
+export function resolveColor(
+  theme: SurfaceTheme,
+  value: ColorValue | undefined,
+): string | undefined {
   if (value === undefined) return undefined;
   if (Object.prototype.hasOwnProperty.call(theme.colors, value)) {
     return theme.colors[value];
@@ -81,7 +84,7 @@ export function resolveColor(theme: AnkhTheme, value: ColorValue | undefined): s
 }
 
 export function resolveDimension(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   value: number | string | undefined,
 ): number | string | undefined {
   if (value === undefined || typeof value === 'number') return value;
@@ -93,7 +96,7 @@ function assignIfDefined<T, K extends keyof T>(target: T, key: K, value: T[K] |
 }
 
 export function resolveBoxStyles(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   breakpoint: Breakpoint,
   props: BoxStyleProps,
 ): ViewStyle {

package/src/primitives/heading/resolveHeadingStyle.ts

@@ -2,11 +2,11 @@ import type { TextStyle } from 'react-native';
 
 import { resolveTextColor } from '../../internal/resolvers/resolveTextColor';
 import { resolveTextStyles } from '../../internal/resolvers/resolveTextStyles';
-import type { AnkhTheme } from '../../theme/types';
+import type { SurfaceTheme } from '../../theme/types';
 import type { HeadingLevel, HeadingProps } from './types';
 
 export function resolveHeadingTextStyle(
-  theme: AnkhTheme,
+  theme: SurfaceTheme,
   level: HeadingLevel,
   align?: HeadingProps['align'],
 ): TextStyle {

package/src/primitives/icon/Icon.tsx

@@ -3,7 +3,7 @@ import { type StyleProp, type TextStyle } from 'react-native';
 
 import { resolveToken } from '../../theme/resolveToken';
 import { useTheme } from '../../theme/ThemeContext';
-import type { AnkhTheme } from '../../theme/types';
+import type { SurfaceTheme } from '../../theme/types';
 import { resolveExpoIconComponent } from './resolveExpoIconComponent';
 
 export type IconProvider = string;
@@ -11,8 +11,8 @@ export type IconProvider = string;
 export interface IconProps {
   name: string;
   provider?: IconProvider;
-  size?: keyof AnkhTheme['spacing'] | number;
-  color?: keyof AnkhTheme['colors'] | string;
+  size?: keyof SurfaceTheme['spacing'] | number;
+  color?: keyof SurfaceTheme['colors'] | string;
   style?: StyleProp<TextStyle>;
   testID?: string;
 }

package/src/theme/ThemeContext.tsx

@@ -6,12 +6,12 @@ import { OverlayProvider } from '../internal/overlay/OverlayProvider';
 import { isDeepEqual } from '../utils/deepEqual';
 import { deepMerge } from '../utils/deepMerge';
 import { createTheme } from './createTheme';
-import type { AnkhTheme, ThemeConfig } from './types';
+import type { SurfaceTheme, ThemeConfig } from './types';
 
 const defaultTheme = createTheme();
 
 export const ThemeContext = createContext<{
-  theme: AnkhTheme;
+  theme: SurfaceTheme;
   mode: 'light' | 'dark';
   setThemeConfig: (config: Partial<ThemeConfig>) => void;
   setMode: (mode: 'light' | 'dark') => void;