@ankhorage/zora 7.0.0 → 9.0.0

package/src/types/media-card.ts

@@ -0,0 +1,42 @@
+import type React from 'react';
+import type { ImageSourcePropType } from 'react-native';
+
+import type { ZoraCardTone } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+interface MediaCardWithImageSource {
+  imageSource: ImageSourcePropType;
+  imageLabel?: string;
+  image?: never;
+}
+
+interface MediaCardWithImageSlot {
+  image: React.ReactNode;
+  imageSource?: never;
+  imageLabel?: never;
+}
+
+interface MediaCardWithoutImage {
+  image?: never;
+  imageSource?: never;
+  imageLabel?: never;
+}
+
+export type MediaCardImageProps =
+  MediaCardWithImageSource | MediaCardWithImageSlot | MediaCardWithoutImage;
+
+interface MediaCardBaseProps extends ZoraBaseProps {
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  eyebrow?: React.ReactNode;
+  badges?: React.ReactNode;
+  actions?: React.ReactNode;
+  footer?: React.ReactNode;
+  children?: React.ReactNode;
+  tone?: ZoraCardTone;
+  compact?: boolean;
+  onPress?: () => void;
+  imageAspectRatio?: number;
+}
+
+export type MediaCardProps = MediaCardBaseProps & MediaCardImageProps;

package/src/types/metric-card.ts

@@ -0,0 +1,18 @@
+import type { ButtonIconSpec } from '@ankhorage/surface';
+import type React from 'react';
+
+import type { ZoraCardTone, ZoraColor } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface MetricCardProps extends ZoraBaseProps {
+  label: React.ReactNode;
+  value: React.ReactNode;
+  description?: React.ReactNode;
+  icon?: ButtonIconSpec;
+  delta?: React.ReactNode;
+  deltaColor?: ZoraColor;
+  actions?: React.ReactNode;
+  tone?: ZoraCardTone;
+  compact?: boolean;
+  onPress?: () => void;
+}

package/src/types/post-card.ts

@@ -0,0 +1,71 @@
+import type { ButtonIconSpec } from '@ankhorage/surface';
+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';
+
+export interface PostAuthorAvatar {
+  source?: ImageSourcePropType;
+  name?: string;
+  initials?: string;
+  label?: string;
+  size?: AvatarSize;
+  shape?: AvatarShape;
+  color?: ZoraColor;
+}
+
+export interface PostAuthor {
+  name: React.ReactNode;
+  subtitle?: React.ReactNode;
+  avatar?: PostAuthorAvatar;
+}
+
+interface PostCardSourceMedia {
+  source: ImageSourcePropType;
+  label: string;
+  aspectRatio?: number;
+  children?: never;
+}
+
+interface PostCardCustomMedia {
+  children: React.ReactNode;
+  label?: string;
+  aspectRatio?: number;
+  source?: never;
+}
+
+export type PostCardMedia = PostCardSourceMedia | PostCardCustomMedia;
+
+export interface PostAction {
+  id: string;
+  label: string;
+  icon?: ButtonIconSpec;
+  count?: React.ReactNode;
+  selected?: boolean;
+  disabled?: boolean;
+  onPress?: () => void;
+}
+
+export interface PostCommentPreview {
+  id: string;
+  author?: PostAuthor;
+  text: React.ReactNode;
+  meta?: React.ReactNode;
+  action?: React.ReactNode;
+}
+
+export interface PostCardProps extends ZoraBaseProps {
+  author: PostAuthor;
+  text?: React.ReactNode;
+  children?: React.ReactNode;
+  media?: PostCardMedia | readonly PostCardMedia[];
+  actions?: readonly PostAction[];
+  comments?: readonly PostCommentPreview[];
+  headerAction?: React.ReactNode;
+  footer?: React.ReactNode;
+  tone?: ZoraCardTone;
+  compact?: boolean;
+  onPress?: () => void;
+}

package/src/types/product-card.ts

