@ankhorage/zora 2.4.0 → 2.4.2

package/src/components/toast/ToastProvider.tsx

@@ -0,0 +1,12 @@
+import { ToastProvider as SurfaceToastProvider } from '@ankhorage/surface';
+import React from 'react';
+
+import type { ToastProviderProps } from './types';
+
+export function ToastProvider({ children, defaultDuration }: ToastProviderProps) {
+  if (defaultDuration === undefined) {
+    return <SurfaceToastProvider>{children}</SurfaceToastProvider>;
+  }
+
+  return <SurfaceToastProvider defaultDuration={defaultDuration}>{children}</SurfaceToastProvider>;
+}

package/src/components/toast/index.ts

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

package/src/components/toast/meta.ts

@@ -0,0 +1,19 @@
+import type { ZoraComponentMeta } from '../../metadata';
+
+export const toastMeta = {
+  name: 'Toast',
+  category: 'component',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Transient feedback component; exposed as an imperative provider/hook workflow, not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;
+
+export const toastProviderMeta = {
+  name: 'ToastProvider',
+  category: 'component',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: 'Provider for imperative toast feedback; not represented as a manifest node in v1.',
+  props: {},
+} as const satisfies ZoraComponentMeta;

package/src/components/toast/types.ts

@@ -0,0 +1,18 @@
+import type {
+  ToastOptions as SurfaceToastOptions,
+  ToastProps as SurfaceToastProps,
+  ToastStatus as SurfaceToastStatus,
+} from '@ankhorage/surface';
+import type React from 'react';
+
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+
+export type ToastStatus = SurfaceToastStatus;
+export type ToastOptions = SurfaceToastOptions;
+
+export interface ToastProps extends ZoraBaseProps, Omit<SurfaceToastProps, 'testID'> {}
+
+export interface ToastProviderProps {
+  children: React.ReactNode;
+  defaultDuration?: number;
+}

package/src/index.ts

@@ -94,6 +94,16 @@ 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 {
@@ -107,6 +117,8 @@ export type {
 export { Text } from './components/text';
 export type { TextareaProps } from './components/textarea';
 export { Textarea } from './components/textarea';
+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 type {

package/src/metadata/componentMeta.ts

@@ -25,9 +25,16 @@ import { radioGroupMeta, radioMeta } from '../components/radio/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 { textMeta } from '../components/text/meta';
 import { textareaMeta } from '../components/textarea/meta';
+import { toastMeta, toastProviderMeta } from '../components/toast/meta';
 import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
 import { foundationMetas } from '../foundation/meta';
 import { appShellMeta } from '../layout/app-shell/meta';
@@ -104,9 +111,15 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   Rating: ratingMeta,
   SearchBar: searchBarMeta,
   Select: selectMeta,
+  Skeleton: skeletonMeta,
+  SkeletonCard: skeletonCardMeta,
+  SkeletonList: skeletonListMeta,
+  SkeletonText: skeletonTextMeta,
   Tabs: tabsMeta,
   Text: textMeta,
   Textarea: textareaMeta,
+  Toast: toastMeta,
+  ToastProvider: toastProviderMeta,
   Toolbar: toolbarMeta,
   ToolbarAction: toolbarActionMeta,
   AppShell: appShellMeta,