@ankhorage/zora 0.16.2 → 1.0.0

package/src/patterns/theme-composer/ThemeComposer.tsx

@@ -1,3 +1,4 @@
+import { COLOR_HARMONIES, parseHexColorOrThrow } from '@ankhorage/color-theory';
 import { Box, Stack } from '@ankhorage/surface';
 import React from 'react';
 
@@ -9,63 +10,27 @@ import { Input } from '../../components/input';
 import { Select } from '../../components/select';
 import { Tabs } from '../../components/tabs';
 import { Text } from '../../components/text';
-import {
-  ZORA_COLOR_HARMONIES,
-  ZORA_COLOR_TONES,
-  type ZoraColorTone,
-  type ZoraTheme,
-  type ZoraThemeMode,
-} from '../../theme/types';
+import type { ZoraThemeMode } from '../../theme/types';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import {
-  createThemeFromThemeComposerRecommendation,
-  findThemeComposerRecommendation,
-  formatThemeComposerLabel,
-} from './recommendations';
 import type { ThemeComposerProps } from './types';
 
-const HEX_RE = /^#[0-9A-Fa-f]{6}$/;
-
 function isValidHex(value: string): boolean {
-  return HEX_RE.test(value);
+  try {
+    parseHexColorOrThrow(value);
+    return true;
+  } catch {
+    return false;
+  }
 }
 
-const HARMONY_OPTIONS = ZORA_COLOR_HARMONIES.map((h) => ({ value: h, label: h }));
-
-const TONE_OPTIONS = ZORA_COLOR_TONES.map((t) => ({ value: t, label: t }));
+const HARMONY_OPTIONS = COLOR_HARMONIES.map((h) => ({ value: h, label: h }));
 
 const MODE_TABS = [
   { value: 'light' as ZoraThemeMode, label: 'Light' },
   { value: 'dark' as ZoraThemeMode, label: 'Dark' },
 ];
 
