@ankhorage/zora 18.0.1 → 19.0.1

package/src/interactionPolicy.test.ts

@@ -22,13 +22,9 @@ function readFeature(...segments: string[]): string {
   return readSource(join('features', ...segments));
 }
 
-function readPattern(...segments: string[]): string {
-  return readSource(join('patterns', ...segments));
-}
-
 describe('InteractionPolicy declaration', () => {
   test('ZoraBaseProps uses the canonical Surface type', () => {
-    const source = readSource('theme/ZoraBaseProps.ts');
+    const source = readSource('types/base.ts');
 
     expect(source).toContain("import type { InteractionPolicy } from '@ankhorage/surface';");
     expect(source).toContain('interactionPolicy?: InteractionPolicy;');
@@ -36,16 +32,16 @@ describe('InteractionPolicy declaration', () => {
 
   test('no duplicate local InteractionPolicy type declarations in ZORA source', () => {
     const files = [
-      readSource('theme/ZoraBaseProps.ts'),
+      readSource('types/base.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'),
+      readSource('types/reader.ts'),
+      readSource('types/scanner.ts'),
       readSource('types/select.ts'),
-      readPattern('tree-view', 'types.ts'),
+      readSource('types/tree-view.ts'),
     ];
 
     for (const source of files) {
@@ -54,7 +50,7 @@ describe('InteractionPolicy declaration', () => {
   });
 
   test('registry contract is compile-time only', () => {
-    const registrySource = readSource('registry.ts');
+    const registrySource = readFeature('registry', 'ZORA_COMPONENT_REGISTRY.ts');
 
     expect(registrySource).not.toMatch(/type\s+InteractionPolicy/);
     expect(registrySource).toContain(
@@ -159,7 +155,7 @@ describe('ProductCard', () => {
 
 describe('ReaderSurface', () => {
   test('types extend ZoraBaseProps instead of duplicating InteractionPolicy', () => {
-    const source = readPattern('reader', 'types.ts');
+    const source = readSource('types/reader.ts');
 
     expect(source).not.toMatch(
       /import type \{\s*InteractionPolicy\s*\} from '@ankhorage\/surface';/,
@@ -169,7 +165,7 @@ describe('ReaderSurface', () => {
   });
 
   test('forwards interactionPolicy to its owned interactive controls', () => {
-    const source = readPattern('reader', 'ReaderSurface.tsx');
+    const source = readFeature('reader', 'adapters', 'inbound', 'ReaderSurface.tsx');
 
     expect(source).not.toMatch(/interactionPolicy:\s*_interactionPolicy/);
     expect(source).toMatch(
@@ -210,7 +206,7 @@ describe('ContentRail', () => {
 
 describe('CameraPermissionView', () => {
   test('forwards interactionPolicy to internal Buttons after prop spreads', () => {
-    const source = readPattern('scanner', 'CameraPermissionView.tsx');
+    const source = readFeature('scanner', 'adapters', 'inbound', 'CameraPermissionView.tsx');
 
     expect(source).toMatch(
       /<Button[\s\S]*?\{\s*\.\.\.requestButtonProps\s*\}[\s\S]*?interactionPolicy=\{interactionPolicy\}/,
@@ -223,7 +219,7 @@ describe('CameraPermissionView', () => {
 
 describe('BarcodeScannerView', () => {
   test('passes interactionPolicy to CameraPermissionView in non-granted states', () => {
-    const source = readPattern('scanner', 'BarcodeScannerView.tsx');
+    const source = readFeature('scanner', 'adapters', 'inbound', 'BarcodeScannerView.tsx');
 
     expect(source).toMatch(/<CameraPermissionView[\s\S]*?interactionPolicy=\{interactionPolicy\}/);
   });
@@ -249,7 +245,7 @@ describe('Select', () => {
 
 describe('TreeItem', () => {
   test('accepts and forwards interactionPolicy to owned and recursive controls', () => {
-    const source = readPattern('tree-view', 'TreeItem.tsx');
+    const source = readFeature('tree-view', 'adapters', 'inbound', 'TreeItem.tsx');
 
     expect(source).toMatch(/interface TreeItemProps[\s\S]*?extends ZoraBaseProps/);
     expect(source).toMatch(/function TreeItemInner[\s\S]*?interactionPolicy,/);

package/src/showcaseCoverage.test.ts

@@ -51,6 +51,7 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'Rating',
     'SearchInput',
     'Select',
+    'Switch',
     'Tab',
     'TabList',
     'TabPanel',
@@ -67,23 +68,16 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'SignInForm',
     'SignUpForm',
     'CollectionEditor',
-    'ConfirmDialog',
     'EmptyState',
-    'FilterBar',
     'SelectableItem',
     'SelectionProvider',
     'useSelection',
     'List',
     'ListItem',
     'ListSection',
-    'InspectorField',
-    'Notice',
-    'Panel',
     'ReaderSurface',
     'SectionHeader',
-    'SwitchField',
     'Timeline',
-    'ThemeComposer',
     'PaletteItem',
     'TreeItem',
     'TreeView',

package/src/structureOwnership.test.ts

@@ -0,0 +1,71 @@
+import { existsSync, readdirSync } from 'node:fs';
+
+import { describe, expect, test } from 'bun:test';
+
+describe('src ownership', () => {
+  test('keeps only feature and type owner directories at the package source root', () => {
+    const directories = readdirSync('src', { withFileTypes: true })
+      .filter((entry) => entry.isDirectory())
+      .map((entry) => entry.name)
+      .sort();
+
+    expect(directories).toEqual(['features', 'types']);
+  });
+
+  test('does not reintroduce technical ownership roots', () => {
+    for (const path of [
+      'src/constants.ts',
+      'src/constants',
+      'src/context',
+      'src/internal',
+      'src/metadata',
+      'src/theme',
+      'src/utils',
+    ]) {
+      expect(existsSync(path), path).toBe(false);
+    }
+  });
+
+  test('keeps reusable authoring, plugin, registry, and theme types centralized', () => {
+    for (const path of [
+      'src/types/authoring.ts',
+      'src/types/plugin.ts',
+      'src/types/registry.ts',
+      'src/types/theme.ts',
+      'src/types/theme-recipe.ts',
+    ]) {
+      expect(existsSync(path), path).toBe(true);
+    }
+
+    for (const path of [
+      'src/features/authoring/types.ts',
+      'src/features/authoring/themeRecipeTypes.ts',
+      'src/features/theme/ZoraBaseProps.ts',
+      'src/features/theme/ThemeModeToggleProps.ts',
+    ]) {
+      expect(existsSync(path), path).toBe(false);
+    }
+  });
+
+  test('keeps deliberate feature facades instead of legacy catch-all implementation files', () => {
+    for (const path of [
+      'src/features/plugin/public.ts',
+      'src/features/plugin/runtime.ts',
+      'src/features/registry/public.ts',
+      'src/features/theme/public.ts',
+      'src/features/theme/runtime.ts',
+    ]) {
+      expect(existsSync(path), path).toBe(true);
+    }
+
+    for (const path of [
+      'src/features/plugin/pluginComposition.ts',
+      'src/features/plugin/corePlugin.ts',
+      'src/features/plugin/corePluginMetadata.ts',
+      'src/features/registry/registry.ts',
+      'src/features/theme/index.ts',
+    ]) {
+      expect(existsSync(path), path).toBe(false);
+    }
+  });
+});

package/src/types/accordion.ts

@@ -7,7 +7,7 @@ import type {
 } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type { AccordionMode } from '@ankhorage/surface';
 

package/src/types/activity-indicator.ts

@@ -1,6 +1,6 @@
 import type { ActivityIndicatorProps as ReactNativeActivityIndicatorProps } from 'react-native';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface ActivityIndicatorProps
   extends ZoraBaseProps, Omit<ReactNativeActivityIndicatorProps, 'color'> {

package/src/types/app-bar.ts

@@ -1,7 +1,7 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 import type { PopoverMenuAction } from './popover-menu';
 
 export type AppBarMode =

package/src/types/auth.ts

@@ -2,7 +2,7 @@ import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
 import type { ButtonProps } from '../features/button/public';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 import type { FormFieldConfig, FormValues } from './form';
 
 export type AuthIdentifierKind = 'email' | 'phone' | 'username';

package/src/types/avatar-group.ts

@@ -2,8 +2,8 @@ import type { ButtonIconSpec } from '@ankhorage/surface';
 import type { ImageSourcePropType } from 'react-native';
 
 import type { AvatarShape, AvatarSize } from '../features/avatar/public';
-import type { ZoraColor } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraColor } from './theme';
 
 export interface AvatarGroupItem {
   id?: string;

package/src/types/avatar.ts

@@ -1,8 +1,8 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type { ImageSourcePropType } from 'react-native';
 
-import type { ZoraColor } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraColor } from './theme';
 
 export type AvatarSize = 'xs' | 's' | 'm' | 'l' | 'xl';
 

package/src/types/badge.ts

@@ -1,8 +1,11 @@
 import type { BadgeProps as SurfaceBadgeProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBadgeVariant, ZoraColor, ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraControlSize } from './control';
+import type { ZoraColor } from './theme';
+
+export type ZoraBadgeVariant = NonNullable<SurfaceBadgeProps['variant']>;
 
 export interface BadgeProps
   extends

package/src/types/base.ts

@@ -0,0 +1,28 @@
+import type { InteractionPolicy } from '@ankhorage/surface';
+
+import type { ZoraThemeId, ZoraThemeMode } from './theme';
+
+export interface ZoraBaseProps {
+  /**
+   * Overrides the active ZORA theme for this component and its subtree.
+   * If omitted, the nearest parent theme is inherited.
+   *
+   * Plan 2: theme registries are not available yet. Only the inherited theme id
+   * is valid; unknown ids throw in dev/test and warn+fallback in production.
+   */
+  themeId?: ZoraThemeId;
+
+  /**
+   * Overrides the light/dark mode for this component and its subtree.
+   * If omitted, the nearest parent mode is inherited.
+   */
+  mode?: ZoraThemeMode;
+
+  testID?: string;
+
+  /**
+   * Controls whether user interaction is enabled or suppressed.
+   * When omitted, the component behaves as enabled.
+   */
+  interactionPolicy?: InteractionPolicy;
+}

package/src/types/breadcrumbs.ts

@@ -1,6 +1,6 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface BreadcrumbItem {
   id: string;

package/src/types/button-group.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 
 import type { ViewProps } from '../features/layout/public';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type ButtonGroupAlign = 'start' | 'center' | 'end' | 'stretch' | 'between';
 export type ButtonGroupOrientation = 'horizontal' | 'vertical' | 'responsive';

package/src/types/button.ts

@@ -1,8 +1,11 @@
 import type { ButtonIconSpec, ButtonProps as SurfaceButtonProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraButtonVariant, ZoraColor, ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraControlSize } from './control';
+import type { ZoraColor } from './theme';
+
+export type ZoraButtonVariant = NonNullable<SurfaceButtonProps['variant']>;
 
 export interface ButtonProps
   extends ZoraBaseProps, Omit<SurfaceButtonProps, 'children' | 'size' | 'color' | 'variant'> {

package/src/types/card.ts

@@ -1,8 +1,9 @@
 import type { CardProps as SurfaceCardProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraCardTone } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+
+export type ZoraCardTone = 'default' | 'subtle' | 'outline';
 
 export interface CardProps
   extends ZoraBaseProps, Omit<SurfaceCardProps, 'children' | 'p' | 'radius' | 'variant'> {

package/src/types/chat.ts

@@ -0,0 +1,70 @@
+import type React from 'react';
+import type { ImageSourcePropType } from 'react-native';
+
+import type { AvatarShape, AvatarSize } from '../features/avatar/public';
+import type { ZoraBaseProps } from './base';
+import type { ZoraColor } from './theme';
+
+export interface ChatListAvatar {
+  source?: ImageSourcePropType;
+  name?: string;
+  initials?: string;
+  label?: string;
+  size?: AvatarSize;
+  shape?: AvatarShape;
+  color?: ZoraColor;
+}
+
+export interface ChatListItemProps extends ZoraBaseProps {
+  title: React.ReactNode;
+  preview?: React.ReactNode;
+  meta?: React.ReactNode;
+  timestamp?: React.ReactNode;
+  avatar?: ChatListAvatar;
+  leading?: React.ReactNode;
+  trailing?: React.ReactNode;
+  unread?: boolean;
+  unreadCount?: React.ReactNode;
+  selected?: boolean;
+  disabled?: boolean;
+  compact?: boolean;
+  accessibilityLabel?: string;
+  onPress?: () => void;
+}
+
+export type MessageBubbleDirection = 'incoming' | 'outgoing' | 'system';
+export type MessageBubbleStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'failed';
+type MessageBubbleStatusContent = MessageBubbleStatus | Exclude<React.ReactNode, string>;
+
+export interface MessageBubbleAvatar {
+  source?: ImageSourcePropType;
+  name?: string;
+  initials?: string;
+  label?: string;
+  size?: AvatarSize;
+  shape?: AvatarShape;
+  color?: ZoraColor;
+}
+
+export interface MessageBubbleAuthor {
+  name?: React.ReactNode;
+  avatar?: MessageBubbleAvatar;
+}
+
+export interface MessageBubbleProps extends ZoraBaseProps {
+  direction?: MessageBubbleDirection;
+  text?: React.ReactNode;
+  children?: React.ReactNode;
+  author?: MessageBubbleAuthor;
+  timestamp?: React.ReactNode;
+  meta?: React.ReactNode;
+  status?: MessageBubbleStatusContent;
+  leading?: React.ReactNode;
+  trailing?: React.ReactNode;
+  footer?: React.ReactNode;
+  selected?: boolean;
+  disabled?: boolean;
+  compact?: boolean;
+  accessibilityLabel?: string;
+  onPress?: () => void;
+}

package/src/types/checkbox.ts

@@ -1,7 +1,7 @@
 import type { CheckboxProps as SurfaceCheckboxProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface CheckboxProps
   extends ZoraBaseProps, Omit<SurfaceCheckboxProps, 'mode' | 'themeId'> {}

package/src/types/chip-group.ts

@@ -1,8 +1,9 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraColor, ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraControlSize } from './control';
+import type { ZoraColor } from './theme';
 
 export interface ChipGroupItem<TValue extends string = string> {
   value: TValue;

package/src/types/chip.ts

@@ -1,8 +1,9 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraColor, ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraControlSize } from './control';
+import type { ZoraColor } from './theme';
 
 export interface ChipProps extends ZoraBaseProps {
   children: React.ReactNode;

package/src/types/collection-editor.ts

@@ -0,0 +1,26 @@
+import type React from 'react';
+
+import type { ZoraBaseProps } from './base';
+
+export interface CollectionEditorRenderItemProps<TItem> {
+  item: TItem;
+  index: number;
+  remove: () => void;
+  moveUp: () => void;
+  moveDown: () => void;
+  canMoveUp: boolean;
+  canMoveDown: boolean;
+}
+
+export interface CollectionEditorProps<TItem> extends ZoraBaseProps {
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  items: readonly TItem[];
+  renderItem: (props: CollectionEditorRenderItemProps<TItem>) => React.ReactNode;
+  onAdd?: () => void;
+  onRemove?: (index: number) => void;
+  onMove?: (from: number, to: number) => void;
+  addLabel?: React.ReactNode;
+  emptyLabel?: React.ReactNode;
+  disabled?: boolean;
+}

package/src/types/content-rail.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type ContentRailDirection = 'auto' | 'ltr' | 'rtl';
 export type ContentRailItemSize = 'compact' | 'regular' | 'wide' | 'responsive' | 'content';

package/src/types/control.ts

@@ -0,0 +1,3 @@
+import type { ButtonProps as SurfaceButtonProps } from '@ankhorage/surface';
+
+export type ZoraControlSize = NonNullable<SurfaceButtonProps['size']>;

package/src/types/data-table.ts

@@ -1,7 +1,7 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 import type { PopoverMenuActionIntent } from './popover-menu';
 
 export type DataTableColumnAlign = 'start' | 'center' | 'end';

package/src/types/date-picker.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type DatePickerValue = string | null;
 

package/src/types/dialog.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 
-import type { ZoraContentWidth } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraContentWidth } from './layout';
 
 export interface DialogProps extends ZoraBaseProps {
   visible: boolean;

package/src/types/empty-state.ts

@@ -1,7 +1,8 @@
 import type React from 'react';
 
-import type { ZoraButtonVariant, ZoraColor } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraButtonVariant } from './button';
+import type { ZoraColor } from './theme';
 
 export interface EmptyStateAction {
   label: React.ReactNode;

package/src/types/form.ts

@@ -1,7 +1,7 @@
 import type { FieldProps as SurfaceFieldProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 import type { TextInputProps } from './text-input';
 
 export type ValidationRule =

package/src/types/gradient.ts

@@ -2,7 +2,7 @@ import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 
 import type { ViewProps } from '../features/layout/public';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type GradientColor = string;
 export type GradientColors = readonly [GradientColor, GradientColor, ...GradientColor[]];

package/src/types/heading.ts

@@ -2,8 +2,8 @@ import type { Responsive } from '@ankhorage/surface';
 import type React from 'react';
 import type { AccessibilityRole, StyleProp, TextStyle } from 'react-native';
 
-import type { ZoraColor, ZoraEmphasis } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraColor, ZoraEmphasis } from './theme';
 
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 

package/src/types/hero.ts

@@ -1,7 +1,8 @@
 import type React from 'react';
 
-import type { ZoraButtonVariant, ZoraColor } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraButtonVariant } from './button';
+import type { ZoraColor } from './theme';
 
 export type HeroAlign = 'start' | 'center';
 export type HeroLayout = 'stack' | 'split' | 'mediaFirst';

package/src/types/icon-button.ts

@@ -1,7 +1,9 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 
-import type { ZoraButtonVariant, ZoraColor, ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraButtonVariant } from './button';
+import type { ZoraControlSize } from './control';
+import type { ZoraColor } from './theme';
 
 export interface IconButtonProps extends ZoraBaseProps {
   icon?: ButtonIconSpec;

package/src/types/icon.ts

@@ -1,5 +1,5 @@
 import type { IconProps as SurfaceIconProps } from '@ankhorage/surface';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type IconProps = ZoraBaseProps & SurfaceIconProps;

package/src/types/image.ts

@@ -1,6 +1,6 @@
 import type { ImageProps as SurfaceImageProps, SurfaceImageSource } from '@ankhorage/surface';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 import type { UploadAsset } from './upload';
 
 export type { ImageFit, SurfaceImageSource } from '@ankhorage/surface';

package/src/types/keyboard-avoiding-view.ts

@@ -1,6 +1,6 @@
 import type { KeyboardAvoidingViewProps as SurfaceKeyboardAvoidingViewProps } from '@ankhorage/surface';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type KeyboardAvoidingViewBehavior = NonNullable<
   SurfaceKeyboardAvoidingViewProps['behavior']

package/src/types/layout.ts

@@ -6,8 +6,9 @@ import type {
 } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraContentWidth } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+
+export type ZoraContentWidth = 'narrow' | 'default' | 'wide';
 
 export interface ViewProps extends ZoraBaseProps, Omit<SurfaceViewProps, 'mode' | 'themeId'> {}
 export interface ScrollViewProps
@@ -29,10 +30,3 @@ export interface ScreenProps extends ZoraBaseProps {
   scroll?: boolean;
   width?: ZoraContentWidth;
 }
-
-export interface ScreenSectionProps extends ZoraBaseProps {
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  actions?: React.ReactNode;
-  children?: React.ReactNode;
-}