@@ -0,0 +1,23 @@
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface ProductCardProps extends ZoraBaseProps {
+  title: string;
+  subtitle?: string;
+  description?: string;
+  brand?: string;
+  vendor?: string;
+  imageUrl?: string;
+  imageAlt?: string;
+  price?: string;
+  currency?: string;
+  badges?: readonly string[];
+  meta?: readonly {
+    label: string;
+    value: string;
+  }[];
+  primaryActionLabel?: string;
+  secondaryActionLabel?: string;
+  onPress?: () => void;
+  onPrimaryAction?: () => void;
+  onSecondaryAction?: () => void;
+}

package/src/types/progress.ts

@@ -0,0 +1,50 @@
+import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';
+
+import type { ZoraColor, ZoraControlSize } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface ProgressProps extends ZoraBaseProps {
+  value: number;
+  max?: number;
+  color?: ZoraColor;
+  size?: ZoraControlSize;
+}
+
+export interface ProgressRingProps extends ZoraBaseProps {
+  value: number;
+  max?: number;
+  color?: ZoraColor;
+  trackColor?: ZoraColor;
+  size?: number;
+  thickness?: number;
+  centerValue?: string;
+  centerLabel?: string;
+  accessibilityLabel?: string;
+  accessibilityValueText?: string;
+}
+
+export function resolveProgressRole(theme: SurfaceTheme, color: ZoraColor): RoleSemantics {
+  switch (color) {
+    case 'secondary':
+      return theme.semantics.secondary;
+    case 'tertiary':
+      return theme.semantics.accent;
+    case 'quaternary':
+      return theme.semantics.highlight;
+    case 'error':
+      return theme.semantics.error;
+    case 'info':
+      return theme.semantics.info;
+    case 'primary':
+      return theme.semantics.action.primary;
+    case 'danger':
+      return theme.semantics.action.danger;
+    case 'success':
+      return theme.semantics.success;
+    case 'warning':
+      return theme.semantics.warning;
+    case 'neutral':
+    default:
+      return theme.semantics.action.neutral;
+  }
+}

package/src/types/radio.ts

@@ -0,0 +1,37 @@
+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';
+
+export interface RadioProps extends ZoraBaseProps, Omit<SurfaceRadioProps, 'mode' | 'themeId'> {}
+
+export interface RadioGroupOption<TValue extends string> {
+  value: TValue;
+  label: React.ReactNode;
+  description?: React.ReactNode;
+  /** SVG media is resolved by the consuming runtime before rendering. */
+  iconSource?: Extract<IconProps, { source: unknown }>['source'];
+  disabled?: boolean;
+  testID?: string;
+}
+
+export interface RadioGroupProps<TValue extends string>
+  extends
+    ZoraBaseProps,
+    Pick<
+      Omit<SurfaceRadioProps, 'mode' | 'themeId'>,
+      'color' | 'size' | 'invalid' | 'readOnly' | 'disabled'
+    > {
+  value?: TValue;
+  defaultValue?: TValue;
+  onValueChange?: (value: TValue) => void;
+  options: readonly RadioGroupOption<TValue>[];
+  orientation?: 'horizontal' | 'vertical';
+  gap?: 'xs' | 's' | 'm' | 'l';
+  presentation?: 'inline' | 'card';
+  /** Arrangement inside a selection card, independent of the group direction. */
+  contentOrientation?: 'horizontal' | 'vertical';
+  /** Equal-width card columns; omitted columns follow orientation. */
+  columns?: 1 | 2 | 3 | 4;
+}

package/src/types/splash-screen.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+
+import type { BoxProps } from '../features/layout/public';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export type SplashScreenLogoShape = 'circle' | 'square' | 'rounded';
+
+export interface SplashScreenProps extends ZoraBaseProps {
+  logo?: React.ReactNode;
+  title?: React.ReactNode;
+  subtitle?: React.ReactNode;
+  children?: React.ReactNode;
+  minHeight?: BoxProps['minHeight'];
+  backgroundColor?: BoxProps['bg'];
+  logoSize?: number;
+  logoLabel?: string;
+  logoShape?: SplashScreenLogoShape;
+}

package/src/types/surface.ts

@@ -0,0 +1,7 @@
+import type { SurfaceProps as SurfaceSurfaceProps } from '@ankhorage/surface';
+
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export type { SurfaceVariant } from '@ankhorage/surface';
+export interface SurfaceProps
+  extends ZoraBaseProps, Omit<SurfaceSurfaceProps, 'mode' | 'themeId'> {}

