@ankhorage/surface 7.0.0 → 9.0.0

package/src/features/typography/utils/resolveHeadingTextStyle.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'bun:test';
 
-import { createTheme } from '../../../theme/createTheme';
+import { createTheme } from '../../theme/application/use-cases/createTheme';
 import { resolveHeadingTextStyle } from './resolveHeadingTextStyle';
 
 describe('resolveHeadingTextStyle', () => {

package/src/features/typography/utils/resolveHeadingTextStyle.ts

@@ -2,8 +2,8 @@ import type { TextStyle } from 'react-native';
 
 import { resolveTextColor } from '../../../internal/resolvers/resolveTextColor';
 import { resolveTextStyles } from '../../../internal/resolvers/resolveTextStyles';
-import type { SurfaceColor, SurfaceEmphasis } from '../../../surfaceColor';
-import type { SurfaceTheme } from '../../../theme/types';
+import type { SurfaceColor, SurfaceEmphasis } from '../../../types/surfaceColor';
+import type { SurfaceTheme } from '../../../types/theme';
 import type { HeadingLevel, HeadingProps } from '../../../types/typography';
 
 /*** Resolves theme-driven typography styles for one heading level. */

package/src/index.test.ts

@@ -2,8 +2,8 @@ import { readFileSync } from 'node:fs';
 
 import { describe, expect, it } from 'bun:test';
 
-import type { SelectionSemantics, SurfaceColorDiagnostics } from './index';
-import { createTheme } from './theme/createTheme';
+import type { SelectionSemantics, SurfaceColorDiagnostics } from './features/theme/public';
+import { createTheme } from './features/theme/public';
 
 const indexSource = readFileSync(new URL('./index.ts', import.meta.url), 'utf8');
 const packageJson = JSON.parse(
@@ -34,6 +34,7 @@ const expectedFeatureRootExports = [
   "export { Modal } from './features/modal/public';",
   "export { PopoverMenu } from './features/popover-menu/public';",
   "export { Popover } from './features/popover/public';",
+  "export { Pressable } from './features/pressable/public';",
   "export { Surface } from './features/surface/public';",
   "export { Tab, TabList, TabPanel, Tabs } from './features/tabs/public';",
   "export { Tooltip } from './features/tooltip/public';",
@@ -42,8 +43,10 @@ const expectedFeatureRootExports = [
 ] as const;
 
 const expectedCrossCuttingRootExports = [
-  "export type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';",
+  "export type { InteractionPolicy, InteractionPolicyProps } from './types/interactionPolicy';",
   "export * from './core/responsive';",
+  "export { FontProvider } from './features/font/public';",
+  "export { ThemeProvider, ThemeScope, useTheme } from './features/theme/runtime';",
 ] as const;
 
 describe('feature-owned root barrel contract', () => {
@@ -54,6 +57,7 @@ describe('feature-owned root barrel contract', () => {
   it('does not retain removed component or layout facades and aliases', () => {
     expect(indexSource).not.toContain("'./components/");
     expect(indexSource).not.toContain("'./layout");
+    expect(indexSource).not.toContain("'./primitives/");
     expect(indexSource).not.toMatch(/\bBoxProps\b/u);
     expect(indexSource).not.toMatch(/\bContainerProps\b/u);
     expect(indexSource).not.toMatch(/\bStackProps\b/u);
@@ -126,12 +130,12 @@ describe('public package metadata contract', () => {
         types: './dist/features/bottom-sheet/public.d.ts',
       },
       './theme': {
-        bun: './src/theme/public.ts',
-        'react-native': './src/theme/public.ts',
-        browser: './src/theme/public.ts',
-        default: './dist/theme/public.js',
-        import: './dist/theme/public.js',
-        types: './dist/theme/public.d.ts',
+        bun: './src/features/theme/public.ts',
+        'react-native': './src/features/theme/public.ts',
+        browser: './src/features/theme/public.ts',
+        default: './dist/features/theme/public.js',
+        import: './dist/features/theme/public.js',
+        types: './dist/features/theme/public.d.ts',
       },
       './package.json': './package.json',
     });

package/src/index.ts

@@ -1,7 +1,9 @@
-export type { FontRuntime } from './context/FontContext';
-export { FontProvider, useFontContext } from './context/FontContext';
-export type { I18nInstance, TranslationRuntime, Translator } from './context/TranslationContext';
-export { TranslationProvider, useTranslationContext } from './context/TranslationContext';
+export {
+  SURFACE_COLORS,
+  SURFACE_EMPHASES,
+  SURFACE_PALETTE_COLORS,
+  SURFACE_STATUS_COLORS,
+} from './constants/surfaceColor';
 export * from './core/responsive';
 export type {
   AccordionContentProps,
@@ -26,6 +28,8 @@ export type { ButtonIconSpec, ButtonProps, IconButtonProps } from './features/bu
 export { Button, IconButton } from './features/button/public';
 export type { CardProps } from './features/card/public';
 export { Card } from './features/card/public';
+export type { FontProviderProps, FontRuntime } from './features/font/public';
+export { FontProvider } from './features/font/public';
 export type { CheckboxProps } from './features/form/checkbox/public';
 export { Checkbox } from './features/form/checkbox/public';
 export type { FieldProps } from './features/form/field/public';
@@ -70,10 +74,32 @@ export type {
   PopoverMenuProps,
 } from './features/popover-menu/public';
 export { PopoverMenu } from './features/popover-menu/public';
+export type { PressableProps } from './features/pressable/public';
+export { Pressable } from './features/pressable/public';
 export type { SurfaceProps, SurfaceVariant } from './features/surface/public';
 export { Surface } from './features/surface/public';
 export type { TabListProps, TabPanelProps, TabProps, TabsProps } from './features/tabs/public';
 export { Tab, TabList, TabPanel, Tabs } from './features/tabs/public';
+export type {
+  ActionSemantics,
+  BorderSemantics,
+  ContentSemantics,
+  FontWeight,
+  NeutralSemantics,
+  RoleSemantics,
+  SelectionSemantics,
+  SurfaceColorDiagnostics,
+  SurfaceColorSelectionDiagnostic,
+  SurfaceContrastDiagnostic,
+  SurfaceSemantics,
+  SurfaceTheme,
+  ThemeMode,
+  ThemeSemantics,
+  ThemeTokens,
+} from './features/theme/public';
+export { createTheme } from './features/theme/public';
+export type { ThemeProviderProps, ThemeRuntime, ThemeScopeProps } from './features/theme/runtime';
+export { ThemeProvider, ThemeScope, useTheme } from './features/theme/runtime';
 export type {
   ToastController,
   ToastOptions,
@@ -86,21 +112,10 @@ export type { TooltipProps } from './features/tooltip/public';
 export { Tooltip } from './features/tooltip/public';
 export type { HeadingLevel, HeadingProps, TextProps } from './features/typography/public';
 export { Heading, Text } from './features/typography/public';
-export type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';
-export type { ButtonBaseProps } from './primitives/button-base';
-export { ButtonBase } from './primitives/button-base';
+export type { InteractionPolicy, InteractionPolicyProps } from './types/interactionPolicy';
 export type {
   SurfaceColor,
   SurfaceEmphasis,
   SurfacePaletteColor,
   SurfaceStatusColor,
-} from './surfaceColor';
-export {
-  SURFACE_COLORS,
-  SURFACE_EMPHASES,
-  SURFACE_PALETTE_COLORS,
-  SURFACE_STATUS_COLORS,
-} from './surfaceColor';
-export * from './theme';
-export { isDeepEqual } from './utils/deepEqual';
-export { deepMerge } from './utils/deepMerge';
+} from './types/surfaceColor';

package/src/internal/resolvers/resolveControlSize.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'bun:test';
 
-import { createTheme } from '../../theme/createTheme';
+import { createTheme } from '../../features/theme/application/use-cases/createTheme';
 import { resolveControlSize } from './resolveControlSize';
 
 describe('resolveControlSize', () => {

package/src/internal/resolvers/resolveControlSize.ts

@@ -1,4 +1,4 @@
-import type { SurfaceTheme } from '../../theme/types';
+import type { SurfaceTheme } from '../../types/theme';
 
 export type ControlSize = 's' | 'm' | 'l';
 

package/src/internal/resolvers/resolveFieldPresentation.ts

@@ -1,4 +1,4 @@
-import type { SurfaceColor, SurfaceEmphasis } from '../../surfaceColor';
+import type { SurfaceColor, SurfaceEmphasis } from '../../types/surfaceColor';
 import type { FieldState } from './resolveFieldState';
 
 export interface ResolvedFieldPresentation {

package/src/internal/resolvers/resolveIconSize.ts

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

package/src/internal/resolvers/resolveInteractiveColors.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'bun:test';
 
-import { createTheme } from '../../theme/createTheme';
+import { createTheme } from '../../features/theme/application/use-cases/createTheme';
 import { resolveFieldState } from './resolveFieldState';
 import { resolveButtonColors, resolveInputColors } from './resolveInteractiveColors';
 

package/src/internal/resolvers/resolveInteractiveColors.ts

@@ -1,5 +1,5 @@
-import type { SurfaceColor } from '../../surfaceColor';
-import type { SurfaceTheme } from '../../theme/types';
+import type { SurfaceColor } from '../../types/surfaceColor';
+import type { SurfaceTheme } from '../../types/theme';
 import type { FieldState } from './resolveFieldState';
 import type { InteractionState } from './resolveInteractiveState';
 import { resolveSurfaceColor } from './resolveSurfaceColor';

package/src/internal/resolvers/resolveSelectionControlColors.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'bun:test';
 
-import { createTheme } from '../../theme/createTheme';
+import { createTheme } from '../../features/theme/application/use-cases/createTheme';
 import { resolveFieldState } from './resolveFieldState';
 import { resolveSelectionControlColors } from './resolveSelectionControlColors';
 

package/src/internal/resolvers/resolveSelectionControlColors.ts

@@ -1,5 +1,5 @@
-import type { SurfaceColor } from '../../surfaceColor';
-import type { SurfaceTheme } from '../../theme/types';
+import type { SurfaceColor } from '../../types/surfaceColor';
+import type { SurfaceTheme } from '../../types/theme';
 import type { FieldState } from './resolveFieldState';
 import { resolveSurfaceColor } from './resolveSurfaceColor';
 

package/src/internal/resolvers/resolveSurfaceColor.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'bun:test';
 
-import { createTheme } from '../../theme/createTheme';
+import { createTheme } from '../../features/theme/application/use-cases/createTheme';
 import { resolveSurfaceColor } from './resolveSurfaceColor';
 
 describe('resolveSurfaceColor', () => {

package/src/internal/resolvers/resolveSurfaceColor.ts

@@ -1,5 +1,5 @@
-import type { SurfaceColor } from '../../surfaceColor';
-import type { RoleSemantics, SurfaceTheme } from '../../theme/types';
+import type { SurfaceColor } from '../../types/surfaceColor';
+import type { RoleSemantics, SurfaceTheme } from '../../types/theme';
 
 export function resolveSurfaceColor(
   theme: SurfaceTheme,

package/src/internal/resolvers/resolveTextColor.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'bun:test';
 
-import { createTheme } from '../../theme/createTheme';
+import { createTheme } from '../../features/theme/application/use-cases/createTheme';
 import { resolveTextColor } from './resolveTextColor';
 
 describe('resolveTextColor', () => {

package/src/internal/resolvers/resolveTextColor.ts

@@ -1,5 +1,5 @@
-import type { SurfaceColor, SurfaceEmphasis } from '../../surfaceColor';
-import type { SurfaceTheme } from '../../theme/types';
+import type { SurfaceColor, SurfaceEmphasis } from '../../types/surfaceColor';
+import type { SurfaceTheme } from '../../types/theme';
 import { resolveSurfaceColor } from './resolveSurfaceColor';
 
 export function resolveTextColor(

package/src/internal/resolvers/resolveTextStyles.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'bun:test';
 
-import { createTheme } from '../../theme/createTheme';
+import { createTheme } from '../../features/theme/application/use-cases/createTheme';
 import { resolveTextStyles } from './resolveTextStyles';
 
 describe('resolveTextStyles', () => {

package/src/internal/resolvers/resolveTextStyles.ts

@@ -1,6 +1,6 @@
 import type { TextStyle } from 'react-native';
 
-import type { FontWeight, SurfaceTheme } from '../../theme/types';
+import type { FontWeight, SurfaceTheme } from '../../types/theme';
 
 export type TextVariant = 'body' | 'bodySmall' | 'caption' | 'label' | 'mono';
 export type TextWeight = keyof SurfaceTheme['typography']['weights'] | FontWeight;

package/src/structureOwnership.test.ts

@@ -0,0 +1,16 @@
+import { existsSync } from 'node:fs';
+
+import { describe, expect, it } from 'bun:test';
+
+describe('canonical Surface ownership', () => {
+  it('does not retain superseded technical roots or local generic deep utilities', () => {
+    const src = new URL('.', import.meta.url);
+    expect(existsSync(new URL('./context', src))).toBe(false);
+    expect(existsSync(new URL('./theme', src))).toBe(false);
+    expect(existsSync(new URL('./contracts', src))).toBe(false);
+    expect(existsSync(new URL('./interactionPolicy.ts', src))).toBe(false);
+    expect(existsSync(new URL('./surfaceColor.ts', src))).toBe(false);
+    expect(existsSync(new URL('./utils/deepEqual.ts', src))).toBe(false);
+    expect(existsSync(new URL('./utils/deepMerge.ts', src))).toBe(false);
+  });
+});

package/src/types/accordion.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 import type { PressableProps, ViewProps } from 'react-native';
 
-import type { InteractionPolicy, InteractionPolicyProps } from '../interactionPolicy';
+import type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';
 
 export type AccordionMode = 'single' | 'multiple';
 

package/src/types/badge.ts

@@ -2,7 +2,7 @@ import type React from 'react';
 
 import type { ControlSize } from '../internal/resolvers/resolveControlSize';
 import type { ButtonVariant } from '../internal/resolvers/resolveInteractiveColors';
-import type { SurfaceColor } from '../surfaceColor';
+import type { SurfaceColor } from './surfaceColor';
 
 export interface BadgeProps {
   content?: React.ReactNode;

package/src/types/button.ts

@@ -2,14 +2,14 @@ import type React from 'react';
 
 import type { ControlSize } from '../internal/resolvers/resolveControlSize';
 import type { ButtonVariant } from '../internal/resolvers/resolveInteractiveColors';
-import type { ButtonBaseProps } from '../primitives/button-base';
-import type { SurfaceColor } from '../surfaceColor';
 import type { IconSource } from './icon';
+import type { PressableProps } from './pressable';
+import type { SurfaceColor } from './surfaceColor';
 
 export type ButtonIconSpec = IconSource;
 
 export interface ButtonProps extends Omit<
-  ButtonBaseProps,
+  PressableProps,
   'accessibilityLabel' | 'children' | 'style'
 > {
   children?: React.ReactNode;
@@ -23,7 +23,7 @@ export interface ButtonProps extends Omit<
 }
 
 export interface IconButtonProps extends Omit<
-  ButtonBaseProps,
+  PressableProps,
   'children' | 'style' | 'accessibilityLabel'
 > {
   icon: IconSource;

package/src/types/checkbox.ts

@@ -1,11 +1,11 @@
 import type React from 'react';
 
 import type { ControlSize } from '../internal/resolvers/resolveControlSize';
-import type { ButtonBaseProps } from '../primitives/button-base';
-import type { SurfaceColor } from '../surfaceColor';
+import type { PressableProps } from './pressable';
+import type { SurfaceColor } from './surfaceColor';
 
 export interface CheckboxProps extends Omit<
-  ButtonBaseProps,
+  PressableProps,
   'accessibilityRole' | 'accessibilityState' | 'children' | 'onPress' | 'style'
 > {
   children?: React.ReactNode;

package/src/types/font.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+
+export interface FontRuntime {
+  fontsLoaded: boolean;
+  activeFontId: string | null;
+  setActiveFontId: (id: string) => void;
+}
+
+export interface FontProviderProps {
+  fontsLoaded: boolean;
+  activeFontId?: string | null;
+  children: ReactNode;
+  onActiveFontChange?: (id: string) => void;
+}

package/src/types/icon.ts

@@ -13,8 +13,8 @@ import type { IoniconsIconName } from '@react-native-vector-icons/ionicons/stati
 import type { MaterialDesignIconsIconName } from '@react-native-vector-icons/material-design-icons/static';
 import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 
-import type { SurfaceTheme } from '../theme/types';
 import type { SurfaceImageSource } from './image';
+import type { SurfaceTheme } from './theme';
 
 export type IconProvider =
   'Ionicons' | 'FontAwesome' | 'FontAwesome5' | 'FontAwesome6' | 'MaterialDesignIcons';

package/src/types/image.ts

@@ -6,7 +6,7 @@ import type {
   StyleProp,
 } from 'react-native';
 
-import type { SurfaceTheme } from '../theme/types';
+import type { SurfaceTheme } from './theme';
 
 export type SurfaceImageSource = string | ImageSourcePropType;
 export type ImageFit = ImageResizeMode;

package/src/types/interactionPolicy.test.ts

@@ -0,0 +1,30 @@
+import { readFileSync } from 'node:fs';
+
+import { describe, expect, it } from 'bun:test';
+
+import type { PressableProps } from '../features/pressable/public';
+import type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';
+
+const indexSource = readFileSync(new URL('../index.ts', import.meta.url), 'utf8');
+
+describe('InteractionPolicy ownership', () => {
+  it('exports the policy types from the public root', () => {
+    expect(indexSource).toContain(
+      "export type { InteractionPolicy, InteractionPolicyProps } from './types/interactionPolicy';",
+    );
+  });
+
+  it('keeps the allowed policy values explicit', () => {
+    const enabled: InteractionPolicy = 'enabled';
+    const passive: InteractionPolicy = 'passive';
+
+    expect([enabled, passive]).toEqual(['enabled', 'passive']);
+  });
+
+  it('shares the owned policy contract with PressableProps', () => {
+    const policyProps: InteractionPolicyProps = { interactionPolicy: 'passive' };
+    const pressableProps: PressableProps = policyProps;
+
+    expect(pressableProps.interactionPolicy).toBe('passive');
+  });
+});

package/src/types/layout.ts

@@ -7,7 +7,7 @@ import type {
 } from 'react-native';
 
 import type { Responsive } from '../core/responsive';
-import type { SurfaceTheme } from '../theme/types';
+import type { SurfaceTheme } from './theme';
 
 type SpaceToken = keyof SurfaceTheme['spacing'];
 type RadiusToken = keyof SurfaceTheme['radii'];

package/src/types/list.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { InteractionPolicyProps } from '../interactionPolicy';
+import type { InteractionPolicyProps } from './interactionPolicy';
 
 export interface ListProps {
   children?: React.ReactNode;

package/src/types/modal.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { InteractionPolicy } from '../interactionPolicy';
+import type { InteractionPolicy } from './interactionPolicy';
 
 export interface ModalProps {
   visible: boolean;

package/src/types/popover.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { InteractionPolicy } from '../interactionPolicy';
+import type { InteractionPolicy } from './interactionPolicy';
 
 export type PopoverPlacement =
   'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end';

package/src/types/popoverMenu.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { InteractionPolicy } from '../interactionPolicy';
+import type { InteractionPolicy } from './interactionPolicy';
 import type { PopoverAnchorRenderProps } from './popover';
 
 export type PopoverMenuActionIntent = 'default' | 'danger';

package/src/{primitives/button-base/types.ts → types/pressable.ts}

@@ -1,11 +1,11 @@
 import type React from 'react';
 import type { AccessibilityRole, AccessibilityState, GestureResponderEvent } from 'react-native';
 
-import type { InteractionPolicyProps } from '../../interactionPolicy';
-import type { InteractionState } from '../../internal/resolvers/resolveInteractiveState';
-import type { ViewProps } from '../../types/layout';
+import type { InteractionState } from '../internal/resolvers/resolveInteractiveState';
+import type { InteractionPolicyProps } from './interactionPolicy';
+import type { ViewProps } from './layout';
 
-export interface ButtonBaseProps
+export interface PressableProps
   extends Omit<ViewProps, 'children' | 'pointerEvents'>, InteractionPolicyProps {
   children?: React.ReactNode | ((state: InteractionState) => React.ReactNode);
   disabled?: boolean;

package/src/types/radio.ts

@@ -1,11 +1,11 @@
 import type React from 'react';
 
 import type { ControlSize } from '../internal/resolvers/resolveControlSize';
-import type { ButtonBaseProps } from '../primitives/button-base';
-import type { SurfaceColor } from '../surfaceColor';
+import type { PressableProps } from './pressable';
+import type { SurfaceColor } from './surfaceColor';
 
 export interface RadioProps extends Omit<
-  ButtonBaseProps,
+  PressableProps,
   'accessibilityRole' | 'accessibilityState' | 'children' | 'onPress' | 'style'
 > {
   children?: React.ReactNode;

package/src/types/surfaceColor.test.ts

@@ -0,0 +1,18 @@
+import { readFileSync } from 'node:fs';
+
+import { describe, expect, it } from 'bun:test';
+
+import { SURFACE_COLORS, SURFACE_EMPHASES } from '../constants/surfaceColor';
+import type { SurfaceColor, SurfaceEmphasis } from './surfaceColor';
+
+describe('surface color type ownership', () => {
+  it('derives public types from runtime constants and exports both deliberately', () => {
+    const color: SurfaceColor = 'danger';
+    const emphasis: SurfaceEmphasis = 'muted';
+    const indexSource = readFileSync(new URL('../index.ts', import.meta.url), 'utf8');
+    expect(SURFACE_COLORS).toContain(color);
+    expect(SURFACE_EMPHASES).toContain(emphasis);
+    expect(indexSource).toContain("from './constants/surfaceColor';");
+    expect(indexSource).toContain("from './types/surfaceColor';");
+  });
+});

package/src/types/surfaceColor.ts

@@ -0,0 +1,11 @@
+import type {
+  SURFACE_COLORS,
+  SURFACE_EMPHASES,
+  SURFACE_PALETTE_COLORS,
+  SURFACE_STATUS_COLORS,
+} from '../constants/surfaceColor';
+
+export type SurfacePaletteColor = (typeof SURFACE_PALETTE_COLORS)[number];
+export type SurfaceStatusColor = (typeof SURFACE_STATUS_COLORS)[number];
+export type SurfaceColor = (typeof SURFACE_COLORS)[number];
+export type SurfaceEmphasis = (typeof SURFACE_EMPHASES)[number];

package/src/types/switch.ts

@@ -1,11 +1,11 @@
 import type React from 'react';
 
 import type { ControlSize } from '../internal/resolvers/resolveControlSize';
-import type { ButtonBaseProps } from '../primitives/button-base';
-import type { SurfaceColor } from '../surfaceColor';
+import type { PressableProps } from './pressable';
+import type { SurfaceColor } from './surfaceColor';
 
 export interface SwitchProps extends Omit<
-  ButtonBaseProps,
+  PressableProps,
   'accessibilityRole' | 'accessibilityState' | 'children' | 'onPress' | 'style'
 > {
   children?: React.ReactNode;

package/src/types/tabs.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { InteractionPolicy } from '../interactionPolicy';
+import type { InteractionPolicy } from './interactionPolicy';
 
 export interface TabsProps {
   children?: React.ReactNode;

package/src/types/text-input.ts

@@ -5,8 +5,8 @@ import type {
   TextStyle,
 } from 'react-native';
 
-import type { InteractionPolicy } from '../interactionPolicy';
 import type { ControlSize } from '../internal/resolvers/resolveControlSize';
+import type { InteractionPolicy } from './interactionPolicy';
 
 export interface TextInputProps extends Omit<
   ReactNativeTextInputProps,

package/src/{theme/types.ts → types/theme.ts}

@@ -9,19 +9,7 @@ import type {
   ThemeColorMode,
 } from '@ankhorage/color-theory';
 import type { ThemeConfig as ContractsThemeConfig } from '@ankhorage/contracts';
-
-export type {
-  ColorHarmony,
-  ColorSwatch,
-  ColorSwatchStep,
-  GeneratedColorRole,
-  GeneratedThemeModeColors,
-  GeneratedThemeSwatches,
-  HexColor,
-  SemanticColorReferenceMap,
-  SemanticColorToken,
-} from '@ankhorage/color-theory';
-export type { ThemeConfig, ThemeModeConfig } from '@ankhorage/contracts';
+import type { ReactNode } from 'react';
 
 export interface NeutralSemantics {
   bg: string;
@@ -242,3 +230,24 @@ export interface ThemeTokens {
 export interface SurfaceTheme extends ThemeTokens {
   config: ContractsThemeConfig;
 }
+
+export type ThemeMode = 'light' | 'dark';
+
+export interface ThemeRuntime {
+  theme: SurfaceTheme;
+  mode: ThemeMode;
+  setThemeConfig: (config: Partial<ContractsThemeConfig>) => void;
+  setMode: (mode: ThemeMode) => void;
+}
+
+export interface ThemeProviderProps {
+  children: ReactNode;
+  initialConfig?: Partial<ContractsThemeConfig>;
+  initialMode?: ThemeMode;
+}
+
+export interface ThemeScopeProps {
+  children: ReactNode;
+  themeConfig?: Partial<ContractsThemeConfig>;
+  mode?: ThemeMode;
+}