@ankhorage/zora 18.0.0 → 19.0.0

package/src/metadata/componentMeta.ts

@@ -21,8 +21,11 @@ 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 { chatListItemMeta } from '../features/chat/chatListItemMeta';
+import { messageBubbleMeta } from '../features/chat/messageBubbleMeta';
 import { chipGroupMeta } from '../features/chip/chipGroupMeta';
 import { chipMeta } from '../features/chip/chipMeta';
+import { collectionEditorMeta } from '../features/collection-editor/meta';
 import { contentRailMeta } from '../features/content-rail/contentRailMeta';
 import { dataTableMeta } from '../features/data-table/dataTableMeta';
 import { datePickerMeta } from '../features/date-picker/datePickerMeta';
@@ -36,6 +39,7 @@ import { formMeta } from '../features/form/formMeta';
 import { radioGroupMeta, radioMeta } from '../features/form/radio/radioMeta';
 import { searchInputMeta } from '../features/form/search-input/searchInputMeta';
 import { selectMeta } from '../features/form/select/selectMeta';
+import { switchMeta } from '../features/form/switch/switchMeta';
 import { textInputMeta } from '../features/form/text-input/textInputMeta';
 import { gradientMeta } from '../features/gradient/gradientMeta';
 import { heroMeta } from '../features/hero/heroMeta';
@@ -46,7 +50,6 @@ import { appShellMeta } from '../features/layout/appShellMeta';
 import { dividerMeta } from '../features/layout/dividerMeta';
 import { gridMeta } from '../features/layout/gridMeta';
 import { screenMeta } from '../features/layout/screenMeta';
-import { screenSectionMeta } from '../features/layout/screenSectionMeta';
 import { scrollViewMeta } from '../features/layout/scrollViewMeta';
 import { viewMeta } from '../features/layout/viewMeta';
 import { flatListMeta } from '../features/list/flatListMeta';
@@ -58,6 +61,15 @@ import { paletteItemMeta } from '../features/palette-item/paletteItemMeta';
 import { popoverMenuMeta } from '../features/popover-menu/popoverMenuMeta';
 import { progressMeta, progressRingMeta } from '../features/progress/progressMeta';
 import { ratingMeta } from '../features/rating/ratingMeta';