package/src/types/text-input.ts

@@ -0,0 +1,33 @@
+import type * as Surface from '@ankhorage/surface';
+
+import type { ZoraControlSize } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export interface TextInputTrailingAction {
+  icon: Surface.ButtonIconSpec;
+  label: string;
+  onPress: () => void;
+}
+
+type TextInputTrailingProps =
+  | {
+      trailingIcon?: Surface.ButtonIconSpec;
+      trailingAction?: never;
+    }
+  | {
+      trailingIcon?: never;
+      trailingAction?: TextInputTrailingAction;
+    };
+
+interface TextInputBaseProps
+  extends
+    ZoraBaseProps,
+    Omit<
+      Surface.TextInputProps,
+      'leadingAccessory' | 'size' | 'trailingAccessory' | 'mode' | 'themeId'
+    > {
+  size?: ZoraControlSize;
+  leadingIcon?: Surface.ButtonIconSpec;
+}
+
+export type TextInputProps = TextInputBaseProps & TextInputTrailingProps;

package/src/types/text.ts

@@ -0,0 +1,41 @@
+import type { Responsive } from '@ankhorage/surface';
+import type React from 'react';
+import type {
+  AccessibilityRole,
+  StyleProp,
+  TextProps as ReactNativeTextProps,
+  TextStyle,
+} from 'react-native';
+
+import type { ZoraColor, ZoraEmphasis } from '../internal/recipes';
+import type { ZoraBaseProps } from '../theme/ZoraBaseProps';
+
+export type TextVariant = 'body' | 'lead' | 'bodySmall' | 'caption' | 'label' | 'eyebrow' | 'code';
+
+export type TextColor = ZoraColor;
+export type TextEmphasis = ZoraEmphasis;
+
+export type TextWeight = 'regular' | 'medium' | 'semiBold' | 'bold';
+
+export type TextAlign = NonNullable<TextStyle['textAlign']>;
+
+export interface TextProps extends ZoraBaseProps {
+  children?: React.ReactNode;
+  text?: string;
+  i18nKey?: string;
+  variant?: Responsive<TextVariant>;
+  color?: Responsive<TextColor>;
+  emphasis?: Responsive<TextEmphasis>;
+  align?: Responsive<TextAlign>;
+  weight?: Responsive<TextWeight>;
+  italic?: boolean;
+  numberOfLines?: number;
+  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';
+  selectable?: boolean;
+  style?: StyleProp<TextStyle>;
+  accessibilityLabel?: string;
+  accessibilityHint?: string;
+  accessibilityRole?: AccessibilityRole;
+  accessibilityLiveRegion?: ReactNativeTextProps['accessibilityLiveRegion'];
+  nativeID?: string;
+}

package/src/types/upload.ts

