@ankhorage/zora 11.0.0 → 12.1.0

package/src/index.ts

@@ -2,19 +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 { DatePickerProps, DatePickerValue } from './components/date-picker';
-export { DatePicker } from './components/date-picker';
-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';
@@ -27,20 +14,8 @@ export type { SearchBarProps } from './components/search-bar';
 export { SearchBar } from './components/search-bar';
 export type { SelectOption, SelectProps } from './components/select';
 export { Select } from './components/select';
-export type {
-  SkeletonCardProps,
-  SkeletonDimension,
-  SkeletonListProps,
-  SkeletonListVariant,
-  SkeletonProps,
-  SkeletonRadius,
-  SkeletonTextProps,
-} from './components/skeleton';
-export { Skeleton, SkeletonCard, SkeletonList, SkeletonText } from './components/skeleton';
 export type { TabItem, TabsProps, TabsVariant } from './components/tabs';
 export { Tabs } from './components/tabs';
-export type { TimePickerProps, TimePickerValue } from './components/time-picker';
-export { TimePicker } from './components/time-picker';
 export type { ToastOptions, ToastProps, ToastProviderProps, ToastStatus } from './components/toast';
 export { Toast, ToastProvider, useToast } from './components/toast';
 export type { ToolbarActionProps, ToolbarPosition, ToolbarProps } from './components/toolbar';
@@ -51,6 +26,35 @@ 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';
@@ -100,6 +104,11 @@ export type {
   DataTableSortState,
 } from './features/data-table/public';
 export { DataTable } from './features/data-table/public';
+export {
+  DatePicker,
+  type DatePickerProps,
+  type DatePickerValue,
+} from './features/date-picker/public';
 export {
   EmptyState,
   type EmptyStateAction,
@@ -150,6 +159,25 @@ 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,
+  type HeroAlign,
+  type HeroLayout,
+  type HeroProps,
+  type HeroTone,
+} from './features/hero/public';
 export type { IconProps } from './features/icon/public';
 export { Icon } from './features/icon/public';
 export type { ImageFit, ImageProps, SurfaceImageSource } from './features/image/public';
@@ -183,14 +211,33 @@ export type {
   ManifestSectionListProps,
 } from './features/list/public';
 export { FlatList, SectionList } from './features/list/public';
+export { MissingElement, type MissingElementProps } from './features/missing-element/public';
 export {
   Progress,
   type ProgressProps,
   ProgressRing,
   type ProgressRingProps,
 } from './features/progress/public';
+export {
+  Skeleton,
+  SkeletonCard,
+  type SkeletonCardProps,
+  type SkeletonDimension,
+  SkeletonList,
+  type SkeletonListProps,
+  type SkeletonListVariant,
+  type SkeletonProps,
+  type SkeletonRadius,
+  SkeletonText,
+  type SkeletonTextProps,
+} from './features/skeleton/public';
 export type { SurfaceProps, SurfaceVariant } from './features/surface/public';
 export { Surface } from './features/surface/public';
