@ankhorage/zora 12.1.0 → 14.0.0

package/src/features/time-picker/composition/TimePickerField.tsx

@@ -0,0 +1,53 @@
+import { Field } from '@ankhorage/surface';
+import type React from 'react';
+
+import type { TimePickerProps } from '../../../types/time-picker';
+import { Stack } from '../../layout/public';
+import { Text } from '../../typography/public';
+
+/*** Renders the shared TimePicker field frame around a platform-specific trigger. */
+export function TimePickerField({
+  children,
+  description,
+  disabled,
+  error,
+  label,
+  required,
+  testID,
+}: TimePickerFieldProps) {
+  return (
+    <Field
+      disabled={disabled}
+      errorText={error}
+      invalid={Boolean(error)}
+      label={label ? renderLabel(label, description) : undefined}
+      required={required}
+      testID={testID}
+    >
+      {children}
+    </Field>
+  );
+}
+
+interface TimePickerFieldProps extends Pick<
+  TimePickerProps,
+  'description' | 'disabled' | 'error' | 'label' | 'required' | 'testID'
+> {
+  children: React.ReactNode;
+}
+
+/*** Renders the picker label and optional supporting description. */
+function renderLabel(label: React.ReactNode, description: React.ReactNode | undefined) {
+  return (
+    <Stack gap="xs">
+      <Text variant="label" weight="semiBold">
+        {label}
+      </Text>
+      {description ? (
+        <Text emphasis="muted" variant="bodySmall">
+          {description}
+        </Text>
+      ) : null}
+    </Stack>
+  );
+}

package/src/features/time-picker/composition/TimePickerTrigger.tsx

@@ -0,0 +1,35 @@
+import type { TimePickerProps } from '../../../types/time-picker';
+import { Button } from '../../button/public';
+
+/*** Renders the shared TimePicker trigger button for native and web hosts. */
+export function TimePickerTrigger({
+  disabled,
+  formatTime,
+  interactionPolicy,
+  onPress,
+  placeholder = 'Choose time',
+  testID,
+  value,
+}: TimePickerTriggerProps) {
+  const displayValue = value ? (formatTime ? formatTime(value) : value) : placeholder;
+
+  return (
+    <Button
+      disabled={disabled}
+      interactionPolicy={interactionPolicy}
+      onPress={onPress}
+      testID={testID ? `${testID}-trigger` : undefined}
+      trailingIcon={{ name: 'chevron-down-outline' }}
+      variant="outline"
+    >
+      {displayValue}
+    </Button>
+  );
+}
+
+interface TimePickerTriggerProps extends Pick<
+  TimePickerProps,
+  'disabled' | 'formatTime' | 'interactionPolicy' | 'placeholder' | 'testID' | 'value'
+> {
+  onPress: () => void;
+}

package/src/features/time-picker/public.test.ts

@@ -2,13 +2,24 @@ import { expect, test } from 'bun:test';
 
 import { ZORA_COMPONENT_META } from '../../metadata/componentMeta';
 
