@ankhorage/zora 18.0.1 → 19.0.0

package/src/{patterns/message-bubble → features/chat/adapters/inbound}/MessageBubble.tsx

@@ -1,17 +1,17 @@
 import { Pressable } from '@ankhorage/surface';
 import React from 'react';
 
-import { Avatar } from '../../features/avatar/public';
-import { View } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import type {
   MessageBubbleAvatar,
   MessageBubbleDirection,
   MessageBubbleProps,
   MessageBubbleStatus,
-} from './types';
+} from '../../../../types/chat';
+import { Avatar } from '../../../avatar/public';
+import { View } from '../../../layout/public';
+import { Text } from '../../../typography/public';
 
 function resolveAvatarName({
   avatar,

package/src/features/chat/public.ts

@@ -0,0 +1,11 @@
+export type {
+  ChatListAvatar,
+  ChatListItemProps,
+  MessageBubbleAuthor,
+  MessageBubbleAvatar,
+  MessageBubbleDirection,
+  MessageBubbleProps,
+  MessageBubbleStatus,
+} from '../../types/chat';
+export { ChatListItem } from './adapters/inbound/ChatListItem';
+export { MessageBubble } from './adapters/inbound/MessageBubble';

package/src/{patterns/collection-editor → features/collection-editor/adapters/inbound}/CollectionEditor.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 
-import { Button } from '../../features/button/public';
-import { IconButton } from '../../features/button/public';
-import { View } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Panel } from '../panel';
-import type { CollectionEditorProps } from './types';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import type { CollectionEditorProps } from '../../../../types/collection-editor';
+import { Button } from '../../../button/public';
+import { IconButton } from '../../../button/public';
+import { Card } from '../../../card/public';
+import { View } from '../../../layout/public';
+import { Text } from '../../../typography/public';
 
 function CollectionEditorInner<TItem>({
   themeId: _themeId,
@@ -27,7 +27,7 @@ function CollectionEditorInner<TItem>({
   const isEmpty = items.length === 0;
 
   return (
-    <Panel
+    <Card
       compact
       description={description}
       interactionPolicy={interactionPolicy}
@@ -110,7 +110,7 @@ function CollectionEditorInner<TItem>({
           ))
         )}
       </View>
-    </Panel>
+    </Card>
   );
 }
 

package/src/features/collection-editor/public.ts

@@ -0,0 +1,5 @@
+export type {
+  CollectionEditorProps,
+  CollectionEditorRenderItemProps,
+} from '../../types/collection-editor';
+export { CollectionEditor } from './adapters/inbound/CollectionEditor';

package/src/features/form/field/meta.ts

@@ -10,6 +10,7 @@ export const fieldMeta = {
     'RadioGroup',
     'SearchInput',
     'Select',
+    'Switch',
     'TextInput',
   ],
   blueprint: { label: 'Field', defaultProps: { label: 'Label' } },

package/src/features/form/switch/adapters/inbound/Switch.tsx

@@ -0,0 +1,12 @@
+import { Switch as SurfaceSwitch } from '@ankhorage/surface';
+import React from 'react';
+
+import { withZoraThemeScope } from '../../../../../theme/withZoraThemeScope';
+import type { SwitchProps } from '../../../../../types/switch';
+
+/*** Renders the ZORA switch while preserving the canonical Surface switch contract. */
+export const Switch = withZoraThemeScope(SwitchInner);
+
+function SwitchInner({ themeId: _themeId, mode: _mode, interactionPolicy, ...props }: SwitchProps) {
+  return <SurfaceSwitch {...props} interactionPolicy={interactionPolicy} />;
+}

package/src/features/form/switch/public.ts

@@ -0,0 +1,2 @@
+export type { SwitchProps } from '../../../types/switch';
+export { Switch } from './adapters/inbound/Switch';

package/src/features/form/switch/switchMeta.ts

@@ -0,0 +1,14 @@
+import type { ZoraComponentMeta } from '../../../metadata';
+
+export const switchMeta = {
+  name: 'Switch',
+  category: 'component',
+  directManifestNode: true,
+  allowedChildren: [],
+  blueprint: { label: 'Switch', defaultProps: { children: 'Option', checked: false } },
+  props: {
+    children: { type: 'string', category: 'Content', label: 'Label' },
+    checked: { type: 'boolean', category: 'State', label: 'Checked', default: false },
+    disabled: { type: 'boolean', category: 'State', label: 'Disabled', default: false },
+  },
+} as const satisfies ZoraComponentMeta;

package/src/features/layout/public.test.ts

@@ -23,15 +23,7 @@ const removedPublicNames = [
 
 describe('canonical layout boundary', () => {
   test('exports only the current layout primitives and semantic screen composition', () => {
-    for (const name of [
-      'AppShell',
-      'Divider',
-      'Grid',
-      'Screen',
-      'ScreenSection',
-      'ScrollView',
-      'View',
-    ]) {
+    for (const name of ['AppShell', 'Divider', 'Grid', 'Screen', 'ScrollView', 'View']) {
       expect(publicSource).toMatch(new RegExp(`\\b${name}\\b`, 'u'));
     }
 
@@ -44,12 +36,12 @@ describe('canonical layout boundary', () => {
   test('does not retain the legacy layout or foundation ownership roots', () => {
     expect(existsSync(join(srcDir, 'layout'))).toBe(false);
     expect(existsSync(join(srcDir, 'foundation'))).toBe(false);
-    expect(existsSync(join(srcDir, 'patterns', 'settings-row'))).toBe(false);
-    expect(existsSync(join(srcDir, 'patterns', 'tile-grid'))).toBe(false);
+    expect(existsSync(join(srcDir, 'patterns'))).toBe(false);
   });
 
   test('keeps moved capabilities with their singular feature owners', () => {
     expect(existsSync(join(srcDir, 'features', 'content-rail', 'public.ts'))).toBe(true);
     expect(existsSync(join(srcDir, 'features', 'palette-item', 'public.ts'))).toBe(true);
+    expect(existsSync(join(srcDir, 'features', 'section', 'public.ts'))).toBe(true);
   });
 });

package/src/features/layout/public.ts

@@ -3,7 +3,6 @@ export type {
   DividerProps,
   GridProps,
   ScreenProps,
-  ScreenSectionProps,
   ScrollViewProps,
   ViewProps,
 } from '../../types/layout';
@@ -11,6 +10,5 @@ export { AppShell } from './adapters/inbound/AppShell';
 export { Divider } from './adapters/inbound/Divider';
 export { Grid } from './adapters/inbound/Grid';
 export { Screen } from './adapters/inbound/Screen';
-export { ScreenSection } from './adapters/inbound/ScreenSection';
 export { ScrollView } from './adapters/inbound/ScrollView';
 export { View } from './adapters/inbound/View';

package/src/features/list/adapters/inbound/ListSection.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { SectionHeader } from '../../../../patterns/section-header';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import type { ListSectionProps } from '../../../../types/list';
 import { View } from '../../../layout/public';
+import { SectionHeader } from '../../../section/public';
 import { List } from './List';
 
 function ListSectionInner({

package/src/features/missing-element/MissingElement.test.ts

@@ -13,7 +13,7 @@ describe('MissingElement draft contract', () => {
       availability: 'draft-only',
       releaseGate: 'blocked',
     });
-    expect(ZORA_COMPONENT_META.Notice.manifestPolicy).toBeUndefined();
+    expect(ZORA_COMPONENT_META.Card.manifestPolicy).toBeUndefined();
     expect(ZORA_COMPONENT_META.EmptyState.manifestPolicy).toBeUndefined();
   });
 
@@ -63,6 +63,6 @@ describe('MissingElement draft contract', () => {
     expect(types).toContain('MissingElementProps extends ZoraBaseProps');
     expect(source).toContain('interactionPolicy: _interactionPolicy');
     expect(source).not.toMatch(/onPress|onLongPress|onChange|onSubmit/);
-    expect(source).not.toMatch(/<Button|<IconButton|<Notice|<EmptyState/);
+    expect(source).not.toMatch(/<Button|<IconButton|<EmptyState/);
   });
 });

package/src/{patterns/reader → features/reader/adapters/inbound}/ReaderSurface.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, test } from 'bun:test';
 
-import type { ReaderErrorEvent, ReaderLocationChangeEvent, ReaderSurfaceProps } from '../..';
+import type { ReaderErrorEvent, ReaderLocationChangeEvent, ReaderSurfaceProps } from '../../../..';
 
 describe('ReaderSurface public contract', () => {
   test('exports the component and serializable adapter events from the package root', () => {
@@ -29,12 +29,12 @@ describe('ReaderSurface public contract', () => {
   test('exports the reader API from the package root', async () => {
     const source = await Bun.file('src/index.ts').text();
 
-    expect(source).toContain("from './patterns/reader';");
+    expect(source).toContain("from './features/reader/public';");
     expect(source).toContain('ReaderSurface, resolveReaderProgress');
   });
 
   test('keeps parsing, fetching, persistence, and platform APIs outside ZORA', async () => {
-    const source = await Bun.file('src/patterns/reader/ReaderSurface.tsx').text();
+    const source = await Bun.file('src/features/reader/adapters/inbound/ReaderSurface.tsx').text();
 
     expect(source).not.toContain('expo-');
     expect(source).not.toContain('pdfjs');

package/src/{patterns/reader → features/reader/adapters/inbound}/ReaderSurface.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
 
-import { AppBar } from '../../features/app-bar/public';
-import { IconButton } from '../../features/button/public';
-import { View } from '../../features/layout/public';
-import { Progress } from '../../features/progress/public';
-import { Surface } from '../../features/surface/public';
-import { Text } from '../../features/typography/public';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { resolveReaderProgress } from './resolveReaderProgress';
-import type { ReaderStatus, ReaderSurfaceProps } from './types';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import type { ReaderStatus, ReaderSurfaceProps } from '../../../../types/reader';
+import { AppBar } from '../../../app-bar/public';
+import { IconButton } from '../../../button/public';
+import { View } from '../../../layout/public';
+import { Progress } from '../../../progress/public';
+import { Surface } from '../../../surface/public';
+import { Text } from '../../../typography/public';
+import { resolveReaderProgress } from '../../utils/resolveReaderProgress';
 
 function resolvePageLabel(page: number | undefined, pageCount: number | undefined): string | null {
   if (page === undefined || !Number.isFinite(page)) return null;

package/src/{patterns/reader/index.ts → features/reader/public.ts}

@@ -1,5 +1,3 @@
-export { ReaderSurface } from './ReaderSurface';
-export { resolveReaderProgress } from './resolveReaderProgress';
 export type {
   ReaderColorScheme,
   ReaderDocumentFormat,
@@ -12,4 +10,6 @@ export type {
   ReaderResolvedSource,
   ReaderStatus,
   ReaderSurfaceProps,
-} from './types';
+} from '../../types/reader';
+export { ReaderSurface } from './adapters/inbound/ReaderSurface';
+export { resolveReaderProgress } from './utils/resolveReaderProgress';

package/src/{patterns/scanner → features/scanner/adapters/inbound}/BarcodeScannerView.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import { StyleSheet } from 'react-native';
 
-import { Card } from '../../features/card/public';
-import { View } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import type { BarcodeScannerViewProps } from '../../../../types/scanner';
+import { Card } from '../../../card/public';
+import { View } from '../../../layout/public';
+import { Text } from '../../../typography/public';
 import { CameraPermissionView } from './CameraPermissionView';
 import { ScanOverlay } from './ScanOverlay';
-import type { BarcodeScannerViewProps } from './types';
 
 function BarcodeScannerViewInner({
   themeId: _themeId,

package/src/{patterns/scanner → features/scanner/adapters/inbound}/CameraPermissionView.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 
-import { Button } from '../../features/button/public';
-import { Card } from '../../features/card/public';
-import { View } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { CameraPermissionViewProps } from './types';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import type { CameraPermissionViewProps } from '../../../../types/scanner';
+import { Button } from '../../../button/public';
+import { Card } from '../../../card/public';
+import { View } from '../../../layout/public';
+import { Text } from '../../../typography/public';
 
 function resolvePermissionCopy(status: CameraPermissionViewProps['status']) {
   if (status === 'denied') {

package/src/{patterns/scanner → features/scanner/adapters/inbound}/ScanOverlay.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import { StyleSheet } from 'react-native';
 
-import { Badge } from '../../features/badge/public';
-import { View } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { ScanOverlayProps } from './types';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import type { ScanOverlayProps } from '../../../../types/scanner';
+import { Badge } from '../../../badge/public';
+import { View } from '../../../layout/public';
+import { Text } from '../../../typography/public';
 
 function ScanOverlayInner({
   themeId: _themeId,

package/src/features/scanner/public.ts

@@ -0,0 +1,10 @@
+export type {
+  BarcodeScannerViewProps,
+  BarcodeScanResult,
+  CameraPermissionStatus,
+  CameraPermissionViewProps,
+  ScanOverlayProps,
+} from '../../types/scanner';
+export { BarcodeScannerView } from './adapters/inbound/BarcodeScannerView';
+export { CameraPermissionView } from './adapters/inbound/CameraPermissionView';
+export { ScanOverlay } from './adapters/inbound/ScanOverlay';

package/src/features/{layout → section}/adapters/inbound/ScreenSection.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { SectionHeader } from '../../../../patterns/section-header';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import type { ScreenSectionProps } from '../../../../types/layout';
-import { View } from './View';
+import type { ScreenSectionProps } from '../../../../types/section';
+import { View } from '../../../layout/public';
+import { SectionHeader } from './SectionHeader';
 
 function ScreenSectionInner({
   themeId: _themeId,

package/src/{patterns/section-header → features/section/adapters/inbound}/SectionHeader.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
-import { View } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { SectionHeaderProps } from './types';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import type { SectionHeaderProps } from '../../../../types/section';
+import { View } from '../../../layout/public';
+import { Heading } from '../../../typography/public';
+import { Text } from '../../../typography/public';
 
 function SectionHeaderInner({
   themeId: _themeId,

package/src/features/section/public.ts

@@ -0,0 +1,3 @@
+export type { ScreenSectionProps, SectionHeaderProps } from '../../types/section';
+export { ScreenSection } from './adapters/inbound/ScreenSection';
+export { SectionHeader } from './adapters/inbound/SectionHeader';

package/src/{patterns/selection → features/selection/adapters/inbound}/SelectableItem.tsx

@@ -2,8 +2,12 @@ import { Pressable } from '@ankhorage/surface';
 import React from 'react';
 import type { GestureResponderEvent } from 'react-native';
 
+import type {
+  SelectableItemProps,
+  SelectableItemState,
+  SelectionTrigger,
+} from '../../../../types/selection';
 import { useSelection } from './SelectionProvider';
-import type { SelectableItemProps, SelectableItemState, SelectionTrigger } from './types';
 
 function resolveTrigger(trigger: SelectionTrigger | undefined): SelectionTrigger {
   return trigger ?? 'manual';

package/src/{patterns/selection → features/selection/adapters/inbound}/SelectionProvider.tsx

@@ -1,7 +1,17 @@
 import React from 'react';
 
-import { areIdsEqual, clearIds, normalizeIds, selectId, toggleId } from './resolveSelectionNextIds';
-import type { SelectionMode, SelectionProviderProps, UseSelectionResult } from './types';
+import type {
+  SelectionMode,
+  SelectionProviderProps,
+  UseSelectionResult,
+} from '../../../../types/selection';
+import {
+  areIdsEqual,
+  clearIds,
+  normalizeIds,
+  selectId,
+  toggleId,
+} from '../../utils/resolveSelectionNextIds';
 
 const MISSING_CONTEXT_MESSAGE =
   'ZORA selection context is missing. Wrap this tree in <SelectionProvider>.';

package/src/features/selection/public.ts

@@ -0,0 +1,10 @@
+export type {
+  SelectableItemProps,
+  SelectableItemState,
+  SelectionMode,
+  SelectionProviderProps,
+  SelectionTrigger,
+  UseSelectionResult,
+} from '../../types/selection';
+export { SelectableItem } from './adapters/inbound/SelectableItem';
+export { SelectionProvider, useSelection } from './adapters/inbound/SelectionProvider';

package/src/{patterns/selection → features/selection/utils}/resolveSelectionNextIds.test.ts

@@ -1,7 +1,7 @@
 import { describe, expect, test } from 'bun:test';
 
+import type { SelectionMode } from '../../../types/selection';
 import { areIdsEqual, clearIds, normalizeIds, selectId, toggleId } from './resolveSelectionNextIds';
-import type { SelectionMode } from './types';
 
 describe('resolveSelectionNextIds', () => {
   test('normalizeIds removes duplicates, preserves order', () => {

package/src/{patterns/selection → features/selection/utils}/resolveSelectionNextIds.ts

@@ -1,4 +1,4 @@
-import type { SelectionMode } from './types';
+import type { SelectionMode } from '../../../types/selection';
 
 export function normalizeIds(
   ids: readonly string[] | undefined,

package/src/{patterns/timeline → features/timeline/adapters/inbound}/Timeline.tsx

@@ -1,15 +1,15 @@
 import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';
 import React from 'react';
 
-import { Icon } from '../../features/icon/public';
-import { View } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import type { ZoraColor } from '../../internal/recipes';
-import { resolveIconSize } from '../../internal/recipes';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { TimelineItem, TimelineProps } from './types';
+import type { ZoraColor } from '../../../../internal/recipes';
+import { resolveIconSize } from '../../../../internal/recipes';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import type { TimelineItem, TimelineProps } from '../../../../types/timeline';
+import { Icon } from '../../../icon/public';
+import { View } from '../../../layout/public';
+import { Heading } from '../../../typography/public';
+import { Text } from '../../../typography/public';
 
 function resolveRoleSemantics(theme: SurfaceTheme, color: ZoraColor): RoleSemantics {
   switch (color) {

package/src/features/timeline/public.ts

@@ -0,0 +1,2 @@
+export type { TimelineItem, TimelineProps } from '../../types/timeline';
+export { Timeline } from './adapters/inbound/Timeline';

package/src/{patterns/tree-view → features/tree-view/adapters/inbound}/TreeItem.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 
-import { IconButton } from '../../features/button/public';
-import { View } from '../../features/layout/public';
-import { ListItem } from '../../features/list/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-import type { TreeItemNode, TreeItemRenderProps } from './types';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import type { ZoraBaseProps } from '../../../../theme/ZoraBaseProps';
+import type { TreeItemNode, TreeItemRenderProps } from '../../../../types/tree-view';
+import { IconButton } from '../../../button/public';
+import { View } from '../../../layout/public';
+import { ListItem } from '../../../list/public';
 
 interface TreeItemProps<TId extends string = string> extends ZoraBaseProps {
   node: TreeItemNode<TId>;

package/src/{patterns/tree-view → features/tree-view/adapters/inbound}/TreeView.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { View } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import type { TreeViewProps } from '../../../../types/tree-view';
+import { View } from '../../../layout/public';
 import { TreeItem } from './TreeItem';
-import type { TreeViewProps } from './types';
 
 function TreeViewInner<TId extends string = string>({
   themeId: _themeId,

package/src/features/tree-view/public.ts

@@ -0,0 +1,3 @@
+export type { TreeItemNode, TreeItemRenderProps, TreeViewProps } from '../../types/tree-view';
+export { TreeItem } from './adapters/inbound/TreeItem';
+export { TreeView } from './adapters/inbound/TreeView';