+import { readerSurfaceMeta } from '../features/reader/meta';
+import {
+  barcodeScannerViewMeta,
+  cameraPermissionViewMeta,
+  scanOverlayMeta,
+} from '../features/scanner/meta';
+import { screenSectionMeta } from '../features/section/screenSectionMeta';
+import { sectionHeaderMeta } from '../features/section/sectionHeaderMeta';
+import { selectableItemMeta, selectionProviderMeta } from '../features/selection/meta';
 import {
   skeletonCardMeta,
   skeletonListMeta,
@@ -70,32 +82,14 @@ import { tabMeta } from '../features/tabs/tabMeta';
 import { tabPanelMeta } from '../features/tabs/tabPanelMeta';
 import { tabsMeta } from '../features/tabs/tabsMeta';
 import { timePickerMeta } from '../features/time-picker/timePickerMeta';
+import { timelineMeta } from '../features/timeline/meta';
 import { toastMeta } from '../features/toast/toastMeta';
 import { toastProviderMeta } from '../features/toast/toastProviderMeta';
 import { toolbarMeta } from '../features/toolbar/toolbarMeta';
+import { treeItemMeta, treeViewMeta } from '../features/tree-view/meta';
 import { headingMeta } from '../features/typography/headingMeta';
 import { textMeta } from '../features/typography/textMeta';
 import { uploaderMeta } from '../features/uploader/uploaderMeta';
-import { chatListItemMeta } from '../patterns/chat-list-item/meta';
-import { collectionEditorMeta } from '../patterns/collection-editor/meta';
-import { confirmDialogMeta } from '../patterns/confirm-dialog/meta';
-import { filterBarMeta } from '../patterns/filter-bar/meta';
-import { inspectorFieldMeta } from '../patterns/inspector-field/meta';
-import { messageBubbleMeta } from '../patterns/message-bubble/meta';
-import { noticeMeta } from '../patterns/notice/meta';
-import { panelMeta } from '../patterns/panel/meta';
-import { readerSurfaceMeta } from '../patterns/reader/meta';
-import {
-  barcodeScannerViewMeta,
-  cameraPermissionViewMeta,
-  scanOverlayMeta,
-} from '../patterns/scanner/meta';
-import { sectionHeaderMeta } from '../patterns/section-header/meta';
-import { selectableItemMeta, selectionProviderMeta } from '../patterns/selection/meta';
-import { switchFieldMeta } from '../patterns/switch-field/meta';
-import { themeComposerMeta } from '../patterns/theme-composer/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';
@@ -146,6 +140,7 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMet
   Rating: ratingMeta,
   SearchInput: searchInputMeta,
   Select: selectMeta,
+  Switch: switchMeta,
   Skeleton: skeletonMeta,
   SkeletonCard: skeletonCardMeta,
   SkeletonList: skeletonListMeta,
@@ -175,19 +170,14 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMet
   SignUpForm: signUpFormMeta,
   ChatListItem: chatListItemMeta,
   CollectionEditor: collectionEditorMeta,
-  ConfirmDialog: confirmDialogMeta,
   ContentRail: contentRailMeta,
   EmptyState: emptyStateMeta,
-  FilterBar: filterBarMeta,
   Hero: heroMeta,
-  InspectorField: inspectorFieldMeta,
   List: listMeta,
   ListItem: listItemMeta,
   ListSection: listSectionMeta,
   MessageBubble: messageBubbleMeta,
   MissingElement: missingElementMeta,
-  Notice: noticeMeta,
-  Panel: panelMeta,
   PostCard: postCardMeta,
   ProductCard: productCardMeta,
   ReaderSurface: readerSurfaceMeta,
@@ -197,8 +187,6 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMet
   SectionHeader: sectionHeaderMeta,
   SelectableItem: selectableItemMeta,
   SelectionProvider: selectionProviderMeta,
-  SwitchField: switchFieldMeta,
-  ThemeComposer: themeComposerMeta,
   PaletteItem: paletteItemMeta,
   Timeline: timelineMeta,
   TreeItem: treeItemMeta,

package/src/metadata/radioGroupReachability.test.ts

@@ -8,7 +8,6 @@ const containers = [
   ['View', ZORA_COMPONENT_META.View],
   ['ScrollView', ZORA_COMPONENT_META.ScrollView],
   ['Card', ZORA_COMPONENT_META.Card],
-  ['Panel', ZORA_COMPONENT_META.Panel],
 ] as const;
 
 test('keeps manifest RadioGroup reachable through canonical container composition', () => {

package/src/metadata/themeRecipeMeta.test.ts

@@ -13,7 +13,6 @@ describe('ZORA_THEME_RECIPE_META', () => {
       'Heading',
       'RadioGroup',
       'Text',
-      'Panel',
     ]);
 
     for (const [name, componentMeta] of Object.entries(ZORA_COMPONENT_META)) {

package/src/metadata/themeRecipeMeta.ts

@@ -3,7 +3,6 @@ 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';
 
 export const ZORA_THEME_RECIPE_META: ZoraThemeRecipeMetaRegistry = {
@@ -12,5 +11,4 @@ export const ZORA_THEME_RECIPE_META: ZoraThemeRecipeMetaRegistry = {
   Heading: headingThemeRecipeMeta,
   RadioGroup: radioGroupThemeRecipeMeta,
   Text: textThemeRecipeMeta,
-  Panel: panelThemeRecipeMeta,
 };

package/src/platformAcceptance.test.ts

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

package/src/registry.ts

@@ -25,8 +25,10 @@ import { MediaCard } from './features/card/public';
 import { MetricCard } from './features/card/public';
 import { PostCard } from './features/card/public';
 import { ProductCard } from './features/card/public';
+import { ChatListItem, MessageBubble } from './features/chat/public';
 import { Chip } from './features/chip/public';
 import { ChipGroup } from './features/chip/public';
+import { CollectionEditor } from './features/collection-editor/public';
 import { ContentRail } from './features/content-rail/public';
 import { DataTable } from './features/data-table/public';
 import { DatePicker } from './features/date-picker/public';
@@ -37,21 +39,14 @@ import { Field, Form, FormActions, FormError } from './features/form/public';
 import { Radio, RadioGroup } from './features/form/radio/public';
 import { SearchInput } from './features/form/search-input/public';
 import { Select } from './features/form/select/public';
+import { Switch } from './features/form/switch/public';
 import { TextInput } from './features/form/text-input/public';
 import { Gradient } from './features/gradient/public';
 import { Hero } from './features/hero/public';
 import { Icon } from './features/icon/public';
 import { Image } from './features/image/public';
 import { KeyboardAvoidingView } from './features/keyboard-avoiding-view/public';
-import {
-  AppShell,
-  Divider,
-  Grid,
-  Screen,
-  ScreenSection,
-  ScrollView,
-  View,
-} from './features/layout/public';
+import { AppShell, Divider, Grid, Screen, ScrollView, View } from './features/layout/public';
 import { FlatList, SectionList } from './features/list/public';
 import { List, ListItem, ListSection } from './features/list/public';
 import { MissingElement } from './features/missing-element/public';
@@ -60,31 +55,21 @@ import { PaletteItem } from './features/palette-item/public';
 import { PopoverMenu } from './features/popover-menu/public';
 import { Progress, ProgressRing } from './features/progress/public';
 import { Rating } from './features/rating/public';
+import { ReaderSurface } from './features/reader/public';
+import { BarcodeScannerView, CameraPermissionView, ScanOverlay } from './features/scanner/public';
+import { ScreenSection, SectionHeader } from './features/section/public';
+import { SelectableItem } from './features/selection/public';
 import { Skeleton, SkeletonCard, SkeletonList, SkeletonText } from './features/skeleton/public';
 import { Surface } from './features/surface/public';
 import { Tab, TabList, TabPanel, Tabs } from './features/tabs/public';
 import { TimePicker } from './features/time-picker/public';
+import { Timeline } from './features/timeline/public';
 import { Toast } from './features/toast/public';
 import { Toolbar } from './features/toolbar/public';
+import { TreeItem, TreeView } from './features/tree-view/public';
 import { Heading } from './features/typography/public';
 import { Text } from './features/typography/public';
 import { Uploader } from './features/uploader/public';
-import { ChatListItem } from './patterns/chat-list-item';
-import { CollectionEditor } from './patterns/collection-editor';
-import { ConfirmDialog } from './patterns/confirm-dialog';
-import { FilterBar } from './patterns/filter-bar';
-import { InspectorField } from './patterns/inspector-field';
-import { MessageBubble } from './patterns/message-bubble';
-import { Notice } from './patterns/notice';
-import { Panel } from './patterns/panel';
-import { ReaderSurface } from './patterns/reader';
-import { BarcodeScannerView, CameraPermissionView, ScanOverlay } from './patterns/scanner';
-import { SectionHeader } from './patterns/section-header';
-import { SelectableItem } from './patterns/selection';
-import { SwitchField } from './patterns/switch-field';
-import { ThemeComposer } from './patterns/theme-composer';
-import { Timeline } from './patterns/timeline';
-import { TreeItem, TreeView } from './patterns/tree-view';
 import { ThemeModeToggle } from './theme/ThemeModeToggle';
 
 export type ZoraComponentRegistry = Readonly<Record<string, React.ElementType>>;
@@ -153,6 +138,7 @@ const _ZORA_COMPONENT_REGISTRY = {
   Rating,
   SearchInput,
   Select,
+  Switch,
   Skeleton,
   SkeletonCard,
   SkeletonList,
@@ -186,19 +172,14 @@ const _ZORA_COMPONENT_REGISTRY = {
   SignUpForm,
   ChatListItem,
   CollectionEditor,
-  ConfirmDialog,
   ContentRail,
   EmptyState,
-  FilterBar,
   Hero,
-  InspectorField,
   List,
   ListItem,
   ListSection,
   MessageBubble,
   MissingElement,
-  Notice,
-  Panel,
   PostCard,
   ProductCard,
   ReaderSurface,
@@ -207,8 +188,6 @@ const _ZORA_COMPONENT_REGISTRY = {
   ScanOverlay,
   SectionHeader,
   SelectableItem,
-  SwitchField,
-  ThemeComposer,
   PaletteItem,
   Timeline,
   TreeItem,

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/theme/themeScopeStructure.test.ts

@@ -43,14 +43,14 @@ const zoraProviderSource = readSource('ZoraProvider.tsx');
 const themeScopeSource = readSource('ZoraThemeScope.tsx');
 const hocSource = readSource('withZoraThemeScope.tsx');
 
-const scopeGuardDirs = [join(srcDir, 'patterns')] as const;
+const scopeGuardDirs = [join(srcDir, 'features')] as const;
 
 const scopeGuardFiles = scopeGuardDirs.flatMap(collectSourceFiles);
 
 const scopedComponentFiles = [
   join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'AppShell.tsx'),
   join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'Screen.tsx'),
-  join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'ScreenSection.tsx'),
+  join(srcDir, 'features', 'section', 'adapters', 'inbound', 'ScreenSection.tsx'),
   join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'ScrollView.tsx'),
   join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'View.tsx'),
   join(srcDir, 'features', 'content-rail', 'adapters', 'inbound', 'ContentRail.tsx'),
@@ -105,20 +105,16 @@ const scopedComponentFiles = [
   join(srcDir, 'features', 'auth', 'adapters', 'inbound', 'SignInForm.tsx'),
   join(srcDir, 'features', 'auth', 'adapters', 'inbound', 'SignUpForm.tsx'),
   join(srcDir, 'features', 'gradient', 'adapters', 'inbound', 'Gradient.tsx'),
-  join(srcDir, 'patterns', 'collection-editor', 'CollectionEditor.tsx'),
-  join(srcDir, 'patterns', 'confirm-dialog', 'ConfirmDialog.tsx'),
+  join(srcDir, 'features', 'collection-editor', 'adapters', 'inbound', 'CollectionEditor.tsx'),
   join(srcDir, 'features', 'empty-state', 'adapters', 'inbound', 'EmptyState.tsx'),
-  join(srcDir, 'patterns', 'inspector-field', 'InspectorField.tsx'),
   join(srcDir, 'features', 'list', 'adapters', 'inbound', 'List.tsx'),
   join(srcDir, 'features', 'list', 'adapters', 'inbound', 'ListItem.tsx'),
   join(srcDir, 'features', 'list', 'adapters', 'inbound', 'ListSection.tsx'),
-  join(srcDir, 'patterns', 'notice', 'Notice.tsx'),
-  join(srcDir, 'patterns', 'panel', 'Panel.tsx'),
-  join(srcDir, 'patterns', 'section-header', 'SectionHeader.tsx'),
-  join(srcDir, 'patterns', 'switch-field', 'SwitchField.tsx'),
-  join(srcDir, 'patterns', 'timeline', 'Timeline.tsx'),
-  join(srcDir, 'patterns', 'tree-view', 'TreeItem.tsx'),
-  join(srcDir, 'patterns', 'tree-view', 'TreeView.tsx'),
+  join(srcDir, 'features', 'section', 'adapters', 'inbound', 'SectionHeader.tsx'),
+  join(srcDir, 'features', 'form', 'switch', 'adapters', 'inbound', 'Switch.tsx'),
+  join(srcDir, 'features', 'timeline', 'adapters', 'inbound', 'Timeline.tsx'),
+  join(srcDir, 'features', 'tree-view', 'adapters', 'inbound', 'TreeItem.tsx'),
+  join(srcDir, 'features', 'tree-view', 'adapters', 'inbound', 'TreeView.tsx'),
 
   join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'Divider.tsx'),
   join(srcDir, 'features', 'layout', 'adapters', 'inbound', 'Grid.tsx'),
@@ -160,17 +156,13 @@ const scopedPropTypeFiles = [
 
   join(srcDir, 'types', 'auth.ts'),
   join(srcDir, 'types', 'gradient.ts'),
-  join(srcDir, 'patterns', 'collection-editor', 'types.ts'),
-  join(srcDir, 'patterns', 'confirm-dialog', 'types.ts'),
+  join(srcDir, 'types', 'collection-editor.ts'),
   join(srcDir, 'types', 'empty-state.ts'),
-  join(srcDir, 'patterns', 'inspector-field', 'types.ts'),
   join(srcDir, 'types', 'list.ts'),
-  join(srcDir, 'patterns', 'notice', 'types.ts'),
-  join(srcDir, 'patterns', 'panel', 'types.ts'),
-  join(srcDir, 'patterns', 'section-header', 'types.ts'),
-  join(srcDir, 'patterns', 'switch-field', 'types.ts'),
-  join(srcDir, 'patterns', 'timeline', 'types.ts'),
-  join(srcDir, 'patterns', 'tree-view', 'types.ts'),
+  join(srcDir, 'types', 'section.ts'),
+  join(srcDir, 'types', 'switch.ts'),
+  join(srcDir, 'types', 'timeline.ts'),
+  join(srcDir, 'types', 'tree-view.ts'),
 ] as const;
 
 describe('theme scope structure', () => {

package/src/{patterns/message-bubble/types.ts → types/chat.ts}

@@ -1,9 +1,36 @@
 import type React from 'react';
 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 { AvatarShape, AvatarSize } from '../features/avatar/public';
+import type { ZoraColor } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+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';

package/src/{patterns/collection-editor/types.ts → types/collection-editor.ts}

@@ -1,5 +1,7 @@
 import type React from 'react';
 
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
 export interface CollectionEditorRenderItemProps<TItem> {
   item: TItem;
   index: number;
@@ -10,8 +12,6 @@ export interface CollectionEditorRenderItemProps<TItem> {
   canMoveDown: boolean;
 }
 
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
 export interface CollectionEditorProps<TItem> extends ZoraBaseProps {
   title?: React.ReactNode;
   description?: React.ReactNode;

package/src/types/layout.ts

@@ -29,10 +29,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;
-}

package/src/{patterns/reader/types.ts → types/reader.ts}

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export type ReaderDocumentFormat = 'epub' | 'pdf';
 

package/src/{patterns/scanner/types.ts → types/scanner.ts}

@@ -1,7 +1,7 @@
 import type React from 'react';
 
-import type { ButtonProps } from '../../features/button/public';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ButtonProps } from '../features/button/public';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export type CameraPermissionStatus = 'unknown' | 'requesting' | 'granted' | 'denied';
 

package/src/types/section.ts

@@ -0,0 +1,17 @@
+import type React from 'react';
+
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface SectionHeaderProps extends ZoraBaseProps {
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  eyebrow?: React.ReactNode;
+  actions?: React.ReactNode;
+}
+
+export interface ScreenSectionProps extends ZoraBaseProps {
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  actions?: React.ReactNode;
+  children?: React.ReactNode;
+}

package/src/types/switch.ts

@@ -0,0 +1,5 @@
+import type { SwitchProps as SurfaceSwitchProps } from '@ankhorage/surface';
+
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface SwitchProps extends ZoraBaseProps, Omit<SurfaceSwitchProps, 'mode' | 'themeId'> {}

package/src/{patterns/timeline/types.ts → types/timeline.ts}

@@ -1,8 +1,8 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraColor } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraColor } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export interface TimelineItem {
   id: string;

package/src/{patterns/tree-view/types.ts → types/tree-view.ts}

@@ -1,7 +1,7 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type { ReactNode } from 'react';
 
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export interface TreeItemNode<TId extends string = string> {
   id: TId;

package/dist/features/layout/adapters/inbound/ScreenSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScreenSection.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/ScreenSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAqBnE,gFAAgF;AAChF,eAAO,MAAM,aAAa,0DAAyC,CAAC"}

package/dist/features/layout/adapters/inbound/ScreenSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScreenSection.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/ScreenSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,SAAS,kBAAkB,CAAC,EAC1B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,GACa;IACnB,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC3B;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CAC3F;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { SectionHeader } from '../../../../patterns/section-header';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ScreenSectionProps } from '../../../../types/layout';\nimport { View } from './View';\n\nfunction ScreenSectionInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  title,\n  description,\n  actions,\n  children,\n  testID,\n}: ScreenSectionProps) {\n  return (\n    <View gap=\"m\" testID={testID}>\n      {title ? <SectionHeader actions={actions} description={description} title={title} /> : null}\n      {children}\n    </View>\n  );\n}\n\n/*** Screen section with optional heading, description, actions, and content. */\nexport const ScreenSection = withZoraThemeScope(ScreenSectionInner);\n"]}

package/dist/features/layout/screenSectionMeta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"screenSectionMeta.d.ts","sourceRoot":"","sources":["../../../src/features/layout/screenSectionMeta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BQ,CAAC"}

package/dist/features/layout/screenSectionMeta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"screenSectionMeta.js","sourceRoot":"","sources":["../../../src/features/layout/screenSectionMeta.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,QAAQ;IAClB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,+BAA+B,CAAC;IACrD,SAAS,EAAE;QACT,KAAK,EAAE,gBAAgB;QACvB,YAAY,EAAE;YACZ,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,sBAAsB;SACpC;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;SACnB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,aAAa;YACpB,OAAO,EAAE,sBAAsB;SAChC;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nimport { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\n\nexport const screenSectionMeta = {\n  name: 'ScreenSection',\n  category: 'layout',\n  directManifestNode: true,\n  allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],\n  blueprint: {\n    label: 'Screen section',\n    defaultProps: {\n      title: 'Section',\n      description: 'Section description.',\n    },\n  },\n  props: {\n    title: {\n      type: 'string',\n      category: 'Content',\n      label: 'Title',\n      default: 'Section',\n    },\n    description: {\n      type: 'string',\n      category: 'Content',\n      label: 'Description',\n      default: 'Section description.',\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/patterns/chat-list-item/ChatListItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatListItem.d.ts","sourceRoot":"","sources":["../../../src/patterns/chat-list-item/ChatListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAkB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAoNjE;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDAAwC,CAAC"}

package/dist/patterns/chat-list-item/ChatListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatListItem.js","sourceRoot":"","sources":["../../../src/patterns/chat-list-item/ChatListItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ButtonBase } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Avatar } from '../../features/avatar/public';\nimport { Badge } from '../../features/badge/public';\nimport { View } from '../../features/layout/public';\nimport { Text } from '../../features/typography/public';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ChatListAvatar, ChatListItemProps } from './types';\n\nfunction resolveAvatarName({\n  avatar,\n  title,\n}: {\n  avatar: ChatListAvatar | undefined;\n  title: React.ReactNode;\n}): string | undefined {\n  if (avatar?.name) {\n    return avatar.name;\n  }\n\n  return typeof title === 'string' ? title : undefined;\n}\n\nfunction resolvePadding(compact: boolean) {\n  return compact ? { px: 'm' as const, py: 's' as const } : { px: 'm' as const, py: 'm' as const };\n}\n\nfunction resolveContainerStyles({\n  theme,\n  selected,\n  pressed,\n  hovered,\n  disabled,\n}: {\n  theme: ReturnType<typeof useZoraTheme>['theme'];\n  selected: boolean;\n  pressed: boolean;\n  hovered: boolean;\n  disabled: boolean;\n}) {\n  const borderColor = selected ? theme.semantics.border.focus : 'transparent';\n\n  return {\n    bg: pressed\n      ? theme.semantics.neutral.surfaceActive\n      : hovered\n        ? theme.semantics.neutral.surfaceHover\n        : selected\n          ? theme.semantics.neutral.surface\n          : 'transparent',\n    borderColor,\n    borderWidth: selected ? 1 : 0,\n    opacity: disabled ? 0.72 : 1,\n  };\n}\n\nfunction renderUnreadCount(unreadCount: React.ReactNode) {\n  if (unreadCount == null) {\n    return null;\n  }\n\n  return (\n    <Badge size=\"s\" color=\"primary\">\n      {unreadCount}\n    </Badge>\n  );\n}\n\nfunction ChatListItemInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  testID,\n  title,\n  preview,\n  meta,\n  timestamp,\n  avatar,\n  leading,\n  trailing,\n  unread = false,\n  unreadCount,\n  selected = false,\n  disabled = false,\n  compact = false,\n  accessibilityLabel,\n  onPress,\n}: ChatListItemProps) {\n  const { theme } = useZoraTheme();\n  const padding = resolvePadding(compact);\n  const avatarName = resolveAvatarName({ avatar, title });\n  const isInteractive = Boolean(onPress);\n  const hasTimestamp = timestamp != null;\n  const hasPreview = preview != null;\n  const hasMeta = meta != null;\n  const hasTrailing = trailing != null;\n  const hasUnreadCount = unreadCount != null;\n  const hasSecondaryRow = hasPreview || hasMeta || hasUnreadCount || hasTrailing;\n\n  const content = ({ pressed, hovered }: { pressed: boolean; hovered: boolean }) => {\n    const styles = resolveContainerStyles({\n      theme,\n      selected,\n      pressed,\n      hovered,\n      disabled,\n    });\n\n    return (\n      <View\n        bg={styles.bg}\n        borderColor={styles.borderColor}\n        borderWidth={styles.borderWidth}\n        px={padding.px}\n        py={padding.py}\n        radius=\"m\"\n        style={{ opacity: styles.opacity }}\n      >\n        <View direction=\"row\" align=\"center\" gap=\"m\" wrap=\"nowrap\">\n          {leading ?? (\n            <Avatar\n              initials={avatar?.initials}\n              label={avatar?.label ?? avatarName}\n              name={avatarName}\n              shape={avatar?.shape}\n              size={avatar?.size ?? (compact ? 's' : 'm')}\n              source={avatar?.source}\n              color={avatar?.color}\n            />\n          )}\n\n          <View flex={1}>\n            <View gap=\"xxs\">\n              <View direction=\"row\" align=\"center\" gap=\"s\" justify=\"space-between\" wrap=\"nowrap\">\n                <View flex={1}>\n                  <Text\n                    numberOfLines={1}\n                    emphasis={disabled ? 'muted' : 'default'}\n                    variant=\"bodySmall\"\n                    weight={unread || selected ? 'semiBold' : 'medium'}\n                  >\n                    {title}\n                  </Text>\n                </View>\n                {hasTimestamp ? (\n                  <Text\n                    numberOfLines={1}\n                    color={unread ? 'primary' : undefined}\n                    emphasis={unread ? 'default' : 'subtle'}\n                    variant=\"caption\"\n                    weight={unread ? 'semiBold' : 'regular'}\n                  >\n                    {timestamp}\n                  </Text>\n                ) : null}\n              </View>\n\n              {hasSecondaryRow ? (\n                <View direction=\"row\" align=\"center\" gap=\"s\" justify=\"space-between\" wrap=\"nowrap\">\n                  <View flex={1}>\n                    <View gap=\"xxs\">\n                      {hasPreview ? (\n                        <Text\n                          numberOfLines={1}\n                          emphasis={unread ? 'default' : 'muted'}\n                          variant=\"bodySmall\"\n                          weight={unread ? 'medium' : 'regular'}\n                        >\n                          {preview}\n                        </Text>\n                      ) : null}\n                      {hasMeta ? (\n                        <Text numberOfLines={1} emphasis=\"subtle\" variant=\"caption\">\n                          {meta}\n                        </Text>\n                      ) : null}\n                    </View>\n                  </View>\n\n                  {hasUnreadCount || hasTrailing ? (\n                    <View direction=\"row\" align=\"center\" gap=\"s\" wrap=\"nowrap\">\n                      {renderUnreadCount(unreadCount)}\n                      {trailing}\n                    </View>\n                  ) : null}\n                </View>\n              ) : null}\n            </View>\n          </View>\n        </View>\n      </View>\n    );\n  };\n\n  if (!isInteractive) {\n    return <View testID={testID}>{content({ pressed: false, hovered: false })}</View>;\n  }\n\n  return (\n    <ButtonBase\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled, selected }}\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      onPress={onPress}\n      radius=\"m\"\n      testID={testID}\n    >\n      {(state) =>\n        content({\n          pressed: state.pressed,\n          hovered: state.hovered,\n        })\n      }\n    </ButtonBase>\n  );\n}\n\n/***\n * Chat-style list row with avatar, title, preview text, and unread indicators.\n *\n \n */\nexport const ChatListItem = withZoraThemeScope(ChatListItemInner);\n"]}

package/dist/patterns/chat-list-item/index.d.ts

@@ -1,3 +0,0 @@
-export { ChatListItem } from './ChatListItem';
-export type { ChatListAvatar, ChatListItemProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/patterns/chat-list-item/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/chat-list-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/patterns/chat-list-item/index.js

@@ -1,2 +0,0 @@
-export { ChatListItem } from './ChatListItem';
-//# sourceMappingURL=index.js.map

package/dist/patterns/chat-list-item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/patterns/chat-list-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { ChatListItem } from './ChatListItem';\nexport type { ChatListAvatar, ChatListItemProps } from './types';\n"]}

package/dist/patterns/chat-list-item/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/patterns/chat-list-item/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuES,CAAC"}

package/dist/patterns/chat-list-item/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/patterns/chat-list-item/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,SAAS;IACnB,WAAW,EACT,yFAAyF;IAC3F,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACpC,YAAY,EAAE;YACZ,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,sCAAsC;YAC/C,SAAS,EAAE,IAAI;YACf,MAAM,EAAE;gBACN,IAAI,EAAE,cAAc;aACrB;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,cAAc;SACxB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,MAAM;SACd;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,WAAW;SACnB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,KAAK;SACf;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,cAAc;SACtB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;SACf;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;SACf;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,KAAK;SACf;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const chatListItemMeta = {\n  name: 'ChatListItem',\n  category: 'pattern',\n  description:\n    'Conversation preview row with avatar, title, preview text, timestamp, and unread state.',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: {\n    label: 'Chat list item',\n    icon: { name: 'chatbubble-outline' },\n    defaultProps: {\n      title: 'Ada Lovelace',\n      preview: 'Can you review the latest UI update?',\n      timestamp: '2m',\n      avatar: {\n        name: 'Ada Lovelace',\n      },\n    },\n  },\n  props: {\n    title: {\n      type: 'string',\n      category: 'Content',\n      label: 'Title',\n      default: 'Ada Lovelace',\n    },\n    preview: {\n      type: 'string',\n      category: 'Content',\n      label: 'Preview',\n    },\n    meta: {\n      type: 'string',\n      category: 'Content',\n      label: 'Meta',\n    },\n    timestamp: {\n      type: 'string',\n      category: 'Content',\n      label: 'Timestamp',\n    },\n    unread: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Unread',\n      default: false,\n    },\n    unreadCount: {\n      type: 'string',\n      category: 'State',\n      label: 'Unread count',\n    },\n    selected: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Selected',\n      default: false,\n    },\n    disabled: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Disabled',\n      default: false,\n    },\n    compact: {\n      type: 'boolean',\n      category: 'Layout',\n      label: 'Compact',\n      default: false,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/patterns/chat-list-item/types.d.ts

@@ -1,31 +0,0 @@
-import type React from 'react';
-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';
-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;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/patterns/chat-list-item/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/chat-list-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}