-test('TimePicker exposes a serializable manifest contract through the shared BottomSheet', async () => {
-  const source = await Bun.file('src/features/time-picker/adapters/inbound/TimePicker.tsx').text();
+test('TimePicker keeps one manifest contract across native and web presentation hosts', async () => {
+  const nativeSource = await Bun.file(
+    'src/features/time-picker/adapters/inbound/TimePicker.native.tsx',
+  ).text();
+  const webSource = await Bun.file(
+    'src/features/time-picker/adapters/inbound/TimePicker.web.tsx',
+  ).text();
+  const contentSource = await Bun.file(
+    'src/features/time-picker/composition/TimePickerContent.tsx',
+  ).text();
   const meta = ZORA_COMPONENT_META.TimePicker;
 
   expect(meta.directManifestNode).toBe(true);
   expect(meta.props.value?.type).toBe('string');
   expect(meta.events?.valueChange?.eventType).toBe('timePicker.valueChange');
   expect(meta.bindings?.props?.value?.value.type).toBe('string');
-  expect(source).toContain('useBottomSheet()');
+  expect(nativeSource).toContain('useBottomSheet()');
+  expect(webSource).toContain('<Popover');
+  expect(webSource).not.toContain('useBottomSheet');
+  expect(contentSource).toContain('TimePickerOption');
 });

package/src/features/toast/adapters/inbound/Toast.tsx

@@ -0,0 +1,13 @@
+import { Toast as SurfaceToast } from '@ankhorage/surface';
+import React from 'react';
+
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import type { ToastProps } from '../../../../types/toast';
+
+/*** Renders a toast notification message with ZORA theme scoping. */
+export const Toast = withZoraThemeScope(ToastInner);
+
+/*** Applies the ZORA theme scope before delegating toast presentation to Surface. */
+function ToastInner({ mode: _mode, themeId: _themeId, ...props }: ToastProps) {
+  return <SurfaceToast {...props} />;
+}

package/src/features/toast/adapters/inbound/ToastProvider.tsx

@@ -0,0 +1,9 @@
+import { ToastProvider as SurfaceToastProvider } from '@ankhorage/surface';
+import React from 'react';
+
+import type { ToastProviderProps } from '../../../../types/toast';
+
+/*** Provides toast state and rendering context through the Surface runtime host. */
+export function ToastProvider(props: ToastProviderProps) {
+  return <SurfaceToastProvider {...props} />;
+}

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

@@ -0,0 +1,19 @@
+import { expect, test } from 'bun:test';
+
+import { ZORA_COMPONENT_META } from '../../metadata/componentMeta';
+
+test('Toast stays imperative and installs its host only when the ZoraProvider capability is enabled', async () => {
+  const [publicSource, providerSource, webCapabilities, nativeCapabilities] = await Promise.all([
+    Bun.file('src/features/toast/public.ts').text(),
+    Bun.file('src/theme/ZoraProvider.tsx').text(),
+    Bun.file('src/theme/ZoraRuntimeCapabilities.web.tsx').text(),
+    Bun.file('src/theme/ZoraRuntimeCapabilities.native.tsx').text(),
+  ]);
+
+  expect(ZORA_COMPONENT_META.Toast?.directManifestNode).toBe(false);
+  expect(ZORA_COMPONENT_META.ToastProvider?.directManifestNode).toBe(false);
+  expect(publicSource).toContain("useToast } from '@ankhorage/surface'");
+  expect(providerSource).toContain('toast = false');
+  expect(webCapabilities).toContain('if (!toast)');
+  expect(nativeCapabilities).toContain('toast ?');
+});

package/src/features/toast/public.ts

@@ -0,0 +1,10 @@
+export type {
+  ToastController,
+  ToastOptions,
+  ToastProps,
+  ToastProviderProps,
+  ToastStatus,
+} from '../../types/toast';
+export { Toast } from './adapters/inbound/Toast';
+export { ToastProvider } from './adapters/inbound/ToastProvider';
+export { useToast } from '@ankhorage/surface';

package/src/features/toast/toastMeta.ts

@@ -0,0 +1,10 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const toastMeta = {
+  name: 'Toast',
+  category: 'component',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Transient feedback component exposed through the imperative toast workflow, not as a manifest node.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/features/toast/toastProviderMeta.ts

@@ -0,0 +1,10 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const toastProviderMeta = {
+  name: 'ToastProvider',
+  category: 'component',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Provider for imperative toast feedback; application roots should normally enable the ZoraProvider toast capability.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/index.ts

@@ -16,12 +16,19 @@ export type { SelectOption, SelectProps } from './components/select';
 export { Select } from './components/select';
 export type { TabItem, TabsProps, TabsVariant } from './components/tabs';
 export { Tabs } from './components/tabs';
-export type { ToastOptions, ToastProps, ToastProviderProps, ToastStatus } from './components/toast';
-export { Toast, ToastProvider, useToast } from './components/toast';
 export type { ToolbarActionProps, ToolbarPosition, ToolbarProps } from './components/toolbar';
 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,
@@ -238,6 +245,14 @@ export {
   type TimePickerProps,
   type TimePickerValue,
 } from './features/time-picker/public';
+export type {
+  ToastController,
+  ToastOptions,
+  ToastProps,
+  ToastProviderProps,
+  ToastStatus,
+} from './features/toast/public';
+export { Toast, ToastProvider, useToast } from './features/toast/public';
 export type {
   HeadingAlign,
   HeadingColor,
@@ -334,8 +349,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

@@ -6,6 +6,7 @@ export const CONTAINER_ALLOWED_CHILDREN = [
   'OtpForm',
   'SignInForm',
   'SignUpForm',
+  'Accordion',
   'Surface',
   'Avatar',
   'AvatarGroup',

package/src/metadata/componentMeta.test.ts

@@ -186,6 +186,8 @@ describe('ZORA_COMPONENT_META invariants', () => {
     ]);
 
     const expectedContainerNodes = new Set([
+      'Accordion',
+      'AccordionItem',
       'Form',
       'Gradient',
       'Surface',
@@ -234,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

@@ -7,8 +7,9 @@ import { ratingMeta } from '../components/rating/meta';
 import { searchBarMeta } from '../components/search-bar/meta';
 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';
@@ -63,6 +64,8 @@ import {
 } from '../features/skeleton/skeletonMeta';
 import { surfaceMeta } from '../features/surface/surfaceMeta';
 import { timePickerMeta } from '../features/time-picker/timePickerMeta';
+import { toastMeta } from '../features/toast/toastMeta';
+import { toastProviderMeta } from '../features/toast/toastProviderMeta';
 import { headingMeta } from '../features/typography/headingMeta';
 import { textMeta } from '../features/typography/textMeta';
 import { uploaderMeta } from '../features/uploader/uploaderMeta';
@@ -76,7 +79,6 @@ import { topbarLayoutMeta } from '../layout/topbar-layout/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';
@@ -103,6 +105,8 @@ import type { ZoraComponentMetaRegistry } from './types';
 
 export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMetadata({
   ...foundationMetas,
+  Accordion: accordionMeta,
+  AccordionItem: accordionItemMeta,
   ActivityIndicator: activityIndicatorMeta,
   Box: boxMeta,
   Container: containerMeta,
@@ -180,7 +184,6 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMet
   CollectionEditor: collectionEditorMeta,
   ConfirmDialog: confirmDialogMeta,
   ContentRail: contentRailMeta,
-  DisclosureSection: disclosureSectionMeta,
   EmptyState: emptyStateMeta,
   FilterBar: filterBarMeta,
   Hero: heroMeta,

package/src/patterns/selection/SelectionProvider.tsx

@@ -10,21 +10,21 @@ type SelectionContextValue = UseSelectionResult;
 
 const SelectionContext = React.createContext<SelectionContextValue | null>(null);
 
+/*** Resolve the effective selection mode. */
 function resolveMode(mode: SelectionMode | undefined): SelectionMode {
   return mode ?? 'single';
 }
 
+/*** Resolve the effective disabled state. */
 function resolveDisabled(disabled: boolean | undefined): boolean {
   return disabled ?? false;
 }
 
 /***
  * Accesses selection state provided by `SelectionProvider`.
- *
- 
  */
 export function useSelection(): UseSelectionResult {
-  const value = React.useContext(SelectionContext);
+  const value = React.use(SelectionContext);
   if (!value) {
     throw new Error(MISSING_CONTEXT_MESSAGE);
   }
@@ -34,8 +34,6 @@ export function useSelection(): UseSelectionResult {
 
 /***
  * Provides selection state for building selectable lists and grids.
- *
- 
  */
 export function SelectionProvider({
   children,
@@ -110,5 +108,5 @@ export function SelectionProvider({
     };
   }, [clear, currentNormalizedIds, resolvedDisabled, resolvedMode, select, selectedIdSet, toggle]);
 
-  return <SelectionContext.Provider value={value}>{children}</SelectionContext.Provider>;
+  return <SelectionContext value={value}>{children}</SelectionContext>;
 }

package/src/registry.ts

@@ -10,8 +10,8 @@ import { Rating } from './components/rating';
 import { SearchBar } from './components/search-bar';
 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,
@@ -55,6 +55,7 @@ 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 { Toast } from './features/toast/public';
 import { Heading } from './features/typography/public';
 import { Text } from './features/typography/public';
 import { Uploader } from './features/uploader/public';
@@ -68,7 +69,6 @@ import { TopbarLayout } from './layout/topbar-layout';
 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/ZoraProvider.tsx

@@ -1,26 +1,22 @@
-import type { ThemeConfig } from '@ankhorage/contracts';
 import { ThemeProvider } from '@ankhorage/surface';
-import { BottomSheetProvider } from '@ankhorage/surface/bottom-sheet';
 import React from 'react';
 
+import type { ZoraProviderProps } from '../types/provider';
 import { createZoraThemeConfig } from './createZoraThemeConfig';
-import type { ZoraTheme, ZoraThemeMode } from './types';
 import { zoraDefaultTheme } from './zoraDefaultTheme';
+import { ZoraRuntimeCapabilities } from './ZoraRuntimeCapabilities';
 import { ZoraThemeRuntimeContext } from './ZoraThemeRuntimeContext';
 
-export interface ZoraProviderProps {
-  children: React.ReactNode;
-  theme?: ZoraTheme;
-  themeConfig?: ThemeConfig;
-  initialMode?: ZoraThemeMode;
-}
+export type { ZoraProviderProps, ZoraToastCapability } from '../types/provider';
 
-/** Installs the ZORA theme runtime, Surface theme, and shared bottom-sheet controller. */
+/*** Installs the core ZORA theme runtime and explicitly enabled optional capabilities. */
 export function ZoraProvider({
+  bottomSheet = false,
   children,
   theme = zoraDefaultTheme,
   themeConfig,
   initialMode = 'light',
+  toast = false,
 }: ZoraProviderProps) {
   const resolvedConfig = React.useMemo(
     () => themeConfig ?? createZoraThemeConfig(theme),
@@ -29,10 +25,12 @@ export function ZoraProvider({
   const runtimeValue = React.useMemo(() => ({ themeId: resolvedConfig.id }), [resolvedConfig.id]);
 
   return (
-    <ZoraThemeRuntimeContext.Provider value={runtimeValue}>
+    <ZoraThemeRuntimeContext value={runtimeValue}>
       <ThemeProvider initialConfig={resolvedConfig} initialMode={initialMode}>
-        <BottomSheetProvider>{children}</BottomSheetProvider>
+        <ZoraRuntimeCapabilities bottomSheet={bottomSheet} toast={toast}>
+          {children}
+        </ZoraRuntimeCapabilities>
       </ThemeProvider>
-    </ZoraThemeRuntimeContext.Provider>
+    </ZoraThemeRuntimeContext>
   );
 }

package/src/theme/ZoraRuntimeCapabilities.native.tsx

@@ -0,0 +1,19 @@
+import { ToastProvider as SurfaceToastProvider } from '@ankhorage/surface';
+import { BottomSheetProvider } from '@ankhorage/surface/bottom-sheet';
+
+import type { ZoraRuntimeCapabilitiesProps } from '../types/provider';
+
+/*** Installs optional native runtime capabilities without forcing unused hosts. */
+export function ZoraRuntimeCapabilities({
+  bottomSheet,
+  children,
+  toast,
+}: ZoraRuntimeCapabilitiesProps) {
+  const toastContent = toast ? (
+    <SurfaceToastProvider {...(toast === true ? {} : toast)}>{children}</SurfaceToastProvider>
+  ) : (
+    children
+  );
+
+  return bottomSheet ? <BottomSheetProvider>{toastContent}</BottomSheetProvider> : toastContent;
+}

package/src/theme/ZoraRuntimeCapabilities.tsx

@@ -0,0 +1 @@
+export { ZoraRuntimeCapabilities } from './ZoraRuntimeCapabilities.web';

package/src/theme/ZoraRuntimeCapabilities.web.tsx

@@ -0,0 +1,10 @@
+import { ToastProvider as SurfaceToastProvider } from '@ankhorage/surface';
+
+import type { ZoraRuntimeCapabilitiesProps } from '../types/provider';
+
+/*** Installs only web-relevant optional runtime capabilities. */
+export function ZoraRuntimeCapabilities({ children, toast }: ZoraRuntimeCapabilitiesProps) {
+  if (!toast) return children;
+
+  return <SurfaceToastProvider {...(toast === true ? {} : toast)}>{children}</SurfaceToastProvider>;
+}

package/src/theme/ZoraThemeRuntimeContext.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext } from 'react';
+import { createContext, use } from 'react';
 
 import type { ZoraThemeId } from './types';
 import { zoraDefaultTheme } from './zoraDefaultTheme';
@@ -11,6 +11,7 @@ export const ZoraThemeRuntimeContext = createContext<ZoraThemeRuntime>({
   themeId: zoraDefaultTheme.id,
 });
 
+/*** Returns the active ZORA theme runtime. */
 export function useZoraThemeRuntime(): ZoraThemeRuntime {
-  return useContext(ZoraThemeRuntimeContext);
+  return use(ZoraThemeRuntimeContext);
 }

package/src/theme/ZoraThemeScope.tsx

@@ -11,6 +11,17 @@ export interface ZoraThemeScopeProps {
   mode?: ZoraThemeMode;
 }
 
+/*** Applies nested ZORA theme overrides without installing another Surface theme runtime. */
+export function ZoraThemeScope({ children, themeId, mode }: ZoraThemeScopeProps) {
+  if (mode === undefined && themeId === undefined) return children;
+  return (
+    <ZoraThemeScopeInner mode={mode} themeId={themeId}>
+      {children}
+    </ZoraThemeScopeInner>
+  );
+}
+
+/*** Resolves and provides the scoped Surface and ZORA theme runtime values. */
 function ZoraThemeScopeInner({ children, themeId, mode }: ZoraThemeScopeProps) {
   const parentSurface = useTheme();
   const parentRuntime = useZoraThemeRuntime();
@@ -38,17 +49,8 @@ function ZoraThemeScopeInner({ children, themeId, mode }: ZoraThemeScopeProps) {
   const scopedRuntimeValue = useMemo(() => ({ themeId: scopedThemeId }), [scopedThemeId]);
 
   return (
-    <ZoraThemeRuntimeContext.Provider value={scopedRuntimeValue}>
-      <ThemeContext.Provider value={scopedSurfaceValue}>{children}</ThemeContext.Provider>
-    </ZoraThemeRuntimeContext.Provider>
-  );
-}
-
-export function ZoraThemeScope({ children, themeId, mode }: ZoraThemeScopeProps) {
-  if (mode === undefined && themeId === undefined) return children;
-  return (
-    <ZoraThemeScopeInner mode={mode} themeId={themeId}>
-      {children}
-    </ZoraThemeScopeInner>
+    <ZoraThemeRuntimeContext value={scopedRuntimeValue}>
+      <ThemeContext value={scopedSurfaceValue}>{children}</ThemeContext>
+    </ZoraThemeRuntimeContext>
   );
 }

package/src/theme/index.ts

@@ -4,7 +4,7 @@ export type { ThemeModeToggleProps } from './ThemeModeToggleProps';
 export { useZoraTheme } from './useZoraTheme';
 export { withZoraThemeScope } from './withZoraThemeScope';
 export type { ZoraBaseProps } from './ZoraBaseProps';
-export type { ZoraProviderProps } from './ZoraProvider';
+export type { ZoraProviderProps, ZoraToastCapability } from './ZoraProvider';
 export { ZoraProvider } from './ZoraProvider';
 export type { ZoraThemeScopeProps } from './ZoraThemeScope';
 export { ZoraThemeScope } from './ZoraThemeScope';

package/src/theme/themeConfigScope.test.ts

@@ -4,12 +4,15 @@ import { join } from 'node:path';
 import { describe, expect, test } from 'bun:test';
 
 const themeDir = import.meta.dir;
+const srcDir = join(themeDir, '..');
 
 describe('canonical ThemeConfig scope propagation', () => {
   test('provider accepts the canonical ThemeConfig without duplicating live config state', () => {
     const provider = readFileSync(join(themeDir, 'ZoraProvider.tsx'), 'utf8');
+    const providerTypes = readFileSync(join(srcDir, 'types', 'provider.ts'), 'utf8');
     const context = readFileSync(join(themeDir, 'ZoraThemeRuntimeContext.tsx'), 'utf8');
-    expect(provider).toContain('themeConfig?: ThemeConfig');
+
+    expect(providerTypes).toContain('themeConfig?: ThemeConfig');
     expect(provider).toContain('themeConfig ?? createZoraThemeConfig(theme)');
     expect(context).not.toContain('ThemeConfig');
     expect(context).not.toContain('sourceTheme');