+export {
+  TimePicker,
+  type TimePickerProps,
+  type TimePickerValue,
+} from './features/time-picker/public';
 export type {
   HeadingAlign,
   HeadingColor,
@@ -278,35 +325,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 {
@@ -320,8 +338,6 @@ 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 { HeroAction, HeroAlign, HeroLayout, HeroProps, HeroTone } from './patterns/hero';
-export { Hero } from './patterns/hero';
 export type { InspectorFieldProps } from './patterns/inspector-field';
 export { InspectorField } from './patterns/inspector-field';
 export type {
@@ -340,8 +356,6 @@ export type {
   MessageBubbleStatus,
 } from './patterns/message-bubble';
 export { MessageBubble } from './patterns/message-bubble';
-export type { MissingElementProps } from './patterns/missing-element';
-export { MissingElement } from './patterns/missing-element';
 export type { NoticeProps } from './patterns/notice';
 export { Notice } from './patterns/notice';
 export type { PanelProps } from './patterns/panel';

package/src/interactionPolicy.test.ts

@@ -40,7 +40,7 @@ describe('InteractionPolicy declaration', () => {
       readComponent('app-bar', 'types.ts'),
       readComponent('breadcrumbs', 'types.ts'),
       readSource('types/empty-state.ts'),
-      readPattern('hero', 'types.ts'),
+      readSource('types/hero.ts'),
       readSource('types/product-card.ts'),
       readPattern('reader', 'types.ts'),
       readPattern('scanner', 'types.ts'),
@@ -115,14 +115,14 @@ describe('EmptyState', () => {
 
 describe('Hero', () => {
   test('forwards interactionPolicy to Card', () => {
-    const source = readPattern('hero', 'Hero.tsx');
+    const source = readSource('features/hero/adapters/inbound/Hero.tsx');
 
     expect(source).not.toMatch(/interactionPolicy:\s*_interactionPolicy/);
     expect(source).toMatch(/<Card[\s\S]*?interactionPolicy=\{interactionPolicy\}/);
   });
 
   test('passes interactionPolicy through renderAction to internal Buttons', () => {
-    const source = readPattern('hero', 'Hero.tsx');
+    const source = readSource('features/hero/adapters/inbound/Hero.tsx');
 
     expect(source).toMatch(
       /function renderAction\([\s\S]*?interactionPolicy: HeroProps\['interactionPolicy'\]/,

package/src/metadata/allowedChildren.ts

@@ -1,5 +1,11 @@
 export const CONTAINER_ALLOWED_CHILDREN = [
   'ActivityIndicator',
+  'ForgotPasswordForm',
+  'OAuthProviderButton',
+  'OAuthProviderList',
+  'OtpForm',
+  'SignInForm',
+  'SignUpForm',
   'Surface',
   'Avatar',
   'AvatarGroup',
@@ -9,6 +15,11 @@ export const CONTAINER_ALLOWED_CHILDREN = [
   'Chip',
   'ChipGroup',
   'DataTable',
+  'DatePicker',
+  'Skeleton',
+  'SkeletonCard',
+  'SkeletonList',
+  'SkeletonText',
   'IconButton',
   'Uploader',
   'FlatList',
@@ -18,18 +29,21 @@ export const CONTAINER_ALLOWED_CHILDREN = [
   'Box',
   'Stack',
   'Grid',
+  'Gradient',
   'Container',
   'Divider',
   'Text',
   'Heading',
   'Icon',
   'Image',
+  'Hero',
   'KeyboardAvoidingView',
   'Button',
   'ButtonGroup',
   'RadioGroup',
   'ThemeModeToggle',
   'TextInput',
+  'TimePicker',
   'Form',
   'Card',
   'Panel',

package/src/metadata/componentMeta.test.ts

@@ -137,12 +137,23 @@ 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',
       'Chip',
       'ChipGroup',
       'DataTable',
+      'DatePicker',
+      'Skeleton',
+      'SkeletonCard',
+      'SkeletonList',
+      'SkeletonText',
       'IconButton',
       'MetricCard',
       'Uploader',
@@ -171,10 +182,12 @@ describe('ZORA_COMPONENT_META invariants', () => {
       'ProgressRing',
       'ReaderSurface',
       'MissingElement',
+      'TimePicker',
     ]);
 
     const expectedContainerNodes = new Set([
       'Form',
+      'Gradient',
       'Surface',
       'MediaCard',
       'FlatList',

package/src/metadata/componentMeta.ts

@@ -1,24 +1,21 @@
 import { appBarMeta } from '../components/app-bar/meta';
 import { breadcrumbsMeta } from '../components/breadcrumbs/meta';
-import { datePickerMeta } from '../components/date-picker/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';
 import { ratingMeta } from '../components/rating/meta';
 import { searchBarMeta } from '../components/search-bar/meta';
 import { selectMeta } from '../components/select/meta';
-import {
-  skeletonCardMeta,
-  skeletonListMeta,
-  skeletonMeta,
-  skeletonTextMeta,
-} from '../components/skeleton/meta';
 import { tabsMeta } from '../components/tabs/meta';
-import { timePickerMeta } from '../components/time-picker/meta';
 import { toastMeta, toastProviderMeta } from '../components/toast/meta';
 import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
 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';
@@ -34,6 +31,7 @@ import { productCardMeta } from '../features/card/productCardMeta';
 import { chipGroupMeta } from '../features/chip/chipGroupMeta';
 import { chipMeta } from '../features/chip/chipMeta';
 import { dataTableMeta } from '../features/data-table/dataTableMeta';
+import { datePickerMeta } from '../features/date-picker/datePickerMeta';
 import { emptyStateMeta } from '../features/empty-state/emptyStateMeta';
 import { checkboxGroupMeta, checkboxMeta } from '../features/form/checkbox/checkboxMeta';
 import { formActionsMeta } from '../features/form/formActionsMeta';
@@ -42,6 +40,8 @@ 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';
 import { keyboardAvoidingViewMeta } from '../features/keyboard-avoiding-view/keyboardAvoidingViewMeta';
@@ -53,8 +53,16 @@ import { gridMeta } from '../features/layout/gridMeta';
 import { stackMeta } from '../features/layout/stackMeta';
 import { flatListMeta } from '../features/list/flatListMeta';
 import { sectionListMeta } from '../features/list/sectionListMeta';
+import { missingElementMeta } from '../features/missing-element/missingElementMeta';
 import { progressMeta, progressRingMeta } from '../features/progress/progressMeta';
+import {
+  skeletonCardMeta,
+  skeletonListMeta,
+  skeletonMeta,
+  skeletonTextMeta,
+} from '../features/skeleton/skeletonMeta';
 import { surfaceMeta } from '../features/surface/surfaceMeta';
+import { timePickerMeta } from '../features/time-picker/timePickerMeta';
 import { headingMeta } from '../features/typography/headingMeta';
 import { textMeta } from '../features/typography/textMeta';
 import { uploaderMeta } from '../features/uploader/uploaderMeta';
@@ -65,24 +73,14 @@ 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 { heroMeta } from '../patterns/hero/meta';
 import { inspectorFieldMeta } from '../patterns/inspector-field/meta';
 import { listMeta, listRowMeta, listSectionMeta } from '../patterns/list/meta';
 import { messageBubbleMeta } from '../patterns/message-bubble/meta';
-import { missingElementMeta } from '../patterns/missing-element/meta';
 import { noticeMeta } from '../patterns/notice/meta';
 import { panelMeta } from '../patterns/panel/meta';
 import { readerSurfaceMeta } from '../patterns/reader/meta';

package/src/registry.ts

@@ -3,20 +3,24 @@ import type React from 'react';
 
 import { AppBar } from './components/app-bar';
 import { Breadcrumbs } from './components/breadcrumbs';
-import { DatePicker } from './components/date-picker';
-import { Gradient } from './components/gradient';
 import { DropdownMenu, Menu } from './components/menu';
 import { Modal } from './components/modal';
 import { Pagination } from './components/pagination';
 import { Rating } from './components/rating';
 import { SearchBar } from './components/search-bar';
 import { Select } from './components/select';
-import { Skeleton, SkeletonCard, SkeletonList, SkeletonText } from './components/skeleton';
 import { Tabs } from './components/tabs';
-import { TimePicker } from './components/time-picker';
 import { Toast } from './components/toast';
 import { Toolbar, ToolbarAction } from './components/toolbar';
 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';
@@ -32,19 +36,25 @@ import { ProductCard } from './features/card/public';
 import { Chip } from './features/chip/public';
 import { ChipGroup } from './features/chip/public';
 import { DataTable } from './features/data-table/public';
+import { DatePicker } from './features/date-picker/public';
 import { EmptyState } from './features/empty-state/public';
 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';
 import { KeyboardAvoidingView } from './features/keyboard-avoiding-view/public';
 import { Box, Container, Divider, Grid, Stack } from './features/layout/public';
 import { ContentRail } from './features/layout/public';
 import { FlatList, SectionList } from './features/list/public';
+import { MissingElement } from './features/missing-element/public';
 import { Progress, ProgressRing } from './features/progress/public';
+import { Skeleton, SkeletonCard, SkeletonList, SkeletonText } from './features/skeleton/public';
 import { Surface } from './features/surface/public';
+import { TimePicker } from './features/time-picker/public';
 import { Heading } from './features/typography/public';
 import { Text } from './features/typography/public';
 import { Uploader } from './features/uploader/public';
@@ -55,24 +65,14 @@ 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 { Hero } from './patterns/hero';
 import { InspectorField } from './patterns/inspector-field';
 import { List, ListRow, ListSection } from './patterns/list';
 import { MessageBubble } from './patterns/message-bubble';
-import { MissingElement } from './patterns/missing-element';
 import { Notice } from './patterns/notice';
 import { Panel } from './patterns/panel';
 import { ReaderSurface } from './patterns/reader';

package/src/theme/themeScopeStructure.test.ts

@@ -91,10 +91,11 @@ 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'),
@@ -156,7 +157,8 @@ 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'),

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>;
 }
 

package/src/{components/date-picker/types.ts → types/date-picker.ts}

@@ -1,8 +1,8 @@
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
-export type DatePickerValue = Date | null;
+export type DatePickerValue = string | null;
 
 export interface DatePickerProps extends ZoraBaseProps {
   value: DatePickerValue;
@@ -11,10 +11,10 @@ export interface DatePickerProps extends ZoraBaseProps {
   description?: React.ReactNode;
   error?: React.ReactNode;
   placeholder?: React.ReactNode;
-  minDate?: Date;
-  maxDate?: Date;
+  minDate?: string;
+  maxDate?: string;
   disabled?: boolean;
   required?: boolean;
-  formatDate?: (value: Date) => React.ReactNode;
+  formatDate?: (value: string) => React.ReactNode;
   testID?: string;
 }

package/src/{components/gradient/types.ts → types/gradient.ts}

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

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

@@ -1,7 +1,7 @@
 import type React from 'react';
 
-import type { ZoraButtonVariant, ZoraColor } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraButtonVariant, ZoraColor } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export type HeroAlign = 'start' | 'center';
 export type HeroLayout = 'stack' | 'split' | 'mediaFirst';

package/src/{patterns/missing-element/types.ts → types/missing-element.ts}

@@ -1,4 +1,4 @@
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export interface MissingElementProps extends ZoraBaseProps {
   requestedCapability: string;

package/src/{components/skeleton/types.ts → types/skeleton.ts}

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

package/src/{components/time-picker/types.ts → types/time-picker.ts}

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
 
 export type TimePickerValue = string | null;
 

package/dist/components/date-picker/DatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA+U/C;;GAEG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}