-const COLOR_TONE_BACKGROUND_TONE: Record<ZoraColorTone, string> = {
-  neutral: 'Neutral',
-  pastel: 'Pastel',
-  earth: 'Earth',
-  mineral: 'Mineral',
-  muted: 'Muted',
-  jewel: 'Neutral',
-  fluorescent: 'Obsidian',
-  obsidian: 'Obsidian',
-  vaporwave: 'Pastel',
-  monochromeAccent: 'Neutral',
-};
-
-const COLOR_TONE_FOREGROUND_TONE: Record<ZoraColorTone, string> = {
-  neutral: 'Jewel',
-  pastel: 'Jewel',
-  earth: 'Mineral',
-  mineral: 'Jewel',
-  muted: 'Jewel',
-  jewel: 'Jewel',
-  fluorescent: 'Fluorescent',
-  obsidian: 'Fluorescent',
-  vaporwave: 'Fluorescent',
-  monochromeAccent: 'Jewel',
-};
-
 function ThemeComposerInner({
   themeId: _themeId,
   value,
@@ -73,9 +38,6 @@ function ThemeComposerInner({
   mode,
   onModeChange,
   onSubmit,
-  appCategory,
-  appMood,
-  recommendations,
   testID,
 }: ThemeComposerProps) {
   const { theme } = useZoraTheme();
@@ -96,70 +58,16 @@ function ThemeComposerInner({
 
     if (isValidHex(normalized)) {
       setHexError(undefined);
-      onChange({ ...value, primaryColor: normalized as ZoraTheme['primaryColor'] });
+      onChange({ ...value, primaryColor: normalized });
     } else {
       setHexError('Enter a valid 6-digit hex color (e.g. #0f766e).');
     }
   }
 
   const activeMode = mode ?? 'light';
-  const recommendation = findThemeComposerRecommendation({
-    appCategory,
-    appMood,
-    recommendations,
-  });
 
   return (
     <Stack gap="l" testID={testID}>
-      {recommendation ? (
-        <Card
-          title="Recommended starting point"
-          description="Use this as an optional starting point. It is only applied when you choose it."
-          actions={
-            <Button
-              size="s"
-              emphasis="soft"
-              tone="primary"
-              onPress={() =>
-                onChange(
-                  createThemeFromThemeComposerRecommendation({
-                    value,
-                    recommendation,
-                  }),
-                )
-              }
-              testID={testID ? `${testID}-apply-recommendation` : undefined}
-            >
-              Apply recommendation
-            </Button>
-          }
-        >
-          <Stack gap="s">
-            <Stack direction="row" gap="s" wrap="wrap">
-              <Badge tone="primary" emphasis="soft">
-                {formatThemeComposerLabel(recommendation.appMood)} mood
-              </Badge>
-              <Badge tone="neutral" emphasis="soft">
-                {formatThemeComposerLabel(recommendation.suggestedColorTone)} color tone
-              </Badge>
-              <Badge tone="neutral" emphasis="soft">
-                {formatThemeComposerLabel(recommendation.suggestedHarmony)} harmony
-              </Badge>
-              {recommendation.suggestedPrimaryHueDegrees === undefined ? null : (
-                <Badge tone="neutral" emphasis="soft">
-                  {recommendation.suggestedPrimaryHueDegrees}° hue
-                </Badge>
-              )}
-            </Stack>
-            <Text tone="muted" variant="bodySmall">
-              Suggested for {formatThemeComposerLabel(recommendation.appCategory)}. The color tone
-              controls palette character, harmony controls accent relationships, and hue sets the
-              starting primary color when available.
-            </Text>
-          </Stack>
-        </Card>
-      ) : null}
-
       {/* Section: Primary Color */}
       <Card title="Primary color" description="Set the seed color for your theme palette.">
         <Stack gap="m">
@@ -209,35 +117,6 @@ function ThemeComposerInner({
         />
       </Card>
 
-      {/* Section: Color tone */}
-      <Card
-        title="Color tone"
-        description="Controls the vibrancy and saturation style of the palette."
-      >
-        <Stack gap="s">
-          <Select
-            value={value.colorTone}
-            options={TONE_OPTIONS}
-            onValueChange={(t) => onChange({ ...value, colorTone: t })}
-            testID={testID ? `${testID}-tone-select` : undefined}
-          />
-          <Stack direction="row" gap="s" align="center">
-            <Text tone="muted" variant="caption">
-              Background:
-            </Text>
-            <Badge tone="neutral" emphasis="soft">
-              {COLOR_TONE_BACKGROUND_TONE[value.colorTone]}
-            </Badge>
-            <Text tone="muted" variant="caption">
-              Foreground:
-            </Text>
-            <Badge tone="neutral" emphasis="soft">
-              {COLOR_TONE_FOREGROUND_TONE[value.colorTone]}
-            </Badge>
-          </Stack>
-        </Stack>
-      </Card>
-
       {/* Section: Mode */}
       <Card title="Mode" description="Switch between light and dark presentation.">
         <Tabs

package/src/patterns/theme-composer/index.ts

@@ -1,7 +1,2 @@
 export { ThemeComposer } from './ThemeComposer';
-export type {
-  ThemeComposerAppCategory,
-  ThemeComposerAppMood,
-  ThemeComposerProps,
-  ThemeComposerRecommendation,
-} from './types';
+export type { ThemeComposerProps } from './types';

package/src/patterns/theme-composer/types.ts

@@ -1,24 +1,10 @@
-import type { ZoraColorHarmony, ZoraColorTone, ZoraTheme, ZoraThemeMode } from '../../theme/types';
+import type { ZoraTheme, ZoraThemeMode } from '../../theme/types';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
-export type ThemeComposerAppCategory = string;
-export type ThemeComposerAppMood = string;
-
-export interface ThemeComposerRecommendation {
-  appCategory: ThemeComposerAppCategory;
-  appMood: ThemeComposerAppMood;
-  suggestedColorTone: ZoraColorTone;
-  suggestedHarmony: ZoraColorHarmony;
-  suggestedPrimaryHueDegrees?: number;
-}
-
 export interface ThemeComposerProps extends ZoraBaseProps {
   value: ZoraTheme;
   onChange: (theme: ZoraTheme) => void;
   mode?: ZoraThemeMode;
   onModeChange?: (mode: ZoraThemeMode) => void;
   onSubmit?: (theme: ZoraTheme) => void;
-  appCategory?: ThemeComposerAppCategory;
-  appMood?: ThemeComposerAppMood;
-  recommendations?: readonly ThemeComposerRecommendation[];
 }

package/src/showcaseCoverage.test.ts

@@ -5,6 +5,16 @@ import { describe, expect, test } from 'bun:test';
 
 const SHOWCASE_ROOT = join(process.cwd(), 'examples', 'expo-showcase');
 
+const IGNORED_DIRECTORY_NAMES = new Set([
+  '.expo',
+  '.git',
+  '.turbo',
+  '.vercel',
+  'coverage',
+  'dist',
+  'node_modules',
+]);
+
 const REQUIRED_SHOWCASE_COVERAGE = {
   components: [
     'Badge',
@@ -79,6 +89,10 @@ const REQUIRED_SHOWCASE_COVERAGE = {
 
 function listFiles(root: string): string[] {
   return readdirSync(root, { withFileTypes: true }).flatMap((entry) => {
+    if (entry.isDirectory() && IGNORED_DIRECTORY_NAMES.has(entry.name)) {
+      return [];
+    }
+
     const absolutePath = join(root, entry.name);
     if (entry.isDirectory()) {
       return listFiles(absolutePath);

package/src/theme/createZoraThemeConfig.test.ts

@@ -1,12 +1,7 @@
 import { describe, expect, test } from 'bun:test';
 
-import { parseHexToOklch } from '../internal/color';
 import { createZoraThemeConfig } from './createZoraThemeConfig';
-import type { ZoraHexColor } from './types';
-
-function isSixDigitHexColor(value: string): value is ZoraHexColor {
-  return /^#[0-9a-f]{6}$/.test(value);
-}
+import { zoraDefaultTheme } from './zoraDefaultTheme';
 
 describe('createZoraThemeConfig', () => {
   test('converts the default theme seed into a surface config', () => {
@@ -14,37 +9,67 @@ describe('createZoraThemeConfig', () => {
 
     expect(themeConfig.id).toBe('zora');
     expect(themeConfig.name).toBe('ZORA');
-    expect(isSixDigitHexColor(themeConfig.light.primaryColor)).toBe(true);
+    expect(themeConfig.light.primaryColor).toBe(zoraDefaultTheme.primaryColor);
     expect(themeConfig.light.harmony).toBe('analogous');
-    expect(themeConfig.light.colorTone).toBe('jewel');
-    expect(isSixDigitHexColor(themeConfig.dark.primaryColor)).toBe(true);
+    expect(themeConfig.dark.primaryColor).toBe(zoraDefaultTheme.primaryColor);
     expect(themeConfig.dark.harmony).toBe('analogous');
-    expect(themeConfig.dark.colorTone).toBe('jewel');
-
-    expect(themeConfig.light.primaryColor).not.toBe(themeConfig.dark.primaryColor);
-
-    const lightOklch = parseHexToOklch(themeConfig.light.primaryColor);
-    const darkOklch = parseHexToOklch(themeConfig.dark.primaryColor);
-    expect(darkOklch.l).toBeGreaterThan(lightOklch.l);
   });
 
-  test('falls back to id when name is omitted', () => {
+  test('uses theme.name directly without fallback to id', () => {
     const themeConfig = createZoraThemeConfig({
       id: 'studio',
+      name: 'Studio',
+      appCategory: 'developer_tools',
       primaryColor: '#0f766e',
       harmony: 'analogous',
-      colorTone: 'jewel',
     });
 
     expect(themeConfig.id).toBe('studio');
-    expect(themeConfig.name).toBe('studio');
-    expect(isSixDigitHexColor(themeConfig.light.primaryColor)).toBe(true);
-    expect(themeConfig.light.harmony).toBe('analogous');
-    expect(themeConfig.light.colorTone).toBe('jewel');
-    expect(isSixDigitHexColor(themeConfig.dark.primaryColor)).toBe(true);
-    expect(themeConfig.dark.harmony).toBe('analogous');
-    expect(themeConfig.dark.colorTone).toBe('jewel');
+    expect(themeConfig.name).toBe('Studio');
+  });
+
+  test('preserves the same primaryColor for both light and dark', () => {
+    const primary = '#2563eb';
+    const themeConfig = createZoraThemeConfig({
+      id: 'test',
+      name: 'Test',
+      appCategory: 'utilities_tools',
+      primaryColor: primary,
+      harmony: 'triadic',
+    });
+
+    expect(themeConfig.light.primaryColor).toBe(primary);
+    expect(themeConfig.dark.primaryColor).toBe(primary);
+  });
+
+  test('validates public primaryColor strings during config conversion', () => {
+    expect(() =>
+      createZoraThemeConfig({
+        id: 'bad-theme',
+        name: 'Bad Theme',
+        appCategory: 'utilities_tools',
+        primaryColor: 'blue',
+        harmony: 'triadic',
+      }),
+    ).toThrow();
+  });
+
+  test('output has no colorTone field', () => {
+    const themeConfig = createZoraThemeConfig();
+
+    expect('colorTone' in themeConfig.light).toBe(false);
+    expect('colorTone' in themeConfig.dark).toBe(false);
+  });
+
+  test('surfaceConfig.name equals theme.name', () => {
+    const themeConfig = createZoraThemeConfig({
+      id: 'my-theme',
+      name: 'My Theme',
+      appCategory: 'games',
+      primaryColor: '#7c3aed',
+      harmony: 'complementary',
+    });
 
-    expect(themeConfig.light.primaryColor).not.toBe(themeConfig.dark.primaryColor);
+    expect(themeConfig.name).toBe('My Theme');
   });
 });

package/src/theme/createZoraThemeConfig.ts

@@ -1,22 +1,22 @@
-import type { ThemeConfig } from '@ankhorage/surface';
+import { parseHexColorOrThrow } from '@ankhorage/color-theory';
+import type { ThemeConfig } from '@ankhorage/contracts';
 
-import { resolveModePrimaryColor } from '../internal/color';
 import type { ZoraTheme } from './types';
 import { zoraDefaultTheme } from './zoraDefaultTheme';
 
 export function createZoraThemeConfig(theme: ZoraTheme = zoraDefaultTheme): ThemeConfig {
+  const primaryColor = parseHexColorOrThrow(theme.primaryColor);
+
   return {
     id: theme.id,
-    name: theme.name ?? theme.id,
+    name: theme.name,
     light: {
-      primaryColor: resolveModePrimaryColor(theme.primaryColor, 'light'),
+      primaryColor,
       harmony: theme.harmony,
-      colorTone: theme.colorTone,
     },
     dark: {
-      primaryColor: resolveModePrimaryColor(theme.primaryColor, 'dark'),
+      primaryColor,
       harmony: theme.harmony,
-      colorTone: theme.colorTone,
     },
   };
 }

package/src/theme/index.ts

@@ -1,9 +1,7 @@
 export { createZoraThemeConfig } from './createZoraThemeConfig';
 export type {
-  ZoraColorHarmony,
-  ZoraColorTone,
   ZoraComputedTheme,
-  ZoraHexColor,
+  ZoraComputedThemeMode,
   ZoraTheme,
   ZoraThemeId,
   ZoraThemeMode,

package/src/theme/types.ts

@@ -1,49 +1,37 @@
-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 const ZORA_COLOR_HARMONIES = [
-  'monochromatic',
-  'analogous',
-  'complementary',
-  'splitComplementary',
-  'triadic',
-  'tetradic',
-] as const satisfies readonly ColorHarmony[];
-
-export type ZoraColorHarmony = ColorHarmony;
-
-export const ZORA_COLOR_TONES = [
-  'neutral',
-  'pastel',
-  'earth',
-  'mineral',
-  'muted',
-  'jewel',
-  'fluorescent',
-  'obsidian',
-  'vaporwave',
-  'monochromeAccent',
-] as const satisfies readonly ColorTone[];
-
-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;
 }

package/src/theme/zoraDefaultTheme.ts

@@ -3,7 +3,7 @@ import type { ZoraTheme } from './types';
 export const zoraDefaultTheme: ZoraTheme = {
   id: 'zora',
   name: 'ZORA',
+  appCategory: 'developer_tools',
   primaryColor: '#0f766e',
   harmony: 'analogous',
-  colorTone: 'jewel',
 };

package/dist/internal/color/colorToneRecipes.d.ts

@@ -1,23 +0,0 @@
-import type { ZoraColorTone } from '../../theme/types';
-import type { ZoraHueScaleRoleId } from './scales';
-export interface ZoraColorToneLaneRecipe {
-    backgroundTone: ZoraColorTone;
-    foregroundTone: ZoraColorTone;
-}
-export interface ZoraColorToneRoleChromaFactors {
-    primary: number;
-    secondary: number;
-    accent: number;
-    highlight: number;
-    surfaceTint: number;
-}
-export interface ZoraColorToneRecipe {
-    colorTone: ZoraColorTone;
-    laneRecipe: ZoraColorToneLaneRecipe;
-    roleChromaFactors: ZoraColorToneRoleChromaFactors;
-    maxChroma: number;
-    minMidChroma: number;
-}
-export declare function getZoraColorToneRecipe(colorTone: ZoraColorTone): ZoraColorToneRecipe;
-export declare function getZoraColorToneRoleChromaFactor(recipe: ZoraColorToneRecipe, role: ZoraHueScaleRoleId): number;
-//# sourceMappingURL=colorToneRecipes.d.ts.map

package/dist/internal/color/colorToneRecipes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"colorToneRecipes.d.ts","sourceRoot":"","sources":["../../../src/internal/color/colorToneRecipes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,aAAa,CAAC;IAC9B,cAAc,EAAE,aAAa,CAAC;CAC/B;AAED,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,aAAa,CAAC;IACzB,UAAU,EAAE,uBAAuB,CAAC;IACpC,iBAAiB,EAAE,8BAA8B,CAAC;IAClD,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB;AAuID,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,aAAa,GAAG,mBAAmB,CAEpF;AAED,wBAAgB,gCAAgC,CAC9C,MAAM,EAAE,mBAAmB,EAC3B,IAAI,EAAE,kBAAkB,GACvB,MAAM,CAER"}

package/dist/internal/color/colorToneRecipes.js

@@ -1,139 +0,0 @@
-const ZORA_COLOR_TONE_RECIPES = {
-    neutral: {
-        colorTone: 'neutral',
-        laneRecipe: { backgroundTone: 'neutral', foregroundTone: 'jewel' },
-        roleChromaFactors: {
-            primary: 0.72,
-            secondary: 0.48,
-            accent: 0.56,
-            highlight: 0.6,
-            surfaceTint: 0.12,
-        },
-        maxChroma: 0.14,
-        minMidChroma: 0.025,
-    },
-    pastel: {
-        colorTone: 'pastel',
-        laneRecipe: { backgroundTone: 'pastel', foregroundTone: 'jewel' },
-        roleChromaFactors: {
-            primary: 0.58,
-            secondary: 0.48,
-            accent: 0.55,
-            highlight: 0.62,
-            surfaceTint: 0.2,
-        },
-        maxChroma: 0.12,
-        minMidChroma: 0.02,
-    },
-    earth: {
-        colorTone: 'earth',
-        laneRecipe: { backgroundTone: 'earth', foregroundTone: 'mineral' },
-        roleChromaFactors: {
-            primary: 0.64,
-            secondary: 0.52,
-            accent: 0.58,
-            highlight: 0.6,
-            surfaceTint: 0.16,
-        },
-        maxChroma: 0.13,
-        minMidChroma: 0.022,
-    },
-    mineral: {
-        colorTone: 'mineral',
-        laneRecipe: { backgroundTone: 'mineral', foregroundTone: 'jewel' },
-        roleChromaFactors: {
-            primary: 0.7,
-            secondary: 0.56,
-            accent: 0.64,
-            highlight: 0.68,
-            surfaceTint: 0.16,
-        },
-        maxChroma: 0.14,
-        minMidChroma: 0.025,
-    },
-    muted: {
-        colorTone: 'muted',
-        laneRecipe: { backgroundTone: 'muted', foregroundTone: 'jewel' },
-        roleChromaFactors: {
-            primary: 0.6,
-            secondary: 0.5,
-            accent: 0.56,
-            highlight: 0.6,
-            surfaceTint: 0.14,
-        },
-        maxChroma: 0.12,
-        minMidChroma: 0.02,
-    },
-    jewel: {
-        colorTone: 'jewel',
-        laneRecipe: { backgroundTone: 'neutral', foregroundTone: 'jewel' },
-        roleChromaFactors: {
-            primary: 1,
-            secondary: 0.72,
-            accent: 0.85,
-            highlight: 1,
-            surfaceTint: 0.18,
-        },
-        maxChroma: 0.2,
-        minMidChroma: 0.04,
-    },
-    fluorescent: {
-        colorTone: 'fluorescent',
-        laneRecipe: { backgroundTone: 'obsidian', foregroundTone: 'fluorescent' },
-        roleChromaFactors: {
-            primary: 1.12,
-            secondary: 0.82,
-            accent: 1.05,
-            highlight: 1.18,
-            surfaceTint: 0.22,
-        },
-        maxChroma: 0.24,
-        minMidChroma: 0.045,
-    },
-    obsidian: {
-        colorTone: 'obsidian',
-        laneRecipe: { backgroundTone: 'obsidian', foregroundTone: 'fluorescent' },
-        roleChromaFactors: {
-            primary: 1.08,
-            secondary: 0.78,
-            accent: 1,
-            highlight: 1.12,
-            surfaceTint: 0.2,
-        },
-        maxChroma: 0.22,
-        minMidChroma: 0.04,
-    },
-    vaporwave: {
-        colorTone: 'vaporwave',
-        laneRecipe: { backgroundTone: 'pastel', foregroundTone: 'fluorescent' },
-        roleChromaFactors: {
-            primary: 0.95,
-            secondary: 0.72,
-            accent: 1,
-            highlight: 1.08,
-            surfaceTint: 0.24,
-        },
-        maxChroma: 0.2,
-        minMidChroma: 0.035,
-    },
-    monochromeAccent: {
-        colorTone: 'monochromeAccent',
-        laneRecipe: { backgroundTone: 'neutral', foregroundTone: 'jewel' },
-        roleChromaFactors: {
-            primary: 0.88,
-            secondary: 0.36,
-            accent: 0.95,
-            highlight: 0.88,
-            surfaceTint: 0.08,
-        },
-        maxChroma: 0.18,
-        minMidChroma: 0.035,
-    },
-};
-export function getZoraColorToneRecipe(colorTone) {
-    return ZORA_COLOR_TONE_RECIPES[colorTone];
-}
-export function getZoraColorToneRoleChromaFactor(recipe, role) {
-    return recipe.roleChromaFactors[role];
-}
-//# sourceMappingURL=colorToneRecipes.js.map

package/dist/internal/color/colorToneRecipes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colorToneRecipes.js","sourceRoot":"","sources":["../../../src/internal/color/colorToneRecipes.ts"],"names":[],"mappings":"AAwBA,MAAM,uBAAuB,GAAG;IAC9B,OAAO,EAAE;QACP,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE;QAClE,iBAAiB,EAAE;YACjB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,GAAG;YACd,WAAW,EAAE,IAAI;SAClB;QACD,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,KAAK;KACpB;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE;QACjE,iBAAiB,EAAE;YACjB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,GAAG;SACjB;QACD,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,IAAI;KACnB;IACD,KAAK,EAAE;QACL,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE;QAClE,iBAAiB,EAAE;YACjB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,GAAG;YACd,WAAW,EAAE,IAAI;SAClB;QACD,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,KAAK;KACpB;IACD,OAAO,EAAE;QACP,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE;QAClE,iBAAiB,EAAE;YACjB,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,IAAI;SAClB;QACD,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,KAAK;KACpB;IACD,KAAK,EAAE;QACL,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE;QAChE,iBAAiB,EAAE;YACjB,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,GAAG;YACd,WAAW,EAAE,IAAI;SAClB;QACD,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,IAAI;KACnB;IACD,KAAK,EAAE;QACL,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE;QAClE,iBAAiB,EAAE;YACjB,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,IAAI;SAClB;QACD,SAAS,EAAE,GAAG;QACd,YAAY,EAAE,IAAI;KACnB;IACD,WAAW,EAAE;QACX,SAAS,EAAE,aAAa;QACxB,UAAU,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE;QACzE,iBAAiB,EAAE;YACjB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,IAAI;SAClB;QACD,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,KAAK;KACpB;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,UAAU;QACrB,UAAU,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE;QACzE,iBAAiB,EAAE;YACjB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,GAAG;SACjB;QACD,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,IAAI;KACnB;IACD,SAAS,EAAE;QACT,SAAS,EAAE,WAAW;QACtB,UAAU,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE;QACvE,iBAAiB,EAAE;YACjB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,IAAI;SAClB;QACD,SAAS,EAAE,GAAG;QACd,YAAY,EAAE,KAAK;KACpB;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,kBAAkB;QAC7B,UAAU,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE;QAClE,iBAAiB,EAAE;YACjB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,IAAI;SAClB;QACD,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,KAAK;KACpB;CACmD,CAAC;AAEvD,MAAM,UAAU,sBAAsB,CAAC,SAAwB;IAC7D,OAAO,uBAAuB,CAAC,SAAS,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,gCAAgC,CAC9C,MAA2B,EAC3B,IAAwB;IAExB,OAAO,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACxC,CAAC","sourcesContent":["import type { ZoraColorTone } from '../../theme/types';\nimport type { ZoraHueScaleRoleId } from './scales';\n\nexport interface ZoraColorToneLaneRecipe {\n  backgroundTone: ZoraColorTone;\n  foregroundTone: ZoraColorTone;\n}\n\nexport interface ZoraColorToneRoleChromaFactors {\n  primary: number;\n  secondary: number;\n  accent: number;\n  highlight: number;\n  surfaceTint: number;\n}\n\nexport interface ZoraColorToneRecipe {\n  colorTone: ZoraColorTone;\n  laneRecipe: ZoraColorToneLaneRecipe;\n  roleChromaFactors: ZoraColorToneRoleChromaFactors;\n  maxChroma: number;\n  minMidChroma: number;\n}\n\nconst ZORA_COLOR_TONE_RECIPES = {\n  neutral: {\n    colorTone: 'neutral',\n    laneRecipe: { backgroundTone: 'neutral', foregroundTone: 'jewel' },\n    roleChromaFactors: {\n      primary: 0.72,\n      secondary: 0.48,\n      accent: 0.56,\n      highlight: 0.6,\n      surfaceTint: 0.12,\n    },\n    maxChroma: 0.14,\n    minMidChroma: 0.025,\n  },\n  pastel: {\n    colorTone: 'pastel',\n    laneRecipe: { backgroundTone: 'pastel', foregroundTone: 'jewel' },\n    roleChromaFactors: {\n      primary: 0.58,\n      secondary: 0.48,\n      accent: 0.55,\n      highlight: 0.62,\n      surfaceTint: 0.2,\n    },\n    maxChroma: 0.12,\n    minMidChroma: 0.02,\n  },\n  earth: {\n    colorTone: 'earth',\n    laneRecipe: { backgroundTone: 'earth', foregroundTone: 'mineral' },\n    roleChromaFactors: {\n      primary: 0.64,\n      secondary: 0.52,\n      accent: 0.58,\n      highlight: 0.6,\n      surfaceTint: 0.16,\n    },\n    maxChroma: 0.13,\n    minMidChroma: 0.022,\n  },\n  mineral: {\n    colorTone: 'mineral',\n    laneRecipe: { backgroundTone: 'mineral', foregroundTone: 'jewel' },\n    roleChromaFactors: {\n      primary: 0.7,\n      secondary: 0.56,\n      accent: 0.64,\n      highlight: 0.68,\n      surfaceTint: 0.16,\n    },\n    maxChroma: 0.14,\n    minMidChroma: 0.025,\n  },\n  muted: {\n    colorTone: 'muted',\n    laneRecipe: { backgroundTone: 'muted', foregroundTone: 'jewel' },\n    roleChromaFactors: {\n      primary: 0.6,\n      secondary: 0.5,\n      accent: 0.56,\n      highlight: 0.6,\n      surfaceTint: 0.14,\n    },\n    maxChroma: 0.12,\n    minMidChroma: 0.02,\n  },\n  jewel: {\n    colorTone: 'jewel',\n    laneRecipe: { backgroundTone: 'neutral', foregroundTone: 'jewel' },\n    roleChromaFactors: {\n      primary: 1,\n      secondary: 0.72,\n      accent: 0.85,\n      highlight: 1,\n      surfaceTint: 0.18,\n    },\n    maxChroma: 0.2,\n    minMidChroma: 0.04,\n  },\n  fluorescent: {\n    colorTone: 'fluorescent',\n    laneRecipe: { backgroundTone: 'obsidian', foregroundTone: 'fluorescent' },\n    roleChromaFactors: {\n      primary: 1.12,\n      secondary: 0.82,\n      accent: 1.05,\n      highlight: 1.18,\n      surfaceTint: 0.22,\n    },\n    maxChroma: 0.24,\n    minMidChroma: 0.045,\n  },\n  obsidian: {\n    colorTone: 'obsidian',\n    laneRecipe: { backgroundTone: 'obsidian', foregroundTone: 'fluorescent' },\n    roleChromaFactors: {\n      primary: 1.08,\n      secondary: 0.78,\n      accent: 1,\n      highlight: 1.12,\n      surfaceTint: 0.2,\n    },\n    maxChroma: 0.22,\n    minMidChroma: 0.04,\n  },\n  vaporwave: {\n    colorTone: 'vaporwave',\n    laneRecipe: { backgroundTone: 'pastel', foregroundTone: 'fluorescent' },\n    roleChromaFactors: {\n      primary: 0.95,\n      secondary: 0.72,\n      accent: 1,\n      highlight: 1.08,\n      surfaceTint: 0.24,\n    },\n    maxChroma: 0.2,\n    minMidChroma: 0.035,\n  },\n  monochromeAccent: {\n    colorTone: 'monochromeAccent',\n    laneRecipe: { backgroundTone: 'neutral', foregroundTone: 'jewel' },\n    roleChromaFactors: {\n      primary: 0.88,\n      secondary: 0.36,\n      accent: 0.95,\n      highlight: 0.88,\n      surfaceTint: 0.08,\n    },\n    maxChroma: 0.18,\n    minMidChroma: 0.035,\n  },\n} satisfies Record<ZoraColorTone, ZoraColorToneRecipe>;\n\nexport function getZoraColorToneRecipe(colorTone: ZoraColorTone): ZoraColorToneRecipe {\n  return ZORA_COLOR_TONE_RECIPES[colorTone];\n}\n\nexport function getZoraColorToneRoleChromaFactor(\n  recipe: ZoraColorToneRecipe,\n  role: ZoraHueScaleRoleId,\n): number {\n  return recipe.roleChromaFactors[role];\n}\n"]}