@ankhorage/zora 18.0.1 → 19.0.1

package/src/featureManifest.test.ts

@@ -1,98 +0,0 @@
-import { existsSync } from 'node:fs';
-
-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);
-      const hasAuthorableShape =
-        Object.keys(meta?.props ?? {}).length > 0 || (meta?.allowedChildren.length ?? 0) > 0;
-      expect(meta?.directManifestNode, name).toBe(true);
-      expect(hasAuthorableShape, name).toBe(true);
-      expect(source, name).toContain(name);
-    }
-  }
-});
-
-test('feature ownership has no remaining legacy components directory', () => {
-  expect(existsSync('src/components')).toBe(false);
-});
-
-test('form composition has one canonical feature owner', () => {
-  expect(existsSync('src/components/form')).toBe(false);
-  expect(existsSync('src/patterns/form-field')).toBe(false);
-});
-
-test('migrated picker and presentation elements have one canonical feature owner', () => {
-  for (const legacyPath of [
-    'src/components/gradient',
-    'src/components/date-picker',
-    'src/components/skeleton',
-    'src/components/time-picker',
-    'src/patterns/hero',
-    'src/patterns/missing-element',
-    'src/patterns/auth',
-  ]) {
-    expect(existsSync(legacyPath), legacyPath).toBe(false);
-  }
-});
-
-test('existing interactive authoring retains 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');
-});
-
-test('final ownership data components retain bindings after plugin composition', () => {
-  const meta = ZORA_CORE_PLUGIN_METADATA.componentMeta;
-  expect(meta.Dialog?.bindings?.props?.visible?.value.type).toBe('boolean');
-  expect(meta.Dialog?.bindings?.events?.dismiss?.payload?.eventType).toBe('dialog.dismiss');
-  expect(meta.Pagination?.bindings?.props?.page?.value.type).toBe('number');
-  expect(meta.Pagination?.bindings?.events?.pageChange?.payload?.eventType).toBe(
-    'pagination.pageChange',
-  );
-  expect(meta.Rating?.bindings?.props?.value?.value.type).toBe('number');
-});
-
-test('final ownership form and tab components retain bindings after plugin composition', () => {
-  const meta = ZORA_CORE_PLUGIN_METADATA.componentMeta;
-  expect(meta.SearchInput?.bindings?.props?.value?.value.type).toBe('string');
-  expect(meta.SearchInput?.bindings?.events?.submit?.payload?.eventType).toBe('searchInput.submit');
-  expect(meta.Tabs?.bindings?.props?.value?.value.type).toBe('string');
-  expect(meta.Tabs?.bindings?.events?.valueChange?.payload?.eventType).toBe('tabs.valueChange');
-});
-
-test('existing scalar authoring bindings remain available after plugin composition', () => {
-  const meta = ZORA_CORE_PLUGIN_METADATA.componentMeta;
-  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');
-});

package/src/features/layout/adapters/inbound/ScreenSection.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-
-import { SectionHeader } from '../../../../patterns/section-header';
-import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import type { ScreenSectionProps } from '../../../../types/layout';
-import { View } from './View';
-
-function ScreenSectionInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  title,
-  description,
-  actions,
-  children,
-  testID,
-}: ScreenSectionProps) {
-  return (
-    <View gap="m" testID={testID}>
-      {title ? <SectionHeader actions={actions} description={description} title={title} /> : null}
-      {children}
-    </View>
-  );
-}
-
-/*** Screen section with optional heading, description, actions, and content. */
-export const ScreenSection = withZoraThemeScope(ScreenSectionInner);

package/src/features/layout/screenSectionMeta.ts

@@ -1,30 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-import { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
-
-export const screenSectionMeta = {
-  name: 'ScreenSection',
-  category: 'layout',
-  directManifestNode: true,
-  allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],
-  blueprint: {
-    label: 'Screen section',
-    defaultProps: {
-      title: 'Section',
-      description: 'Section description.',
-    },
-  },
-  props: {
-    title: {
-      type: 'string',
-      category: 'Content',
-      label: 'Title',
-      default: 'Section',
-    },
-    description: {
-      type: 'string',
-      category: 'Content',
-      label: 'Description',
-      default: 'Section description.',
-    },
-  },
-} as const satisfies ZoraComponentMeta;

package/src/internal/colorModel.ts