@@ -43,9 +43,15 @@ export interface ValidateUploadAssetInput {
 }
 
 export interface UploaderProps extends ZoraBaseProps {
-  value: UploadAsset | null;
-  onChange: (next: UploadAsset | null) => void;
-  label: React.ReactNode;
+  value?: UploadAsset | null;
+  onChange?: (next: UploadAsset | null) => void;
+  onValueChange?: (next: UploadAsset | null) => void;
+  onUploadRequest?: (event: { asset: UploadAsset }) => void;
+  onRemoveRequest?: (event: { asset: UploadAsset }) => void;
+  onValidationError?: (event: { message: string }) => void;
+  uploadState?: 'idle' | 'uploading' | 'removing';
+  uploadProgress?: number;
+  label?: React.ReactNode;
   description?: React.ReactNode;
   helperText?: React.ReactNode;
   errorText?: React.ReactNode;

package/src/utils/createManifestBindings.ts

@@ -0,0 +1,47 @@
+import type { UiComponentBindingMeta } from '@ankhorage/contracts';
+
+import type { ZoraComponentMeta } from '../metadata/types';
+
+/*** Derives scalar bindings and normalized events from explicit component authoring schemas. */
+export function createManifestBindings(
+  props: ZoraComponentMeta['props'],
+  events: ZoraComponentMeta['events'] = {},
+): UiComponentBindingMeta {
+  return {
+    props: Object.fromEntries(
+      Object.entries(props)
+        .filter(([, schema]) => schema.type !== 'action')
+        .map(([key, schema]) => [
+          key,
+          {
+            label: schema.label ?? key,
+            acceptsFallback: true,
+            acceptsTransforms: true,
+            value: {
+              type:
+                schema.type === 'boolean' || schema.type === 'number' || schema.type === 'array'
+                  ? schema.type
+                  : schema.type === 'media' || schema.type === 'imageAsset'
+                    ? 'imageAsset'
+                    : schema.type === 'spacing' || schema.type === 'radius'
+                      ? 'unknown'
+                      : schema.type === 'enum' &&
+                          schema.enum?.length &&
+                          schema.enum.every((value) => typeof value === 'number')
+                        ? 'number'
+                        : 'string',
+            },
+          },
+        ]),
+    ),
+    events: Object.fromEntries(
+      Object.entries(events).map(([key, event]) => [
+        key,
+        {
+          label: event.label,
+          payload: { eventType: event.eventType, fields: event.payloadFields ?? [] },
+        },
+      ]),
+    ),
+  };
+}

package/src/utils/finalizeFeatureMetadata.ts

@@ -0,0 +1,26 @@
+import { FEATURE_MANIFEST_ELEMENTS } from '../constants';
+import type { ZoraComponentMetaRegistry } from '../metadata/types';
+import { createManifestBindings } from './createManifestBindings';
+
+/*** Completes feature bindings while preserving each component's explicit value contracts. */
+export function finalizeFeatureMetadata(
+  registry: ZoraComponentMetaRegistry,
+): ZoraComponentMetaRegistry {
+  const names: ReadonlySet<string> = new Set(Object.values(FEATURE_MANIFEST_ELEMENTS).flat());
+  return Object.fromEntries(
+    Object.entries(registry).map(([name, meta]) => {
+      if (!names.has(name)) return [name, meta];
+      const bindings = createManifestBindings(meta.props, meta.events);
+      return [
+        name,
+        {
+          ...meta,
+          bindings: {
+            props: { ...bindings.props, ...meta.bindings?.props },
+            events: { ...bindings.events, ...meta.bindings?.events },
+          },
+        },
+      ];
+    }),
+  );
+}

package/dist/components/avatar/Avatar.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { AvatarProps } from './types';
-/***
- * Displays a user or entity avatar with image support and initials fallback.
- */
-export declare const Avatar: (props: AvatarProps) => React.ReactElement | null;
-//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/avatar/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,WAAW,EAA2B,MAAM,SAAS,CAAC;AAqIpE;;GAEG;AACH,eAAO,MAAM,MAAM,mDAAkC,CAAC"}

package/dist/components/avatar/Avatar.js

@@ -1,101 +0,0 @@
-import React from 'react';
-import { Image } from 'react-native';
-import { Box } from '../../foundation';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Icon } from '../icon';
-import { Text } from '../text';
-import { resolveAvatarInitials } from './resolveAvatarInitials';
-function resolveAvatarSize(size) {
-    switch (size) {
-        case 'xs':
-            return 24;
-        case 's':
-            return 32;
-        case 'l':
-            return 48;
-        case 'xl':
-            return 64;
-        case 'm':
-        default:
-            return 40;
-    }
-}
-function resolveRoleSemantics(theme, color) {
-    switch (color) {
-        case 'secondary':
-            return theme.semantics.secondary;
-        case 'tertiary':
-            return theme.semantics.accent;
-        case 'quaternary':
-            return theme.semantics.highlight;
-        case 'primary':
-            return theme.semantics.action.primary;
-        case 'error':
-            return theme.semantics.error;
-        case 'info':
-            return theme.semantics.info;
-        case 'danger':
-            return theme.semantics.action.danger;
-        case 'success':
-            return theme.semantics.success;
-        case 'warning':
-            return theme.semantics.warning;
-        case 'neutral':
-        default:
-            return theme.semantics.action.neutral;
-    }
-}
-function resolveTextColor(color) {
-    return color === 'neutral' ? undefined : color;
-}
-function resolveTextVariant(size) {
-    switch (size) {
-        case 'xs':
-        case 's':
-            return 'caption';
-        case 'l':
-            return 'bodySmall';
-        case 'xl':
-            return 'lead';
-        case 'm':
-        default:
-            return 'label';
-    }
-}
-function resolveRadius(shape) {
-    return shape === 'circle' ? 'full' : 'l';
-}
-function AvatarInner({ themeId: _themeId, mode: _mode, testID, source, name, initials, iconFallback, label, size = 'm', shape = 'circle', color = 'neutral', interactionPolicy: _interactionPolicy, }) {
-    const { theme } = useZoraTheme();
-    const resolvedSize = resolveAvatarSize(size);
-    const resolvedInitials = initials ?? resolveAvatarInitials(name);
-    const role = resolveRoleSemantics(theme, color);
-    const backgroundColor = color === 'neutral' ? theme.semantics.neutral.surface : role.softBg;
-    const contentColor = color === 'neutral' ? theme.semantics.content.default : role.base;
-    const radius = resolveRadius(shape);
-    const renderFallback = () => {
-        if (resolvedInitials) {
-            return (<Text color={resolveTextColor(color)} variant={resolveTextVariant(size)} weight="semiBold">
-          {resolvedInitials}
-        </Text>);
-        }
-        if (iconFallback) {
-            const iconSize = Math.max(16, Math.round(resolvedSize * 0.48));
-            return <Icon {...iconFallback} color={contentColor} size={iconSize}/>;
-        }
-        return null;
-    };
-    return (<Box accessibilityLabel={label} bg={backgroundColor} height={resolvedSize} radius={radius} testID={testID} width={resolvedSize} style={{
-            alignItems: 'center',
-            justifyContent: 'center',
-            overflow: 'hidden',
-        }}>
-      {source ? (<Image accessibilityLabel={label} source={source} style={{ height: '100%', width: '100%' }}/>) : (renderFallback())}
-    </Box>);
-}
-/***
- * Displays a user or entity avatar with image support and initials fallback.
- */
-export const Avatar = withZoraThemeScope(AvatarInner);
-//# sourceMappingURL=Avatar.js.map

