@ankhorage/zora 13.0.0 → 14.0.1

package/src/components/app-bar/AppBar.tsx

@@ -1,140 +0,0 @@
-import { AppBar as SurfaceAppBar, type ButtonIconSpec } from '@ankhorage/surface';
-import React from 'react';
-
-import { IconButton } from '../../features/button/public';
-import { Box, Stack } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import { Inline } from '../../foundation';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { AppBarMode, AppBarOverflowAction, AppBarProps } from './types';
-
-const DEFAULT_CANCEL_ICON = { name: 'close-outline' } satisfies ButtonIconSpec;
-const DEFAULT_OVERFLOW_ICON = { name: 'ellipsis-vertical' } satisfies ButtonIconSpec;
-
-function resolveMode(mode: AppBarMode | undefined): AppBarMode {
-  return mode ?? { type: 'default' };
-}
-
-function resolveSelectionLabel({ count, label }: { count?: number; label: string }): string {
-  if (count === undefined) {
-    return label;
-  }
-
-  return `${label} (${count})`;
-}
-
-function resolveOverflowLabel(overflow: AppBarOverflowAction): string {
-  return overflow.label ?? 'More options';
-}
-
-function resolveCancelLabel(mode: Extract<AppBarMode, { type: 'selection' }>): string {
-  return mode.cancelLabel ?? 'Cancel selection';
-}
-
-function AppBarInner({
-  themeId: _themeId,
-  mode: _mode,
-  title,
-  subtitle,
-  leading,
-  actions,
-  overflow,
-  appMode,
-  children,
-  safeAreaTop = true,
-  divider = true,
-  testID,
-  interactionPolicy,
-}: AppBarProps) {
-  const { theme } = useZoraTheme();
-  const resolvedMode = resolveMode(appMode);
-  const isSelectionMode = resolvedMode.type === 'selection';
-
-  const resolvedLeading =
-    leading ??
-    (isSelectionMode ? (
-      <IconButton
-        icon={resolvedMode.cancelIcon ?? DEFAULT_CANCEL_ICON}
-        interactionPolicy={interactionPolicy}
-        label={resolveCancelLabel(resolvedMode)}
-        variant="ghost"
-        size="m"
-        color="neutral"
-        onPress={resolvedMode.onCancel}
-      />
-    ) : undefined);
-
-  const overflowButton = overflow?.onPress ? (
-    <IconButton
-      disabled={overflow.disabled}
-      icon={overflow.icon ?? DEFAULT_OVERFLOW_ICON}
-      interactionPolicy={interactionPolicy}
-      label={resolveOverflowLabel(overflow)}
-      variant="ghost"
-      size="m"
-      color="neutral"
-      onPress={overflow.onPress}
-    />
-  ) : null;
-
-  const resolvedTrailing =
-    actions || overflowButton ? (
-      <Inline align="center" gap="s" wrap="nowrap">
-        {actions}
-        {overflowButton}
-      </Inline>
-    ) : undefined;
-
-  const resolvedCenter = (() => {
-    if (children !== undefined) {
-      return children;
-    }
-
-    if (isSelectionMode) {
-      return (
-        <Text numberOfLines={1} emphasis="default" variant="label" weight="semiBold">
-          {resolveSelectionLabel(resolvedMode)}
-        </Text>
-      );
-    }
-
-    if (title == null && subtitle == null) {
-      return null;
-    }
-
-    return (
-      <Stack gap="xs">
-        {title != null ? (
-          <Heading ellipsizeMode="tail" level={3} numberOfLines={1} size="h5">
-            {title}
-          </Heading>
-        ) : null}
-        {subtitle != null ? (
-          <Text ellipsizeMode="tail" numberOfLines={1} emphasis="muted" variant="bodySmall">
-            {subtitle}
-          </Text>
-        ) : null}
-      </Stack>
-    );
-  })();
-
-  return (
-    <SurfaceAppBar
-      bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined}
-      divider={divider}
-      leading={resolvedLeading}
-      safeAreaTop={safeAreaTop}
-      testID={testID}
-      trailing={resolvedTrailing}
-    >
-      {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}
-    </SurfaceAppBar>
-  );
-}
-
-/***
- * Renders a top app bar with title/subtitle and optional leading/trailing actions.
- */
-export const AppBar = withZoraThemeScope(AppBarInner);

package/src/components/app-bar/index.ts

@@ -1,2 +0,0 @@
-export * from './AppBar';
-export * from './types';

package/src/components/toast/Toast.tsx

@@ -1,16 +0,0 @@
-import { Toast as SurfaceToast } from '@ankhorage/surface';
-import React from 'react';
-
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { ToastProps } from './types';
-
-function ToastInner({ mode: _mode, themeId: _themeId, ...props }: ToastProps) {
-  return <SurfaceToast {...props} />;
-}
-
-/***
- * Renders a toast notification message.
- *
- 
- */
-export const Toast = withZoraThemeScope(ToastInner);

package/src/components/toast/ToastProvider.tsx

@@ -1,17 +0,0 @@
-import { ToastProvider as SurfaceToastProvider } from '@ankhorage/surface';
-import React from 'react';
-
-import type { ToastProviderProps } from './types';
-
-/***
- * Provides toast state and rendering context for `useToast` and `Toast`.
- *
- 
- */
-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

@@ -1,4 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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;