@ankhorage/surface 2.0.2 → 2.1.0

package/README.md

@@ -1,57 +1,702 @@
-# surface
+<!-- markdownlint-disable MD013 MD033 -->
+<!-- This file is generated by Paradox. Do not edit manually. -->
 
-A minimal design foundation for React Native and React Native Web.
+# @ankhorage/surface
 
-## 🎯 What you get
+![license: MIT](././paradox/badges/license.svg) ![npm: v2.0.2](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
 
-- Predictable layout system
-- Theme-driven styling
-- Cross-platform consistency
+Cross-platform UI foundation for React Native and React Native Web. Provides theming, layout primitives, and core building blocks for modern apps.
 
-## ✨ Features
+## Generated documentation
 
-- Token-based theming
-- Layout primitives
-- Responsive utilities
+- [Interactive documentation app](././paradox/index.html)
+- [Public API reference](././paradox/exports.md)
+- [Component registry](././paradox/components.md)
+- [Architecture overview](././paradox/diagrams/architecture-overview.mmd)
+- [Module relationships](././paradox/diagrams/module-relationships.mmd)
+- [Export graph](././paradox/diagrams/export-graph.mmd)
+- [ActionSheet sequence](././paradox/diagrams/sequences/action-sheet.mmd)
+- [AppBar sequence](././paradox/diagrams/sequences/app-bar.mmd)
+- [Badge sequence](././paradox/diagrams/sequences/badge.mmd)
+- [Button sequence](././paradox/diagrams/sequences/button.mmd)
+- [Card sequence](././paradox/diagrams/sequences/card.mmd)
+- [Checkbox sequence](././paradox/diagrams/sequences/checkbox.mmd)
+- [Container sequence](././paradox/diagrams/sequences/container.mmd)
+- [Drawer sequence](././paradox/diagrams/sequences/drawer.mmd)
+- [Field sequence](././paradox/diagrams/sequences/field.mmd)
+- [FontProvider sequence](././paradox/diagrams/sequences/font-provider.mmd)
+- [generatePalette sequence](././paradox/diagrams/sequences/generate-palette.mmd)
+- [Grid sequence](././paradox/diagrams/sequences/grid.mmd)
+- [Icon sequence](././paradox/diagrams/sequences/icon.mmd)
+- [IconButton sequence](././paradox/diagrams/sequences/icon-button.mmd)
+- [isDeepEqual sequence](././paradox/diagrams/sequences/is-deep-equal.mmd)
+- [ListItem sequence](././paradox/diagrams/sequences/list-item.mmd)
+- [Menu sequence](././paradox/diagrams/sequences/menu.mmd)
+- [Modal sequence](././paradox/diagrams/sequences/modal.mmd)
+- [NavigationItem sequence](././paradox/diagrams/sequences/navigation-item.mmd)
+- [Radio sequence](././paradox/diagrams/sequences/radio.mmd)
+- [resolveResponsive sequence](././paradox/diagrams/sequences/resolve-responsive.mmd)
+- [ResponsiveProvider sequence](././paradox/diagrams/sequences/responsive-provider.mmd)
+- [Show sequence](././paradox/diagrams/sequences/show.mmd)
+- [Stack sequence](././paradox/diagrams/sequences/stack.mmd)
+- [Surface sequence](././paradox/diagrams/sequences/surface.mmd)
+- [Switch sequence](././paradox/diagrams/sequences/switch.mmd)
+- [TabBar sequence](././paradox/diagrams/sequences/tab-bar.mmd)
+- [TabBarItem sequence](././paradox/diagrams/sequences/tab-bar-item.mmd)
+- [TabList sequence](././paradox/diagrams/sequences/tab-list.mmd)
+- [TabPanel sequence](././paradox/diagrams/sequences/tab-panel.mmd)
+- [Tabs sequence](././paradox/diagrams/sequences/tabs.mmd)
+- [Template sequence](././paradox/diagrams/sequences/template.mmd)
+- [ThemeProvider sequence](././paradox/diagrams/sequences/theme-provider.mmd)
+- [Toast sequence](././paradox/diagrams/sequences/toast.mmd)
+- [ToastProvider sequence](././paradox/diagrams/sequences/toast-provider.mmd)
+- [Tooltip sequence](././paradox/diagrams/sequences/tooltip.mmd)
+- [TranslationProvider sequence](././paradox/diagrams/sequences/translation-provider.mmd)
+- [useBreakpoint sequence](././paradox/diagrams/sequences/use-breakpoint.mmd)
+- [useFontContext sequence](././paradox/diagrams/sequences/use-font-context.mmd)
+- [useResponsiveRuntime sequence](././paradox/diagrams/sequences/use-responsive-runtime.mmd)
+- [useTheme sequence](././paradox/diagrams/sequences/use-theme.mmd)
+- [useThemeConfig sequence](././paradox/diagrams/sequences/use-theme-config.mmd)
+- [useThemeMode sequence](././paradox/diagrams/sequences/use-theme-mode.mmd)
+- [useTranslationContext sequence](././paradox/diagrams/sequences/use-translation-context.mmd)
 
-## 🚀 Installation
+## Architecture preview
 
-```bash
-bun add @ankhorage/surface
-```
+<details>
+<summary>Architecture overview</summary>
 
-## 📦 Usage
-
-```tsx
-import { Box, Image, Text } from '@ankhorage/surface';
-
-<Box padding="lg" gap="md">
-  <Image
-    alt="Hero image"
-    fallbackSource="https://example.com/hero-fallback.jpg"
-    fit="cover"
-    height={240}
-    radius="l"
-    source="https://example.com/hero.jpg"
-    width="100%"
-  />
-  <Text variant="title">Title</Text>
-  <Text>Content</Text>
-</Box>;
+```mermaid
+graph TD
+  package__ankhorage_surface["@ankhorage/surface"]
+  entrypoint_src_index_ts["src/index.ts"]
+  package__ankhorage_surface --> entrypoint_src_index_ts
+  module_src_components_action_sheet_ActionSheet_tsx["src/components/action-sheet/ActionSheet.tsx"]
+  package__ankhorage_surface -.-> module_src_components_action_sheet_ActionSheet_tsx
+  module_src_components_action_sheet_ActionSheet_tsx --> module_src_components_action_sheet_ActionSheetItem_tsx
+  module_src_components_action_sheet_ActionSheet_tsx --> module_src_components_action_sheet_types_ts
+  module_src_components_action_sheet_ActionSheet_tsx --> module_src_internal_focus_FocusScope_tsx
+  module_src_components_action_sheet_ActionSheet_tsx --> module_src_internal_overlay_Portal_tsx
+  module_src_components_action_sheet_ActionSheet_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_action_sheet_ActionSheet_tsx --> module_src_layout_index_ts
+  module_src_components_action_sheet_ActionSheet_tsx --> module_src_primitives_text_index_ts
+  module_src_components_action_sheet_ActionSheet_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_action_sheet_ActionSheetItem_tsx["src/components/action-sheet/ActionSheetItem.tsx"]
+  package__ankhorage_surface -.-> module_src_components_action_sheet_ActionSheetItem_tsx
+  module_src_components_action_sheet_ActionSheetItem_tsx --> module_src_components_action_sheet_types_ts
+  module_src_components_action_sheet_ActionSheetItem_tsx --> module_src_layout_index_ts
+  module_src_components_action_sheet_ActionSheetItem_tsx --> module_src_primitives_button_base_index_ts
+  module_src_components_action_sheet_ActionSheetItem_tsx --> module_src_primitives_text_index_ts
+  module_src_components_action_sheet_index_ts["src/components/action-sheet/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_action_sheet_index_ts
+  module_src_components_action_sheet_types_ts["src/components/action-sheet/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_action_sheet_types_ts
+  module_src_components_action_sheet_types_ts --> module_src_surfaceColor_ts
+  module_src_components_badge_Badge_tsx["src/components/badge/Badge.tsx"]
+  package__ankhorage_surface -.-> module_src_components_badge_Badge_tsx
+  module_src_components_badge_Badge_tsx --> module_src_components_badge_types_ts
+  module_src_components_badge_Badge_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_badge_Badge_tsx --> module_src_layout_index_ts
+  module_src_components_badge_Badge_tsx --> module_src_primitives_text_index_ts
+  module_src_components_badge_Badge_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_badge_index_ts["src/components/badge/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_badge_index_ts
+  module_src_components_badge_types_ts["src/components/badge/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_badge_types_ts
+  module_src_components_badge_types_ts --> module_src_internal_resolvers_resolveControlSize_ts
+  module_src_components_badge_types_ts --> module_src_internal_resolvers_resolveInteractiveColors_ts
+  module_src_components_badge_types_ts --> module_src_surfaceColor_ts
+  module_src_components_button_Button_tsx["src/components/button/Button.tsx"]
+  package__ankhorage_surface -.-> module_src_components_button_Button_tsx
+  module_src_components_button_Button_tsx --> module_src_components_button_types_ts
+  module_src_components_button_Button_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_button_Button_tsx --> module_src_layout_index_ts
+  module_src_components_button_Button_tsx --> module_src_primitives_button_base_index_ts
+  module_src_components_button_Button_tsx --> module_src_primitives_icon_index_ts
+  module_src_components_button_Button_tsx --> module_src_primitives_text_index_ts
+  module_src_components_button_Button_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_button_index_ts["src/components/button/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_button_index_ts
+  module_src_components_button_types_ts["src/components/button/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_button_types_ts
+  module_src_components_button_types_ts --> module_src_internal_resolvers_resolveControlSize_ts
+  module_src_components_button_types_ts --> module_src_internal_resolvers_resolveInteractiveColors_ts
+  module_src_components_button_types_ts --> module_src_primitives_button_base_index_ts
+  module_src_components_button_types_ts --> module_src_primitives_icon_index_ts
+  module_src_components_button_types_ts --> module_src_surfaceColor_ts
+  module_src_components_card_Card_tsx["src/components/card/Card.tsx"]
+  package__ankhorage_surface -.-> module_src_components_card_Card_tsx
+  module_src_components_card_Card_tsx --> module_src_components_card_types_ts
+  module_src_components_card_Card_tsx --> module_src_layout_index_ts
+  module_src_components_card_Card_tsx --> module_src_primitives_button_base_index_ts
+  module_src_components_card_Card_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_card_index_ts["src/components/card/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_card_index_ts
+  module_src_components_card_types_ts["src/components/card/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_card_types_ts
+  module_src_components_card_types_ts --> module_src_layout_index_ts
+  module_src_components_checkbox_Checkbox_tsx["src/components/checkbox/Checkbox.tsx"]
+  package__ankhorage_surface -.-> module_src_components_checkbox_Checkbox_tsx
+  module_src_components_checkbox_Checkbox_tsx --> module_src_components_checkbox_types_ts
+  module_src_components_checkbox_Checkbox_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_checkbox_Checkbox_tsx --> module_src_internal_useControllableState_ts
+  module_src_components_checkbox_Checkbox_tsx --> module_src_layout_index_ts
+  module_src_components_checkbox_Checkbox_tsx --> module_src_primitives_button_base_index_ts
+  module_src_components_checkbox_Checkbox_tsx --> module_src_primitives_text_index_ts
+  module_src_components_checkbox_Checkbox_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_checkbox_index_ts["src/components/checkbox/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_checkbox_index_ts
+  module_src_components_checkbox_types_ts["src/components/checkbox/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_checkbox_types_ts
+  module_src_components_checkbox_types_ts --> module_src_internal_resolvers_resolveControlSize_ts
+  module_src_components_checkbox_types_ts --> module_src_primitives_button_base_index_ts
+  module_src_components_checkbox_types_ts --> module_src_surfaceColor_ts
+  module_src_components_drawer_Drawer_tsx["src/components/drawer/Drawer.tsx"]
+  package__ankhorage_surface -.-> module_src_components_drawer_Drawer_tsx
+  module_src_components_drawer_Drawer_tsx --> module_src_components_drawer_types_ts
+  module_src_components_drawer_Drawer_tsx --> module_src_internal_focus_FocusScope_tsx
+  module_src_components_drawer_Drawer_tsx --> module_src_internal_overlay_Portal_tsx
+  module_src_components_drawer_Drawer_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_drawer_Drawer_tsx --> module_src_layout_index_ts
+  module_src_components_drawer_Drawer_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_drawer_index_ts["src/components/drawer/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_drawer_index_ts
+  module_src_components_drawer_types_ts["src/components/drawer/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_drawer_types_ts
+  module_src_components_field_Field_tsx["src/components/field/Field.tsx"]
+  package__ankhorage_surface -.-> module_src_components_field_Field_tsx
+  module_src_components_field_Field_tsx --> module_src_components_field_types_ts
+  module_src_components_field_Field_tsx --> module_src_components_helper_text_index_ts
+  module_src_components_field_Field_tsx --> module_src_components_label_index_ts
+  module_src_components_field_Field_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_field_Field_tsx --> module_src_layout_index_ts
+  module_src_components_field_index_ts["src/components/field/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_field_index_ts
+  module_src_components_field_types_ts["src/components/field/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_field_types_ts
+  module_src_components_helper_text_HelperText_tsx["src/components/helper-text/HelperText.tsx"]
+  package__ankhorage_surface -.-> module_src_components_helper_text_HelperText_tsx
+  module_src_components_helper_text_HelperText_tsx --> module_src_components_helper_text_types_ts
+  module_src_components_helper_text_HelperText_tsx --> module_src_primitives_text_index_ts
+  module_src_components_helper_text_index_ts["src/components/helper-text/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_helper_text_index_ts
+  module_src_components_helper_text_types_ts["src/components/helper-text/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_helper_text_types_ts
+  module_src_components_helper_text_types_ts --> module_src_surfaceColor_ts
+  module_src_components_icon_button_IconButton_tsx["src/components/icon-button/IconButton.tsx"]
+  package__ankhorage_surface -.-> module_src_components_icon_button_IconButton_tsx
+  module_src_components_icon_button_IconButton_tsx --> module_src_components_icon_button_types_ts
+  module_src_components_icon_button_IconButton_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_icon_button_IconButton_tsx --> module_src_layout_index_ts
+  module_src_components_icon_button_IconButton_tsx --> module_src_primitives_button_base_index_ts
+  module_src_components_icon_button_IconButton_tsx --> module_src_primitives_icon_index_ts
+  module_src_components_icon_button_IconButton_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_icon_button_index_ts["src/components/icon-button/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_icon_button_index_ts
+  module_src_components_icon_button_types_ts["src/components/icon-button/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_icon_button_types_ts
+  module_src_components_icon_button_types_ts --> module_src_internal_resolvers_resolveControlSize_ts
+  module_src_components_icon_button_types_ts --> module_src_internal_resolvers_resolveInteractiveColors_ts
+  module_src_components_icon_button_types_ts --> module_src_primitives_button_base_index_ts
+  module_src_components_icon_button_types_ts --> module_src_primitives_icon_index_ts
+  module_src_components_icon_button_types_ts --> module_src_surfaceColor_ts
+  module_src_components_label_index_ts["src/components/label/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_label_index_ts
+  module_src_components_label_Label_tsx["src/components/label/Label.tsx"]
+  package__ankhorage_surface -.-> module_src_components_label_Label_tsx
+  module_src_components_label_Label_tsx --> module_src_components_label_types_ts
+  module_src_components_label_Label_tsx --> module_src_primitives_text_index_ts
+  module_src_components_label_types_ts["src/components/label/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_label_types_ts
+  module_src_components_label_types_ts --> module_src_surfaceColor_ts
+  module_src_components_list_item_index_ts["src/components/list-item/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_list_item_index_ts
+  module_src_components_list_item_ListItem_tsx["src/components/list-item/ListItem.tsx"]
+  package__ankhorage_surface -.-> module_src_components_list_item_ListItem_tsx
+  module_src_components_list_item_ListItem_tsx --> module_src_components_list_item_types_ts
+  module_src_components_list_item_ListItem_tsx --> module_src_layout_index_ts
+  module_src_components_list_item_ListItem_tsx --> module_src_primitives_button_base_index_ts
+  module_src_components_list_item_ListItem_tsx --> module_src_primitives_text_index_ts
+  module_src_components_list_item_ListItem_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_list_item_types_ts["src/components/list-item/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_list_item_types_ts
+  module_src_components_menu_index_ts["src/components/menu/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_menu_index_ts
+  module_src_components_menu_Menu_tsx["src/components/menu/Menu.tsx"]
+  package__ankhorage_surface -.-> module_src_components_menu_Menu_tsx
+  module_src_components_menu_Menu_tsx --> module_src_components_menu_navigation_ts
+  module_src_components_menu_Menu_tsx --> module_src_components_menu_types_ts
+  module_src_components_menu_Menu_tsx --> module_src_internal_focus_FocusScope_tsx
+  module_src_components_menu_Menu_tsx --> module_src_internal_focus_useFocusManager_ts
+  module_src_components_menu_Menu_tsx --> module_src_internal_overlay_Portal_tsx
+  module_src_components_menu_Menu_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_menu_Menu_tsx --> module_src_layout_index_ts
+  module_src_components_menu_Menu_tsx --> module_src_primitives_button_base_index_ts
+  module_src_components_menu_Menu_tsx --> module_src_primitives_text_index_ts
+  module_src_components_menu_Menu_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_menu_navigation_ts["src/components/menu/navigation.ts"]
+  package__ankhorage_surface -.-> module_src_components_menu_navigation_ts
+  module_src_components_menu_types_ts["src/components/menu/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_menu_types_ts
+  module_src_components_modal_index_ts["src/components/modal/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_modal_index_ts
+  module_src_components_modal_Modal_tsx["src/components/modal/Modal.tsx"]
+  package__ankhorage_surface -.-> module_src_components_modal_Modal_tsx
+  module_src_components_modal_Modal_tsx --> module_src_components_modal_types_ts
+  module_src_components_modal_Modal_tsx --> module_src_internal_focus_FocusScope_tsx
+  module_src_components_modal_Modal_tsx --> module_src_internal_overlay_Portal_tsx
+  module_src_components_modal_Modal_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_modal_Modal_tsx --> module_src_layout_index_ts
+  module_src_components_modal_Modal_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_modal_types_ts["src/components/modal/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_modal_types_ts
+  module_src_components_navigation_DrawerNavigation_tsx["src/components/navigation/DrawerNavigation.tsx"]
+  package__ankhorage_surface -.-> module_src_components_navigation_DrawerNavigation_tsx
+  module_src_components_navigation_DrawerNavigation_tsx --> module_src_components_navigation_DrawerNavigationItem_tsx
+  module_src_components_navigation_DrawerNavigation_tsx --> module_src_components_navigation_types_ts
+  module_src_components_navigation_DrawerNavigation_tsx --> module_src_layout_index_ts
+  module_src_components_navigation_DrawerNavigationItem_tsx["src/components/navigation/DrawerNavigationItem.tsx"]
+  package__ankhorage_surface -.-> module_src_components_navigation_DrawerNavigationItem_tsx
+  module_src_components_navigation_DrawerNavigationItem_tsx --> module_src_components_navigation_NavigationItem_tsx
+  module_src_components_navigation_DrawerNavigationItem_tsx --> module_src_components_navigation_types_ts
+  module_src_components_navigation_helpers_ts["src/components/navigation/helpers.ts"]
+  package__ankhorage_surface -.-> module_src_components_navigation_helpers_ts
+  module_src_components_navigation_helpers_ts --> module_src_internal_resolvers_resolveInteractiveState_ts
+  module_src_components_navigation_helpers_ts --> module_src_theme_types_ts
+  module_src_components_navigation_index_ts["src/components/navigation/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_navigation_index_ts
+  module_src_components_navigation_NavigationItem_tsx["src/components/navigation/NavigationItem.tsx"]
+  package__ankhorage_surface -.-> module_src_components_navigation_NavigationItem_tsx
+  module_src_components_navigation_NavigationItem_tsx --> module_src_components_navigation_helpers_ts
+  module_src_components_navigation_NavigationItem_tsx --> module_src_components_navigation_types_ts
+  module_src_components_navigation_NavigationItem_tsx --> module_src_layout_index_ts
+  module_src_components_navigation_NavigationItem_tsx --> module_src_primitives_button_base_index_ts
+  module_src_components_navigation_NavigationItem_tsx --> module_src_primitives_icon_index_ts
+  module_src_components_navigation_NavigationItem_tsx --> module_src_primitives_text_index_ts
+  module_src_components_navigation_NavigationItem_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_navigation_NavigationList_tsx["src/components/navigation/NavigationList.tsx"]
+  package__ankhorage_surface -.-> module_src_components_navigation_NavigationList_tsx
+  module_src_components_navigation_NavigationList_tsx --> module_src_components_navigation_NavigationItem_tsx
+  module_src_components_navigation_NavigationList_tsx --> module_src_components_navigation_types_ts
+  module_src_components_navigation_NavigationList_tsx --> module_src_layout_index_ts
+  module_src_components_navigation_TabBar_tsx["src/components/navigation/TabBar.tsx"]
+  package__ankhorage_surface -.-> module_src_components_navigation_TabBar_tsx
+  module_src_components_navigation_TabBar_tsx --> module_src_components_navigation_TabBarItem_tsx
+  module_src_components_navigation_TabBar_tsx --> module_src_components_navigation_types_ts
+  module_src_components_navigation_TabBar_tsx --> module_src_layout_index_ts
+  module_src_components_navigation_TabBar_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_navigation_TabBarItem_tsx["src/components/navigation/TabBarItem.tsx"]
+  package__ankhorage_surface -.-> module_src_components_navigation_TabBarItem_tsx
+  module_src_components_navigation_TabBarItem_tsx --> module_src_components_navigation_helpers_ts
+  module_src_components_navigation_TabBarItem_tsx --> module_src_components_navigation_types_ts
+  module_src_components_navigation_TabBarItem_tsx --> module_src_layout_index_ts
+  module_src_components_navigation_TabBarItem_tsx --> module_src_primitives_button_base_index_ts
+  module_src_components_navigation_TabBarItem_tsx --> module_src_primitives_icon_index_ts
+  module_src_components_navigation_TabBarItem_tsx --> module_src_primitives_text_index_ts
+  module_src_components_navigation_TabBarItem_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_navigation_types_ts["src/components/navigation/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_navigation_types_ts
+  module_src_components_navigation_types_ts --> module_src_primitives_icon_index_ts
+  module_src_components_radio_index_ts["src/components/radio/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_radio_index_ts
+  module_src_components_radio_Radio_tsx["src/components/radio/Radio.tsx"]
+  package__ankhorage_surface -.-> module_src_components_radio_Radio_tsx
+  module_src_components_radio_Radio_tsx --> module_src_components_radio_types_ts
+  module_src_components_radio_Radio_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_radio_Radio_tsx --> module_src_internal_useControllableState_ts
+  module_src_components_radio_Radio_tsx --> module_src_layout_index_ts
+  module_src_components_radio_Radio_tsx --> module_src_primitives_button_base_index_ts
+  module_src_components_radio_Radio_tsx --> module_src_primitives_text_index_ts
+  module_src_components_radio_Radio_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_radio_types_ts["src/components/radio/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_radio_types_ts
+  module_src_components_radio_types_ts --> module_src_internal_resolvers_resolveControlSize_ts
+  module_src_components_radio_types_ts --> module_src_primitives_button_base_index_ts
+  module_src_components_radio_types_ts --> module_src_surfaceColor_ts
+  module_src_components_switch_index_ts["src/components/switch/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_switch_index_ts
+  module_src_components_switch_Switch_tsx["src/components/switch/Switch.tsx"]
+  package__ankhorage_surface -.-> module_src_components_switch_Switch_tsx
+  module_src_components_switch_Switch_tsx --> module_src_components_switch_types_ts
+  module_src_components_switch_Switch_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_switch_Switch_tsx --> module_src_internal_useControllableState_ts
+  module_src_components_switch_Switch_tsx --> module_src_layout_index_ts
+  module_src_components_switch_Switch_tsx --> module_src_primitives_button_base_index_ts
+  module_src_components_switch_Switch_tsx --> module_src_primitives_text_index_ts
+  module_src_components_switch_Switch_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_switch_types_ts["src/components/switch/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_switch_types_ts
+  module_src_components_switch_types_ts --> module_src_internal_resolvers_resolveControlSize_ts
+  module_src_components_switch_types_ts --> module_src_primitives_button_base_index_ts
+  module_src_components_switch_types_ts --> module_src_surfaceColor_ts
+  module_src_components_tabs_a11y_ts["src/components/tabs/a11y.ts"]
+  package__ankhorage_surface -.-> module_src_components_tabs_a11y_ts
+  module_src_components_tabs_context_tsx["src/components/tabs/context.tsx"]
+  package__ankhorage_surface -.-> module_src_components_tabs_context_tsx
+  module_src_components_tabs_index_ts["src/components/tabs/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_tabs_index_ts
+  module_src_components_tabs_navigation_ts["src/components/tabs/navigation.ts"]
+  package__ankhorage_surface -.-> module_src_components_tabs_navigation_ts
+  module_src_components_tabs_navigation_ts --> module_src_components_tabs_context_tsx
+  module_src_components_tabs_Tab_tsx["src/components/tabs/Tab.tsx"]
+  package__ankhorage_surface -.-> module_src_components_tabs_Tab_tsx
+  module_src_components_tabs_Tab_tsx --> module_src_components_tabs_context_tsx
+  module_src_components_tabs_Tab_tsx --> module_src_components_tabs_types_ts
+  module_src_components_tabs_Tab_tsx --> module_src_layout_index_ts
+  module_src_components_tabs_Tab_tsx --> module_src_primitives_text_index_ts
+  module_src_components_tabs_Tab_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_tabs_TabList_tsx["src/components/tabs/TabList.tsx"]
+  package__ankhorage_surface -.-> module_src_components_tabs_TabList_tsx
+  module_src_components_tabs_TabList_tsx --> module_src_components_tabs_context_tsx
+  module_src_components_tabs_TabList_tsx --> module_src_components_tabs_navigation_ts
+  module_src_components_tabs_TabList_tsx --> module_src_components_tabs_types_ts
+  module_src_components_tabs_TabList_tsx --> module_src_internal_focus_useFocusManager_ts
+  module_src_components_tabs_TabList_tsx --> module_src_layout_index_ts
+  module_src_components_tabs_TabPanel_tsx["src/components/tabs/TabPanel.tsx"]
+  package__ankhorage_surface -.-> module_src_components_tabs_TabPanel_tsx
+  module_src_components_tabs_TabPanel_tsx --> module_src_components_tabs_context_tsx
+  module_src_components_tabs_TabPanel_tsx --> module_src_components_tabs_types_ts
+  module_src_components_tabs_Tabs_tsx["src/components/tabs/Tabs.tsx"]
+  package__ankhorage_surface -.-> module_src_components_tabs_Tabs_tsx
+  module_src_components_tabs_Tabs_tsx --> module_src_components_tabs_a11y_ts
+  module_src_components_tabs_Tabs_tsx --> module_src_components_tabs_context_tsx
+  module_src_components_tabs_Tabs_tsx --> module_src_components_tabs_types_ts
+  module_src_components_tabs_Tabs_tsx --> module_src_internal_useControllableState_ts
+  module_src_components_tabs_Tabs_tsx --> module_src_layout_index_ts
+  module_src_components_tabs_types_ts["src/components/tabs/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_tabs_types_ts
+  module_src_components_text_input_index_ts["src/components/text-input/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_text_input_index_ts
+  module_src_components_text_input_TextInput_tsx["src/components/text-input/TextInput.tsx"]
+  package__ankhorage_surface -.-> module_src_components_text_input_TextInput_tsx
+  module_src_components_text_input_TextInput_tsx --> module_src_components_text_input_types_ts
+  module_src_components_text_input_TextInput_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_text_input_TextInput_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_text_input_types_ts["src/components/text-input/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_text_input_types_ts
+  module_src_components_text_input_types_ts --> module_src_internal_resolvers_resolveControlSize_ts
+  module_src_components_textarea_index_ts["src/components/textarea/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_textarea_index_ts
+  module_src_components_textarea_Textarea_tsx["src/components/textarea/Textarea.tsx"]
+  package__ankhorage_surface -.-> module_src_components_textarea_Textarea_tsx
+  module_src_components_textarea_Textarea_tsx --> module_src_components_text_input_index_ts
+  module_src_components_textarea_Textarea_tsx --> module_src_components_textarea_types_ts
+  module_src_components_textarea_types_ts["src/components/textarea/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_textarea_types_ts
+  module_src_components_textarea_types_ts --> module_src_components_text_input_index_ts
+  module_src_components_toast_index_ts["src/components/toast/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_toast_index_ts
+  module_src_components_toast_Toast_tsx["src/components/toast/Toast.tsx"]
+  package__ankhorage_surface -.-> module_src_components_toast_Toast_tsx
+  module_src_components_toast_Toast_tsx --> module_src_components_toast_types_ts
+  module_src_components_toast_Toast_tsx --> module_src_layout_index_ts
+  module_src_components_toast_Toast_tsx --> module_src_primitives_text_index_ts
+  module_src_components_toast_Toast_tsx --> module_src_surfaceColor_ts
+  module_src_components_toast_Toast_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_toast_Toast_tsx --> module_src_theme_types_ts
+  module_src_components_toast_ToastProvider_tsx["src/components/toast/ToastProvider.tsx"]
+  package__ankhorage_surface -.-> module_src_components_toast_ToastProvider_tsx
+  module_src_components_toast_ToastProvider_tsx --> module_src_components_toast_Toast_tsx
+  module_src_components_toast_ToastProvider_tsx --> module_src_components_toast_types_ts
+  module_src_components_toast_ToastProvider_tsx --> module_src_internal_overlay_Portal_tsx
+  module_src_components_toast_ToastProvider_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_toast_ToastProvider_tsx --> module_src_layout_index_ts
+  module_src_components_toast_types_ts["src/components/toast/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_toast_types_ts
+  module_src_components_toast_types_ts --> module_src_surfaceColor_ts
+  module_src_components_tooltip_index_ts["src/components/tooltip/index.ts"]
+  package__ankhorage_surface -.-> module_src_components_tooltip_index_ts
+  module_src_components_tooltip_Tooltip_tsx["src/components/tooltip/Tooltip.tsx"]
+  package__ankhorage_surface -.-> module_src_components_tooltip_Tooltip_tsx
+  module_src_components_tooltip_Tooltip_tsx --> module_src_components_tooltip_types_ts
+  module_src_components_tooltip_Tooltip_tsx --> module_src_internal_overlay_Portal_tsx
+  module_src_components_tooltip_Tooltip_tsx --> module_src_internal_resolvers_index_ts
+  module_src_components_tooltip_Tooltip_tsx --> module_src_layout_index_ts
+  module_src_components_tooltip_Tooltip_tsx --> module_src_primitives_text_index_ts
+  module_src_components_tooltip_Tooltip_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_components_tooltip_types_ts["src/components/tooltip/types.ts"]
+  package__ankhorage_surface -.-> module_src_components_tooltip_types_ts
+  module_src_context_FontContext_tsx["src/context/FontContext.tsx"]
+  package__ankhorage_surface -.-> module_src_context_FontContext_tsx
+  module_src_context_TranslationContext_tsx["src/context/TranslationContext.tsx"]
+  package__ankhorage_surface -.-> module_src_context_TranslationContext_tsx
+  module_src_core_responsive_breakpoints_ts["src/core/responsive/breakpoints.ts"]
+  package__ankhorage_surface -.-> module_src_core_responsive_breakpoints_ts
+  module_src_core_responsive_getBreakpointFromWidth_ts["src/core/responsive/getBreakpointFromWidth.ts"]
+  package__ankhorage_surface -.-> module_src_core_responsive_getBreakpointFromWidth_ts
+  module_src_core_responsive_getBreakpointFromWidth_ts --> module_src_core_responsive_breakpoints_ts
+  module_src_core_responsive_getBreakpointFromWidth_ts --> module_src_core_responsive_types_ts
+  module_src_core_responsive_index_ts["src/core/responsive/index.ts"]
+  package__ankhorage_surface -.-> module_src_core_responsive_index_ts
+  module_src_core_responsive_resolve_ts["src/core/responsive/resolve.ts"]
+  package__ankhorage_surface -.-> module_src_core_responsive_resolve_ts
+  module_src_core_responsive_resolve_ts --> module_src_core_responsive_breakpoints_ts
+  module_src_core_responsive_resolve_ts --> module_src_core_responsive_types_ts
+  module_src_core_responsive_ResponsiveProvider_tsx["src/core/responsive/ResponsiveProvider.tsx"]
+  package__ankhorage_surface -.-> module_src_core_responsive_ResponsiveProvider_tsx
+  module_src_core_responsive_ResponsiveProvider_tsx --> module_src_core_responsive_getBreakpointFromWidth_ts
+  module_src_core_responsive_ResponsiveProvider_tsx --> module_src_core_responsive_types_ts
+  module_src_core_responsive_types_ts["src/core/responsive/types.ts"]
+  package__ankhorage_surface -.-> module_src_core_responsive_types_ts
+  module_src_core_responsive_types_ts --> module_src_core_responsive_breakpoints_ts
+  module_src_core_responsive_useBreakpoint_ts["src/core/responsive/useBreakpoint.ts"]
+  package__ankhorage_surface -.-> module_src_core_responsive_useBreakpoint_ts
+  module_src_core_responsive_useBreakpoint_ts --> module_src_core_responsive_getBreakpointFromWidth_ts
+  module_src_core_responsive_useBreakpoint_ts --> module_src_core_responsive_types_ts
+  module_src_examples_DocsExamples_tsx["src/examples/DocsExamples.tsx"]
+  package__ankhorage_surface -.-> module_src_examples_DocsExamples_tsx
+  module_src_examples_DocsExamples_tsx --> module_src_components_button_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_components_card_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_components_checkbox_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_components_drawer_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_components_field_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_components_helper_text_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_components_menu_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_components_modal_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_components_tabs_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_components_text_input_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_components_toast_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_components_tooltip_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_layout_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_primitives_text_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_theme_index_ts
+  module_src_examples_DocsExamples_tsx --> module_src_theme_types_ts
+  module_src_index_ts["src/index.ts"]
+  module_src_internal_focus_FocusScope_tsx["src/internal/focus/FocusScope.tsx"]
+  package__ankhorage_surface -.-> module_src_internal_focus_FocusScope_tsx
+  module_src_internal_focus_FocusScope_tsx --> module_src_internal_focus_useFocusManager_ts
+  module_src_internal_focus_useFocusManager_ts["src/internal/focus/useFocusManager.ts"]
+  package__ankhorage_surface -.-> module_src_internal_focus_useFocusManager_ts
+  module_src_internal_overlay_OverlayProvider_tsx["src/internal/overlay/OverlayProvider.tsx"]
+  package__ankhorage_surface -.-> module_src_internal_overlay_OverlayProvider_tsx
+  module_src_internal_overlay_OverlayProvider_tsx --> module_src_internal_overlay_useOverlayStack_ts
+  module_src_internal_overlay_Portal_tsx["src/internal/overlay/Portal.tsx"]
+  package__ankhorage_surface -.-> module_src_internal_overlay_Portal_tsx
+  module_src_internal_overlay_Portal_tsx --> module_src_internal_overlay_useOverlayStack_ts
+  module_src_internal_overlay_Portal_tsx --> module_src_internal_resolvers_resolveOverlayZIndex_ts
+  module_src_internal_overlay_useOverlayStack_ts["src/internal/overlay/useOverlayStack.ts"]
+  package__ankhorage_surface -.-> module_src_internal_overlay_useOverlayStack_ts
+  module_src_internal_overlay_useOverlayStack_ts --> module_src_internal_resolvers_resolveOverlayZIndex_ts
+  module_src_internal_resolvers_index_ts["src/internal/resolvers/index.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_index_ts
+  module_src_internal_resolvers_resolveControlSize_ts["src/internal/resolvers/resolveControlSize.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveControlSize_ts
+  module_src_internal_resolvers_resolveControlSize_ts --> module_src_theme_types_ts
+  module_src_internal_resolvers_resolveFieldPresentation_ts["src/internal/resolvers/resolveFieldPresentation.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveFieldPresentation_ts
+  module_src_internal_resolvers_resolveFieldPresentation_ts --> module_src_internal_resolvers_resolveFieldState_ts
+  module_src_internal_resolvers_resolveFieldPresentation_ts --> module_src_surfaceColor_ts
+  module_src_internal_resolvers_resolveFieldState_ts["src/internal/resolvers/resolveFieldState.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveFieldState_ts
+  module_src_internal_resolvers_resolveFocusRingStyles_ts["src/internal/resolvers/resolveFocusRingStyles.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveFocusRingStyles_ts
+  module_src_internal_resolvers_resolveIconSize_ts["src/internal/resolvers/resolveIconSize.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveIconSize_ts
+  module_src_internal_resolvers_resolveIconSize_ts --> module_src_internal_resolvers_resolveControlSize_ts
+  module_src_internal_resolvers_resolveIconSize_ts --> module_src_theme_types_ts
+  module_src_internal_resolvers_resolveIndicatorSize_ts["src/internal/resolvers/resolveIndicatorSize.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveIndicatorSize_ts
+  module_src_internal_resolvers_resolveIndicatorSize_ts --> module_src_internal_resolvers_resolveControlSize_ts
+  module_src_internal_resolvers_resolveInteractiveColors_ts["src/internal/resolvers/resolveInteractiveColors.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveInteractiveColors_ts
+  module_src_internal_resolvers_resolveInteractiveColors_ts --> module_src_internal_resolvers_resolveFieldState_ts
+  module_src_internal_resolvers_resolveInteractiveColors_ts --> module_src_internal_resolvers_resolveInteractiveState_ts
+  module_src_internal_resolvers_resolveInteractiveColors_ts --> module_src_internal_resolvers_resolveSurfaceColor_ts
+  module_src_internal_resolvers_resolveInteractiveColors_ts --> module_src_surfaceColor_ts
+  module_src_internal_resolvers_resolveInteractiveColors_ts --> module_src_theme_types_ts
+  module_src_internal_resolvers_resolveInteractiveState_ts["src/internal/resolvers/resolveInteractiveState.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveInteractiveState_ts
+  module_src_internal_resolvers_resolveOverlayAnimation_ts["src/internal/resolvers/resolveOverlayAnimation.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveOverlayAnimation_ts
+  module_src_internal_resolvers_resolveOverlayAnimation_ts --> module_src_internal_resolvers_resolveOverlayZIndex_ts
+  module_src_internal_resolvers_resolveOverlayZIndex_ts["src/internal/resolvers/resolveOverlayZIndex.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveOverlayZIndex_ts
+  module_src_internal_resolvers_resolveSelectionControlBehavior_ts["src/internal/resolvers/resolveSelectionControlBehavior.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveSelectionControlBehavior_ts
+  module_src_internal_resolvers_resolveSelectionControlColors_ts["src/internal/resolvers/resolveSelectionControlColors.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveSelectionControlColors_ts
+  module_src_internal_resolvers_resolveSelectionControlColors_ts --> module_src_internal_resolvers_resolveFieldState_ts
+  module_src_internal_resolvers_resolveSelectionControlColors_ts --> module_src_internal_resolvers_resolveSurfaceColor_ts
+  module_src_internal_resolvers_resolveSelectionControlColors_ts --> module_src_surfaceColor_ts
+  module_src_internal_resolvers_resolveSelectionControlColors_ts --> module_src_theme_types_ts
+  module_src_internal_resolvers_resolveSurfaceColor_ts["src/internal/resolvers/resolveSurfaceColor.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveSurfaceColor_ts
+  module_src_internal_resolvers_resolveSurfaceColor_ts --> module_src_surfaceColor_ts
+  module_src_internal_resolvers_resolveSurfaceColor_ts --> module_src_theme_types_ts
+  module_src_internal_resolvers_resolveTextColor_ts["src/internal/resolvers/resolveTextColor.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveTextColor_ts
+  module_src_internal_resolvers_resolveTextColor_ts --> module_src_internal_resolvers_resolveSurfaceColor_ts
+  module_src_internal_resolvers_resolveTextColor_ts --> module_src_surfaceColor_ts
+  module_src_internal_resolvers_resolveTextColor_ts --> module_src_theme_types_ts
+  module_src_internal_resolvers_resolveTextStyles_ts["src/internal/resolvers/resolveTextStyles.ts"]
+  package__ankhorage_surface -.-> module_src_internal_resolvers_resolveTextStyles_ts
+  module_src_internal_resolvers_resolveTextStyles_ts --> module_src_theme_types_ts
+  module_src_internal_useControllableState_ts["src/internal/useControllableState.ts"]
+  package__ankhorage_surface -.-> module_src_internal_useControllableState_ts
+  module_src_layout_AppBar_tsx["src/layout/AppBar.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_AppBar_tsx
+  module_src_layout_AppBar_tsx --> module_src_layout_Box_tsx
+  module_src_layout_AppBar_tsx --> module_src_layout_Divider_tsx
+  module_src_layout_AppBar_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_layout_Box_tsx["src/layout/Box.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_Box_tsx
+  module_src_layout_Box_tsx --> module_src_core_responsive_index_ts
+  module_src_layout_Box_tsx --> module_src_layout_helpers_ts
+  module_src_layout_Box_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_layout_Center_tsx["src/layout/Center.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_Center_tsx
+  module_src_layout_Center_tsx --> module_src_layout_Box_tsx
+  module_src_layout_Container_tsx["src/layout/Container.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_Container_tsx
+  module_src_layout_Container_tsx --> module_src_core_responsive_index_ts
+  module_src_layout_Container_tsx --> module_src_layout_Box_tsx
+  module_src_layout_Container_tsx --> module_src_layout_helpers_ts
+  module_src_layout_Container_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_layout_Container_tsx --> module_src_theme_types_ts
+  module_src_layout_Divider_tsx["src/layout/Divider.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_Divider_tsx
+  module_src_layout_Divider_tsx --> module_src_layout_Box_tsx
+  module_src_layout_Divider_tsx --> module_src_layout_helpers_ts
+  module_src_layout_Grid_tsx["src/layout/Grid.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_Grid_tsx
+  module_src_layout_Grid_tsx --> module_src_core_responsive_index_ts
+  module_src_layout_Grid_tsx --> module_src_layout_Box_tsx
+  module_src_layout_Grid_tsx --> module_src_layout_helpers_ts
+  module_src_layout_Grid_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_layout_helpers_ts["src/layout/helpers.ts"]
+  package__ankhorage_surface -.-> module_src_layout_helpers_ts
+  module_src_layout_helpers_ts --> module_src_core_responsive_resolve_ts
+  module_src_layout_helpers_ts --> module_src_core_responsive_types_ts
+  module_src_layout_helpers_ts --> module_src_theme_resolveToken_ts
+  module_src_layout_helpers_ts --> module_src_theme_types_ts
+  module_src_layout_index_ts["src/layout/index.ts"]
+  package__ankhorage_surface -.-> module_src_layout_index_ts
+  module_src_layout_Inline_tsx["src/layout/Inline.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_Inline_tsx
+  module_src_layout_Inline_tsx --> module_src_layout_Stack_tsx
+  module_src_layout_ScrollArea_tsx["src/layout/ScrollArea.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_ScrollArea_tsx
+  module_src_layout_ScrollArea_tsx --> module_src_core_responsive_index_ts
+  module_src_layout_ScrollArea_tsx --> module_src_layout_helpers_ts
+  module_src_layout_ScrollArea_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_layout_Show_tsx["src/layout/Show.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_Show_tsx
+  module_src_layout_Show_tsx --> module_src_core_responsive_index_ts
+  module_src_layout_Spacer_tsx["src/layout/Spacer.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_Spacer_tsx
+  module_src_layout_Spacer_tsx --> module_src_layout_Box_tsx
+  module_src_layout_Spacer_tsx --> module_src_layout_helpers_ts
+  module_src_layout_Stack_tsx["src/layout/Stack.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_Stack_tsx
+  module_src_layout_Stack_tsx --> module_src_core_responsive_index_ts
+  module_src_layout_Stack_tsx --> module_src_layout_Box_tsx
+  module_src_layout_Stack_tsx --> module_src_layout_helpers_ts
+  module_src_layout_Stack_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_layout_Surface_tsx["src/layout/Surface.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_Surface_tsx
+  module_src_layout_Surface_tsx --> module_src_layout_Box_tsx
+  module_src_layout_Surface_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_layout_Template_tsx["src/layout/Template.tsx"]
+  package__ankhorage_surface -.-> module_src_layout_Template_tsx
+  module_src_layout_Template_tsx --> module_src_core_responsive_index_ts
+  module_src_layout_Template_tsx --> module_src_layout_Box_tsx
+  module_src_layout_Template_tsx --> module_src_layout_helpers_ts
+  module_src_layout_Template_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_primitives_button_base_ButtonBase_tsx["src/primitives/button-base/ButtonBase.tsx"]
+  package__ankhorage_surface -.-> module_src_primitives_button_base_ButtonBase_tsx
+  module_src_primitives_button_base_ButtonBase_tsx --> module_src_core_responsive_index_ts
+  module_src_primitives_button_base_ButtonBase_tsx --> module_src_internal_resolvers_index_ts
+  module_src_primitives_button_base_ButtonBase_tsx --> module_src_layout_helpers_ts
+  module_src_primitives_button_base_ButtonBase_tsx --> module_src_primitives_button_base_types_ts
+  module_src_primitives_button_base_ButtonBase_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_primitives_button_base_index_ts["src/primitives/button-base/index.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_button_base_index_ts
+  module_src_primitives_button_base_types_ts["src/primitives/button-base/types.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_button_base_types_ts
+  module_src_primitives_button_base_types_ts --> module_src_internal_resolvers_resolveInteractiveState_ts
+  module_src_primitives_button_base_types_ts --> module_src_layout_index_ts
+  module_src_primitives_heading_Heading_tsx["src/primitives/heading/Heading.tsx"]
+  package__ankhorage_surface -.-> module_src_primitives_heading_Heading_tsx
+  module_src_primitives_heading_Heading_tsx --> module_src_context_TranslationContext_tsx
+  module_src_primitives_heading_Heading_tsx --> module_src_primitives_heading_resolveHeadingStyle_ts
+  module_src_primitives_heading_Heading_tsx --> module_src_primitives_heading_types_ts
+  module_src_primitives_heading_Heading_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_primitives_heading_index_ts["src/primitives/heading/index.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_heading_index_ts
+  module_src_primitives_heading_resolveHeadingStyle_ts["src/primitives/heading/resolveHeadingStyle.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_heading_resolveHeadingStyle_ts
+  module_src_primitives_heading_resolveHeadingStyle_ts --> module_src_internal_resolvers_resolveTextColor_ts
+  module_src_primitives_heading_resolveHeadingStyle_ts --> module_src_internal_resolvers_resolveTextStyles_ts
+  module_src_primitives_heading_resolveHeadingStyle_ts --> module_src_primitives_heading_types_ts
+  module_src_primitives_heading_resolveHeadingStyle_ts --> module_src_surfaceColor_ts
+  module_src_primitives_heading_resolveHeadingStyle_ts --> module_src_theme_types_ts
+  module_src_primitives_heading_types_ts["src/primitives/heading/types.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_heading_types_ts
+  module_src_primitives_heading_types_ts --> module_src_surfaceColor_ts
+  module_src_primitives_icon_Icon_tsx["src/primitives/icon/Icon.tsx"]
+  package__ankhorage_surface -.-> module_src_primitives_icon_Icon_tsx
+  module_src_primitives_icon_Icon_tsx --> module_src_primitives_icon_resolveExpoIconComponent_ts
+  module_src_primitives_icon_Icon_tsx --> module_src_theme_resolveToken_ts
+  module_src_primitives_icon_Icon_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_primitives_icon_Icon_tsx --> module_src_theme_types_ts
+  module_src_primitives_icon_index_ts["src/primitives/icon/index.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_icon_index_ts
+  module_src_primitives_icon_resolveExpoIconComponent_ts["src/primitives/icon/resolveExpoIconComponent.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_icon_resolveExpoIconComponent_ts
+  module_src_primitives_image_Image_tsx["src/primitives/image/Image.tsx"]
+  package__ankhorage_surface -.-> module_src_primitives_image_Image_tsx
+  module_src_primitives_image_Image_tsx --> module_src_primitives_image_resolveImageProps_ts
+  module_src_primitives_image_Image_tsx --> module_src_primitives_image_types_ts
+  module_src_primitives_image_Image_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_primitives_image_index_ts["src/primitives/image/index.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_image_index_ts
+  module_src_primitives_image_resolveImageProps_ts["src/primitives/image/resolveImageProps.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_image_resolveImageProps_ts
+  module_src_primitives_image_resolveImageProps_ts --> module_src_primitives_image_types_ts
+  module_src_primitives_image_resolveImageProps_ts --> module_src_theme_resolveToken_ts
+  module_src_primitives_image_resolveImageProps_ts --> module_src_theme_types_ts
+  module_src_primitives_image_types_ts["src/primitives/image/types.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_image_types_ts
+  module_src_primitives_image_types_ts --> module_src_theme_types_ts
+  module_src_primitives_text_index_ts["src/primitives/text/index.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_text_index_ts
+  module_src_primitives_text_Text_tsx["src/primitives/text/Text.tsx"]
+  package__ankhorage_surface -.-> module_src_primitives_text_Text_tsx
+  module_src_primitives_text_Text_tsx --> module_src_context_TranslationContext_tsx
+  module_src_primitives_text_Text_tsx --> module_src_internal_resolvers_index_ts
+  module_src_primitives_text_Text_tsx --> module_src_primitives_text_types_ts
+  module_src_primitives_text_Text_tsx --> module_src_theme_ThemeContext_tsx
+  module_src_primitives_text_types_ts["src/primitives/text/types.ts"]
+  package__ankhorage_surface -.-> module_src_primitives_text_types_ts
+  module_src_primitives_text_types_ts --> module_src_internal_resolvers_resolveTextStyles_ts
+  module_src_primitives_text_types_ts --> module_src_surfaceColor_ts
+  module_src_surfaceColor_ts["src/surfaceColor.ts"]
+  package__ankhorage_surface -.-> module_src_surfaceColor_ts
+  module_src_theme_colorEngine_ts["src/theme/colorEngine.ts"]
+  package__ankhorage_surface -.-> module_src_theme_colorEngine_ts
+  module_src_theme_colorEngine_ts --> module_src_theme_types_ts
+  module_src_theme_createTheme_ts["src/theme/createTheme.ts"]
+  package__ankhorage_surface -.-> module_src_theme_createTheme_ts
+  module_src_theme_createTheme_ts --> module_src_theme_colorEngine_ts
+  module_src_theme_createTheme_ts --> module_src_theme_types_ts
+  module_src_theme_index_ts["src/theme/index.ts"]
+  package__ankhorage_surface -.-> module_src_theme_index_ts
+  module_src_theme_resolveToken_ts["src/theme/resolveToken.ts"]
+  package__ankhorage_surface -.-> module_src_theme_resolveToken_ts
+  module_src_theme_ThemeContext_tsx["src/theme/ThemeContext.tsx"]
+  package__ankhorage_surface -.-> module_src_theme_ThemeContext_tsx
+  module_src_theme_ThemeContext_tsx --> module_src_context_FontContext_tsx
+  module_src_theme_ThemeContext_tsx --> module_src_core_responsive_ResponsiveProvider_tsx
+  module_src_theme_ThemeContext_tsx --> module_src_internal_overlay_OverlayProvider_tsx
+  module_src_theme_ThemeContext_tsx --> module_src_theme_createTheme_ts
+  module_src_theme_ThemeContext_tsx --> module_src_theme_types_ts
+  module_src_theme_ThemeContext_tsx --> module_src_utils_deepEqual_ts
+  module_src_theme_ThemeContext_tsx --> module_src_utils_deepMerge_ts
+  module_src_theme_types_ts["src/theme/types.ts"]
+  package__ankhorage_surface -.-> module_src_theme_types_ts
+  module_src_utils_deepEqual_ts["src/utils/deepEqual.ts"]
+  package__ankhorage_surface -.-> module_src_utils_deepEqual_ts
+  module_src_utils_deepMerge_ts["src/utils/deepMerge.ts"]
+  package__ankhorage_surface -.-> module_src_utils_deepMerge_ts
 ```
 
-## 🧪 Use Cases
-
-- Design system foundations
-- Cross-platform layout abstraction
-
-## 🧠 Why this exists
-
-Bridges the gap between raw primitives and full UI frameworks.
-
-## 🧭 Navigation chrome primitives
-
-Surface includes **router-agnostic navigation chrome** building blocks (tab bars, drawer lists, route items).
-
-- These components **do not** implement routing, route state, deep linking, or screen switching.
-- Use **Expo Router / React Navigation** for navigation mechanics, and render UI with Surface by passing `active`, `disabled`, and `onPress`.
+</details>