@@ -1,39 +0,0 @@
-import type {
-  SurfaceColor,
-  SurfaceEmphasis,
-  SurfacePaletteColor,
-  SurfaceStatusColor,
-} from '@ankhorage/surface';
-
-export type ZoraPaletteColor = SurfacePaletteColor;
-export type ZoraStatusColor = SurfaceStatusColor;
-export type ZoraColor = SurfaceColor;
-export type ZoraEmphasis = SurfaceEmphasis;
-
-export const ZORA_PALETTE_COLORS = [
-  'primary',
-  'secondary',
-  'tertiary',
-  'quaternary',
-  'neutral',
-] as const satisfies readonly SurfacePaletteColor[];
-
-export const ZORA_STATUS_COLORS = [
-  'success',
-  'warning',
-  'error',
-  'info',
-] as const satisfies readonly SurfaceStatusColor[];
-
-export const ZORA_COLORS = [
-  ...ZORA_PALETTE_COLORS,
-  ...ZORA_STATUS_COLORS,
-  'danger',
-] as const satisfies readonly SurfaceColor[];
-
-export const ZORA_EMPHASES = [
-  'default',
-  'muted',
-  'subtle',
-  'inverse',
-] as const satisfies readonly SurfaceEmphasis[];

package/src/internal/recipes.test.ts

@@ -1,46 +0,0 @@
-import { describe, expect, test } from 'bun:test';
-
-import {
-  resolveBadgeRecipe,
-  resolveButtonRecipe,
-  resolveCardVariant,
-  resolveDialogWidth,
-  resolveIconSize,
-  resolvePageMaxWidth,
-} from './recipes';
-
-describe('recipes', () => {
-  test('maps button defaults to a more opinionated large solid primary button', () => {
-    expect(resolveButtonRecipe({})).toEqual({
-      size: 'l',
-      color: 'primary',
-      variant: 'solid',
-    });
-  });
-
-  test('maps badge defaults to a soft medium primary badge', () => {
-    expect(resolveBadgeRecipe({})).toEqual({
-      size: 'm',
-      color: 'primary',
-      variant: 'soft',
-    });
-  });
-
-  test('resolves elevated cards by default', () => {
-    expect(resolveCardVariant()).toBe('raised');
-    expect(resolveCardVariant('outline')).toBe('outline');
-    expect(resolveCardVariant('subtle')).toBe('subtle');
-  });
-
-  test('keeps width presets stable for layouts and dialogs', () => {
-    expect(resolveDialogWidth('narrow')).toBeLessThan(resolveDialogWidth('default'));
-    expect(resolveDialogWidth('wide')).toBeGreaterThanOrEqual(resolveDialogWidth('default'));
-    expect(resolvePageMaxWidth('wide')).toBeGreaterThan(resolvePageMaxWidth('default'));
-  });
-
-  test('keeps icon sizes aligned with control sizes', () => {
-    expect(resolveIconSize('s')).toBe(16);
-    expect(resolveIconSize('m')).toBe(18);
-    expect(resolveIconSize('l')).toBe(20);
-  });
-});

package/src/internal/recipes.ts

@@ -1,92 +0,0 @@
-import type {
-  BadgeProps as SurfaceBadgeProps,
-  ButtonProps as SurfaceButtonProps,
-  CardProps as SurfaceCardProps,
-} from '@ankhorage/surface';
-export type { ZoraColor, ZoraEmphasis } from './colorModel';
-import type { ZoraColor } from './colorModel';
-export type ZoraButtonVariant = NonNullable<SurfaceButtonProps['variant']>;
-export type ZoraControlSize = NonNullable<SurfaceButtonProps['size']>;
-export type ZoraBadgeVariant = NonNullable<SurfaceBadgeProps['variant']>;
-export type ZoraCardTone = 'default' | 'subtle' | 'outline';
-export type ZoraContentWidth = 'narrow' | 'default' | 'wide';
-
-export function resolveButtonRecipe({
-  color = 'primary',
-  variant = 'solid',
-  size = 'l',
-}: {
-  color?: ZoraColor;
-  variant?: ZoraButtonVariant;
-  size?: ZoraControlSize;
-}): Pick<SurfaceButtonProps, 'size' | 'color' | 'variant'> {
-  return {
-    size,
-    color,
-    variant,
-  };
-}
-
-export function resolveBadgeRecipe({
-  color = 'primary',
-  variant = 'soft',
-  size = 'm',
-}: {
-  color?: ZoraColor;
-  variant?: ZoraBadgeVariant;
-  size?: ZoraControlSize;
-}): Pick<SurfaceBadgeProps, 'size' | 'color' | 'variant'> {
-  return {
-    size,
-    color,
-    variant,
-  };
-}
-
-export function resolveCardVariant(tone: ZoraCardTone = 'default'): SurfaceCardProps['variant'] {
-  switch (tone) {
-    case 'outline':
-      return 'outline';
-    case 'subtle':
-      return 'subtle';
-    case 'default':
-    default:
-      return 'raised';
-  }
-}
-
-export function resolveDialogWidth(width: ZoraContentWidth = 'default'): number {
-  switch (width) {
-    case 'narrow':
-      return 420;
-    case 'wide':
-      return 560;
-    case 'default':
-    default:
-      return 520;
-  }
-}
-
-export function resolvePageMaxWidth(width: ZoraContentWidth = 'default'): number {
-  switch (width) {
-    case 'narrow':
-      return 760;
-    case 'wide':
-      return 1280;
-    case 'default':
-    default:
-      return 1040;
-  }
-}
-
-export function resolveIconSize(size: ZoraControlSize = 'l'): number {
-  switch (size) {
-    case 's':
-      return 16;
-    case 'm':
-      return 18;
-    case 'l':
-    default:
-      return 20;
-  }
-}

