@ankhorage/zora 7.0.0 → 8.0.0

package/dist/utils/createManifestBindings.js

@@ -0,0 +1,36 @@
+/*** Derives scalar bindings and normalized events from explicit component authoring schemas. */
+export function createManifestBindings(props, events = {}) {
+    return {
+        props: Object.fromEntries(Object.entries(props)
+            .filter(([, schema]) => schema.type !== 'action')
+            .map(([key, schema]) => [
+            key,
+            {
+                label: schema.label ?? key,
+                acceptsFallback: true,
+                acceptsTransforms: true,
+                value: {
+                    type: schema.type === 'boolean' || schema.type === 'number' || schema.type === 'array'
+                        ? schema.type
+                        : schema.type === 'media' || schema.type === 'imageAsset'
+                            ? 'imageAsset'
+                            : schema.type === 'spacing' || schema.type === 'radius'
+                                ? 'unknown'
+                                : schema.type === 'enum' &&
+                                    schema.enum?.length &&
+                                    schema.enum.every((value) => typeof value === 'number')
+                                    ? 'number'
+                                    : 'string',
+                },
+            },
+        ])),
+        events: Object.fromEntries(Object.entries(events).map(([key, event]) => [
+            key,
+            {
+                label: event.label,
+                payload: { eventType: event.eventType, fields: event.payloadFields ?? [] },
+            },
+        ])),
+    };
+}
+//# sourceMappingURL=createManifestBindings.js.map

package/dist/utils/createManifestBindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createManifestBindings.js","sourceRoot":"","sources":["../../src/utils/createManifestBindings.ts"],"names":[],"mappings":"AAIA,gGAAgG;AAChG,MAAM,UAAU,sBAAsB,CACpC,KAAiC,EACjC,SAAsC,EAAE;IAExC,OAAO;QACL,KAAK,EAAE,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;aAClB,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;aAChD,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;YACtB,GAAG;YACH;gBACE,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG;gBAC1B,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;gBACvB,KAAK,EAAE;oBACL,IAAI,EACF,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO;wBAC9E,CAAC,CAAC,MAAM,CAAC,IAAI;wBACb,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,IAAI,KAAK,YAAY;4BACvD,CAAC,CAAC,YAAY;4BACd,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ;gCACrD,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,MAAM;oCACpB,MAAM,CAAC,IAAI,EAAE,MAAM;oCACnB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC;oCACzD,CAAC,CAAC,QAAQ;oCACV,CAAC,CAAC,QAAQ;iBACrB;aACF;SACF,CAAC,CACL;QACD,MAAM,EAAE,MAAM,CAAC,WAAW,CACxB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;YAC3C,GAAG;YACH;gBACE,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,IAAI,EAAE,EAAE;aAC3E;SACF,CAAC,CACH;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { UiComponentBindingMeta } from '@ankhorage/contracts';\n\nimport type { ZoraComponentMeta } from '../metadata/types';\n\n/*** Derives scalar bindings and normalized events from explicit component authoring schemas. */\nexport function createManifestBindings(\n  props: ZoraComponentMeta['props'],\n  events: ZoraComponentMeta['events'] = {},\n): UiComponentBindingMeta {\n  return {\n    props: Object.fromEntries(\n      Object.entries(props)\n        .filter(([, schema]) => schema.type !== 'action')\n        .map(([key, schema]) => [\n          key,\n          {\n            label: schema.label ?? key,\n            acceptsFallback: true,\n            acceptsTransforms: true,\n            value: {\n              type:\n                schema.type === 'boolean' || schema.type === 'number' || schema.type === 'array'\n                  ? schema.type\n                  : schema.type === 'media' || schema.type === 'imageAsset'\n                    ? 'imageAsset'\n                    : schema.type === 'spacing' || schema.type === 'radius'\n                      ? 'unknown'\n                      : schema.type === 'enum' &&\n                          schema.enum?.length &&\n                          schema.enum.every((value) => typeof value === 'number')\n                        ? 'number'\n                        : 'string',\n            },\n          },\n        ]),\n    ),\n    events: Object.fromEntries(\n      Object.entries(events).map(([key, event]) => [\n        key,\n        {\n          label: event.label,\n          payload: { eventType: event.eventType, fields: event.payloadFields ?? [] },\n        },\n      ]),\n    ),\n  };\n}\n"]}

