@ankhorage/zora 19.0.0 → 20.0.0

package/src/types/button.ts

@@ -1,8 +1,11 @@
 import type { ButtonIconSpec, ButtonProps as SurfaceButtonProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraButtonVariant, ZoraColor, ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraControlSize } from './control';
+import type { ZoraColor } from './theme';
+
+export type ZoraButtonVariant = NonNullable<SurfaceButtonProps['variant']>;
 
 export interface ButtonProps
   extends ZoraBaseProps, Omit<SurfaceButtonProps, 'children' | 'size' | 'color' | 'variant'> {

package/src/types/card.ts

@@ -1,8 +1,9 @@
 import type { CardProps as SurfaceCardProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraCardTone } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+
+export type ZoraCardTone = 'default' | 'subtle' | 'outline';
 
 export interface CardProps
   extends ZoraBaseProps, Omit<SurfaceCardProps, 'children' | 'p' | 'radius' | 'variant'> {

package/src/types/chat.ts

@@ -2,8 +2,8 @@ import type React from 'react';
 import type { ImageSourcePropType } from 'react-native';
 
 import type { AvatarShape, AvatarSize } from '../features/avatar/public';
-import type { ZoraColor } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraColor } from './theme';
 
 export interface ChatListAvatar {
   source?: ImageSourcePropType;

package/src/types/checkbox.ts

@@ -1,7 +1,7 @@
 import type { CheckboxProps as SurfaceCheckboxProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface CheckboxProps
   extends ZoraBaseProps, Omit<SurfaceCheckboxProps, 'mode' | 'themeId'> {}

package/src/types/chip-group.ts

@@ -1,8 +1,9 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraColor, ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraControlSize } from './control';
+import type { ZoraColor } from './theme';
 
 export interface ChipGroupItem<TValue extends string = string> {
   value: TValue;

package/src/types/chip.ts

@@ -1,8 +1,9 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraColor, ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraControlSize } from './control';
+import type { ZoraColor } from './theme';
 
 export interface ChipProps extends ZoraBaseProps {
   children: React.ReactNode;

package/src/types/collection-editor.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface CollectionEditorRenderItemProps<TItem> {
   item: TItem;

package/src/types/content-rail.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type ContentRailDirection = 'auto' | 'ltr' | 'rtl';
 export type ContentRailItemSize = 'compact' | 'regular' | 'wide' | 'responsive' | 'content';

package/src/types/control.ts

@@ -0,0 +1,3 @@
+import type { ButtonProps as SurfaceButtonProps } from '@ankhorage/surface';
+
+export type ZoraControlSize = NonNullable<SurfaceButtonProps['size']>;

package/src/types/data-table.ts

@@ -1,7 +1,7 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 import type { PopoverMenuActionIntent } from './popover-menu';
 
 export type DataTableColumnAlign = 'start' | 'center' | 'end';

package/src/types/date-picker.ts

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

package/src/types/dialog.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 
-import type { ZoraContentWidth } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraContentWidth } from './layout';
 
 export interface DialogProps extends ZoraBaseProps {
   visible: boolean;

package/src/types/empty-state.ts

@@ -1,7 +1,8 @@
 import type React from 'react';
 
-import type { ZoraButtonVariant, ZoraColor } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraButtonVariant } from './button';
+import type { ZoraColor } from './theme';
 
 export interface EmptyStateAction {
   label: React.ReactNode;

package/src/types/form.ts

@@ -1,7 +1,7 @@
 import type { FieldProps as SurfaceFieldProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 import type { TextInputProps } from './text-input';
 
 export type ValidationRule =

package/src/types/gradient.ts

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

package/src/types/heading.ts

@@ -2,8 +2,8 @@ import type { Responsive } from '@ankhorage/surface';
 import type React from 'react';
 import type { AccessibilityRole, StyleProp, TextStyle } from 'react-native';
 
-import type { ZoraColor, ZoraEmphasis } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraColor, ZoraEmphasis } from './theme';
 
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 

package/src/types/hero.ts

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

package/src/types/icon-button.ts

@@ -1,7 +1,9 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 
-import type { ZoraButtonVariant, ZoraColor, ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraButtonVariant } from './button';
+import type { ZoraControlSize } from './control';
+import type { ZoraColor } from './theme';
 
 export interface IconButtonProps extends ZoraBaseProps {
   icon?: ButtonIconSpec;

package/src/types/icon.ts

@@ -1,5 +1,5 @@
 import type { IconProps as SurfaceIconProps } from '@ankhorage/surface';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type IconProps = ZoraBaseProps & SurfaceIconProps;

package/src/types/image.ts

@@ -1,6 +1,6 @@
 import type { ImageProps as SurfaceImageProps, SurfaceImageSource } from '@ankhorage/surface';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 import type { UploadAsset } from './upload';
 
 export type { ImageFit, SurfaceImageSource } from '@ankhorage/surface';

package/src/types/keyboard-avoiding-view.ts

@@ -1,6 +1,6 @@
 import type { KeyboardAvoidingViewProps as SurfaceKeyboardAvoidingViewProps } from '@ankhorage/surface';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type KeyboardAvoidingViewBehavior = NonNullable<
   SurfaceKeyboardAvoidingViewProps['behavior']

package/src/types/layout.ts

@@ -6,8 +6,9 @@ import type {
 } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraContentWidth } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+
+export type ZoraContentWidth = 'narrow' | 'default' | 'wide';
 
 export interface ViewProps extends ZoraBaseProps, Omit<SurfaceViewProps, 'mode' | 'themeId'> {}
 export interface ScrollViewProps

package/src/types/list.ts

@@ -1,7 +1,7 @@
 import type { ListItemProps as SurfaceListItemProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type ListItemVariant = 'divider' | 'card';
 

package/src/types/manifest-bottom-sheet.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface BottomSheetProps extends ZoraBaseProps {
   children?: React.ReactNode;

package/src/types/manifest-list.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface ManifestListProps extends ZoraBaseProps {
   children?: React.ReactNode;

package/src/types/media-card.ts

@@ -1,8 +1,8 @@
 import type React from 'react';
 import type { ImageSourcePropType } from 'react-native';
 
-import type { ZoraCardTone } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraCardTone } from './card';
 
 interface MediaCardWithImageSource {
   imageSource: ImageSourcePropType;

package/src/types/metric-card.ts

@@ -1,8 +1,9 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraCardTone, ZoraColor } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraCardTone } from './card';
+import type { ZoraColor } from './theme';
 
 export interface MetricCardProps extends ZoraBaseProps {
   label: React.ReactNode;

package/src/types/missing-element.ts

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

package/src/types/pagination.ts

@@ -1,4 +1,4 @@
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface PaginationProps extends ZoraBaseProps {
   page: number;

package/src/types/palette-item.ts

@@ -1,7 +1,7 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface PaletteItemProps extends ZoraBaseProps {
   title: React.ReactNode;

package/src/types/plugin.ts

@@ -0,0 +1,43 @@
+import type { UiComponentMetaRegistry, UiComponentPackageManifest } from '@ankhorage/contracts';
+
+import type { ZoraComponentMetaRegistry } from './authoring';
+import type { ZoraComponentRegistry } from './registry';
+
+export type ZoraPluginCompositionErrorCode =
+  | 'duplicate-component'
+  | 'duplicate-package'
+  | 'invalid-component-meta'
+  | 'invalid-interaction-policy-component'
+  | 'invalid-placement-child'
+  | 'invalid-placement-parent'
+  | 'missing-component-meta'
+  | 'missing-runtime-component';
+
+export interface ZoraPluginPlacement {
+  readonly child: string;
+  readonly parents: readonly string[];
+}
+
+export interface ZoraPluginMetadata {
+  readonly packageName: string;
+  readonly displayName?: string;
+  readonly componentMeta: ZoraComponentMetaRegistry;
+  readonly extensionHosts?: readonly string[];
+  readonly placements?: readonly ZoraPluginPlacement[];
+  readonly interactionPolicySupportedComponents?: readonly string[];
+}
+
+export interface ZoraPluginDescriptor extends ZoraPluginMetadata {
+  readonly componentRegistry: ZoraComponentRegistry;
+}
+
+export interface ComposedZoraPluginMetadataCatalog {
+  readonly componentMeta: ZoraComponentMetaRegistry;
+  readonly bindableComponentMeta: UiComponentMetaRegistry;
+  readonly packageManifests: readonly UiComponentPackageManifest[];
+  readonly interactionPolicySupportedComponents: Readonly<Record<string, true>>;
+}
+
+export interface ComposedZoraPluginCatalog extends ComposedZoraPluginMetadataCatalog {
+  readonly componentRegistry: ZoraComponentRegistry;
+}

package/src/types/popover-menu.ts

@@ -5,7 +5,7 @@ import type {
 } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type PopoverMenuActionIntent = SurfacePopoverMenuActionIntent;
 

package/src/types/post-card.ts

@@ -3,8 +3,9 @@ import type React from 'react';
 import type { ImageSourcePropType } from 'react-native';
 
 import type { AvatarShape, AvatarSize } from '../features/avatar/public';
-import type { ZoraCardTone, ZoraColor } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraCardTone } from './card';
+import type { ZoraColor } from './theme';
 
 export interface PostAuthorAvatar {
   source?: ImageSourcePropType;

package/src/types/product-card.ts

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

package/src/types/progress.ts

@@ -1,7 +1,8 @@
 import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';
 
-import type { ZoraColor, ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraControlSize } from './control';
+import type { ZoraColor } from './theme';
 
 export interface ProgressProps extends ZoraBaseProps {
   value: number;

package/src/types/provider.ts

@@ -2,7 +2,7 @@ import type { ThemeConfig } from '@ankhorage/contracts';
 import type { ToastProviderProps as SurfaceToastProviderProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraTheme, ZoraThemeMode } from '../theme/types';
+import type { ZoraTheme, ZoraThemeMode } from './theme';
 
 export type ZoraToastCapability = boolean | Omit<SurfaceToastProviderProps, 'children'>;
 

package/src/types/radio.ts

@@ -2,7 +2,7 @@ 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 { ZoraBaseProps } from './base';
 
 export interface RadioProps extends ZoraBaseProps, Omit<SurfaceRadioProps, 'mode' | 'themeId'> {}
 

package/src/types/rating.ts

@@ -1,5 +1,6 @@
-import type { ZoraColor, ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraControlSize } from './control';
+import type { ZoraColor } from './theme';
 
 export interface RatingProps extends ZoraBaseProps {
   value: number;

package/src/types/reader.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type ReaderDocumentFormat = 'epub' | 'pdf';
 

package/src/types/registry.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+
+export type ZoraComponentRegistry = Readonly<Record<string, React.ElementType>>;

package/src/types/scanner.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 
 import type { ButtonProps } from '../features/button/public';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type CameraPermissionStatus = 'unknown' | 'requesting' | 'granted' | 'denied';
 

package/src/types/search-input.ts

@@ -1,5 +1,5 @@
-import type { ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraControlSize } from './control';
 
 export interface SearchInputProps extends ZoraBaseProps {
   value?: string;

package/src/types/section.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface SectionHeaderProps extends ZoraBaseProps {
   title: React.ReactNode;

package/src/types/select.ts

@@ -1,4 +1,4 @@
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface SelectOption<TValue extends string = string> {
   value: TValue;

package/src/types/skeleton.ts

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

package/src/types/surface.ts

@@ -1,6 +1,6 @@
 import type { SurfaceProps as SurfaceSurfaceProps } from '@ankhorage/surface';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type { SurfaceVariant } from '@ankhorage/surface';
 export interface SurfaceProps

package/src/types/switch.ts

@@ -1,5 +1,5 @@
 import type { SwitchProps as SurfaceSwitchProps } from '@ankhorage/surface';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface SwitchProps extends ZoraBaseProps, Omit<SurfaceSwitchProps, 'mode' | 'themeId'> {}

package/src/types/tabs.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface TabsProps extends ZoraBaseProps {
   children?: React.ReactNode;

package/src/types/text-input.ts

@@ -1,7 +1,7 @@
 import type * as Surface from '@ankhorage/surface';
 
-import type { ZoraControlSize } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraControlSize } from './control';
 
 export interface TextInputTrailingAction {
   icon: Surface.ButtonIconSpec;

package/src/types/text.ts

@@ -7,8 +7,8 @@ import type {
   TextStyle,
 } from 'react-native';
 
-import type { ZoraColor, ZoraEmphasis } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraColor, ZoraEmphasis } from './theme';
 
 export type TextVariant = 'body' | 'lead' | 'bodySmall' | 'caption' | 'label' | 'eyebrow' | 'code';
 

package/src/{metadata/themeRecipeTypes.ts → types/theme-recipe.ts}

@@ -1,12 +1,4 @@
-export const ZORA_THEME_TOKEN_FAMILIES = [
-  'colors',
-  'spacing',
-  'radii',
-  'typography',
-  'shadows',
-] as const;
-
-export type ZoraThemeTokenFamily = (typeof ZORA_THEME_TOKEN_FAMILIES)[number];
+export type ZoraThemeTokenFamily = 'colors' | 'spacing' | 'radii' | 'typography' | 'shadows';
 
 export type ZoraThemeRecipeKind = 'component' | 'pattern';
 

package/src/{theme/types.ts → types/theme.ts}

@@ -8,6 +8,12 @@ import type {
   GeneratedThemeSwatches,
 } from '@ankhorage/color-theory';
 import type { AppCategory, ThemeConfig } from '@ankhorage/contracts';
+import type {
+  SurfaceColor,
+  SurfaceEmphasis,
+  SurfacePaletteColor,
+  SurfaceStatusColor,
+} from '@ankhorage/surface';
 import type { SurfaceTheme } from '@ankhorage/surface/theme';
 
 export type ZoraThemeId = string;
@@ -78,3 +84,8 @@ export interface ZoraComputedTheme {
   readonly diagnostics: readonly ZoraThemeCompilationDiagnostic[];
   readonly provenance: readonly ZoraThemeProvenanceEntry[];
 }
+
+export type ZoraPaletteColor = SurfacePaletteColor;
+export type ZoraStatusColor = SurfaceStatusColor;
+export type ZoraColor = SurfaceColor;
+export type ZoraEmphasis = SurfaceEmphasis;

package/src/types/time-picker.ts

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

package/src/types/timeline.ts

@@ -1,8 +1,8 @@
 import type { ButtonIconSpec } from '@ankhorage/surface';
 import type React from 'react';
 
-import type { ZoraColor } from '../internal/recipes';
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
+import type { ZoraColor } from './theme';
 
 export interface TimelineItem {
   id: string;

package/src/types/toast.ts

@@ -6,7 +6,7 @@ import type {
   ToastStatus as SurfaceToastStatus,
 } from '@ankhorage/surface';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export type ToastStatus = SurfaceToastStatus;
 export type ToastOptions = SurfaceToastOptions;

package/src/types/toolbar.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+import type { ZoraBaseProps } from './base';
 
 export interface ToolbarProps extends ZoraBaseProps {
   children?: React.ReactNode;