package/src/metadata/allowedChildren.ts

@@ -1,92 +0,0 @@
-export const CONTAINER_ALLOWED_CHILDREN = [
-  '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',
-] as const;
-
-export const CONTENT_RAIL_ALLOWED_CHILDREN = [
-  'Chip',
-  'ChipGroup',
-  'MediaCard',
-  'MetricCard',
-  'Avatar',
-  'AvatarGroup',
-  'Badge',
-  'Button',
-  'IconButton',
-  'View',
-  'ScrollView',
-  'Card',
-  'Panel',
-  'Image',
-  'ProductCard',
-  'PostCard',
-  'ChatListItem',
-  'MessageBubble',
-  'MissingElement',
-] as const;
-
-export const SCREEN_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN] as const;
-
-export const SCREEN_ALLOWED_CHILDREN = ['ScreenSection', ...CONTAINER_ALLOWED_CHILDREN] as const;

package/src/metadata/authoringMeta.test.ts

@@ -1,46 +0,0 @@
-import { describe, expect, test } from 'bun:test';
-
-import { ZORA_COMPONENT_META, type ZoraComponentPropAuthoring } from '.';
-
-const componentMetaByName = new Map(Object.entries(ZORA_COMPONENT_META));
-
-describe('ZORA component prop authoring authority', () => {
-  test('supports instance and theme authority with explicit instance override capability', () => {
-    const values: readonly ZoraComponentPropAuthoring[] = [
-      { authority: 'instance' },
-      { authority: 'theme', scope: 'global' },
-      { authority: 'theme', scope: 'component', allowInstanceOverride: true },
-      { authority: 'theme', scope: 'pattern', allowInstanceOverride: true },
-    ];
-    expect(values).toHaveLength(4);
-  });
-
-  test('keeps representative content and semantics instance-owned', () => {
-    expect(ZORA_COMPONENT_META.Button.props.children?.authoring).toEqual({ authority: 'instance' });
-    expect(ZORA_COMPONENT_META.Card.props.title?.authoring).toEqual({ authority: 'instance' });
-    expect(ZORA_COMPONENT_META.Heading.props.level?.authoring).toEqual({ authority: 'instance' });
-    expect(ZORA_COMPONENT_META.Text.props.text?.authoring).toEqual({ authority: 'instance' });
-  });
-
-  test('marks recipe props theme-owned while allowing explicit instance overrides', () => {
-    for (const name of ['Button', 'Card', 'Heading', 'Text', 'Panel']) {
-      const meta = componentMetaByName.get(name);
-      expect(meta, name).toBeDefined();
-      for (const prop of Object.values(meta?.props ?? {})) {
-        if (prop.authoring?.authority !== 'theme') continue;
-        expect(prop.authoring.allowInstanceOverride, name).toBe(true);
-      }
-    }
-  });
-
-  test('keeps Heading blueprint semantic content useful', () => {
-    expect(ZORA_COMPONENT_META.Heading.blueprint?.defaultProps).toEqual({
-      text: 'Heading',
-      level: 2,
-    });
-  });
-
-  test('does not introduce a system authority', () => {
-    expect(JSON.stringify(ZORA_COMPONENT_META)).not.toContain('"authority":"system"');
-  });
-});