package/dist/utils/finalizeFeatureMetadata.d.ts

@@ -0,0 +1,4 @@
+import type { ZoraComponentMetaRegistry } from '../metadata/types';
+/*** Completes feature bindings while preserving each component's explicit value contracts. */
+export declare function finalizeFeatureMetadata(registry: ZoraComponentMetaRegistry): ZoraComponentMetaRegistry;
+//# sourceMappingURL=finalizeFeatureMetadata.d.ts.map

package/dist/utils/finalizeFeatureMetadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"finalizeFeatureMetadata.d.ts","sourceRoot":"","sources":["../../src/utils/finalizeFeatureMetadata.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,8FAA8F;AAC9F,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,yBAAyB,GAClC,yBAAyB,CAkB3B"}

package/dist/utils/finalizeFeatureMetadata.js

@@ -0,0 +1,22 @@
+import { FEATURE_MANIFEST_ELEMENTS } from '../constants';
+import { createManifestBindings } from './createManifestBindings';
+/*** Completes feature bindings while preserving each component's explicit value contracts. */
+export function finalizeFeatureMetadata(registry) {
+    const names = new Set(Object.values(FEATURE_MANIFEST_ELEMENTS).flat());
+    return Object.fromEntries(Object.entries(registry).map(([name, meta]) => {
+        if (!names.has(name))
+            return [name, meta];
+        const bindings = createManifestBindings(meta.props, meta.events);
+        return [
+            name,
+            {
+                ...meta,
+                bindings: {
+                    props: { ...bindings.props, ...meta.bindings?.props },
+                    events: { ...bindings.events, ...meta.bindings?.events },
+                },
+            },
+        ];
+    }));
+}
+//# sourceMappingURL=finalizeFeatureMetadata.js.map

