@ankhorage/zora 7.0.0 → 8.0.0

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,20 @@
 export const CONTAINER_ALLOWED_CHILDREN = [
+  'Surface',
+  'Avatar',
+  'AvatarGroup',
+  'Badge',
+  'MediaCard',
+  'MetricCard',
+  'Chip',
+  'ChipGroup',
+  'DataTable',
+  'IconButton',
+  'SplashScreen',
+  'Uploader',
+  'FlatList',
+  'SectionList',
+  'BottomSheet',
+  'ProductCard',
   'Box',
   'Stack',
   'Grid',
@@ -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.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 = {

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,6 +121,15 @@ describe('ZORA_COMPONENT_META invariants', () => {
 
   test('direct manifest node leaf/container rules', () => {
     const expectedLeafNodes = new Set([
+      'Avatar',
+      'AvatarGroup',
+      'Badge',
+      'Chip',
+      'ChipGroup',
+      'DataTable',
+      'IconButton',
+      'MetricCard',
+      'Uploader',
       'SectionHeader',
       'SettingsRow',
       'EmptyState',
@@ -146,6 +155,12 @@ describe('ZORA_COMPONENT_META invariants', () => {
     ]);
 
     const expectedContainerNodes = new Set([
+      'Surface',
+      'MediaCard',
+      'SplashScreen',
+      'FlatList',
+      'SectionList',
+      'BottomSheet',
       'FormField',
       'ButtonGroup',
       'Screen',
@@ -287,6 +302,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,26 +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';
@@ -34,14 +19,41 @@ 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 { 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 { 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 { 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,7 +72,6 @@ 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';
@@ -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,17 @@ 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,
+  Box: boxMeta,
+  Container: containerMeta,
+  Stack: stackMeta,
+  Grid: gridMeta,
+  Divider: dividerMeta,
+  Surface: surfaceMeta,
   AppBar: appBarMeta,
   Avatar: avatarMeta,
   AvatarGroup: avatarGroupMeta,
@@ -143,6 +159,9 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   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 { 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';

package/src/patterns/chat-list-item/types.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 import type { ImageSourcePropType } from 'react-native';
 
-import type { AvatarShape, AvatarSize } from '../../components/avatar';
+import type { AvatarShape, AvatarSize } from '../../features/avatar/public';
 import type { ZoraColor } from '../../internal/recipes';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 

package/src/patterns/collection-editor/CollectionEditor.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Button } from '../../components/button';
-import { IconButton } from '../../components/icon-button';
-import { Text } from '../../components/text';
-import { Box, Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { IconButton } from '../../features/button/public';
+import { Box, Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { Panel } from '../panel';
 import type { CollectionEditorProps } from './types';

package/src/patterns/confirm-dialog/ConfirmDialog.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Button } from '../../components/button';
 import { Modal } from '../../components/modal';
-import { Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { ConfirmDialogProps } from './types';
 

package/src/patterns/disclosure-section/DisclosureSection.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Platform, Pressable, type TextStyle, type ViewStyle } from 'react-native';
 
-import { Heading } from '../../components/heading';
-import { IconButton } from '../../components/icon-button';
-import { Text } from '../../components/text';
-import { Box, Stack } from '../../foundation';
+import { IconButton } from '../../features/button/public';
+import { Box, Stack } from '../../features/layout/public';
+import { Heading } from '../../features/typography/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { Panel } from '../panel';
 import type { DisclosureSectionProps } from './types';

package/src/patterns/empty-state/EmptyState.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Button } from '../../components/button';
-import { Card } from '../../components/card';
-import { Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Card } from '../../features/card/public';
+import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { EmptyStateProps } from './types';
 

package/src/patterns/filter-bar/FilterBar.tsx

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

package/src/patterns/form-field/FormField.tsx

@@ -1,8 +1,8 @@
 import { Field } from '@ankhorage/surface';
 import React from 'react';
 
-import { Text } from '../../components/text';
-import { Stack } from '../../foundation';
+import { Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { FormFieldProps } from './types';
 

package/src/patterns/hero/Hero.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
-import { Button } from '../../components/button';
-import { Card } from '../../components/card';
-import { Heading } from '../../components/heading';
-import { Text } from '../../components/text';
-import { Box, Grid, Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Card } from '../../features/card/public';
+import { Box, Grid, Stack } from '../../features/layout/public';
+import { Heading } from '../../features/typography/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { HeroAction, HeroAlign, HeroProps } from './types';
 

package/src/patterns/inspector-field/InspectorField.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 { FormField } from '../form-field';
 import type { InspectorFieldProps } from './types';

package/src/patterns/list/List.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
-import { Divider, Spacer, Stack } from '../../foundation';
+import { Divider, Stack } from '../../features/layout/public';
+import { Spacer } from '../../foundation';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { ListRow } from './ListRow';
 import { resolveListSeparator } from './resolveListSeparator';

package/src/patterns/list/ListRow.tsx

@@ -1,8 +1,9 @@
 import { ButtonBase } from '@ankhorage/surface';
 import React from 'react';
 
-import { Text } from '../../components/text';
-import { Box, Inline, Spacer, Stack } from '../../foundation';
+import { Box, Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
+import { Inline, Spacer } from '../../foundation';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { ListRowProps, ListRowVariant } from './types';

package/src/patterns/list/ListSection.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 { SectionHeader } from '../section-header';
 import { List } from './List';

package/src/patterns/message-bubble/MessageBubble.tsx

@@ -1,9 +1,10 @@
 import { ButtonBase } from '@ankhorage/surface';
 import React from 'react';
 
-import { Avatar } from '../../components/avatar';
-import { Text } from '../../components/text';
-import { Box, Inline, Stack } from '../../foundation';
+import { Avatar } from '../../features/avatar/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 {

package/src/patterns/message-bubble/types.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 import type { ImageSourcePropType } from 'react-native';
 
-import type { AvatarShape, AvatarSize } from '../../components/avatar';
+import type { AvatarShape, AvatarSize } from '../../features/avatar/public';
 import type { ZoraColor } from '../../internal/recipes';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 

package/src/patterns/missing-element/MissingElement.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { StyleSheet } from 'react-native';
 
-import { Badge } from '../../components/badge';
-import { Text } from '../../components/text';
-import { Box, Stack } from '../../foundation';
+import { Badge } from '../../features/badge/public';
+import { Box, Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { MissingElementProps } from './types';

package/src/patterns/notice/Notice.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Badge } from '../../components/badge';
-import { Card } from '../../components/card';
-import { Box, Stack } from '../../foundation';
+import { Badge } from '../../features/badge/public';
+import { Card } from '../../features/card/public';
+import { Box, Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { NoticeProps } from './types';
 

package/src/patterns/panel/Panel.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import { Card } from '../../components/card';
-import { resolveCardThemeRecipe } from '../../components/card/resolveCardThemeRecipe';
+import { Card } from '../../features/card/public';
+import { resolveCardThemeRecipe } from '../../features/card/utils/resolveCardThemeRecipe';
 import { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { PanelProps } from './types';

package/src/patterns/reader/ReaderSurface.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, test } from 'bun:test';
 
-import type { ReaderErrorEvent, ReaderLocationChangeEvent, ReaderSurfaceProps } from '../../index';
+import type { ReaderErrorEvent, ReaderLocationChangeEvent, ReaderSurfaceProps } from '../..';
 
 describe('ReaderSurface public contract', () => {
   test('exports the component and serializable adapter events from the package root', () => {

package/src/patterns/reader/ReaderSurface.tsx

@@ -1,10 +1,12 @@
 import React from 'react';
 
 import { AppBar } from '../../components/app-bar';
-import { IconButton } from '../../components/icon-button';
 import { Progress } from '../../components/progress';
-import { Text } from '../../components/text';
-import { Box, Center, Inline, Stack, Surface } from '../../foundation';
+import { IconButton } from '../../features/button/public';
+import { Box, Stack } from '../../features/layout/public';
+import { Surface } from '../../features/surface/public';
+import { Text } from '../../features/typography/public';
+import { Center, Inline } from '../../foundation';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { resolveReaderProgress } from './resolveReaderProgress';