@ankhorage/zora 7.0.0 → 9.0.0

package/src/interactionPolicy.test.ts

@@ -39,9 +39,9 @@ describe('InteractionPolicy declaration', () => {
       readSource('theme/ZoraBaseProps.ts'),
       readComponent('app-bar', 'types.ts'),
       readComponent('breadcrumbs', 'types.ts'),
-      readPattern('empty-state', 'types.ts'),
+      readSource('types/empty-state.ts'),
       readPattern('hero', 'types.ts'),
-      readPattern('product-card', 'types.ts'),
+      readSource('types/product-card.ts'),
       readPattern('reader', 'types.ts'),
       readPattern('scanner', 'types.ts'),
       readComponent('select', 'types.ts'),
@@ -66,7 +66,7 @@ describe('InteractionPolicy declaration', () => {
 
 describe('Surface wrapper propagation', () => {
   test('foundation Surface forwards interactionPolicy to Surface', () => {
-    const source = readSource('foundation/Surface.tsx');
+    const source = readSource('features/surface/adapters/inbound/Surface.tsx');
 
     expect(source).toContain('interactionPolicy: _interactionPolicy,');
     expect(source).toContain('<SurfaceSurface');
@@ -100,7 +100,7 @@ describe('Breadcrumbs', () => {
 
 describe('EmptyState', () => {
   test('forwards interactionPolicy to Card and internal Buttons', () => {
-    const source = readPattern('empty-state', 'EmptyState.tsx');
+    const source = readSource('features/empty-state/adapters/inbound/EmptyState.tsx');
 
     expect(source).not.toMatch(/interactionPolicy:\s*_interactionPolicy/);
     expect(source).toMatch(/<Card[\s\S]*?interactionPolicy=\{interactionPolicy\}/);
@@ -135,7 +135,7 @@ describe('Hero', () => {
 
 describe('ProductCard', () => {
   test('types extend ZoraBaseProps instead of duplicating InteractionPolicy', () => {
-    const source = readPattern('product-card', 'types.ts');
+    const source = readSource('types/product-card.ts');
 
     expect(source).not.toMatch(
       /import type \{\s*InteractionPolicy\s*\} from '@ankhorage\/surface';/,
@@ -145,7 +145,7 @@ describe('ProductCard', () => {
   });
 
   test('forwards interactionPolicy to internal Buttons', () => {
-    const source = readPattern('product-card', 'ProductCard.tsx');
+    const source = readSource('features/card/adapters/inbound/ProductCard.tsx');
 
     expect(source).toMatch(
       /<Button[\s\S]*?interactionPolicy=\{interactionPolicy\}[\s\S]*?onPress=\{onPrimaryAction/,
@@ -187,14 +187,14 @@ describe('ReaderSurface', () => {
 
 describe('ContentRail', () => {
   test('types extend ZoraBaseProps instead of duplicating InteractionPolicy', () => {
-    const source = readPattern('content-rail', 'types.ts');
+    const source = readSource('types/content-rail.ts');
 
     expect(source).toMatch(/export interface ContentRailProps extends ZoraBaseProps/);
     expect(source).not.toMatch(/interactionPolicy\?: InteractionPolicy;/);
   });
 
   test('suppresses scrolling and forwards interactionPolicy to owned controls', () => {
-    const source = readPattern('content-rail', 'ContentRail.tsx');
+    const source = readSource('features/layout/adapters/inbound/ContentRail.tsx');
 
     expect(source).not.toMatch(/interactionPolicy:\s*_interactionPolicy/);
     expect(source).toContain('scrollEnabled={!passive}');

package/src/layout/app-shell/AppShell.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import { Box } from '../../foundation';
+import { Box } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { AppShellProps } from './types';
 

package/src/layout/screen/Screen.tsx

@@ -1,7 +1,7 @@
 import { ScrollArea } from '@ankhorage/surface';
 import React from 'react';
 
-import { Box, Container, Stack } from '../../foundation';
+import { Box, Container, Stack } from '../../features/layout/public';
 import { resolvePageMaxWidth } from '../../internal/recipes';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { ScreenProps } from './types';

package/src/layout/screen-section/ScreenSection.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Stack } from '../../foundation';
+import { Stack } from '../../features/layout/public';
 import { SectionHeader } from '../../patterns/section-header';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { ScreenSectionProps } from './types';

package/src/layout/sidebar-layout/SidebarLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Box, Stack } from '../../foundation';
+import { Box, Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { resolveSidebarLayoutSizing } from './resolveSidebarLayoutSizing';
 import type { SidebarLayoutProps } from './types';

package/src/layout/topbar-layout/TopbarLayout.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Box, Stack } from '../../foundation';
+import { Box, Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { SidebarLayout } from '../sidebar-layout';
 import type { TopbarLayoutProps } from './types';

package/src/metadata/allowedChildren.ts

@@ -1,4 +1,21 @@
 export const CONTAINER_ALLOWED_CHILDREN = [
+  'ActivityIndicator',
+  'Surface',
+  'Avatar',
+  'AvatarGroup',
+  'Badge',
+  'MediaCard',
+  'MetricCard',
+  'Chip',
+  'ChipGroup',
+  'DataTable',
+  'IconButton',
+  'SplashScreen',
+  'Uploader',
+  'FlatList',
+  'SectionList',
+  'BottomSheet',
+  'ProductCard',
   'Box',
   'Stack',
   'Grid',
@@ -12,8 +29,7 @@ export const CONTAINER_ALLOWED_CHILDREN = [
   'ButtonGroup',
   'RadioGroup',
   'ThemeModeToggle',
-  'Input',
-  'Textarea',
+  'TextInput',
   'FormField',
   'Card',
   'Panel',
@@ -31,6 +47,15 @@ export const CONTAINER_ALLOWED_CHILDREN = [
 ] as const;
 
 export const CONTENT_RAIL_ALLOWED_CHILDREN = [
+  'Chip',
+  'ChipGroup',
+  'MediaCard',
+  'MetricCard',
+  'Avatar',
+  'AvatarGroup',
+  'Badge',
+  'Button',
+  'IconButton',
   'Box',
   'Stack',
   'Card',

package/src/metadata/authoringMeta.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, test } from 'bun:test';
 
-import { ZORA_COMPONENT_META, type ZoraComponentPropAuthoring } from './index';
+import { ZORA_COMPONENT_META, type ZoraComponentPropAuthoring } from '.';
 
 const componentMetaByName = new Map(Object.entries(ZORA_COMPONENT_META));
 

package/src/metadata/bindableComponentMeta.test.ts

@@ -11,7 +11,7 @@ describe('ZORA bindable component metadata', () => {
     expect(registry.Text?.bindings?.props?.text?.value.type).toBe('string');
     expect(registry.Heading?.bindings?.props?.text?.value.type).toBe('string');
     expect(registry.Button?.bindings?.props?.children?.value.type).toBe('string');
-    expect(registry.Input?.bindings?.props?.value?.value.type).toBe('string');
+    expect(registry.TextInput?.bindings?.props?.value?.value.type).toBe('string');
     expect(registry.Select?.bindings?.props?.value?.value.type).toBe('string');
     expect(registry.Image?.bindings?.props?.source?.value.type).toBe('imageAsset');
     expect(registry.DataTable?.bindings?.props?.rows?.value.type).toBe('array');

package/src/metadata/bindableComponentMeta.ts

@@ -1,6 +1,6 @@
 import type { UiComponentMetaRegistry } from '@ankhorage/contracts';
 
-import { imageMeta } from '../components/image/meta';
+import { imageMeta } from '../features/image/imageMeta';
 import { readerSurfaceMeta } from '../patterns/reader/meta';
 
 export const ZORA_BINDABLE_COMPONENT_META = {
@@ -131,24 +131,24 @@ export const ZORA_BINDABLE_COMPONENT_META = {
       },
     },
   },
-  Input: {
-    name: 'Input',
+  TextInput: {
+    name: 'TextInput',
     category: 'component',
-    description: 'Captures a single-line string value.',
+    description: 'Captures a string value in single-line, multiline, or secure-entry modes.',
     directManifestNode: true,
     allowedChildren: [],
     bindings: {
       props: {
         value: {
           label: 'Value',
-          description: 'Current input value.',
+          description: 'Current text input value.',
           value: { type: 'string' },
           acceptsFallback: true,
           acceptsTransforms: true,
         },
         disabled: {
           label: 'Disabled',
-          description: 'Whether the input is disabled.',
+          description: 'Whether the text input is disabled.',
           value: { type: 'boolean' },
           acceptsFallback: true,
           acceptsTransforms: true,
@@ -159,7 +159,7 @@ export const ZORA_BINDABLE_COMPONENT_META = {
           label: 'Change text',
           description: 'Runs when the input value changes.',
           payload: {
-            eventType: 'input.changeText',
+            eventType: 'textInput.changeText',
             fields: [{ path: 'value', type: 'string', label: 'Value' }],
           },
         },
@@ -168,7 +168,7 @@ export const ZORA_BINDABLE_COMPONENT_META = {
     events: {
       changeText: {
         label: 'Change text',
-        eventType: 'input.changeText',
+        eventType: 'textInput.changeText',
         description: 'Emitted when the input value changes.',
         payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],
       },
@@ -186,61 +186,6 @@ export const ZORA_BINDABLE_COMPONENT_META = {
       },
     },
   },
-  Textarea: {
-    name: 'Textarea',
-    category: 'component',
-    description: 'Captures a multiline string value.',
-    directManifestNode: true,
-    allowedChildren: [],
-    bindings: {
-      props: {
-        value: {
-          label: 'Value',
-          description: 'Current textarea value.',
-          value: { type: 'string' },
-          acceptsFallback: true,
-          acceptsTransforms: true,
-        },
-        disabled: {
-          label: 'Disabled',
-          description: 'Whether the textarea is disabled.',
-          value: { type: 'boolean' },
-          acceptsFallback: true,
-          acceptsTransforms: true,
-        },
-      },
-      events: {
-        changeText: {
-          label: 'Change text',
-          description: 'Runs when the textarea value changes.',
-          payload: {
-            eventType: 'textarea.changeText',
-            fields: [{ path: 'value', type: 'string', label: 'Value' }],
-          },
-        },
-      },
-    },
-    events: {
-      changeText: {
-        label: 'Change text',
-        eventType: 'textarea.changeText',
-        description: 'Emitted when the textarea value changes.',
-        payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],
-      },
-    },
-    props: {
-      value: {
-        type: 'string',
-        category: 'Content',
-        label: 'Value',
-      },
-      disabled: {
-        type: 'boolean',
-        category: 'State',
-        label: 'Disabled',
-      },
-    },
-  },
   Select: {
     name: 'Select',
     category: 'component',

package/src/metadata/componentMeta.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, test } from 'bun:test';
 
-import { ZORA_COMPONENT_META, type ZoraComponentEventPayloadKind } from './index';
+import { ZORA_COMPONENT_META, type ZoraComponentEventPayloadKind } from '.';
 
 const componentMetaByName = new Map(Object.entries(ZORA_COMPONENT_META));
 
@@ -121,15 +121,27 @@ describe('ZORA_COMPONENT_META invariants', () => {
 
   test('direct manifest node leaf/container rules', () => {
     const expectedLeafNodes = new Set([
+      'ActivityIndicator',
+      'Avatar',
+      'AvatarGroup',
+      'Badge',
+      'Chip',
+      'ChipGroup',
+      'DataTable',
+      'IconButton',
+      'MetricCard',
+      'Uploader',
       'SectionHeader',
       'SettingsRow',
       'EmptyState',
       'Hero',
       'Button',
+      'Checkbox',
+      'CheckboxGroup',
+      'Radio',
       'RadioGroup',
       'ThemeModeToggle',
-      'Input',
-      'Textarea',
+      'TextInput',
       'Text',
       'Heading',
       'Icon',
@@ -146,6 +158,12 @@ describe('ZORA_COMPONENT_META invariants', () => {
     ]);
 
     const expectedContainerNodes = new Set([
+      'Surface',
+      'MediaCard',
+      'SplashScreen',
+      'FlatList',
+      'SectionList',
+      'BottomSheet',
       'FormField',
       'ButtonGroup',
       'Screen',
@@ -287,6 +305,15 @@ describe('ZORA_COMPONENT_META invariants', () => {
 
     expect(rail.directManifestNode).toBe(true);
     expect(rail.allowedChildren).toEqual([
+      'Chip',
+      'ChipGroup',
+      'MediaCard',
+      'MetricCard',
+      'Avatar',
+      'AvatarGroup',
+      'Badge',
+      'Button',
+      'IconButton',
       'Box',
       'Stack',
       'Card',

package/src/metadata/componentMeta.ts

@@ -1,30 +1,11 @@
 import { appBarMeta } from '../components/app-bar/meta';
-import { avatarMeta } from '../components/avatar/meta';
-import { avatarGroupMeta } from '../components/avatar-group/meta';
-import { badgeMeta } from '../components/badge/meta';
 import { breadcrumbsMeta } from '../components/breadcrumbs/meta';
-import { buttonMeta } from '../components/button/meta';
-import { buttonGroupMeta } from '../components/button-group/meta';
-import { cardMeta } from '../components/card/meta';
-import { checkboxGroupMeta, checkboxMeta } from '../components/checkbox/meta';
-import { chipMeta } from '../components/chip/meta';
-import { chipGroupMeta } from '../components/chip-group/meta';
-import { dataTableMeta } from '../components/data-table/meta';
 import { datePickerMeta } from '../components/date-picker/meta';
 import { formActionsMeta, formErrorMeta, formFieldMeta, formMeta } from '../components/form/meta';
 import { gradientMeta } from '../components/gradient/meta';
-import { headingMeta } from '../components/heading/meta';
-import { iconMeta } from '../components/icon/meta';
-import { iconButtonMeta } from '../components/icon-button/meta';
-import { imageMeta } from '../components/image/meta';
-import { inputMeta } from '../components/input/meta';
-import { mediaCardMeta } from '../components/media-card/meta';
 import { dropdownMenuMeta, menuMeta } from '../components/menu/meta';
-import { metricCardMeta } from '../components/metric-card/meta';
 import { modalMeta } from '../components/modal/meta';
 import { paginationMeta } from '../components/pagination/meta';
-import { progressMeta, progressRingMeta } from '../components/progress/meta';
-import { radioGroupMeta, radioMeta } from '../components/radio/meta';
 import { ratingMeta } from '../components/rating/meta';
 import { searchBarMeta } from '../components/search-bar/meta';
 import { selectMeta } from '../components/select/meta';
@@ -34,14 +15,46 @@ import {
   skeletonMeta,
   skeletonTextMeta,
 } from '../components/skeleton/meta';
-import { splashScreenMeta } from '../components/splash-screen/meta';
 import { tabsMeta } from '../components/tabs/meta';
-import { textMeta } from '../components/text/meta';
-import { textareaMeta } from '../components/textarea/meta';
 import { timePickerMeta } from '../components/time-picker/meta';
 import { toastMeta, toastProviderMeta } from '../components/toast/meta';
 import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
-import { uploaderMeta } from '../features/uploader/meta';
+import { activityIndicatorMeta } from '../features/activity-indicator/activityIndicatorMeta';
+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 { buttonGroupMeta } from '../features/button/buttonGroupMeta';
+import { buttonMeta } from '../features/button/buttonMeta';
+import { iconButtonMeta } from '../features/button/iconButtonMeta';
+import { cardMeta } from '../features/card/cardMeta';
+import { mediaCardMeta } from '../features/card/mediaCardMeta';
+import { metricCardMeta } from '../features/card/metricCardMeta';
+import { postCardMeta } from '../features/card/postCardMeta';
+import { productCardMeta } from '../features/card/productCardMeta';
+import { chipGroupMeta } from '../features/chip/chipGroupMeta';
+import { chipMeta } from '../features/chip/chipMeta';
+import { dataTableMeta } from '../features/data-table/dataTableMeta';
+import { emptyStateMeta } from '../features/empty-state/emptyStateMeta';
+import { checkboxGroupMeta, checkboxMeta } from '../features/form/checkbox/checkboxMeta';
+import { radioGroupMeta, radioMeta } from '../features/form/radio/radioMeta';
+import { textInputMeta } from '../features/form/text-input/textInputMeta';
+import { iconMeta } from '../features/icon/iconMeta';
+import { imageMeta } from '../features/image/imageMeta';
+import { boxMeta } from '../features/layout/boxMeta';
+import { containerMeta } from '../features/layout/containerMeta';
+import { contentRailMeta } from '../features/layout/contentRailMeta';
+import { dividerMeta } from '../features/layout/dividerMeta';
+import { gridMeta } from '../features/layout/gridMeta';
+import { stackMeta } from '../features/layout/stackMeta';
+import { flatListMeta } from '../features/list/flatListMeta';
+import { sectionListMeta } from '../features/list/sectionListMeta';
+import { progressMeta, progressRingMeta } from '../features/progress/progressMeta';
+import { splashScreenMeta } from '../features/splash-screen/splashScreenMeta';
+import { surfaceMeta } from '../features/surface/surfaceMeta';
+import { headingMeta } from '../features/typography/headingMeta';
+import { textMeta } from '../features/typography/textMeta';
+import { uploaderMeta } from '../features/uploader/uploaderMeta';
 import { foundationMetas } from '../foundation/meta';
 import { appShellMeta } from '../layout/app-shell/meta';
 import { screenMeta } from '../layout/screen/meta';
@@ -60,9 +73,7 @@ import {
 import { chatListItemMeta } from '../patterns/chat-list-item/meta';
 import { collectionEditorMeta } from '../patterns/collection-editor/meta';
 import { confirmDialogMeta } from '../patterns/confirm-dialog/meta';
-import { contentRailMeta } from '../patterns/content-rail/meta';
 import { disclosureSectionMeta } from '../patterns/disclosure-section/meta';
-import { emptyStateMeta } from '../patterns/empty-state/meta';
 import { filterBarMeta } from '../patterns/filter-bar/meta';
 import { heroMeta } from '../patterns/hero/meta';
 import { inspectorFieldMeta } from '../patterns/inspector-field/meta';
@@ -71,8 +82,6 @@ import { messageBubbleMeta } from '../patterns/message-bubble/meta';
 import { missingElementMeta } from '../patterns/missing-element/meta';
 import { noticeMeta } from '../patterns/notice/meta';
 import { panelMeta } from '../patterns/panel/meta';
-import { postCardMeta } from '../patterns/post-card/meta';
-import { productCardMeta } from '../patterns/product-card/meta';
 import { readerSurfaceMeta } from '../patterns/reader/meta';
 import {
   barcodeScannerViewMeta,
@@ -88,10 +97,18 @@ import { paletteItemMeta, tileGridMeta } from '../patterns/tile-grid/meta';
 import { timelineMeta } from '../patterns/timeline/meta';
 import { treeItemMeta, treeViewMeta } from '../patterns/tree-view/meta';
 import { themeModeToggleMeta } from '../theme/ThemeModeToggle.meta';
+import { finalizeFeatureMetadata } from '../utils/finalizeFeatureMetadata';
 import type { ZoraComponentMetaRegistry } from './types';
 
-export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
+export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMetadata({
   ...foundationMetas,
+  ActivityIndicator: activityIndicatorMeta,
+  Box: boxMeta,
+  Container: containerMeta,
+  Stack: stackMeta,
+  Grid: gridMeta,
+  Divider: dividerMeta,
+  Surface: surfaceMeta,
   AppBar: appBarMeta,
   Avatar: avatarMeta,
   AvatarGroup: avatarGroupMeta,
@@ -116,7 +133,7 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   Icon: iconMeta,
   IconButton: iconButtonMeta,
   Image: imageMeta,
-  Input: inputMeta,
+  TextInput: textInputMeta,
   MediaCard: mediaCardMeta,
   Menu: menuMeta,
   MetricCard: metricCardMeta,
@@ -136,13 +153,15 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   SplashScreen: splashScreenMeta,
   Tabs: tabsMeta,
   Text: textMeta,
-  Textarea: textareaMeta,
   TimePicker: timePickerMeta,
   Toast: toastMeta,
   ToastProvider: toastProviderMeta,
   Toolbar: toolbarMeta,
   ToolbarAction: toolbarActionMeta,
   Uploader: uploaderMeta,
+  BottomSheet: bottomSheetMeta,
+  FlatList: flatListMeta,
+  SectionList: sectionListMeta,
   ThemeModeToggle: themeModeToggleMeta,
   AppShell: appShellMeta,
   Screen: screenMeta,
@@ -189,4 +208,4 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   Timeline: timelineMeta,
   TreeItem: treeItemMeta,
   TreeView: treeViewMeta,
-};
+});

package/src/metadata/radioGroupReachability.test.ts

@@ -1,6 +1,6 @@
 import { expect, test } from 'bun:test';
 
-import { ZORA_COMPONENT_META } from './index';
+import { ZORA_COMPONENT_META } from '.';
 
 const containers = [
   ['Screen', ZORA_COMPONENT_META.Screen],

package/src/metadata/themeRecipeMeta.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, test } from 'bun:test';
 
-import { ZORA_COMPONENT_META, ZORA_THEME_RECIPE_META, ZORA_THEME_TOKEN_FAMILIES } from './index';
+import { ZORA_COMPONENT_META, ZORA_THEME_RECIPE_META, ZORA_THEME_TOKEN_FAMILIES } from '.';
 
 const tokenFamilies = new Set<string>(ZORA_THEME_TOKEN_FAMILIES);
 const recipeMetaByName = new Map(Object.entries(ZORA_THEME_RECIPE_META));

package/src/metadata/themeRecipeMeta.ts

@@ -1,8 +1,8 @@
-import { buttonThemeRecipeMeta } from '../components/button/themeRecipeMeta';
-import { cardThemeRecipeMeta } from '../components/card/themeRecipeMeta';
-import { headingThemeRecipeMeta } from '../components/heading/themeRecipeMeta';
-import { radioGroupThemeRecipeMeta } from '../components/radio/themeRecipeMeta';
-import { textThemeRecipeMeta } from '../components/text/themeRecipeMeta';
+import { buttonThemeRecipeMeta } from '../features/button/utils/themeRecipeMeta';
+import { cardThemeRecipeMeta } from '../features/card/utils/themeRecipeMeta';
+import { radioGroupThemeRecipeMeta } from '../features/form/radio/themeRecipeMeta';
+import { headingThemeRecipeMeta } from '../features/typography/utils/headingThemeRecipeMeta';
+import { textThemeRecipeMeta } from '../features/typography/utils/textThemeRecipeMeta';
 import { panelThemeRecipeMeta } from '../patterns/panel/themeRecipeMeta';
 import type { ZoraThemeRecipeMetaRegistry } from './themeRecipeTypes';
 

package/src/patterns/auth/ForgotPasswordForm.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Button } from '../../components/button';
 import { Form, type FormFieldConfig, type FormValues } from '../../components/form';
-import { Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { ForgotPasswordFormProps } from './types';
 import {

package/src/patterns/auth/OAuthProviderButton.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Button } from '../../components/button';
+import { Button } from '../../features/button/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { resolveOAuthProviderIcon, resolveOAuthProviderLabel } from './oauthProviders';
 import type { OAuthProviderButtonProps } from './types';

package/src/patterns/auth/OAuthProviderList.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Stack } from '../../foundation';
+import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { OAuthProviderButton } from './OAuthProviderButton';
 import type { OAuthProviderListProps } from './types';

package/src/patterns/auth/OtpForm.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Button } from '../../components/button';
 import { Form, type FormFieldConfig, type FormValues } from '../../components/form';
-import { Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { OtpFormProps } from './types';
 

package/src/patterns/auth/SignInForm.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Button } from '../../components/button';
 import { Form, type FormFieldConfig, type FormValues } from '../../components/form';
-import { Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { SignInFormProps } from './types';
 import {

package/src/patterns/auth/SignUpForm.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Button } from '../../components/button';
 import { Form, type FormFieldConfig, type FormValues } from '../../components/form';
-import { Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { SignUpFormProps } from './types';
 

package/src/patterns/auth/types.ts

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

package/src/patterns/chat-list-item/ChatListItem.tsx

@@ -1,10 +1,11 @@
 import { ButtonBase } from '@ankhorage/surface';
 import React from 'react';
 
-import { Avatar } from '../../components/avatar';
-import { Badge } from '../../components/badge';
-import { Text } from '../../components/text';
-import { Box, Inline, Stack } from '../../foundation';
+import { Avatar } from '../../features/avatar/public';
+import { Badge } from '../../features/badge/public';
+import { Box, Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
+import { Inline } from '../../foundation';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { ChatListAvatar, ChatListItemProps } from './types';