@ankhorage/zora 16.0.0 → 18.0.0

package/dist/{layout/screen-section/meta.d.ts → features/layout/screenSectionMeta.d.ts}

@@ -2,7 +2,7 @@ export declare const screenSectionMeta: {
     readonly name: "ScreenSection";
     readonly category: "layout";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Screen section";
         readonly defaultProps: {
@@ -25,4 +25,4 @@ export declare const screenSectionMeta: {
         };
     };
 };
-//# sourceMappingURL=meta.d.ts.map
+//# sourceMappingURL=screenSectionMeta.d.ts.map

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

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

package/dist/{layout/screen-section/meta.js → features/layout/screenSectionMeta.js}

@@ -26,4 +26,4 @@ export const screenSectionMeta = {
         },
     },
 };
-//# sourceMappingURL=meta.js.map
+//# sourceMappingURL=screenSectionMeta.js.map

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

@@ -0,0 +1 @@
+{"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/features/layout/{boxMeta.d.ts → scrollViewMeta.d.ts}

@@ -1,20 +1,13 @@
-export declare const boxMeta: {
-    readonly name: "Box";
+export declare const scrollViewMeta: {
+    readonly name: "ScrollView";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly props: {
-        readonly bg: {
-            readonly type: "color";
-            readonly category: "Style";
-        };
-        readonly borderColor: {
-            readonly type: "color";
-            readonly category: "Style";
-        };
-        readonly borderWidth: {
-            readonly type: "number";
-            readonly category: "Style";
+        readonly horizontal: {
+            readonly type: "boolean";
+            readonly category: "Layout";
+            readonly default: false;
         };
         readonly p: {
             readonly type: "spacing";
@@ -78,4 +71,4 @@ export declare const boxMeta: {
         };
     };
 };
-//# sourceMappingURL=boxMeta.d.ts.map
+//# sourceMappingURL=scrollViewMeta.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrollViewMeta.d.ts","sourceRoot":"","sources":["../../../src/features/layout/scrollViewMeta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASW,CAAC"}

package/dist/features/layout/{boxMeta.js → scrollViewMeta.js}

@@ -1,15 +1,13 @@
 import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
 import { LAYOUT_PROPS } from './constants';
-export const boxMeta = {
-    name: 'Box',
+export const scrollViewMeta = {
+    name: 'ScrollView',
     category: 'foundation',
     directManifestNode: true,
     allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
     props: {
         ...LAYOUT_PROPS,
-        bg: { type: 'color', category: 'Style' },
-        borderColor: { type: 'color', category: 'Style' },
-        borderWidth: { type: 'number', category: 'Style' },
+        horizontal: { type: 'boolean', category: 'Layout', default: false },
     },
 };
-//# sourceMappingURL=boxMeta.js.map
+//# sourceMappingURL=scrollViewMeta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrollViewMeta.js","sourceRoot":"","sources":["../../../src/features/layout/scrollViewMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,YAAY;IACtB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,KAAK,EAAE;QACL,GAAG,YAAY;QACf,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;KACpE;CACmC,CAAC","sourcesContent":["import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\nimport type { ZoraComponentMeta } from '../../metadata/types';\nimport { LAYOUT_PROPS } from './constants';\n\nexport const scrollViewMeta = {\n  name: 'ScrollView',\n  category: 'foundation',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  props: {\n    ...LAYOUT_PROPS,\n    horizontal: { type: 'boolean', category: 'Layout', default: false },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/layout/{stackMeta.d.ts → viewMeta.d.ts}

@@ -1,8 +1,8 @@
-export declare const stackMeta: {
-    readonly name: "Stack";
+export declare const viewMeta: {
+    readonly name: "View";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly props: {
         readonly direction: {
             readonly type: "enum";
@@ -13,6 +13,14 @@ export declare const stackMeta: {
             readonly type: "spacing";
             readonly category: "Spacing";
         };
+        readonly rowGap: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly columnGap: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
         readonly align: {
             readonly type: "enum";
             readonly category: "Layout";
@@ -28,6 +36,18 @@ export declare const stackMeta: {
             readonly category: "Layout";
             readonly enum: readonly ["nowrap", "wrap"];
         };
+        readonly bg: {
+            readonly type: "color";
+            readonly category: "Style";
+        };
+        readonly borderColor: {
+            readonly type: "color";
+            readonly category: "Style";
+        };
+        readonly borderWidth: {
+            readonly type: "number";
+            readonly category: "Style";
+        };
         readonly p: {
             readonly type: "spacing";
             readonly category: "Spacing";
@@ -90,4 +110,4 @@ export declare const stackMeta: {
         };
     };
 };
-//# sourceMappingURL=stackMeta.d.ts.map
+//# sourceMappingURL=viewMeta.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewMeta.d.ts","sourceRoot":"","sources":["../../../src/features/layout/viewMeta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BiB,CAAC"}

package/dist/features/layout/{stackMeta.js → viewMeta.js}

@@ -1,7 +1,7 @@
 import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
 import { LAYOUT_PROPS } from './constants';
-export const stackMeta = {
-    name: 'Stack',
+export const viewMeta = {
+    name: 'View',
     category: 'foundation',
     directManifestNode: true,
     allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
@@ -9,6 +9,8 @@ export const stackMeta = {
         ...LAYOUT_PROPS,
         direction: { type: 'enum', category: 'Layout', enum: ['row', 'column'] },
         gap: { type: 'spacing', category: 'Spacing' },
+        rowGap: { type: 'spacing', category: 'Spacing' },
+        columnGap: { type: 'spacing', category: 'Spacing' },
         align: {
             type: 'enum',
             category: 'Layout',
@@ -20,6 +22,9 @@ export const stackMeta = {
             enum: ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'],
         },
         wrap: { type: 'enum', category: 'Layout', enum: ['nowrap', 'wrap'] },
+        bg: { type: 'color', category: 'Style' },
+        borderColor: { type: 'color', category: 'Style' },
+        borderWidth: { type: 'number', category: 'Style' },
     },
 };
-//# sourceMappingURL=stackMeta.js.map
+//# sourceMappingURL=viewMeta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewMeta.js","sourceRoot":"","sources":["../../../src/features/layout/viewMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,YAAY;IACtB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,KAAK,EAAE;QACL,GAAG,YAAY;QACf,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE;QACxE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;QAC7C,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;QAChD,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;QACnD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC;SAClE;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,CAAC;SAC5F;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE;QACpE,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE;QACxC,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE;QACjD,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;KACnD;CACmC,CAAC","sourcesContent":["import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\nimport type { ZoraComponentMeta } from '../../metadata/types';\nimport { LAYOUT_PROPS } from './constants';\n\nexport const viewMeta = {\n  name: 'View',\n  category: 'foundation',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  props: {\n    ...LAYOUT_PROPS,\n    direction: { type: 'enum', category: 'Layout', enum: ['row', 'column'] },\n    gap: { type: 'spacing', category: 'Spacing' },\n    rowGap: { type: 'spacing', category: 'Spacing' },\n    columnGap: { type: 'spacing', category: 'Spacing' },\n    align: {\n      type: 'enum',\n      category: 'Layout',\n      enum: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'],\n    },\n    justify: {\n      type: 'enum',\n      category: 'Layout',\n      enum: ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'],\n    },\n    wrap: { type: 'enum', category: 'Layout', enum: ['nowrap', 'wrap'] },\n    bg: { type: 'color', category: 'Style' },\n    borderColor: { type: 'color', category: 'Style' },\n    borderWidth: { type: 'number', category: 'Style' },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/list/adapters/inbound/List.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ListProps } from '../../../../types/list';
+/*** List composition built on the Surface list boundary with ZORA item/separator policy. */
+export declare const List: (props: ListProps) => React.ReactElement | null;
+//# sourceMappingURL=List.d.ts.map

package/dist/features/list/adapters/inbound/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../src/features/list/adapters/inbound/List.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAIV,SAAS,EACV,MAAM,wBAAwB,CAAC;AAkEhC,4FAA4F;AAC5F,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/features/list/adapters/inbound/List.js

@@ -0,0 +1,34 @@
+import { List as SurfaceList } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Divider, View } from '../../../layout/public';
+import { resolveListSeparator } from '../../utils/resolveListSeparator';
+import { ListItem } from './ListItem';
+function resolveItemVariant({ item, defaultVariant, }) {
+    return item.variant ?? defaultVariant;
+}
+function resolveItemCompact({ item, compact, }) {
+    return item.compact ?? compact ?? false;
+}
+function ListItemsInner({ themeId: _themeId, mode: _mode, testID, items, itemVariant = 'divider', compact, }) {
+    return (<SurfaceList testID={testID}>
+      {items.map((item, index) => {
+            const effectiveVariant = resolveItemVariant({ item, defaultVariant: itemVariant });
+            const separator = resolveListSeparator(effectiveVariant, index);
+            return (<React.Fragment key={String(index)}>
+            {separator === 'divider' ? <Divider /> : null}
+            {separator === 'spacer' ? <View height="s"/> : null}
+            <ListItem {...item} compact={resolveItemCompact({ item, compact })} variant={effectiveVariant}/>
+          </React.Fragment>);
+        })}
+    </SurfaceList>);
+}
+function ListInner(props) {
+    if ('items' in props)
+        return <ListItemsInner {...props}/>;
+    const { themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, children, testID, } = props;
+    return <SurfaceList testID={testID}>{children}</SurfaceList>;
+}
+/*** List composition built on the Surface list boundary with ZORA item/separator policy. */
+export const List = withZoraThemeScope(ListInner);
+//# sourceMappingURL=List.js.map

package/dist/features/list/adapters/inbound/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/features/list/adapters/inbound/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAO1E,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,SAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,cAAc,GAIf;IACC,OAAO,IAAI,CAAC,OAAO,IAAI,cAAc,CAAC;AACxC,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,OAAO,GAIR;IACC,OAAO,IAAI,CAAC,OAAO,IAAI,OAAO,IAAI,KAAK,CAAC;AAC1C,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,EACL,WAAW,GAAG,SAAS,EACvB,OAAO,GACQ;IACf,OAAO,CACL,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC1B;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC,CAAC;YACnF,MAAM,SAAS,GAAG,oBAAoB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;YAChE,OAAO,CACL,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CACjC;YAAA,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,IAAI,CAC7C;YAAA,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAG,CAAC,CAAC,CAAC,IAAI,CACpD;YAAA,CAAC,QAAQ,CACP,IAAI,IAAI,CAAC,CACT,OAAO,CAAC,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAC/C,OAAO,CAAC,CAAC,gBAAgB,CAAC,EAE9B;UAAA,EAAE,KAAK,CAAC,QAAQ,CAAC,CAClB,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,WAAW,CAAC,CACf,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAgB;IACjC,IAAI,OAAO,IAAI,KAAK;QAAE,OAAO,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;IAC3D,MAAM,EACJ,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,QAAQ,EACR,MAAM,GACP,GAAG,KAAK,CAAC;IACV,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC;AAC/D,CAAC;AAED,4FAA4F;AAC5F,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC","sourcesContent":["import { List as SurfaceList } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type {\n  ListItemProps,\n  ListItemsProps,\n  ListItemVariant,\n  ListProps,\n} from '../../../../types/list';\nimport { Divider, View } from '../../../layout/public';\nimport { resolveListSeparator } from '../../utils/resolveListSeparator';\nimport { ListItem } from './ListItem';\n\nfunction resolveItemVariant({\n  item,\n  defaultVariant,\n}: {\n  item: ListItemProps;\n  defaultVariant: ListItemVariant;\n}): ListItemVariant {\n  return item.variant ?? defaultVariant;\n}\n\nfunction resolveItemCompact({\n  item,\n  compact,\n}: {\n  item: ListItemProps;\n  compact: boolean | undefined;\n}): boolean {\n  return item.compact ?? compact ?? false;\n}\n\nfunction ListItemsInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  items,\n  itemVariant = 'divider',\n  compact,\n}: ListItemsProps) {\n  return (\n    <SurfaceList testID={testID}>\n      {items.map((item, index) => {\n        const effectiveVariant = resolveItemVariant({ item, defaultVariant: itemVariant });\n        const separator = resolveListSeparator(effectiveVariant, index);\n        return (\n          <React.Fragment key={String(index)}>\n            {separator === 'divider' ? <Divider /> : null}\n            {separator === 'spacer' ? <View height=\"s\" /> : null}\n            <ListItem\n              {...item}\n              compact={resolveItemCompact({ item, compact })}\n              variant={effectiveVariant}\n            />\n          </React.Fragment>\n        );\n      })}\n    </SurfaceList>\n  );\n}\n\nfunction ListInner(props: ListProps) {\n  if ('items' in props) return <ListItemsInner {...props} />;\n  const {\n    themeId: _themeId,\n    mode: _mode,\n    interactionPolicy: _interactionPolicy,\n    children,\n    testID,\n  } = props;\n  return <SurfaceList testID={testID}>{children}</SurfaceList>;\n}\n\n/*** List composition built on the Surface list boundary with ZORA item/separator policy. */\nexport const List = withZoraThemeScope(ListInner);\n"]}

package/dist/features/list/adapters/inbound/ListItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ListItemProps } from '../../../../types/list';
+/*** Opinionated list item built on the Surface list-item interaction and geometry boundary. */
+export declare const ListItem: (props: ListItemProps) => React.ReactElement | null;
+//# sourceMappingURL=ListItem.d.ts.map

package/dist/features/list/adapters/inbound/ListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../src/features/list/adapters/inbound/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAmB,MAAM,wBAAwB,CAAC;AAkF7E,+FAA+F;AAC/F,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}

package/dist/features/list/adapters/inbound/ListItem.js

@@ -0,0 +1,43 @@
+import { ListItem as SurfaceListItem } from '@ankhorage/surface';
+import React from 'react';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { View } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+function ListItemInner({ themeId: _themeId, mode: _mode, testID, interactionPolicy, title, description, meta, leading, trailing, action, onPress, selected = false, disabled = false, compact = false, variant = 'divider', }) {
+    const { theme } = useZoraTheme();
+    const trailingContent = renderTrailing(trailing, action);
+    return (<View bg={variant === 'card' ? theme.semantics.surface.raised : 'transparent'} borderColor={selected
+            ? theme.semantics.border.focus
+            : variant === 'card'
+                ? theme.semantics.border.default
+                : 'transparent'} borderWidth={variant === 'card' || selected ? 1 : 0} overflow="hidden" radius={resolveRadius(variant)}>
+      <SurfaceListItem compact={compact} disabled={disabled} interactionPolicy={interactionPolicy} leading={leading} onPress={action ? undefined : onPress} selected={selected} testID={testID} trailing={trailingContent}>
+        <View gap="xxs">
+          <Text variant="body" weight={selected ? 'semiBold' : 'medium'}>
+            {title}
+          </Text>
+          {description ? (<Text emphasis="muted" variant="bodySmall">
+              {description}
+            </Text>) : null}
+          {meta ? (<Text emphasis="subtle" variant="caption">
+              {meta}
+            </Text>) : null}
+        </View>
+      </SurfaceListItem>
+    </View>);
+}
+function resolveRadius(variant) {
+    return variant === 'card' ? 'l' : 'm';
+}
+function renderTrailing(trailing, action) {
+    if (!trailing && !action)
+        return undefined;
+    return (<View align="center" direction="row" gap="s" wrap="nowrap">
+      {trailing}
+      {action}
+    </View>);
+}
+/*** Opinionated list item built on the Surface list-item interaction and geometry boundary. */
+export const ListItem = withZoraThemeScope(ListItemInner);
+//# sourceMappingURL=ListItem.js.map

package/dist/features/list/adapters/inbound/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../../../src/features/list/adapters/inbound/ListItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ListItem as SurfaceListItem } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ListItemProps, ListItemVariant } from '../../../../types/list';\nimport { View } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\nfunction ListItemInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  interactionPolicy,\n  title,\n  description,\n  meta,\n  leading,\n  trailing,\n  action,\n  onPress,\n  selected = false,\n  disabled = false,\n  compact = false,\n  variant = 'divider',\n}: ListItemProps) {\n  const { theme } = useZoraTheme();\n  const trailingContent = renderTrailing(trailing, action);\n\n  return (\n    <View\n      bg={variant === 'card' ? theme.semantics.surface.raised : 'transparent'}\n      borderColor={\n        selected\n          ? theme.semantics.border.focus\n          : variant === 'card'\n            ? theme.semantics.border.default\n            : 'transparent'\n      }\n      borderWidth={variant === 'card' || selected ? 1 : 0}\n      overflow=\"hidden\"\n      radius={resolveRadius(variant)}\n    >\n      <SurfaceListItem\n        compact={compact}\n        disabled={disabled}\n        interactionPolicy={interactionPolicy}\n        leading={leading}\n        onPress={action ? undefined : onPress}\n        selected={selected}\n        testID={testID}\n        trailing={trailingContent}\n      >\n        <View gap=\"xxs\">\n          <Text variant=\"body\" weight={selected ? 'semiBold' : 'medium'}>\n            {title}\n          </Text>\n          {description ? (\n            <Text emphasis=\"muted\" variant=\"bodySmall\">\n              {description}\n            </Text>\n          ) : null}\n          {meta ? (\n            <Text emphasis=\"subtle\" variant=\"caption\">\n              {meta}\n            </Text>\n          ) : null}\n        </View>\n      </SurfaceListItem>\n    </View>\n  );\n}\n\nfunction resolveRadius(variant: ListItemVariant) {\n  return variant === 'card' ? ('l' as const) : ('m' as const);\n}\n\nfunction renderTrailing(trailing: React.ReactNode, action: React.ReactNode) {\n  if (!trailing && !action) return undefined;\n  return (\n    <View align=\"center\" direction=\"row\" gap=\"s\" wrap=\"nowrap\">\n      {trailing}\n      {action}\n    </View>\n  );\n}\n\n/*** Opinionated list item built on the Surface list-item interaction and geometry boundary. */\nexport const ListItem = withZoraThemeScope(ListItemInner);\n"]}

package/dist/features/list/adapters/inbound/ListSection.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ListSectionProps } from '../../../../types/list';
+/*** Section wrapper for lists with optional ZORA section-heading semantics. */
+export declare const ListSection: (props: ListSectionProps) => React.ReactElement | null;
+//# sourceMappingURL=ListSection.d.ts.map

package/dist/features/list/adapters/inbound/ListSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSection.d.ts","sourceRoot":"","sources":["../../../../../src/features/list/adapters/inbound/ListSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AA8B/D,+EAA+E;AAC/E,eAAO,MAAM,WAAW,wDAAuC,CAAC"}

package/dist/{patterns/list → features/list/adapters/inbound}/ListSection.js

@@ -1,19 +1,15 @@
 import React from 'react';
-import { Stack } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { SectionHeader } from '../section-header';
+import { SectionHeader } from '../../../../patterns/section-header';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { View } from '../../../layout/public';
 import { List } from './List';
 function ListSectionInner({ themeId: _themeId, mode: _mode, testID, title, description, eyebrow, actions, ...props }) {
     const hasHeader = title !== undefined;
-    return (<Stack gap="s" testID={testID}>
+    return (<View gap="s" testID={testID}>
       {hasHeader ? (<SectionHeader actions={actions} description={description} eyebrow={eyebrow} title={title}/>) : null}
       <List {...props}/>
-    </Stack>);
+    </View>);
 }
-/***
- * Section wrapper for lists with optional title and description.
- *
- 
- */
+/*** Section wrapper for lists with optional ZORA section-heading semantics. */
 export const ListSection = withZoraThemeScope(ListSectionInner);
 //# sourceMappingURL=ListSection.js.map

package/dist/features/list/adapters/inbound/ListSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSection.js","sourceRoot":"","sources":["../../../../../src/features/list/adapters/inbound/ListSection.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,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,SAAS,gBAAgB,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACS;IACjB,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC;IACtC,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC3B;MAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,CAAC,aAAa,CACZ,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAC,CAAC,CAAC,IAAI,CACR;MAAA,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,EAClB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { SectionHeader } from '../../../../patterns/section-header';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ListSectionProps } from '../../../../types/list';\nimport { View } from '../../../layout/public';\nimport { List } from './List';\n\nfunction ListSectionInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  title,\n  description,\n  eyebrow,\n  actions,\n  ...props\n}: ListSectionProps) {\n  const hasHeader = title !== undefined;\n  return (\n    <View gap=\"s\" testID={testID}>\n      {hasHeader ? (\n        <SectionHeader\n          actions={actions}\n          description={description}\n          eyebrow={eyebrow}\n          title={title}\n        />\n      ) : null}\n      <List {...props} />\n    </View>\n  );\n}\n\n/*** Section wrapper for lists with optional ZORA section-heading semantics. */\nexport const ListSection = withZoraThemeScope(ListSectionInner);\n"]}

package/dist/features/list/flatListMeta.d.ts

@@ -5,7 +5,7 @@ export declare const flatListMeta: {
     readonly blueprint: {
         readonly label: "Flat list";
     };
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly description: "Virtualized children. Put node.repeat on this list for keyed data and item bindings; bind selection on the child Button/Card press event. Bound the list viewport and avoid nesting in a same-direction ScrollView.";
     readonly events: {
         readonly visibleItemsChange: {

package/dist/{patterns → features}/list/meta.d.ts

@@ -3,20 +3,20 @@ export declare const listMeta: {
     readonly category: "pattern";
     readonly directManifestNode: false;
     readonly allowedChildren: readonly [];
-    readonly note: "List pattern component; not represented as a manifest node in v1.";
+    readonly note: "List feature component; collection authoring is represented through List metadata.";
     readonly props: {};
 };
-export declare const listRowMeta: {
-    readonly name: "ListRow";
+export declare const listItemMeta: {
+    readonly name: "ListItem";
     readonly category: "pattern";
     readonly directManifestNode: false;
     readonly allowedChildren: readonly [];
-    readonly note: "List pattern component; not represented as a manifest node in v1.";
+    readonly note: "List feature component; collection authoring is represented through List metadata.";
     readonly events: {
         readonly itemPress: {
             readonly label: "Item press";
             readonly eventType: "collection.itemPress";
-            readonly description: "Emitted when a collection item row is selected.";
+            readonly description: "Emitted when a collection item is selected.";
             readonly payloadFields: readonly [{
                 readonly path: "payload.itemId";
                 readonly type: "string";
@@ -35,7 +35,7 @@ export declare const listSectionMeta: {
     readonly category: "pattern";
     readonly directManifestNode: false;
     readonly allowedChildren: readonly [];
-    readonly note: "List pattern component; not represented as a manifest node in v1.";
+    readonly note: "List feature component; collection authoring is represented through List metadata.";
     readonly props: {};
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/features/list/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/features/list/meta.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;;;;;CAOiB,CAAC;AAEvC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAkBa,CAAC;AAEvC,eAAO,MAAM,eAAe;;;;;;;CAOU,CAAC"}

package/dist/{patterns → features}/list/meta.js

@@ -1,4 +1,4 @@
-const LIST_NOTE = 'List pattern component; not represented as a manifest node in v1.';
+const LIST_NOTE = 'List feature component; collection authoring is represented through List metadata.';
 export const listMeta = {
     name: 'List',
     category: 'pattern',
@@ -7,8 +7,8 @@ export const listMeta = {
     note: LIST_NOTE,
     props: {},
 };
-export const listRowMeta = {
-    name: 'ListRow',
+export const listItemMeta = {
+    name: 'ListItem',
     category: 'pattern',
     directManifestNode: false,
     allowedChildren: [],
@@ -17,18 +17,10 @@ export const listRowMeta = {
         itemPress: {
             label: 'Item press',
             eventType: 'collection.itemPress',
-            description: 'Emitted when a collection item row is selected.',
+            description: 'Emitted when a collection item is selected.',
             payloadFields: [
-                {
-                    path: 'payload.itemId',
-                    type: 'string',
-                    label: 'Item ID',
-                },
-                {
-                    path: 'payload.item',
-                    type: 'record',
-                    label: 'Item',
-                },
+                { path: 'payload.itemId', type: 'string', label: 'Item ID' },
+                { path: 'payload.item', type: 'record', label: 'Item' },
             ],
         },
     },

package/dist/features/list/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/features/list/meta.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GACb,oFAAoF,CAAC;AAEvF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACN,SAAS,EAAE;YACT,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE,sBAAsB;YACjC,WAAW,EAAE,6CAA6C;YAC1D,aAAa,EAAE;gBACb,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE;gBAC5D,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;aACxD;SACF;KACF;IACD,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nconst LIST_NOTE =\n  'List feature component; collection authoring is represented through List metadata.';\n\nexport const listMeta = {\n  name: 'List',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: LIST_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const listItemMeta = {\n  name: 'ListItem',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: LIST_NOTE,\n  events: {\n    itemPress: {\n      label: 'Item press',\n      eventType: 'collection.itemPress',\n      description: 'Emitted when a collection item is selected.',\n      payloadFields: [\n        { path: 'payload.itemId', type: 'string', label: 'Item ID' },\n        { path: 'payload.item', type: 'record', label: 'Item' },\n      ],\n    },\n  },\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const listSectionMeta = {\n  name: 'ListSection',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: LIST_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/list/public.d.ts

@@ -1,4 +1,8 @@
+export type { ListChildrenProps, ListItemProps, ListItemsProps, ListItemVariant, ListProps, ListSectionProps, } from '../../types/list';
 export type { ManifestListProps, ManifestListSection, ManifestSectionListProps, } from '../../types/manifest-list';
 export { FlatList } from './adapters/inbound/FlatList';
+export { List } from './adapters/inbound/List';
+export { ListItem } from './adapters/inbound/ListItem';
+export { ListSection } from './adapters/inbound/ListSection';
 export { SectionList } from './adapters/inbound/SectionList';
 //# sourceMappingURL=public.d.ts.map

package/dist/features/list/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/list/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/list/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,eAAe,EACf,SAAS,EACT,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/features/list/public.js

@@ -1,3 +1,6 @@
 export { FlatList } from './adapters/inbound/FlatList';
+export { List } from './adapters/inbound/List';
+export { ListItem } from './adapters/inbound/ListItem';
+export { ListSection } from './adapters/inbound/ListSection';
 export { SectionList } from './adapters/inbound/SectionList';
 //# sourceMappingURL=public.js.map

package/dist/features/list/public.js.map

@@ -1 +1 @@
-{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/list/public.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["export type {\n  ManifestListProps,\n  ManifestListSection,\n  ManifestSectionListProps,\n} from '../../types/manifest-list';\nexport { FlatList } from './adapters/inbound/FlatList';\nexport { SectionList } from './adapters/inbound/SectionList';\n"]}
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/list/public.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["export type {\n  ListChildrenProps,\n  ListItemProps,\n  ListItemsProps,\n  ListItemVariant,\n  ListProps,\n  ListSectionProps,\n} from '../../types/list';\nexport type {\n  ManifestListProps,\n  ManifestListSection,\n  ManifestSectionListProps,\n} from '../../types/manifest-list';\nexport { FlatList } from './adapters/inbound/FlatList';\nexport { List } from './adapters/inbound/List';\nexport { ListItem } from './adapters/inbound/ListItem';\nexport { ListSection } from './adapters/inbound/ListSection';\nexport { SectionList } from './adapters/inbound/SectionList';\n"]}

package/dist/features/list/sectionListMeta.d.ts

@@ -109,6 +109,6 @@ export declare const sectionListMeta: {
     };
     readonly category: "layout";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
 };
 //# sourceMappingURL=sectionListMeta.d.ts.map

package/dist/features/list/utils/resolveListSeparator.d.ts

@@ -0,0 +1,5 @@
+import type { ListItemVariant } from '../../../types/list';
+export type ListSeparatorKind = 'none' | 'divider' | 'spacer';
+/*** Resolves the separator preceding an item for the active list presentation. */
+export declare function resolveListSeparator(variant: ListItemVariant, index: number): ListSeparatorKind;
+//# sourceMappingURL=resolveListSeparator.d.ts.map

package/dist/features/list/utils/resolveListSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveListSeparator.d.ts","sourceRoot":"","sources":["../../../../src/features/list/utils/resolveListSeparator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE9D,kFAAkF;AAClF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAG/F"}

package/dist/{patterns/list → features/list/utils}/resolveListSeparator.js

@@ -1,3 +1,4 @@
+/*** Resolves the separator preceding an item for the active list presentation. */
 export function resolveListSeparator(variant, index) {
     if (index === 0)
         return 'none';

package/dist/features/list/utils/resolveListSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveListSeparator.js","sourceRoot":"","sources":["../../../../src/features/list/utils/resolveListSeparator.ts"],"names":[],"mappings":"AAIA,kFAAkF;AAClF,MAAM,UAAU,oBAAoB,CAAC,OAAwB,EAAE,KAAa;IAC1E,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,MAAM,CAAC;IAC/B,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AACtD,CAAC","sourcesContent":["import type { ListItemVariant } from '../../../types/list';\n\nexport type ListSeparatorKind = 'none' | 'divider' | 'spacer';\n\n/*** Resolves the separator preceding an item for the active list presentation. */\nexport function resolveListSeparator(variant: ListItemVariant, index: number): ListSeparatorKind {\n  if (index === 0) return 'none';\n  return variant === 'divider' ? 'divider' : 'spacer';\n}\n"]}

package/dist/features/missing-element/adapters/inbound/MissingElement.js

@@ -3,7 +3,7 @@ import { StyleSheet } from 'react-native';
 import { useZoraTheme } from '../../../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { Badge } from '../../../badge/public';
-import { Box, Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { Text } from '../../../typography/public';
 /***
  * Renders the visible, non-interactive body of a draft missing-element marker.
@@ -11,8 +11,8 @@ import { Text } from '../../../typography/public';
 function MissingElementInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, requestedCapability, reason, evidenceId, minimumWidth, minimumHeight, testID, }) {
     const { theme } = useZoraTheme();
     const accessibilityLabel = `Missing element: ${requestedCapability}. ${reason}`;
-    return (<Box accessibilityLabel={accessibilityLabel} accessibilityRole="text" accessible bg={theme.semantics.warning.softBg} borderColor={theme.semantics.warning.base} borderWidth={1} minHeight={minimumHeight} minWidth={minimumWidth} p="m" radius="m" style={styles.root} testID={testID}>
-      <Stack gap="xs">
+    return (<View accessibilityLabel={accessibilityLabel} accessibilityRole="text" accessible bg={theme.semantics.warning.softBg} borderColor={theme.semantics.warning.base} borderWidth={1} minHeight={minimumHeight} minWidth={minimumWidth} p="m" radius="m" style={styles.root} testID={testID}>
+      <View gap="xs">
         <Badge color="warning">Missing element</Badge>
         <Text variant="label" weight="semiBold">
           {requestedCapability}
@@ -23,8 +23,8 @@ function MissingElementInner({ themeId: _themeId, mode: _mode, interactionPolicy
         {evidenceId ? (<Text emphasis="subtle" variant="caption">
             Evidence: {evidenceId}
           </Text>) : null}
-      </Stack>
-    </Box>);
+      </View>
+    </View>);
 }
 const styles = StyleSheet.create({
     root: {