package/dist/utils/finalizeFeatureMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"finalizeFeatureMetadata.js","sourceRoot":"","sources":["../../src/utils/finalizeFeatureMetadata.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,8FAA8F;AAC9F,MAAM,UAAU,uBAAuB,CACrC,QAAmC;IAEnC,MAAM,KAAK,GAAwB,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC5F,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;QAC5C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;YAAE,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC1C,MAAM,QAAQ,GAAG,sBAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACjE,OAAO;YACL,IAAI;YACJ;gBACE,GAAG,IAAI;gBACP,QAAQ,EAAE;oBACR,KAAK,EAAE,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE;oBACrD,MAAM,EAAE,EAAE,GAAG,QAAQ,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE;iBACzD;aACF;SACF,CAAC;IACJ,CAAC,CAAC,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { FEATURE_MANIFEST_ELEMENTS } from '../constants';\nimport type { ZoraComponentMetaRegistry } from '../metadata/types';\nimport { createManifestBindings } from './createManifestBindings';\n\n/*** Completes feature bindings while preserving each component's explicit value contracts. */\nexport function finalizeFeatureMetadata(\n  registry: ZoraComponentMetaRegistry,\n): ZoraComponentMetaRegistry {\n  const names: ReadonlySet<string> = new Set(Object.values(FEATURE_MANIFEST_ELEMENTS).flat());\n  return Object.fromEntries(\n    Object.entries(registry).map(([name, meta]) => {\n      if (!names.has(name)) return [name, meta];\n      const bindings = createManifestBindings(meta.props, meta.events);\n      return [\n        name,\n        {\n          ...meta,\n          bindings: {\n            props: { ...bindings.props, ...meta.bindings?.props },\n            events: { ...bindings.events, ...meta.bindings?.events },\n          },\n        },\n      ];\n    }),\n  );\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {

package/src/audit.test.ts

@@ -136,19 +136,19 @@ describe('Plan 5 audit — product-facing src imports ZORA foundation, not Surfa
     join(SRC_ROOT, 'internal'),
     // Explicit Surface primitive wrappers.
     join(SRC_ROOT, 'components', 'checkbox', 'Checkbox.tsx'),
-    join(SRC_ROOT, 'components', 'icon', 'Icon.tsx'),
-    join(SRC_ROOT, 'components', 'icon-button', 'IconButton.tsx'),
+    join(SRC_ROOT, 'features', 'icon', 'adapters', 'inbound', 'Icon.tsx'),
+    join(SRC_ROOT, 'features', 'button', 'adapters', 'inbound', 'IconButton.tsx'),
     join(SRC_ROOT, 'components', 'modal', 'Modal.tsx'),
     join(SRC_ROOT, 'components', 'textarea', 'Textarea.tsx'),
-    join(SRC_ROOT, 'components', 'text', 'Text.tsx'),
+    join(SRC_ROOT, 'features', 'typography', 'adapters', 'inbound', 'Text.tsx'),
     join(SRC_ROOT, 'components', 'form', 'FormField.tsx'),
     join(SRC_ROOT, 'patterns', 'form-field', 'FormField.tsx'),
     // Type-only imports that intentionally expose Surface-compatible prop specs.
     join(SRC_ROOT, 'components', 'checkbox', 'types.ts'),
     join(SRC_ROOT, 'components', 'form', 'types.ts'),
-    join(SRC_ROOT, 'components', 'icon-button', 'types.ts'),
+    join(SRC_ROOT, 'types', 'icon-button.ts'),
     join(SRC_ROOT, 'components', 'tabs', 'types.ts'),
-    join(SRC_ROOT, 'components', 'text', 'types.ts'),
+    join(SRC_ROOT, 'types', 'text.ts'),
     join(SRC_ROOT, 'components', 'textarea', 'types.ts'),
     join(SRC_ROOT, 'components', 'toolbar', 'types.ts'),
     join(SRC_ROOT, 'patterns', 'form-field', 'types.ts'),

package/src/components/app-bar/AppBar.tsx

@@ -1,12 +1,13 @@
 import { AppBar as SurfaceAppBar, type ButtonIconSpec } from '@ankhorage/surface';
 import React from 'react';
 
-import { Box, Inline, 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 { Inline } from '../../foundation';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Heading } from '../heading';
-import { IconButton } from '../icon-button';
-import { Text } from '../text';
 import type { AppBarMode, AppBarOverflowAction, AppBarProps } from './types';
 
 const DEFAULT_CANCEL_ICON = { name: 'close-outline' } satisfies ButtonIconSpec;

package/src/components/breadcrumbs/Breadcrumbs.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 
+import { Button } from '../../features/button/public';
+import { Icon } from '../../features/icon/public';
+import { Text } from '../../features/typography/public';
 import { Inline } from '../../foundation';
 import { resolveIconSize } from '../../internal/recipes';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Button } from '../button';
-import { Icon } from '../icon';
-import { Text } from '../text';
 import type { BreadcrumbItem, BreadcrumbsProps } from './types';
 
 type BreadcrumbRenderItem =

package/src/components/checkbox/CheckboxGroup.tsx

@@ -2,9 +2,9 @@ import { Checkbox } from '@ankhorage/surface';
 import React from 'react';
 import { View } from 'react-native';
 
-import { Stack } from '../../foundation';
+import { Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Text } from '../text';
 import type { CheckboxGroupOption, CheckboxGroupProps } from './types';
 
 function CheckboxGroupInner<TValue extends string>({

package/src/components/contentFallback.test.ts

@@ -3,8 +3,14 @@ import { join } from 'node:path';
 
 import { describe, expect, it } from 'bun:test';
 
-const textSource = readFileSync(join(import.meta.dir, 'text', 'Text.tsx'), 'utf8');
-const headingSource = readFileSync(join(import.meta.dir, 'heading', 'Heading.tsx'), 'utf8');
+const textSource = readFileSync(
+  join(import.meta.dir, '../features/typography/adapters/inbound/Text.tsx'),
+  'utf8',
+);
+const headingSource = readFileSync(
+  join(import.meta.dir, '../features/typography/adapters/inbound/Heading.tsx'),
+  'utf8',
+);
 
 describe('content fallback ownership', () => {
   it('keeps Text free of translation context coupling', () => {

package/src/components/date-picker/DatePicker.tsx

@@ -2,10 +2,10 @@ import { Field } from '@ankhorage/surface';
 import React from 'react';
 
 import { useBottomSheet } from '../../features/bottom-sheet/public';
-import { Box, Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Box, Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Button } from '../button';
-import { Text } from '../text';
 import type { DatePickerProps } from './types';
 
 const WEEKDAY_LABELS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] as const;

package/src/components/form/Form.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 { FormActions } from './FormActions';
 import { FormError } from './FormError';

package/src/components/form/FormActions.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Box, Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Box, Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Button } from '../button';
 import type { FormActionsProps } from './types';
 
 function FormActionsInner({

package/src/components/form/FormError.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Box } from '../../foundation';
+import { Box } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Text } from '../text';
 import type { FormErrorProps } from './types';
 
 function FormErrorInner({

package/src/components/form/FormField.tsx

@@ -1,10 +1,10 @@
 import { Field } from '@ankhorage/surface';
 import React from 'react';
 
-import { Stack } from '../../foundation';
+import { Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { Input } from '../input';
-import { Text } from '../text';
 import type { FormFieldConfig, FormFieldControlProps, FormFieldProps } from './types';
 import { hasRequiredRule } from './validation';
 

package/src/components/gradient/Gradient.tsx

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

package/src/components/gradient/types.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 
-import type { BoxProps } from '../../foundation';
+import type { BoxProps } from '../../features/layout/public';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
 export type GradientColor = string;

package/src/components/input/Input.tsx

@@ -1,10 +1,10 @@
 import * as Surface from '@ankhorage/surface';
 import React from 'react';
 
+import { IconButton } from '../../features/button/public';
 import { resolveIconSize } from '../../internal/recipes';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { IconButton } from '../icon-button';
 import type { InputProps } from './types';
 
 function InputInner({

package/src/components/menu/Menu.tsx

@@ -1,11 +1,11 @@
 import { Menu as SurfaceMenu, type MenuAction as SurfaceMenuAction } from '@ankhorage/surface';
 import React, { useMemo } from 'react';
 
-import { Box } from '../../foundation';
+import { Icon } from '../../features/icon/public';
+import { Box } from '../../features/layout/public';
 import { resolveIconSize } from '../../internal/recipes';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Icon } from '../icon';
 import type { MenuAction, MenuProps } from './types';
 
 function renderActionLeading(action: MenuAction, iconColor: string) {

package/src/components/modal/Modal.tsx

@@ -1,11 +1,11 @@
 import { Modal as SurfaceModal } from '@ankhorage/surface';
 import React, { useCallback, useEffect, useRef } from 'react';
 
-import { Box, Stack } from '../../foundation';
+import { Box, Stack } from '../../features/layout/public';
+import { Heading } from '../../features/typography/public';
+import { Text } from '../../features/typography/public';
 import { resolveDialogWidth } from '../../internal/recipes';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Heading } from '../heading';
-import { Text } from '../text';
 import type { ModalProps } from './types';
 
 function useStableCallback(callback: (() => void) | undefined): (() => void) | undefined {

package/src/components/pagination/Pagination.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Button } from '../button';
-import { Text } from '../text';
 import type { PaginationProps } from './types';
 
 type PaginationItem = number | 'ellipsis';

package/src/components/progress/Progress.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Box } from '../../foundation';
+import { Box } from '../../features/layout/public';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import { resolveProgressFraction } from './resolveProgressFraction';

package/src/components/progress/ProgressRing.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import { Stack } from '../../foundation';
+import { Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Text } from '../text';
 import { resolveProgressFraction } from './resolveProgressFraction';
 import { resolveProgressRingGeometry } from './resolveProgressRingGeometry';
 import { type ProgressRingProps, resolveProgressRole } from './types';

package/src/components/radio/RadioGroup.tsx

@@ -2,10 +2,10 @@ import { Radio } from '@ankhorage/surface';
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import { Stack } from '../../foundation';
+import { Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { useZoraThemeRecipe } from '../../theme/useZoraThemeRecipe';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Text } from '../text';
 import { RadioOptionControl } from './RadioOptionControl';
 import { resolveRadioGroupThemeRecipe } from './resolveRadioGroupThemeRecipe';
 import type { RadioGroupProps } from './types';

package/src/components/radio/RadioOptionControl.tsx

@@ -2,8 +2,8 @@ import { useTheme } from '@ankhorage/surface';
 import React from 'react';
 import { Platform, Pressable, StyleSheet, View } from 'react-native';
 
-import { Icon } from '../icon';
-import { Text } from '../text';
+import { Icon } from '../../features/icon/public';
+import { Text } from '../../features/typography/public';
 import {
   handleRadioOptionKeyDown,
   type RadioOptionKeyboardTarget,

package/src/components/radio/types.ts

@@ -1,8 +1,8 @@
 import type { RadioProps as SurfaceRadioProps } from '@ankhorage/surface';
 import type React from 'react';
 
+import type { IconProps } from '../../features/icon/public';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-import type { IconProps } from '../icon';
 
 export interface RadioProps extends ZoraBaseProps, Omit<SurfaceRadioProps, 'mode' | 'themeId'> {}
 

package/src/components/rating/Rating.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
+import { Icon } from '../../features/icon/public';
 import { Inline } from '../../foundation';
 import { resolveIconSize } from '../../internal/recipes';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Icon } from '../icon';
 import { resolveRatingSegments } from './resolveRatingSegments';
 import { type RatingProps, resolveRatingRole } from './types';
 

package/src/components/select/Select.tsx

@@ -2,7 +2,7 @@ import { Picker } from '@react-native-picker/picker';
 import React from 'react';
 import { View } from 'react-native';
 
-import { Box } from '../../foundation';
+import { Box } from '../../features/layout/public';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
 import type { SelectProps } from './types';

package/src/components/skeleton/Skeleton.tsx

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

package/src/components/skeleton/SkeletonCard.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Stack } from '../../foundation';
+import { ButtonGroup } from '../../features/button/public';
+import { Card } from '../../features/card/public';
+import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { ButtonGroup } from '../button-group';
-import { Card } from '../card';
 import { Skeleton } from './Skeleton';
 import { SkeletonText } from './SkeletonText';
 import type { SkeletonCardProps } from './types';

package/src/components/skeleton/SkeletonText.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 { Skeleton } from './Skeleton';
 import type { SkeletonTextProps } from './types';

package/src/components/skeleton/types.ts

@@ -1,4 +1,4 @@
-import type { BoxProps, StackProps } from '../../foundation';
+import type { BoxProps, StackProps } from '../../features/layout/public';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
 export type SkeletonRadius = BoxProps['radius'];

package/src/components/tabs/Tabs.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
-import { Box, Stack } from '../../foundation';
+import { Button } from '../../features/button/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 { Button } from '../button';
-import { Text } from '../text';
 import type { TabItem, TabsProps } from './types';
 
 function TabsInner<TValue extends string = string>({

package/src/components/time-picker/TimePicker.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import { ScrollView, StyleSheet } from 'react-native';
 
 import { useBottomSheet } from '../../features/bottom-sheet/public';
-import { Stack } from '../../foundation';
+import { Button } from '../../features/button/public';
+import { Stack } from '../../features/layout/public';
+import { Text } from '../../features/typography/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Button } from '../button';
-import { Text } from '../text';
 import type { TimePickerProps } from './types';
 
 const MINUTES_PER_DAY = 24 * 60;

package/src/components/toolbar/Toolbar.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-import { Stack } from '../../foundation';
+import { Card } from '../../features/card/public';
+import { Stack } from '../../features/layout/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Card } from '../card';
 import type { ToolbarProps } from './types';
 
 function ToolbarInner({

package/src/components/toolbar/ToolbarAction.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
+import { IconButton } from '../../features/button/public';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { IconButton } from '../icon-button';
 import type { ToolbarActionProps } from './types';
 
 function ToolbarActionInner({

package/src/constants.ts

@@ -0,0 +1,23 @@
+export const COMPONENT_THEME_AUTHORING = {
+  authority: 'theme',
+  scope: 'component',
+  allowInstanceOverride: true,
+} as const;
+
+export const FEATURE_MANIFEST_ELEMENTS = {
+  surface: ['Surface'],
+  avatar: ['Avatar', 'AvatarGroup'],
+  badge: ['Badge'],
+  card: ['Card', 'MediaCard', 'MetricCard', 'PostCard', 'ProductCard'],
+  chip: ['Chip', 'ChipGroup'],
+  'data-table': ['DataTable'],
+  button: ['Button', 'IconButton', 'ButtonGroup'],
+  icon: ['Icon'],
+  image: ['Image'],
+  layout: ['Box', 'Container', 'ContentRail', 'Divider', 'Grid', 'Stack'],
+  list: ['FlatList', 'SectionList'],
+  'splash-screen': ['SplashScreen'],
+  typography: ['Heading', 'Text'],
+  uploader: ['Uploader'],
+  'bottom-sheet': ['BottomSheet'],
+} as const;

package/src/corePluginMetadata.ts

@@ -37,7 +37,16 @@ function mergeBindableMeta(
     Object.entries(componentMeta).map(([componentName, meta]) => [
       componentName,
       bindingsByComponent.get(componentName)
-        ? { ...meta, bindings: bindingsByComponent.get(componentName) }
+        ? {
+            ...meta,
+            bindings: {
+              props: { ...bindingsByComponent.get(componentName)?.props, ...meta.bindings?.props },
+              events: {
+                ...bindingsByComponent.get(componentName)?.events,
+                ...meta.bindings?.events,
+              },
+            },
+          }
         : meta,
     ]),
   );

package/src/featureManifest.test.ts

@@ -0,0 +1,48 @@
+import { expect, test } from 'bun:test';
+
+import { FEATURE_MANIFEST_ELEMENTS } from './constants';
+import { ZORA_CORE_PLUGIN_METADATA } from './corePluginMetadata';
+import { ZORA_COMPONENT_META } from './metadata/componentMeta';
+
+test('every selected feature element is directly authorable through its canonical public facade', async () => {
+  const catalog = new Map(Object.entries(ZORA_COMPONENT_META));
+  for (const [family, names] of Object.entries(FEATURE_MANIFEST_ELEMENTS)) {
+    const source = await Bun.file(`src/features/${family}/public.ts`).text();
+    for (const name of names) {
+      const meta = catalog.get(name);
+      expect(meta?.directManifestNode, name).toBe(true);
+      expect(Object.keys(meta?.props ?? {}).length, name).toBeGreaterThan(0);
+      expect(source, name).toContain(name);
+    }
+  }
+});
+
+test('interactive authoring retains state and event payload bindings after plugin composition', () => {
+  const meta = ZORA_CORE_PLUGIN_METADATA.componentMeta;
+  expect(meta.DataTable?.bindings?.props?.sort?.value.type).toBe('object');
+  expect(meta.DataTable?.bindings?.props?.rows?.value.type).toBe('array');
+  expect(meta.Uploader?.bindings?.props?.value?.value.type).toBe('object');
+  expect(meta.Uploader?.bindings?.events?.uploadRequest?.payload?.fields).toContainEqual({
+    path: 'asset',
+    type: 'object',
+  });
+  expect(meta.BottomSheet?.bindings?.props?.open?.value.type).toBe('boolean');
+  expect(meta.Heading?.bindings?.props?.level?.value.type).toBe('number');
+  expect(meta.Image?.bindings?.props?.radius?.value.type).toBe('unknown');
+});
+
+test('authoring schemas omit layout and avatar options ignored by the underlying components', () => {
+  const meta = ZORA_CORE_PLUGIN_METADATA.componentMeta;
+  expect(meta.Divider?.props).not.toHaveProperty('width');
+  expect(meta.Container?.props).not.toHaveProperty('width');
+  expect(meta.AvatarGroup?.props.items?.itemSchema?.map(({ key }) => key)).not.toContain('size');
+  expect(meta.AvatarGroup?.props.items?.itemSchema?.map(({ key }) => key)).not.toContain('shape');
+});
+
+test('ContentRail accepts chips and all card elements and offers intrinsic-width scrolling', () => {
+  const rail = ZORA_COMPONENT_META.ContentRail;
+  for (const child of ['ChipGroup', ...FEATURE_MANIFEST_ELEMENTS.card])
+    expect(rail.allowedChildren).toContain(child);
+  expect(rail.props.itemSize?.enum).toContain('content');
+  expect(rail.props).not.toHaveProperty('stickyHeaderIndices');
+});