@ankhorage/zora 12.0.0 → 13.0.0

package/src/features/auth/signUpFormMeta.ts

@@ -0,0 +1,67 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const signUpFormMeta = {
+  name: 'SignUpForm',
+  category: 'pattern',
+  description: 'Collects configurable account fields for sign-up.',
+  directManifestNode: true,
+  allowedChildren: [],
+  blueprint: {
+    label: 'Sign-up form',
+    defaultProps: {
+      signInLabel: 'Sign in',
+      submitLabel: 'Sign up',
+      loading: false,
+      disabled: false,
+    },
+  },
+  events: {
+    submit: {
+      label: 'Submit',
+      eventType: 'signUpForm.submit',
+      payloadFields: [{ path: 'values', type: 'record', label: 'Values' }],
+    },
+    signIn: {
+      label: 'Sign in',
+      eventType: 'signUpForm.signIn',
+      payloadFields: [],
+    },
+  },
+  props: {
+    fields: {
+      type: 'array',
+      category: 'Authentication',
+      label: 'Fields',
+      itemSchema: [
+        { key: 'name', schema: { type: 'string', category: 'Identity', label: 'Name' } },
+        { key: 'label', schema: { type: 'string', category: 'Content', label: 'Label' } },
+        {
+          key: 'type',
+          schema: {
+            type: 'enum',
+            category: 'Authentication',
+            label: 'Type',
+            enum: ['email', 'number', 'otp', 'password', 'tel', 'text', 'url'],
+          },
+        },
+        {
+          key: 'placeholder',
+          schema: { type: 'string', category: 'Content', label: 'Placeholder' },
+        },
+        {
+          key: 'required',
+          schema: { type: 'boolean', category: 'Validation', label: 'Required' },
+        },
+        {
+          key: 'disabled',
+          schema: { type: 'boolean', category: 'State', label: 'Disabled' },
+        },
+      ],
+    },
+    signInLabel: { type: 'string', category: 'Content', label: 'Sign-in label' },
+    submitLabel: { type: 'string', category: 'Content', label: 'Submit label' },
+    error: { type: 'string', category: 'State', label: 'Error' },
+    loading: { type: 'boolean', category: 'State', label: 'Loading', default: false },
+    disabled: { type: 'boolean', category: 'State', label: 'Disabled', default: false },
+  },
+} as const satisfies ZoraComponentMeta;

package/src/{patterns/auth/utils.ts → features/auth/utils/authForm.ts}

@@ -1,5 +1,5 @@
-import type { FormFieldConfig, ValidationRule } from '../../types/form';
-import type { AuthIdentifierKind } from './types';
+import type { AuthIdentifierKind } from '../../../types/auth';
+import type { FormFieldConfig, ValidationRule } from '../../../types/form';
 
 export const defaultIdentifiers = ['email'] as const satisfies readonly AuthIdentifierKind[];
 

package/src/{patterns/auth → features/auth/utils}/oauthProviders.test.ts

@@ -6,7 +6,7 @@ import {
   resolveOAuthProviderLabel,
 } from './oauthProviders';
 