package/dist/components/avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAoB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,SAAS,iBAAiB,CAAC,IAAgB;IACzC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,IAAI;YACP,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG,CAAC;QACT;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAmB,EAAE,KAAgB;IACjE,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,WAAW;YACd,OAAO,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;QACnC,KAAK,UAAU;YACb,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;QAChC,KAAK,YAAY;YACf,OAAO,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;QACnC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;QACxC,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QAC/B,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;QAC9B,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;QACvC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS,CAAC;QACf;YACE,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IAC1C,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAgB;IACxC,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;AACjD,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAgB;IAC1C,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI,CAAC;QACV,KAAK,GAAG;YACN,OAAO,SAAS,CAAC;QACnB,KAAK,GAAG;YACN,OAAO,WAAW,CAAC;QACrB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB,KAAK,GAAG,CAAC;QACT;YACE,OAAO,OAAO,CAAC;IACnB,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAAkB;IACvC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;AAC3C,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,QAAQ,EAChB,KAAK,GAAG,SAAS,EACjB,iBAAiB,EAAE,kBAAkB,GACzB;IACZ,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,gBAAgB,GAAG,QAAQ,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACjE,MAAM,IAAI,GAAG,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;IAC5F,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACvF,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,gBAAgB,EAAE,CAAC;YACrB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CACxF;UAAA,CAAC,gBAAgB,CACnB;QAAA,EAAE,IAAI,CAAC,CACR,CAAC;QACJ,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC;YAC/D,OAAO,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAG,CAAC;QACzE,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CACF,kBAAkB,CAAC,CAAC,KAAK,CAAC,CAC1B,EAAE,CAAC,CAAC,eAAe,CAAC,CACpB,MAAM,CAAC,CAAC,YAAY,CAAC,CACrB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,YAAY,CAAC,CACpB,KAAK,CAAC,CAAC;YACL,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAEF;MAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CACR,CAAC,KAAK,CACJ,kBAAkB,CAAC,CAAC,KAAK,CAAC,CAC1B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EACzC,CACH,CAAC,CAAC,CAAC,CACF,cAAc,EAAE,CACjB,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC","sourcesContent":["import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';\nimport React from 'react';\nimport { Image } from 'react-native';\n\nimport { Box } from '../../foundation';\nimport type { ZoraColor } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Icon } from '../icon';\nimport { Text, type TextVariant } from '../text';\nimport { resolveAvatarInitials } from './resolveAvatarInitials';\nimport type { AvatarProps, AvatarShape, AvatarSize } from './types';\n\nfunction resolveAvatarSize(size: AvatarSize): number {\n  switch (size) {\n    case 'xs':\n      return 24;\n    case 's':\n      return 32;\n    case 'l':\n      return 48;\n    case 'xl':\n      return 64;\n    case 'm':\n    default:\n      return 40;\n  }\n}\n\nfunction resolveRoleSemantics(theme: SurfaceTheme, color: ZoraColor): RoleSemantics {\n  switch (color) {\n    case 'secondary':\n      return theme.semantics.secondary;\n    case 'tertiary':\n      return theme.semantics.accent;\n    case 'quaternary':\n      return theme.semantics.highlight;\n    case 'primary':\n      return theme.semantics.action.primary;\n    case 'error':\n      return theme.semantics.error;\n    case 'info':\n      return theme.semantics.info;\n    case 'danger':\n      return theme.semantics.action.danger;\n    case 'success':\n      return theme.semantics.success;\n    case 'warning':\n      return theme.semantics.warning;\n    case 'neutral':\n    default:\n      return theme.semantics.action.neutral;\n  }\n}\n\nfunction resolveTextColor(color: ZoraColor): ZoraColor | undefined {\n  return color === 'neutral' ? undefined : color;\n}\n\nfunction resolveTextVariant(size: AvatarSize): TextVariant {\n  switch (size) {\n    case 'xs':\n    case 's':\n      return 'caption';\n    case 'l':\n      return 'bodySmall';\n    case 'xl':\n      return 'lead';\n    case 'm':\n    default:\n      return 'label';\n  }\n}\n\nfunction resolveRadius(shape: AvatarShape): 'full' | 'l' {\n  return shape === 'circle' ? 'full' : 'l';\n}\n\nfunction AvatarInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  source,\n  name,\n  initials,\n  iconFallback,\n  label,\n  size = 'm',\n  shape = 'circle',\n  color = 'neutral',\n  interactionPolicy: _interactionPolicy,\n}: AvatarProps) {\n  const { theme } = useZoraTheme();\n  const resolvedSize = resolveAvatarSize(size);\n  const resolvedInitials = initials ?? resolveAvatarInitials(name);\n  const role = resolveRoleSemantics(theme, color);\n  const backgroundColor = color === 'neutral' ? theme.semantics.neutral.surface : role.softBg;\n  const contentColor = color === 'neutral' ? theme.semantics.content.default : role.base;\n  const radius = resolveRadius(shape);\n\n  const renderFallback = () => {\n    if (resolvedInitials) {\n      return (\n        <Text color={resolveTextColor(color)} variant={resolveTextVariant(size)} weight=\"semiBold\">\n          {resolvedInitials}\n        </Text>\n      );\n    }\n\n    if (iconFallback) {\n      const iconSize = Math.max(16, Math.round(resolvedSize * 0.48));\n      return <Icon {...iconFallback} color={contentColor} size={iconSize} />;\n    }\n\n    return null;\n  };\n\n  return (\n    <Box\n      accessibilityLabel={label}\n      bg={backgroundColor}\n      height={resolvedSize}\n      radius={radius}\n      testID={testID}\n      width={resolvedSize}\n      style={{\n        alignItems: 'center',\n        justifyContent: 'center',\n        overflow: 'hidden',\n      }}\n    >\n      {source ? (\n        <Image\n          accessibilityLabel={label}\n          source={source}\n          style={{ height: '100%', width: '100%' }}\n        />\n      ) : (\n        renderFallback()\n      )}\n    </Box>\n  );\n}\n\n/***\n * Displays a user or entity avatar with image support and initials fallback.\n */\nexport const Avatar = withZoraThemeScope(AvatarInner);\n"]}

