@ankhorage/zora 14.0.0 → 15.0.0

package/src/interactionPolicy.test.ts

@@ -2,7 +2,7 @@
  * Interaction policy regression guards.
  *
  * These tests verify that internally owned interactions respect the passive
- * policy returned by the canonical Surface type.  They use static source
+ * policy returned by the canonical Surface type. They use static source
  * inspection so they run fast and do not require a renderer.
  */
 
@@ -18,8 +18,8 @@ function readSource(relativePath: string): string {
   return readFileSync(join(SRC_ROOT, relativePath), 'utf8');
 }
 
-function readComponent(...segments: string[]): string {
-  return readSource(join('components', ...segments));
+function readFeature(...segments: string[]): string {
+  return readSource(join('features', ...segments));
 }
 
 function readPattern(...segments: string[]): string {
@@ -37,14 +37,14 @@ describe('InteractionPolicy declaration', () => {
   test('no duplicate local InteractionPolicy type declarations in ZORA source', () => {
     const files = [
       readSource('theme/ZoraBaseProps.ts'),
-      readComponent('app-bar', 'types.ts'),
-      readComponent('breadcrumbs', 'types.ts'),
+      readSource('types/app-bar.ts'),
+      readSource('types/breadcrumbs.ts'),
       readSource('types/empty-state.ts'),
       readSource('types/hero.ts'),
       readSource('types/product-card.ts'),
       readPattern('reader', 'types.ts'),
       readPattern('scanner', 'types.ts'),
-      readComponent('select', 'types.ts'),
+      readSource('types/select.ts'),
       readPattern('tree-view', 'types.ts'),
     ];
 
@@ -74,26 +74,27 @@ describe('Surface wrapper propagation', () => {
 });
 
 describe('AppBar', () => {
-  test('forwards interactionPolicy to internal IconButtons', () => {
-    const source = readComponent('app-bar', 'AppBar.tsx');
+  test('forwards interactionPolicy to selection and overflow controls', () => {
+    const source = readFeature('app-bar', 'adapters', 'inbound', 'AppBar.tsx');
 
     expect(source).not.toMatch(/interactionPolicy:\s*_interactionPolicy/);
     expect(source).toMatch(
-      /<IconButton[\s\S]*?interactionPolicy=\{interactionPolicy\}[\s\S]*?onPress=\{resolvedMode\.onCancel\}/,
+      /<IconButton[\s\S]*?interactionPolicy=\{interactionPolicy\}[\s\S]*?onPress=\{mode\.onCancel\}/,
     );
+    expect(source).toMatch(/<PopoverMenu[\s\S]*?interactionPolicy=\{interactionPolicy\}/);
     expect(source).toMatch(
-      /<IconButton[\s\S]*?interactionPolicy=\{interactionPolicy\}[\s\S]*?onPress=\{overflow\.onPress\}/,
+      /trigger=\{\(\{ toggle \}\) => \([\s\S]*?<IconButton[\s\S]*?interactionPolicy=\{interactionPolicy\}[\s\S]*?onPress=\{toggle\}/,
     );
   });
 });
 
 describe('Breadcrumbs', () => {
-  test('forwards interactionPolicy to internal Buttons', () => {
-    const source = readComponent('breadcrumbs', 'Breadcrumbs.tsx');
+  test('forwards interactionPolicy and emits item ids from internal Buttons', () => {
+    const source = readFeature('breadcrumbs', 'adapters', 'inbound', 'Breadcrumbs.tsx');
 
     expect(source).not.toMatch(/interactionPolicy:\s*_interactionPolicy/);
     expect(source).toMatch(
-      /<Button[\s\S]*?interactionPolicy=\{interactionPolicy\}[\s\S]*?onPress=\{item\.onPress\}/,
+      /<Button[\s\S]*?interactionPolicy=\{interactionPolicy\}[\s\S]*?onPress=\{\(\) => onItemPress\(\{ id: item\.id \}\)\}/,
     );
   });
 });
@@ -229,19 +230,20 @@ describe('BarcodeScannerView', () => {
 });
 
 describe('Select', () => {
-  test('keeps Picker enabled controlled only by real disabled prop', () => {
-    const source = readComponent('select', 'Select.tsx');
+  test('web forwards interactionPolicy to Popover and option controls', () => {
+    const webSource = readFeature('form', 'select', 'adapters', 'inbound', 'Select.web.tsx');
+    const optionSource = readFeature('form', 'select', 'composition', 'SelectOptionRow.tsx');
 
-    expect(source).toMatch(/enabled=\{!disabled\}/);
+    expect(webSource).toContain('interactionPolicy={props.interactionPolicy}');
+    expect(optionSource).toContain('interactionPolicy={interactionPolicy}');
   });
 
-  test('prevents pointer/touch interaction with Picker subtree while passive', () => {
-    const source = readComponent('select', 'Select.tsx');
+  test('native suppresses opening while passive', () => {
+    const nativeSource = readFeature('form', 'select', 'adapters', 'inbound', 'Select.native.tsx');
 
-    expect(source).toMatch(/pointerEvents:\s*passive \? 'none' : 'auto'/);
-    expect(source).toMatch(
-      /onValueChange=\{\s*\(\s*itemValue\s*\)\s*=>\s*\{\s*if\s*\(\s*!passive\s*\)/,
-    );
+    expect(nativeSource).toContain("props.interactionPolicy === 'passive'");
+    expect(nativeSource).toContain("contentMode: 'direct'");
+    expect(nativeSource).toContain('<BottomSheetFlatList');
   });
 });
 

package/src/layout/settings-layout/SettingsLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { AppBar } from '../../components/app-bar';
+import { AppBar } from '../../features/app-bar/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { Screen } from '../screen';
 import { SidebarLayout } from '../sidebar-layout';
@@ -29,7 +29,5 @@ function SettingsLayoutInner({
 
 /***
  * Settings page layout with app bar, sidebar, and scrollable content area.
- *
- 
  */
 export const SettingsLayout = withZoraThemeScope(SettingsLayoutInner);

package/src/metadata/bindableComponentMeta.test.ts

@@ -17,6 +17,14 @@ describe('ZORA bindable component metadata', () => {
     expect(registry.DataTable?.bindings?.props?.rows?.value.type).toBe('array');
   });
 
+  it('keeps Select direct-manifest ownership aligned across metadata registries', () => {
+    const select = ZORA_BINDABLE_COMPONENT_META.Select;
+
+    expect(select.directManifestNode).toBe(true);
+    expect(select.directManifestNode).toBe(ZORA_COMPONENT_META.Select.directManifestNode);
+    expect(select.bindings.events.valueChange.payload.eventType).toBe('select.valueChange');
+  });
+
   it('shares canonical Image authoring metadata while preserving dynamic image bindings', () => {
     const image = ZORA_BINDABLE_COMPONENT_META.Image;
 

package/src/metadata/bindableComponentMeta.ts

@@ -190,7 +190,7 @@ export const ZORA_BINDABLE_COMPONENT_META = {
     name: 'Select',
     category: 'component',
     description: 'Captures one selected string value.',
-    directManifestNode: false,
+    directManifestNode: true,
     allowedChildren: [],
     bindings: {
       props: {
@@ -228,7 +228,6 @@ export const ZORA_BINDABLE_COMPONENT_META = {
         payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],
       },
     },
-    note: 'Form control component; not represented as a manifest node in v1.',
     props: {
       value: {
         type: 'string',

package/src/metadata/componentMeta.test.ts

@@ -106,6 +106,7 @@ describe('ZORA_COMPONENT_META invariants', () => {
       'Checkbox',
       'CheckboxGroup',
       'RadioGroup',
+      'Select',
       'TextInput',
     ]);
     for (const [name, meta] of Object.entries(ZORA_COMPONENT_META)) {
@@ -146,6 +147,7 @@ describe('ZORA_COMPONENT_META invariants', () => {
       'Avatar',
       'AvatarGroup',
       'Badge',
+      'Breadcrumbs',
       'Chip',
       'ChipGroup',
       'DataTable',
@@ -167,6 +169,7 @@ describe('ZORA_COMPONENT_META invariants', () => {
       'CheckboxGroup',
       'Radio',
       'RadioGroup',
+      'Select',
       'ThemeModeToggle',
       'TextInput',
       'Text',

package/src/metadata/componentMeta.ts

@@ -1,16 +1,13 @@
-import { appBarMeta } from '../components/app-bar/meta';
-import { breadcrumbsMeta } from '../components/breadcrumbs/meta';
-import { dropdownMenuMeta, menuMeta } from '../components/menu/meta';
 import { modalMeta } from '../components/modal/meta';
 import { paginationMeta } from '../components/pagination/meta';
 import { ratingMeta } from '../components/rating/meta';
 import { searchBarMeta } from '../components/search-bar/meta';
-import { selectMeta } from '../components/select/meta';
 import { tabsMeta } from '../components/tabs/meta';
 import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
 import { accordionItemMeta } from '../features/accordion/accordionItemMeta';
 import { accordionMeta } from '../features/accordion/accordionMeta';
 import { activityIndicatorMeta } from '../features/activity-indicator/activityIndicatorMeta';
+import { appBarMeta } from '../features/app-bar/appBarMeta';
 import { forgotPasswordFormMeta } from '../features/auth/forgotPasswordFormMeta';
 import { oauthProviderButtonMeta } from '../features/auth/oauthProviderButtonMeta';
 import { oauthProviderListMeta } from '../features/auth/oauthProviderListMeta';
@@ -21,6 +18,7 @@ import { avatarGroupMeta } from '../features/avatar/avatarGroupMeta';
 import { avatarMeta } from '../features/avatar/avatarMeta';
 import { badgeMeta } from '../features/badge/badgeMeta';
 import { bottomSheetMeta } from '../features/bottom-sheet/bottomSheetMeta';
+import { breadcrumbsMeta } from '../features/breadcrumbs/breadcrumbsMeta';
 import { buttonGroupMeta } from '../features/button/buttonGroupMeta';
 import { buttonMeta } from '../features/button/buttonMeta';
 import { iconButtonMeta } from '../features/button/iconButtonMeta';
@@ -40,6 +38,7 @@ import { formErrorMeta } from '../features/form/formErrorMeta';
 import { formFieldMeta } from '../features/form/formFieldMeta';
 import { formMeta } from '../features/form/formMeta';
 import { radioGroupMeta, radioMeta } from '../features/form/radio/radioMeta';
+import { selectMeta } from '../features/form/select/selectMeta';
 import { textInputMeta } from '../features/form/text-input/textInputMeta';
 import { gradientMeta } from '../features/gradient/gradientMeta';
 import { heroMeta } from '../features/hero/heroMeta';
@@ -55,6 +54,7 @@ import { stackMeta } from '../features/layout/stackMeta';
 import { flatListMeta } from '../features/list/flatListMeta';
 import { sectionListMeta } from '../features/list/sectionListMeta';
 import { missingElementMeta } from '../features/missing-element/missingElementMeta';
+import { popoverMenuMeta } from '../features/popover-menu/popoverMenuMeta';
 import { progressMeta, progressRingMeta } from '../features/progress/progressMeta';
 import {
   skeletonCardMeta,
@@ -128,7 +128,6 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMet
   ChipGroup: chipGroupMeta,
   DataTable: dataTableMeta,
   DatePicker: datePickerMeta,
-  DropdownMenu: dropdownMenuMeta,
   Form: formMeta,
   FormActions: formActionsMeta,
   FormError: formErrorMeta,
@@ -141,10 +140,10 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMet
   KeyboardAvoidingView: keyboardAvoidingViewMeta,
   TextInput: textInputMeta,
   MediaCard: mediaCardMeta,
-  Menu: menuMeta,
   MetricCard: metricCardMeta,
   Modal: modalMeta,
   Pagination: paginationMeta,
+  PopoverMenu: popoverMenuMeta,
   Progress: progressMeta,
   ProgressRing: progressRingMeta,
   Radio: radioMeta,

package/src/nativePeerContract.test.ts

@@ -6,30 +6,16 @@ function isRecord(value: unknown): value is Record<string, unknown> {
   return typeof value === 'object' && value !== null && !Array.isArray(value);
 }
 
-function findRecordValue(record: Record<string, unknown>, key: string): unknown {
-  for (const [entryKey, entryValue] of Object.entries(record)) {
-    if (entryKey === key) {
-      return entryValue;
-    }
-  }
-
-  return undefined;
-}
-
-function isOptionalPeer(metadata: unknown, packageName: string): boolean {
-  if (!isRecord(metadata)) return false;
-  const peerMetadata = findRecordValue(metadata, packageName);
-  return isRecord(peerMetadata) && peerMetadata.optional === true;
-}
-
-test('root-entry native imports are required portable peers', async () => {
+test('root-entry native imports expose only required portable peers', async () => {
   const packageJson = JSON.parse(
     await readFile(new URL('../package.json', import.meta.url), 'utf8'),
   ) as unknown;
   if (!isRecord(packageJson)) throw new Error('Expected package.json to contain an object.');
 
-  const { peerDependencies, peerDependenciesMeta } = packageJson;
-  expect(isOptionalPeer(peerDependenciesMeta, '@react-native-picker/picker')).toBe(false);
+  const { peerDependencies } = packageJson;
+  expect(
+    isRecord(peerDependencies) && peerDependencies['@react-native-picker/picker'],
+  ).toBeUndefined();
   expect(isRecord(peerDependencies) && peerDependencies['expo-linear-gradient']).toBeUndefined();
   expect(isRecord(peerDependencies) && peerDependencies['expo-font']).toBeUndefined();
   expect(isRecord(peerDependencies) && peerDependencies['@expo/vector-icons']).toBeUndefined();

package/src/patterns/reader/ReaderSurface.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { AppBar } from '../../components/app-bar';
+import { AppBar } from '../../features/app-bar/public';
 import { IconButton } from '../../features/button/public';
 import { Box, Stack } from '../../features/layout/public';
 import { Progress } from '../../features/progress/public';

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

@@ -3,11 +3,11 @@ import type { AppCategory } from '@ankhorage/contracts';
 import { APP_CATEGORIES } from '@ankhorage/contracts';
 import React from 'react';
 
-import { Select } from '../../components/select';
 import { Tabs } from '../../components/tabs';
 import { Badge } from '../../features/badge/public';
 import { Button } from '../../features/button/public';
 import { Card } from '../../features/card/public';
+import { Select } from '../../features/form/select/public';
 import { TextInput } from '../../features/form/text-input/public';
 import { Box, Stack } from '../../features/layout/public';
 import { Heading } from '../../features/typography/public';

package/src/platformAcceptance.test.ts

@@ -1,6 +1,6 @@
 import { expect, test } from 'bun:test';
 
-test('passes the isolated Surface 4 and RN Web 0.21 acceptance suite', () => {
+test('passes the isolated Surface 5 and RN Web 0.21 acceptance suite', () => {
   const subprocess = Bun.spawnSync({
     cmd: [process.execPath, 'test', 'test-fixtures/platformAcceptance.test.tsx'],
     stderr: 'pipe',

package/src/registry.ts

@@ -1,18 +1,15 @@
 import type { InteractionPolicyProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import { AppBar } from './components/app-bar';
-import { Breadcrumbs } from './components/breadcrumbs';
-import { DropdownMenu, Menu } from './components/menu';
 import { Modal } from './components/modal';
 import { Pagination } from './components/pagination';
 import { Rating } from './components/rating';
 import { SearchBar } from './components/search-bar';
-import { Select } from './components/select';
 import { Tabs } from './components/tabs';
 import { Toolbar, ToolbarAction } from './components/toolbar';
 import { Accordion, AccordionItem } from './features/accordion/public';
 import { ActivityIndicator } from './features/activity-indicator/public';
+import { AppBar } from './features/app-bar/public';
 import {
   ForgotPasswordForm,
   OAuthProviderButton,
@@ -25,6 +22,7 @@ import { Avatar } from './features/avatar/public';
 import { AvatarGroup } from './features/avatar/public';
 import { Badge } from './features/badge/public';
 import { BottomSheet } from './features/bottom-sheet/public';
+import { Breadcrumbs } from './features/breadcrumbs/public';
 import { Button } from './features/button/public';
 import { ButtonGroup } from './features/button/public';
 import { IconButton } from './features/button/public';
@@ -41,6 +39,7 @@ import { EmptyState } from './features/empty-state/public';
 import { Checkbox, CheckboxGroup } from './features/form/checkbox/public';
 import { Form, FormActions, FormError, FormField } from './features/form/public';
 import { Radio, RadioGroup } from './features/form/radio/public';
+import { Select } from './features/form/select/public';
 import { TextInput } from './features/form/text-input/public';
 import { Gradient } from './features/gradient/public';
 import { Hero } from './features/hero/public';
@@ -51,6 +50,7 @@ import { Box, Container, Divider, Grid, Stack } from './features/layout/public';
 import { ContentRail } from './features/layout/public';
 import { FlatList, SectionList } from './features/list/public';
 import { MissingElement } from './features/missing-element/public';
+import { PopoverMenu } from './features/popover-menu/public';
 import { Progress, ProgressRing } from './features/progress/public';
 import { Skeleton, SkeletonCard, SkeletonList, SkeletonText } from './features/skeleton/public';
 import { Surface } from './features/surface/public';
@@ -130,7 +130,6 @@ const _ZORA_COMPONENT_REGISTRY = {
   ChipGroup,
   DataTable,
   DatePicker,
-  DropdownMenu,
   Form,
   FormActions,
   FormError,
@@ -143,10 +142,10 @@ const _ZORA_COMPONENT_REGISTRY = {
   KeyboardAvoidingView,
   TextInput,
   MediaCard,
-  Menu,
   MetricCard,
   Modal,
   Pagination,
+  PopoverMenu,
   Progress,
   ProgressRing,
   Radio,

package/src/theme/themeScopeStructure.test.ts

@@ -56,10 +56,11 @@ const scopedComponentFiles = [
   join(srcDir, 'features', 'list', 'adapters', 'inbound', 'FlatList.tsx'),
   join(srcDir, 'features', 'list', 'adapters', 'inbound', 'SectionList.tsx'),
   join(srcDir, 'features', 'bottom-sheet', 'adapters', 'inbound', 'BottomSheet.tsx'),
-  join(srcDir, 'components', 'app-bar', 'AppBar.tsx'),
+  join(srcDir, 'features', 'app-bar', 'adapters', 'inbound', 'AppBar.tsx'),
   join(srcDir, 'features', 'accordion', 'adapters', 'inbound', 'Accordion.tsx'),
   join(srcDir, 'features', 'accordion', 'adapters', 'inbound', 'AccordionItem.tsx'),
   join(srcDir, 'features', 'badge', 'adapters', 'inbound', 'Badge.tsx'),
+  join(srcDir, 'features', 'breadcrumbs', 'adapters', 'inbound', 'Breadcrumbs.tsx'),
   join(srcDir, 'features', 'button', 'adapters', 'inbound', 'Button.tsx'),
   join(srcDir, 'features', 'button', 'adapters', 'inbound', 'ButtonGroup.tsx'),
   join(srcDir, 'features', 'card', 'adapters', 'inbound', 'Card.tsx'),
@@ -73,16 +74,18 @@ const scopedComponentFiles = [
   join(srcDir, 'features', 'form', 'adapters', 'inbound', 'FormActions.tsx'),
   join(srcDir, 'features', 'form', 'adapters', 'inbound', 'FormError.tsx'),
   join(srcDir, 'features', 'form', 'adapters', 'inbound', 'FormField.tsx'),
+  join(srcDir, 'features', 'form', 'select', 'adapters', 'inbound', 'Select.native.tsx'),
+  join(srcDir, 'features', 'form', 'select', 'adapters', 'inbound', 'Select.web.tsx'),
   join(srcDir, 'features', 'typography', 'adapters', 'inbound', 'Heading.tsx'),
   join(srcDir, 'features', 'icon', 'adapters', 'inbound', 'Icon.tsx'),
   join(srcDir, 'features', 'button', 'adapters', 'inbound', 'IconButton.tsx'),
   join(srcDir, 'features', 'form', 'text-input', 'adapters', 'inbound', 'TextInput.tsx'),
   join(srcDir, 'components', 'modal', 'Modal.tsx'),
+  join(srcDir, 'features', 'popover-menu', 'adapters', 'inbound', 'PopoverMenu.tsx'),
   join(srcDir, 'features', 'progress', 'adapters', 'inbound', 'Progress.tsx'),
   join(srcDir, 'features', 'form', 'radio', 'adapters', 'inbound', 'Radio.tsx'),
   join(srcDir, 'features', 'form', 'radio', 'adapters', 'inbound', 'RadioGroup.tsx'),
   join(srcDir, 'components', 'rating', 'Rating.tsx'),
-  join(srcDir, 'components', 'select', 'Select.tsx'),
   join(srcDir, 'components', 'tabs', 'Tabs.tsx'),
   join(srcDir, 'features', 'time-picker', 'adapters', 'inbound', 'TimePicker.native.tsx'),
   join(srcDir, 'features', 'time-picker', 'adapters', 'inbound', 'TimePicker.web.tsx'),
@@ -134,9 +137,10 @@ const scopedComponentFiles = [
 ] as const;
 
 const scopedPropTypeFiles = [
-  join(srcDir, 'components', 'app-bar', 'types.ts'),
+  join(srcDir, 'types', 'app-bar.ts'),
   join(srcDir, 'types', 'accordion.ts'),
   join(srcDir, 'types', 'badge.ts'),
+  join(srcDir, 'types', 'breadcrumbs.ts'),
   join(srcDir, 'types', 'button.ts'),
   join(srcDir, 'types', 'button-group.ts'),
   join(srcDir, 'types', 'card.ts'),
@@ -150,10 +154,11 @@ const scopedPropTypeFiles = [
   join(srcDir, 'types', 'icon-button.ts'),
   join(srcDir, 'types', 'text-input.ts'),
   join(srcDir, 'components', 'modal', 'types.ts'),
+  join(srcDir, 'types', 'popover-menu.ts'),
   join(srcDir, 'types', 'progress.ts'),
   join(srcDir, 'types', 'radio.ts'),
   join(srcDir, 'components', 'rating', 'types.ts'),
-  join(srcDir, 'components', 'select', 'types.ts'),
+  join(srcDir, 'types', 'select.ts'),
   join(srcDir, 'components', 'tabs', 'types.ts'),
   join(srcDir, 'types', 'text.ts'),
   join(srcDir, 'types', 'time-picker.ts'),
@@ -194,7 +199,7 @@ describe('theme scope structure', () => {
   it('implements nested scopes without nesting Surface ThemeProvider', () => {
     expect(themeScopeSource).toMatch(/<ThemeContext\s+value=/u);
     expect(themeScopeSource).toMatch(/createTheme\(/u);
-    expect(themeScopeSource).not.toMatch(/ThemeProvider/);
+    expect(themeScopeSource).not.toMatch(/<ThemeProvider\b/u);
   });
 
   it('wraps components only when mode/themeId overrides are present', () => {

package/src/{components/app-bar/types.ts → types/app-bar.ts}

@@ -1,7 +1,8 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { PopoverMenuAction } from './popover-menu';
 
 export type AppBarMode =
   | {
@@ -16,11 +17,13 @@ export type AppBarMode =
       cancelIcon?: ButtonIconSpec;
     };
 
-export interface AppBarOverflowAction {
-  onPress: () => void;
+export interface AppBarOverflowMenu {
+  actions: readonly PopoverMenuAction[];
   label?: string;
   icon?: ButtonIconSpec;
   disabled?: boolean;
+  closeOnSelect?: boolean;
+  onDismiss?: () => void;
 }
 
 export interface AppBarProps extends ZoraBaseProps {
@@ -28,7 +31,7 @@ export interface AppBarProps extends ZoraBaseProps {
   subtitle?: React.ReactNode;
   leading?: React.ReactNode;
   actions?: React.ReactNode;
-  overflow?: AppBarOverflowAction;
+  overflow?: AppBarOverflowMenu;
   appMode?: AppBarMode;
   children?: React.ReactNode;
   safeAreaTop?: boolean;

package/src/{components/breadcrumbs/types.ts → types/breadcrumbs.ts}

@@ -1,21 +1,24 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
-import type React from 'react';
 
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export interface BreadcrumbItem {
   id: string;
-  label: React.ReactNode;
+  label: string;
   icon?: ButtonIconSpec;
-  onPress?: () => void;
   disabled?: boolean;
 }
 
+export interface BreadcrumbPressEvent {
+  id: string;
+}
+
 export interface BreadcrumbsProps extends ZoraBaseProps {
   items: readonly BreadcrumbItem[];
-  separator?: React.ReactNode;
+  separator?: string;
   maxItems?: number;
   compact?: boolean;
   disabled?: boolean;
+  onItemPress?: (event: BreadcrumbPressEvent) => void;
   testID?: string;
 }

package/src/types/data-table.ts

@@ -1,8 +1,8 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { MenuActionIntent } from '../components/menu';
 import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { PopoverMenuActionIntent } from './popover-menu';
 
 export type DataTableColumnAlign = 'start' | 'center' | 'end';
 export type DataTableDensity = 'comfortable' | 'compact';
@@ -36,7 +36,7 @@ export interface DataTableRowAction<TRow extends object> {
   title: React.ReactNode;
   description?: React.ReactNode;
   icon?: ButtonIconSpec;
-  intent?: MenuActionIntent;
+  intent?: PopoverMenuActionIntent;
   disabled?: boolean;
   onPress?: (row: TRow) => void;
 }

package/src/types/popover-menu.ts

@@ -0,0 +1,31 @@
+import type {
+  ButtonIconSpec,
+  PopoverAnchorRenderProps,
+  PopoverMenuActionIntent as SurfacePopoverMenuActionIntent,
+} from '@ankhorage/surface';
+import type React from 'react';
+
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export type PopoverMenuActionIntent = SurfacePopoverMenuActionIntent;
+
+export interface PopoverMenuAction {
+  id: string;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  icon?: ButtonIconSpec;
+  leading?: React.ReactNode;
+  trailing?: React.ReactNode;
+  intent?: PopoverMenuActionIntent;
+  disabled?: boolean;
+  selected?: boolean;
+  onPress?: () => void;
+}
+
+export interface PopoverMenuProps extends ZoraBaseProps {
+  trigger: (controls: PopoverAnchorRenderProps) => React.ReactNode;
+  actions: readonly PopoverMenuAction[];
+  onDismiss?: () => void;
+  closeOnSelect?: boolean;
+  testID?: string;
+}

package/src/{components/select/types.ts → types/select.ts}

@@ -1,4 +1,4 @@
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export interface SelectOption<TValue extends string = string> {
   value: TValue;
@@ -7,9 +7,17 @@ export interface SelectOption<TValue extends string = string> {
 }
 
 export interface SelectProps<TValue extends string = string> extends ZoraBaseProps {
-  value: TValue;
+  value?: TValue;
+  defaultValue?: TValue;
   options: readonly SelectOption<TValue>[];
-  onValueChange: (value: TValue) => void;
+  onValueChange?: (value: TValue) => void;
+  label?: string;
+  helperText?: string;
+  errorText?: string;
+  placeholder?: string;
+  required?: boolean;
   disabled?: boolean;
+  readOnly?: boolean;
   invalid?: boolean;
+  testID?: string;
 }

package/dist/components/app-bar/AppBar.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { AppBarProps } from './types';
-/***
- * Renders a top app bar with title/subtitle and optional leading/trailing actions.
- */
-export declare const AppBar: (props: AppBarProps) => React.ReactElement | null;
-//# sourceMappingURL=AppBar.d.ts.map

package/dist/components/app-bar/AppBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar/AppBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAoC,WAAW,EAAE,MAAM,SAAS,CAAC;AA8H7E;;GAEG;AACH,eAAO,MAAM,MAAM,mDAAkC,CAAC"}