-describe('OAuth provider UI helpers', () => {
+describe('Auth OAuth provider helpers', () => {
   it('resolves known provider labels', () => {
     expect(resolveOAuthProviderLabel('google')).toBe('Google');
     expect(resolveOAuthProviderLabel('github')).toBe('GitHub');

package/src/{patterns/auth → features/auth/utils}/oauthProviders.ts

@@ -1,4 +1,4 @@
-import type { OAuthProviderIconSpec } from './types';
+import type { OAuthProviderIconSpec } from '../../../types/auth';
 
 export const DEFAULT_OAUTH_PROVIDER_ICONS = {
   apple: { provider: 'FontAwesome', name: 'apple' },

package/src/{components/gradient → features/gradient/adapters/inbound}/Gradient.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Box } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import type { GradientProps } from '../../../../types/gradient';
+import { Box } from '../../../layout/public';
 import { useGradientRenderer } from './GradientRendererContext';
-import type { GradientProps } from './types';
 
 function GradientInner({
   themeId: _themeId,

package/src/{components/gradient → features/gradient/adapters/inbound}/GradientRendererContext.tsx

@@ -1,10 +1,10 @@
 import React, { createContext, use } from 'react';
 
-import type { GradientRenderer, GradientRendererProviderProps } from './types';
+import type { GradientRenderer, GradientRendererProviderProps } from '../../../../types/gradient';
 
 const GradientRendererContext = createContext<GradientRenderer | null>(null);
 
-/**
+/***
  * Supplies the host-owned renderer used by `Gradient`.
  *
  * Expo apps can adapt `expo-linear-gradient` here, while standalone React
@@ -14,6 +14,7 @@ export function GradientRendererProvider({ children, renderer }: GradientRendere
   return <GradientRendererContext value={renderer}>{children}</GradientRendererContext>;
 }
 
+/*** Resolves the host-owned gradient renderer for a Gradient instance. */
 export function useGradientRenderer(): GradientRenderer {
   const renderer = use(GradientRendererContext);
 

package/src/features/gradient/gradientMeta.ts

@@ -0,0 +1,26 @@
+import type { ZoraComponentMeta } from '../../metadata';
+import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+
+export const gradientMeta = {
+  name: 'Gradient',
+  category: 'component',
+  description: 'Renders a host-backed gradient container for nested manifest content.',
+  directManifestNode: true,
+  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+  blueprint: {
+    label: 'Gradient',
+  },
+  props: {
+    colors: {
+      type: 'array',
+      category: 'Style',
+      label: 'Colors',
+    },
+    locations: { type: 'array', category: 'Style', label: 'Locations' },
+    width: { type: 'number', category: 'Layout', label: 'Width' },
+    height: { type: 'number', category: 'Layout', label: 'Height' },
+    minHeight: { type: 'number', category: 'Layout', label: 'Minimum height' },
+    radius: { type: 'radius', category: 'Style', label: 'Corner radius' },
+    p: { type: 'spacing', category: 'Layout', label: 'Padding' },
+  },
+} as const satisfies ZoraComponentMeta;

package/src/features/gradient/public.test.ts

@@ -0,0 +1,15 @@
+import { expect, test } from 'bun:test';
+
+import { ZORA_COMPONENT_META } from '../../metadata/componentMeta';
+
+test('Gradient is a direct manifest container with serializable colors', () => {
+  const meta = ZORA_COMPONENT_META.Gradient;
+
+  expect(meta?.directManifestNode).toBe(true);
+  expect(meta?.allowedChildren.length).toBeGreaterThan(0);
+  expect(meta?.props.colors).toEqual({
+    type: 'array',
+    category: 'Style',
+    label: 'Colors',
+  });
+});

package/src/{components/gradient/index.ts → features/gradient/public.ts}

@@ -1,5 +1,3 @@
-export { Gradient } from './Gradient';
-export { GradientRendererProvider } from './GradientRendererContext';
 export type {
   GradientColor,
   GradientColors,
@@ -9,4 +7,6 @@ export type {
   GradientRenderer,
   GradientRendererProps,
   GradientRendererProviderProps,
-} from './types';
+} from '../../types/gradient';
+export { Gradient } from './adapters/inbound/Gradient';
+export { GradientRendererProvider } from './adapters/inbound/GradientRendererContext';

package/src/index.ts

@@ -2,17 +2,6 @@ export type { AppBarMode, AppBarOverflowAction, AppBarProps } from './components
 export { AppBar } from './components/app-bar';
 export type { BreadcrumbItem, BreadcrumbsProps } from './components/breadcrumbs';
 export { Breadcrumbs } from './components/breadcrumbs';
-export type {
-  GradientColor,
-  GradientColors,
-  GradientLocations,
-  GradientPoint,
-  GradientProps,
-  GradientRenderer,
-  GradientRendererProps,
-  GradientRendererProviderProps,
-} from './components/gradient';
-export { Gradient, GradientRendererProvider } from './components/gradient';
 export type { DropdownMenuProps, MenuAction, MenuActionIntent, MenuProps } from './components/menu';
 export { DropdownMenu, Menu } from './components/menu';
 export type { ModalProps } from './components/modal';
@@ -33,10 +22,48 @@ export type { ToolbarActionProps, ToolbarPosition, ToolbarProps } from './compon
 export { Toolbar, ToolbarAction } from './components/toolbar';
 export { ZORA_CORE_PLUGIN } from './corePlugin';
 export { ZORA_CORE_PLUGIN_METADATA } from './corePluginMetadata';
+export {
+  Accordion,
+  AccordionItem,
+  type AccordionItemProps,
+  type AccordionMode,
+  type AccordionMultipleProps,
+  type AccordionProps,
+  type AccordionSingleProps,
+} from './features/accordion/public';
 export {
   ActivityIndicator,
   type ActivityIndicatorProps,
 } from './features/activity-indicator/public';
+export type {
+  AuthFormBaseProps,
+  AuthIdentifierKind,
+  ForgotPasswordFormProps,
+  ForgotPasswordFormValues,
+  OAuthProviderButtonProps,
+  OAuthProviderIconSpec,
+  OAuthProviderItem,
+  OAuthProviderListLayout,
+  OAuthProviderListProps,
+  OtpFormProps,
+  OtpFormValues,
+  SignInFormProps,
+  SignInFormValues,
+  SignUpFormField,
+  SignUpFormProps,
+  SignUpFormValues,
+} from './features/auth/public';
+export {
+  DEFAULT_OAUTH_PROVIDER_ICONS,
+  ForgotPasswordForm,
+  OAuthProviderButton,
+  OAuthProviderList,
+  OtpForm,
+  resolveOAuthProviderIcon,
+  resolveOAuthProviderLabel,
+  SignInForm,
+  SignUpForm,
+} from './features/auth/public';
 export type { AvatarProps, AvatarShape, AvatarSize } from './features/avatar/public';
 export type { AvatarGroupItem, AvatarGroupProps } from './features/avatar/public';
 export { Avatar, resolveAvatarInitials } from './features/avatar/public';
@@ -141,6 +168,17 @@ export {
   type TextInputProps,
   type TextInputTrailingAction,
 } from './features/form/text-input/public';
+export type {
+  GradientColor,
+  GradientColors,
+  GradientLocations,
+  GradientPoint,
+  GradientProps,
+  GradientRenderer,
+  GradientRendererProps,
+  GradientRendererProviderProps,
+} from './features/gradient/public';
+export { Gradient, GradientRendererProvider } from './features/gradient/public';
 export {
   Hero,
   type HeroAction,
@@ -296,35 +334,6 @@ export {
   ZORA_THEME_RECIPE_META,
   ZORA_THEME_TOKEN_FAMILIES,
 } from './metadata';
-export type {
-  AuthFormBaseProps,
-  AuthIdentifierKind,
-  ForgotPasswordFormProps,
-  ForgotPasswordFormValues,
-  OAuthProviderButtonProps,
-  OAuthProviderIconSpec,
-  OAuthProviderItem,
-  OAuthProviderListLayout,
-  OAuthProviderListProps,
-  OtpFormProps,
-  OtpFormValues,
-  SignInFormProps,
-  SignInFormValues,
-  SignUpFormField,
-  SignUpFormProps,
-  SignUpFormValues,
-} from './patterns/auth';
-export {
-  DEFAULT_OAUTH_PROVIDER_ICONS,
-  ForgotPasswordForm,
-  OAuthProviderButton,
-  OAuthProviderList,
-  OtpForm,
-  resolveOAuthProviderIcon,
-  resolveOAuthProviderLabel,
-  SignInForm,
-  SignUpForm,
-} from './patterns/auth';
 export type { ChatListAvatar, ChatListItemProps } from './patterns/chat-list-item';
 export { ChatListItem } from './patterns/chat-list-item';
 export type {
@@ -334,8 +343,6 @@ export type {
 export { CollectionEditor } from './patterns/collection-editor';
 export type { ConfirmDialogProps } from './patterns/confirm-dialog';
 export { ConfirmDialog } from './patterns/confirm-dialog';
-export type { DisclosureSectionProps } from './patterns/disclosure-section';
-export { DisclosureSection } from './patterns/disclosure-section';
 export type { FilterBarProps } from './patterns/filter-bar';
 export { FilterBar } from './patterns/filter-bar';
 export type { InspectorFieldProps } from './patterns/inspector-field';

package/src/metadata/allowedChildren.ts

@@ -1,5 +1,12 @@
 export const CONTAINER_ALLOWED_CHILDREN = [
   'ActivityIndicator',
+  'ForgotPasswordForm',
+  'OAuthProviderButton',
+  'OAuthProviderList',
+  'OtpForm',
+  'SignInForm',
+  'SignUpForm',
+  'Accordion',
   'Surface',
   'Avatar',
   'AvatarGroup',
@@ -23,6 +30,7 @@ export const CONTAINER_ALLOWED_CHILDREN = [
   'Box',
   'Stack',
   'Grid',
+  'Gradient',
   'Container',
   'Divider',
   'Text',

package/src/metadata/componentMeta.test.ts

@@ -137,6 +137,12 @@ describe('ZORA_COMPONENT_META invariants', () => {
   test('direct manifest node leaf/container rules', () => {
     const expectedLeafNodes = new Set([
       'ActivityIndicator',
+      'ForgotPasswordForm',
+      'OAuthProviderButton',
+      'OAuthProviderList',
+      'OtpForm',
+      'SignInForm',
+      'SignUpForm',
       'Avatar',
       'AvatarGroup',
       'Badge',
@@ -180,7 +186,10 @@ describe('ZORA_COMPONENT_META invariants', () => {
     ]);
 
     const expectedContainerNodes = new Set([
+      'Accordion',
+      'AccordionItem',
       'Form',
+      'Gradient',
       'Surface',
       'MediaCard',
       'FlatList',
@@ -227,6 +236,13 @@ describe('ZORA_COMPONENT_META invariants', () => {
     }
   });
 
+  test('Accordion constrains authored items to its canonical hierarchy', () => {
+    expect(ZORA_COMPONENT_META.Accordion.directManifestNode).toBe(true);
+    expect(ZORA_COMPONENT_META.Accordion.allowedChildren).toEqual(['AccordionItem']);
+    expect(ZORA_COMPONENT_META.AccordionItem.directManifestNode).toBe(true);
+    expect(ZORA_COMPONENT_META.AccordionItem.allowedChildren).not.toContain('AccordionItem');
+  });
+
   test('Image is a direct manifest leaf with canonical media authoring metadata', () => {
     expect(ZORA_COMPONENT_META.Image.directManifestNode).toBe(true);
     expect(ZORA_COMPONENT_META.Image.allowedChildren).toEqual([]);

package/src/metadata/componentMeta.ts

@@ -1,6 +1,5 @@
 import { appBarMeta } from '../components/app-bar/meta';
 import { breadcrumbsMeta } from '../components/breadcrumbs/meta';
-import { gradientMeta } from '../components/gradient/meta';
 import { dropdownMenuMeta, menuMeta } from '../components/menu/meta';
 import { modalMeta } from '../components/modal/meta';
 import { paginationMeta } from '../components/pagination/meta';
@@ -10,7 +9,15 @@ import { selectMeta } from '../components/select/meta';
 import { tabsMeta } from '../components/tabs/meta';
 import { toastMeta, toastProviderMeta } from '../components/toast/meta';
 import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
+import { accordionItemMeta } from '../features/accordion/accordionItemMeta';
+import { accordionMeta } from '../features/accordion/accordionMeta';
 import { activityIndicatorMeta } from '../features/activity-indicator/activityIndicatorMeta';
+import { forgotPasswordFormMeta } from '../features/auth/forgotPasswordFormMeta';
+import { oauthProviderButtonMeta } from '../features/auth/oauthProviderButtonMeta';
+import { oauthProviderListMeta } from '../features/auth/oauthProviderListMeta';
+import { otpFormMeta } from '../features/auth/otpFormMeta';
+import { signInFormMeta } from '../features/auth/signInFormMeta';
+import { signUpFormMeta } from '../features/auth/signUpFormMeta';
 import { avatarGroupMeta } from '../features/avatar/avatarGroupMeta';
 import { avatarMeta } from '../features/avatar/avatarMeta';
 import { badgeMeta } from '../features/badge/badgeMeta';
@@ -35,6 +42,7 @@ import { formFieldMeta } from '../features/form/formFieldMeta';
 import { formMeta } from '../features/form/formMeta';
 import { radioGroupMeta, radioMeta } from '../features/form/radio/radioMeta';
 import { textInputMeta } from '../features/form/text-input/textInputMeta';
+import { gradientMeta } from '../features/gradient/gradientMeta';
 import { heroMeta } from '../features/hero/heroMeta';
 import { iconMeta } from '../features/icon/iconMeta';
 import { imageMeta } from '../features/image/imageMeta';
@@ -67,18 +75,9 @@ import { screenSectionMeta } from '../layout/screen-section/meta';
 import { settingsLayoutMeta } from '../layout/settings-layout/meta';
 import { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';
 import { topbarLayoutMeta } from '../layout/topbar-layout/meta';
-import {
-  forgotPasswordFormMeta,
-  oauthProviderButtonMeta,
-  oauthProviderListMeta,
-  otpFormMeta,
-  signInFormMeta,
-  signUpFormMeta,
-} from '../patterns/auth/meta';
 import { chatListItemMeta } from '../patterns/chat-list-item/meta';
 import { collectionEditorMeta } from '../patterns/collection-editor/meta';
 import { confirmDialogMeta } from '../patterns/confirm-dialog/meta';
-import { disclosureSectionMeta } from '../patterns/disclosure-section/meta';
 import { filterBarMeta } from '../patterns/filter-bar/meta';
 import { inspectorFieldMeta } from '../patterns/inspector-field/meta';
 import { listMeta, listRowMeta, listSectionMeta } from '../patterns/list/meta';
@@ -105,6 +104,8 @@ import type { ZoraComponentMetaRegistry } from './types';
 
 export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMetadata({
   ...foundationMetas,
+  Accordion: accordionMeta,
+  AccordionItem: accordionItemMeta,
   ActivityIndicator: activityIndicatorMeta,
   Box: boxMeta,
   Container: containerMeta,
@@ -182,7 +183,6 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMet
   CollectionEditor: collectionEditorMeta,
   ConfirmDialog: confirmDialogMeta,
   ContentRail: contentRailMeta,
-  DisclosureSection: disclosureSectionMeta,
   EmptyState: emptyStateMeta,
   FilterBar: filterBarMeta,
   Hero: heroMeta,

package/src/registry.ts

@@ -3,7 +3,6 @@ import type React from 'react';
 
 import { AppBar } from './components/app-bar';
 import { Breadcrumbs } from './components/breadcrumbs';
-import { Gradient } from './components/gradient';
 import { DropdownMenu, Menu } from './components/menu';
 import { Modal } from './components/modal';
 import { Pagination } from './components/pagination';
@@ -13,7 +12,16 @@ import { Select } from './components/select';
 import { Tabs } from './components/tabs';
 import { Toast } from './components/toast';
 import { Toolbar, ToolbarAction } from './components/toolbar';
+import { Accordion, AccordionItem } from './features/accordion/public';
 import { ActivityIndicator } from './features/activity-indicator/public';
+import {
+  ForgotPasswordForm,
+  OAuthProviderButton,
+  OAuthProviderList,
+  OtpForm,
+  SignInForm,
+  SignUpForm,
+} from './features/auth/public';
 import { Avatar } from './features/avatar/public';
 import { AvatarGroup } from './features/avatar/public';
 import { Badge } from './features/badge/public';
@@ -35,6 +43,7 @@ import { Checkbox, CheckboxGroup } from './features/form/checkbox/public';
 import { Form, FormActions, FormError, FormField } from './features/form/public';
 import { Radio, RadioGroup } from './features/form/radio/public';
 import { TextInput } from './features/form/text-input/public';
+import { Gradient } from './features/gradient/public';
 import { Hero } from './features/hero/public';
 import { Icon } from './features/icon/public';
 import { Image } from './features/image/public';
@@ -57,18 +66,9 @@ import { ScreenSection } from './layout/screen-section';
 import { SettingsLayout } from './layout/settings-layout';
 import { SidebarLayout } from './layout/sidebar-layout';
 import { TopbarLayout } from './layout/topbar-layout';
-import {
-  ForgotPasswordForm,
-  OAuthProviderButton,
-  OAuthProviderList,
-  OtpForm,
-  SignInForm,
-  SignUpForm,
-} from './patterns/auth';
 import { ChatListItem } from './patterns/chat-list-item';
 import { CollectionEditor } from './patterns/collection-editor';
 import { ConfirmDialog } from './patterns/confirm-dialog';
-import { DisclosureSection } from './patterns/disclosure-section';
 import { FilterBar } from './patterns/filter-bar';
 import { InspectorField } from './patterns/inspector-field';
 import { List, ListRow, ListSection } from './patterns/list';
@@ -113,6 +113,8 @@ type _RegistryInteractionPolicyCheck = _AssertTrue<
 >;
 
 const _ZORA_COMPONENT_REGISTRY = {
+  Accordion,
+  AccordionItem,
   ActivityIndicator,
   AppBar,
   Avatar,
@@ -193,7 +195,6 @@ const _ZORA_COMPONENT_REGISTRY = {
   CollectionEditor,
   ConfirmDialog,
   ContentRail,
-  DisclosureSection,
   EmptyState,
   FilterBar,
   Hero,

package/src/showcaseCoverage.test.ts

@@ -17,6 +17,8 @@ const IGNORED_DIRECTORY_NAMES = new Set([
 
 const REQUIRED_SHOWCASE_COVERAGE = {
   components: [
+    'Accordion',
+    'AccordionItem',
     'AppBar',
     'Avatar',
     'AvatarGroup',
@@ -81,7 +83,6 @@ const REQUIRED_SHOWCASE_COVERAGE = {
     'SignUpForm',
     'CollectionEditor',
     'ConfirmDialog',
-    'DisclosureSection',
     'EmptyState',
     'FilterBar',
     'SelectableItem',

package/src/theme/themeScopeStructure.test.ts

@@ -57,6 +57,8 @@ const scopedComponentFiles = [
   join(srcDir, 'features', 'list', 'adapters', 'inbound', 'SectionList.tsx'),
   join(srcDir, 'features', 'bottom-sheet', 'adapters', 'inbound', 'BottomSheet.tsx'),
   join(srcDir, 'components', 'app-bar', 'AppBar.tsx'),
+  join(srcDir, 'features', 'accordion', 'adapters', 'inbound', 'Accordion.tsx'),
+  join(srcDir, 'features', 'accordion', 'adapters', 'inbound', 'AccordionItem.tsx'),
   join(srcDir, 'features', 'badge', 'adapters', 'inbound', 'Badge.tsx'),
   join(srcDir, 'features', 'button', 'adapters', 'inbound', 'Button.tsx'),
   join(srcDir, 'features', 'button', 'adapters', 'inbound', 'ButtonGroup.tsx'),
@@ -91,13 +93,13 @@ const scopedComponentFiles = [
   join(srcDir, 'layout', 'sidebar-layout', 'SidebarLayout.tsx'),
   join(srcDir, 'layout', 'topbar-layout', 'TopbarLayout.tsx'),
 
-  join(srcDir, 'patterns', 'auth', 'ForgotPasswordForm.tsx'),
-  join(srcDir, 'patterns', 'auth', 'OtpForm.tsx'),
-  join(srcDir, 'patterns', 'auth', 'SignInForm.tsx'),
-  join(srcDir, 'patterns', 'auth', 'SignUpForm.tsx'),
+  join(srcDir, 'features', 'auth', 'adapters', 'inbound', 'ForgotPasswordForm.tsx'),
+  join(srcDir, 'features', 'auth', 'adapters', 'inbound', 'OtpForm.tsx'),
+  join(srcDir, 'features', 'auth', 'adapters', 'inbound', 'SignInForm.tsx'),
+  join(srcDir, 'features', 'auth', 'adapters', 'inbound', 'SignUpForm.tsx'),
+  join(srcDir, 'features', 'gradient', 'adapters', 'inbound', 'Gradient.tsx'),
   join(srcDir, 'patterns', 'collection-editor', 'CollectionEditor.tsx'),
   join(srcDir, 'patterns', 'confirm-dialog', 'ConfirmDialog.tsx'),
-  join(srcDir, 'patterns', 'disclosure-section', 'DisclosureSection.tsx'),
   join(srcDir, 'features', 'empty-state', 'adapters', 'inbound', 'EmptyState.tsx'),
   join(srcDir, 'patterns', 'inspector-field', 'InspectorField.tsx'),
   join(srcDir, 'patterns', 'list', 'List.tsx'),
@@ -128,6 +130,7 @@ const scopedComponentFiles = [
 
 const scopedPropTypeFiles = [
   join(srcDir, 'components', 'app-bar', 'types.ts'),
+  join(srcDir, 'types', 'accordion.ts'),
   join(srcDir, 'types', 'badge.ts'),
   join(srcDir, 'types', 'button.ts'),
   join(srcDir, 'types', 'button-group.ts'),
@@ -156,10 +159,10 @@ const scopedPropTypeFiles = [
   join(srcDir, 'layout', 'sidebar-layout', 'types.ts'),
   join(srcDir, 'layout', 'topbar-layout', 'types.ts'),
 
-  join(srcDir, 'patterns', 'auth', 'types.ts'),
+  join(srcDir, 'types', 'auth.ts'),
+  join(srcDir, 'types', 'gradient.ts'),
   join(srcDir, 'patterns', 'collection-editor', 'types.ts'),
   join(srcDir, 'patterns', 'confirm-dialog', 'types.ts'),
-  join(srcDir, 'patterns', 'disclosure-section', 'types.ts'),
   join(srcDir, 'types', 'empty-state.ts'),
   join(srcDir, 'patterns', 'inspector-field', 'types.ts'),
   join(srcDir, 'patterns', 'list', 'types.ts'),

package/src/types/accordion.ts

@@ -0,0 +1,38 @@
+import type {
+  AccordionItemProps as SurfaceAccordionItemProps,
+  AccordionMode,
+  AccordionMultipleProps as SurfaceAccordionMultipleProps,
+  AccordionSingleProps as SurfaceAccordionSingleProps,
+  ButtonIconSpec,
+} from '@ankhorage/surface';
+import type React from 'react';
+
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export type { AccordionMode } from '@ankhorage/surface';
+
+export type AccordionSingleProps = ZoraBaseProps &
+  Omit<SurfaceAccordionSingleProps, 'children'> & {
+    children?: React.ReactNode;
+  };
+
+export type AccordionMultipleProps = ZoraBaseProps &
+  Omit<SurfaceAccordionMultipleProps, 'children'> & {
+    children?: React.ReactNode;
+  };
+
+export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+
+export type AccordionItemProps = ZoraBaseProps &
+  Omit<SurfaceAccordionItemProps, 'children'> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: ButtonIconSpec;
+    actions?: React.ReactNode;
+    children?: React.ReactNode;
+  };
+
+export interface AccordionPresentationContextValue {
+  mode: AccordionMode;
+  openValues: readonly string[];
+}

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

@@ -1,9 +1,9 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ButtonProps } from '../../features/button/public';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-import type { FormFieldConfig, FormValues } from '../../types/form';
+import type { ButtonProps } from '../features/button/public';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { FormFieldConfig, FormValues } from './form';
 
 export type AuthIdentifierKind = 'email' | 'phone' | 'username';
 
@@ -26,7 +26,7 @@ export interface SignInFormProps extends AuthFormBaseProps {
   secretLabel?: React.ReactNode;
   forgotPasswordLabel?: React.ReactNode;
   signUpLabel?: React.ReactNode;
-  onSubmit: (values: SignInFormValues) => void | Promise<void>;
+  onSubmit?: (values: SignInFormValues) => void | Promise<void>;
   onForgotPassword?: () => void | Promise<void>;
   onSignUp?: () => void | Promise<void>;
 }
@@ -37,7 +37,7 @@ export type SignUpFormField = FormFieldConfig;
 export interface SignUpFormProps extends AuthFormBaseProps {
   fields?: readonly SignUpFormField[];
   signInLabel?: React.ReactNode;
-  onSubmit: (values: SignUpFormValues) => void | Promise<void>;
+  onSubmit?: (values: SignUpFormValues) => void | Promise<void>;
   onSignIn?: () => void | Promise<void>;
 }
 
@@ -50,7 +50,7 @@ export interface ForgotPasswordFormProps extends AuthFormBaseProps {
   identifiers?: readonly AuthIdentifierKind[];
   identifierLabel?: React.ReactNode;
   signInLabel?: React.ReactNode;
-  onSubmit: (values: ForgotPasswordFormValues) => void | Promise<void>;
+  onSubmit?: (values: ForgotPasswordFormValues) => void | Promise<void>;
   onSignIn?: () => void | Promise<void>;
 }
 
@@ -64,7 +64,7 @@ export interface OtpFormProps extends AuthFormBaseProps {
   resendLabel?: React.ReactNode;
   resendDisabled?: boolean;
   resendLoading?: boolean;
-  onSubmit: (values: OtpFormValues) => void | Promise<void>;
+  onSubmit?: (values: OtpFormValues) => void | Promise<void>;
   onResend?: () => void | Promise<void>;
 }