package/dist/components/avatar/index.d.ts

@@ -1,4 +0,0 @@
-export { Avatar } from './Avatar';
-export { resolveAvatarInitials } from './resolveAvatarInitials';
-export type { AvatarProps, AvatarShape, AvatarSize } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/avatar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/avatar/index.js

@@ -1,3 +0,0 @@
-export { Avatar } from './Avatar';
-export { resolveAvatarInitials } from './resolveAvatarInitials';
-//# sourceMappingURL=index.js.map

package/dist/components/avatar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export { Avatar } from './Avatar';\nexport { resolveAvatarInitials } from './resolveAvatarInitials';\nexport type { AvatarProps, AvatarShape, AvatarSize } from './types';\n"]}

package/dist/components/avatar/meta.d.ts

@@ -1,9 +0,0 @@
-export declare const avatarMeta: {
-    readonly name: "Avatar";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Identity component; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/components/avatar/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;CAOe,CAAC"}

package/dist/components/avatar/meta.js

@@ -1,9 +0,0 @@
-export const avatarMeta = {
-    name: 'Avatar',
-    category: 'component',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Identity component; not represented as a manifest node in v1.',
-    props: {},
-};
-//# sourceMappingURL=meta.js.map

package/dist/components/avatar/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/avatar/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,+DAA+D;IACrE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const avatarMeta = {\n  name: 'Avatar',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Identity component; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/avatar/resolveAvatarInitials.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveAvatarInitials.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/resolveAvatarInitials.ts"],"names":[],"mappings":"AAmBA,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CA0B7E"}

package/dist/components/avatar/resolveAvatarInitials.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveAvatarInitials.js","sourceRoot":"","sources":["../../../src/components/avatar/resolveAvatarInitials.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAClD,CAAC;AAED,SAAS,sBAAsB,CAAC,KAAa;IAC3C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC;IAC9B,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,OAAO,GAAG,KAAK,GAAG,MAAM,IAAI,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,IAAwB;IAC5D,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,KAAK,GAAG,IAAI;SACf,IAAI,EAAE;SACN,KAAK,CAAC,KAAK,CAAC;SACZ,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;SAC1B,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;QACrB,OAAO,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IAC1B,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/D,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE5D,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACjC,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IACxB,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,OAAO,GAAG,KAAK,GAAG,IAAI,EAAE,CAAC;AAC3B,CAAC","sourcesContent":["function takeFirstCharacter(value: string): string | null {\n  const trimmed = value.trim();\n  if (!trimmed) return null;\n\n  const chars = Array.from(trimmed);\n  return chars[0] ? chars[0].toUpperCase() : null;\n}\n\nfunction takeFirstTwoCharacters(value: string): string | null {\n  const trimmed = value.trim();\n  if (!trimmed) return null;\n\n  const chars = Array.from(trimmed);\n  const [first, second] = chars;\n  if (!first) return null;\n\n  return `${first}${second ?? ''}`.toUpperCase();\n}\n\nexport function resolveAvatarInitials(name: string | undefined): string | null {\n  if (!name) return null;\n\n  const parts = name\n    .trim()\n    .split(/\\s+/)\n    .map((part) => part.trim())\n    .filter(Boolean);\n\n  if (parts.length === 0) return null;\n\n  if (parts.length === 1) {\n    const [part] = parts;\n    return part ? takeFirstTwoCharacters(part) : null;\n  }\n\n  const [firstPart] = parts;\n  const [lastPart] = parts.slice(-1);\n  const first = firstPart ? takeFirstCharacter(firstPart) : null;\n  const last = lastPart ? takeFirstCharacter(lastPart) : null;\n\n  if (!first && !last) return null;\n  if (!last) return first;\n  if (!first) return last;\n\n  return `${first}${last}`;\n}\n"]}

package/dist/components/avatar/types.d.ts

@@ -1,17 +0,0 @@
-import type { ButtonIconSpec } from '@ankhorage/surface';
-import type { ImageSourcePropType } from 'react-native';
-import type { ZoraColor } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export type AvatarSize = 'xs' | 's' | 'm' | 'l' | 'xl';
-export type AvatarShape = 'circle' | 'rounded';
-export interface AvatarProps extends ZoraBaseProps {
-    source?: ImageSourcePropType;
-    name?: string;
-    initials?: string;
-    iconFallback?: ButtonIconSpec;
-    label?: string;
-    size?: AvatarSize;
-    shape?: AvatarShape;
-    color?: ZoraColor;
-}
-//# sourceMappingURL=types.d.ts.map