@ankhorage/zora 7.0.0 → 8.0.0

package/dist/patterns/product-card/meta.d.ts

@@ -1,110 +0,0 @@
-export declare const productCardMeta: {
-    readonly name: "ProductCard";
-    readonly category: "pattern";
-    readonly description: "A generic card for displaying product or article information.";
-    readonly directManifestNode: true;
-    readonly allowedChildren: readonly [];
-    readonly events: {
-        readonly press: {
-            readonly label: "Press";
-            readonly eventType: "productCard.press";
-            readonly description: "Emitted when the product card is pressed.";
-            readonly payloadFields: readonly [];
-        };
-        readonly primaryAction: {
-            readonly label: "Primary action";
-            readonly eventType: "productCard.primaryAction";
-            readonly description: "Emitted when the primary product card action is pressed.";
-            readonly payloadFields: readonly [];
-        };
-        readonly secondaryAction: {
-            readonly label: "Secondary action";
-            readonly eventType: "productCard.secondaryAction";
-            readonly description: "Emitted when the secondary product card action is pressed.";
-            readonly payloadFields: readonly [];
-        };
-    };
-    readonly props: {
-        readonly title: {
-            readonly type: "string";
-            readonly category: "Content";
-            readonly label: "Title";
-        };
-        readonly subtitle: {
-            readonly type: "string";
-            readonly category: "Content";
-            readonly label: "Subtitle";
-        };
-        readonly description: {
-            readonly type: "string";
-            readonly category: "Content";
-            readonly label: "Description";
-        };
-        readonly brand: {
-            readonly type: "string";
-            readonly category: "Content";
-            readonly label: "Brand";
-        };
-        readonly vendor: {
-            readonly type: "string";
-            readonly category: "Content";
-            readonly label: "Vendor";
-        };
-        readonly imageUrl: {
-            readonly type: "string";
-            readonly category: "Content";
-            readonly label: "Image URL";
-        };
-        readonly imageAlt: {
-            readonly type: "string";
-            readonly category: "Content";
-            readonly label: "Image Alt Text";
-        };
-        readonly price: {
-            readonly type: "string";
-            readonly category: "Content";
-            readonly label: "Price";
-        };
-        readonly currency: {
-            readonly type: "string";
-            readonly category: "Content";
-            readonly label: "Currency";
-        };
-        readonly badges: {
-            readonly type: "array";
-            readonly category: "Content";
-            readonly label: "Badges";
-        };
-        readonly meta: {
-            readonly type: "array";
-            readonly category: "Content";
-            readonly label: "Meta";
-        };
-        readonly primaryActionLabel: {
-            readonly type: "string";
-            readonly category: "Content";
-            readonly label: "Primary Action Label";
-        };
-        readonly secondaryActionLabel: {
-            readonly type: "string";
-            readonly category: "Content";
-            readonly label: "Secondary Action Label";
-        };
-        readonly onPress: {
-            readonly type: "action";
-            readonly category: "Events";
-            readonly label: "Press action";
-        };
-        readonly onPrimaryAction: {
-            readonly type: "action";
-            readonly category: "Events";
-            readonly label: "Primary action";
-        };
-        readonly onSecondaryAction: {
-            readonly type: "action";
-            readonly category: "Events";
-            readonly label: "Secondary action";
-        };
-    };
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/patterns/product-card/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/patterns/product-card/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GU,CAAC"}

package/dist/patterns/product-card/meta.js

@@ -1,110 +0,0 @@
-export const productCardMeta = {
-    name: 'ProductCard',
-    category: 'pattern',
-    description: 'A generic card for displaying product or article information.',
-    directManifestNode: true,
-    allowedChildren: [],
-    events: {
-        press: {
-            label: 'Press',
-            eventType: 'productCard.press',
-            description: 'Emitted when the product card is pressed.',
-            payloadFields: [],
-        },
-        primaryAction: {
-            label: 'Primary action',
-            eventType: 'productCard.primaryAction',
-            description: 'Emitted when the primary product card action is pressed.',
-            payloadFields: [],
-        },
-        secondaryAction: {
-            label: 'Secondary action',
-            eventType: 'productCard.secondaryAction',
-            description: 'Emitted when the secondary product card action is pressed.',
-            payloadFields: [],
-        },
-    },
-    props: {
-        title: {
-            type: 'string',
-            category: 'Content',
-            label: 'Title',
-        },
-        subtitle: {
-            type: 'string',
-            category: 'Content',
-            label: 'Subtitle',
-        },
-        description: {
-            type: 'string',
-            category: 'Content',
-            label: 'Description',
-        },
-        brand: {
-            type: 'string',
-            category: 'Content',
-            label: 'Brand',
-        },
-        vendor: {
-            type: 'string',
-            category: 'Content',
-            label: 'Vendor',
-        },
-        imageUrl: {
-            type: 'string',
-            category: 'Content',
-            label: 'Image URL',
-        },
-        imageAlt: {
-            type: 'string',
-            category: 'Content',
-            label: 'Image Alt Text',
-        },
-        price: {
-            type: 'string',
-            category: 'Content',
-            label: 'Price',
-        },
-        currency: {
-            type: 'string',
-            category: 'Content',
-            label: 'Currency',
-        },
-        badges: {
-            type: 'array',
-            category: 'Content',
-            label: 'Badges',
-        },
-        meta: {
-            type: 'array',
-            category: 'Content',
-            label: 'Meta',
-        },
-        primaryActionLabel: {
-            type: 'string',
-            category: 'Content',
-            label: 'Primary Action Label',
-        },
-        secondaryActionLabel: {
-            type: 'string',
-            category: 'Content',
-            label: 'Secondary Action Label',
-        },
-        onPress: {
-            type: 'action',
-            category: 'Events',
-            label: 'Press action',
-        },
-        onPrimaryAction: {
-            type: 'action',
-            category: 'Events',
-            label: 'Primary action',
-        },
-        onSecondaryAction: {
-            type: 'action',
-            category: 'Events',
-            label: 'Secondary action',
-        },
-    },
-};
-//# sourceMappingURL=meta.js.map

package/dist/patterns/product-card/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/patterns/product-card/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,+DAA+D;IAC5E,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,MAAM,EAAE;QACN,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,mBAAmB;YAC9B,WAAW,EAAE,2CAA2C;YACxD,aAAa,EAAE,EAAE;SAClB;QACD,aAAa,EAAE;YACb,KAAK,EAAE,gBAAgB;YACvB,SAAS,EAAE,2BAA2B;YACtC,WAAW,EAAE,0DAA0D;YACvE,aAAa,EAAE,EAAE;SAClB;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,6BAA6B;YACxC,WAAW,EAAE,4DAA4D;YACzE,aAAa,EAAE,EAAE;SAClB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;SACf;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,UAAU;SAClB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,aAAa;SACrB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;SACf;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,QAAQ;SAChB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,WAAW;SACnB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,gBAAgB;SACxB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;SACf;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,QAAQ;SAChB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,MAAM;SACd;QACD,kBAAkB,EAAE;YAClB,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,sBAAsB;SAC9B;QACD,oBAAoB,EAAE;YACpB,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,wBAAwB;SAChC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,cAAc;SACtB;QACD,eAAe,EAAE;YACf,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,gBAAgB;SACxB;QACD,iBAAiB,EAAE;YACjB,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,kBAAkB;SAC1B;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const productCardMeta = {\n  name: 'ProductCard',\n  category: 'pattern',\n  description: 'A generic card for displaying product or article information.',\n  directManifestNode: true,\n  allowedChildren: [],\n  events: {\n    press: {\n      label: 'Press',\n      eventType: 'productCard.press',\n      description: 'Emitted when the product card is pressed.',\n      payloadFields: [],\n    },\n    primaryAction: {\n      label: 'Primary action',\n      eventType: 'productCard.primaryAction',\n      description: 'Emitted when the primary product card action is pressed.',\n      payloadFields: [],\n    },\n    secondaryAction: {\n      label: 'Secondary action',\n      eventType: 'productCard.secondaryAction',\n      description: 'Emitted when the secondary product card action is pressed.',\n      payloadFields: [],\n    },\n  },\n  props: {\n    title: {\n      type: 'string',\n      category: 'Content',\n      label: 'Title',\n    },\n    subtitle: {\n      type: 'string',\n      category: 'Content',\n      label: 'Subtitle',\n    },\n    description: {\n      type: 'string',\n      category: 'Content',\n      label: 'Description',\n    },\n    brand: {\n      type: 'string',\n      category: 'Content',\n      label: 'Brand',\n    },\n    vendor: {\n      type: 'string',\n      category: 'Content',\n      label: 'Vendor',\n    },\n    imageUrl: {\n      type: 'string',\n      category: 'Content',\n      label: 'Image URL',\n    },\n    imageAlt: {\n      type: 'string',\n      category: 'Content',\n      label: 'Image Alt Text',\n    },\n    price: {\n      type: 'string',\n      category: 'Content',\n      label: 'Price',\n    },\n    currency: {\n      type: 'string',\n      category: 'Content',\n      label: 'Currency',\n    },\n    badges: {\n      type: 'array',\n      category: 'Content',\n      label: 'Badges',\n    },\n    meta: {\n      type: 'array',\n      category: 'Content',\n      label: 'Meta',\n    },\n    primaryActionLabel: {\n      type: 'string',\n      category: 'Content',\n      label: 'Primary Action Label',\n    },\n    secondaryActionLabel: {\n      type: 'string',\n      category: 'Content',\n      label: 'Secondary Action Label',\n    },\n    onPress: {\n      type: 'action',\n      category: 'Events',\n      label: 'Press action',\n    },\n    onPrimaryAction: {\n      type: 'action',\n      category: 'Events',\n      label: 'Primary action',\n    },\n    onSecondaryAction: {\n      type: 'action',\n      category: 'Events',\n      label: 'Secondary action',\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/patterns/product-card/types.d.ts

@@ -1,23 +0,0 @@
-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;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/patterns/product-card/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/product-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC"}

package/dist/patterns/product-card/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/patterns/product-card/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/product-card/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface ProductCardProps extends ZoraBaseProps {\n  title: string;\n  subtitle?: string;\n  description?: string;\n  brand?: string;\n  vendor?: string;\n  imageUrl?: string;\n  imageAlt?: string;\n  price?: string;\n  currency?: string;\n  badges?: readonly string[];\n  meta?: readonly {\n    label: string;\n    value: string;\n  }[];\n  primaryActionLabel?: string;\n  secondaryActionLabel?: string;\n  onPress?: () => void;\n  onPrimaryAction?: () => void;\n  onSecondaryAction?: () => void;\n}\n"]}

package/src/components/avatar/Avatar.tsx

@@ -1,148 +0,0 @@
-import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';
-import React from 'react';
-import { Image } from 'react-native';
-
-import { Box } from '../../foundation';
-import type { ZoraColor } from '../../internal/recipes';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Icon } from '../icon';
-import { Text, type TextVariant } from '../text';
-import { resolveAvatarInitials } from './resolveAvatarInitials';
-import type { AvatarProps, AvatarShape, AvatarSize } from './types';
-
-function resolveAvatarSize(size: AvatarSize): number {
-  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: 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 '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: ZoraColor): ZoraColor | undefined {
-  return color === 'neutral' ? undefined : color;
-}
-
-function resolveTextVariant(size: AvatarSize): TextVariant {
-  switch (size) {
-    case 'xs':
-    case 's':
-      return 'caption';
-    case 'l':
-      return 'bodySmall';
-    case 'xl':
-      return 'lead';
-    case 'm':
-    default:
-      return 'label';
-  }
-}
-
-function resolveRadius(shape: AvatarShape): 'full' | 'l' {
-  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,
-}: AvatarProps) {
-  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);

package/src/components/avatar/index.ts

@@ -1,3 +0,0 @@
-export { Avatar } from './Avatar';
-export { resolveAvatarInitials } from './resolveAvatarInitials';
-export type { AvatarProps, AvatarShape, AvatarSize } from './types';

package/src/components/avatar/meta.ts

@@ -1,10 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const avatarMeta = {
-  name: 'Avatar',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Identity component; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;

package/src/components/avatar/types.ts

@@ -1,20 +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;
-}

package/src/components/avatar-group/AvatarGroup.tsx

@@ -1,78 +0,0 @@
-import React from 'react';
-
-import { Box, Stack } from '../../foundation';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Avatar } from '../avatar';
-import type { AvatarGroupItem, AvatarGroupProps } from './types';
-
-function defaultOverflowLabel(overflowCount: number): string {
-  return `+${overflowCount}`;
-}
-
-function AvatarGroupInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  testID,
-  items,
-  max = 4,
-  size = 's',
-  shape = 'circle',
-  overflowLabel = defaultOverflowLabel,
-}: AvatarGroupProps) {
-  const { theme } = useZoraTheme();
-
-  const visibleItems = items.slice(0, max);
-  const overflowCount = Math.max(0, items.length - visibleItems.length);
-  const overlap =
-    size === 'xs' ? 8 : size === 's' ? 10 : size === 'm' ? 12 : size === 'l' ? 14 : 16;
-  const borderColor = theme.semantics.surface.default;
-
-  const renderItem = (item: AvatarGroupItem, index: number) => (
-    <Box
-      key={item.id ?? `${index}`}
-      ml={index === 0 ? 0 : -overlap}
-      radius="full"
-      borderWidth={2}
-      borderColor={borderColor}
-    >
-      <Avatar
-        iconFallback={item.iconFallback}
-        initials={item.initials}
-        label={item.label}
-        name={item.name}
-        shape={shape}
-        size={size}
-        source={item.source}
-        color={item.color}
-      />
-    </Box>
-  );
-
-  return (
-    <Stack align="center" direction="row" testID={testID} wrap="nowrap">
-      {visibleItems.map(renderItem)}
-      {overflowCount > 0 ? (
-        <Box
-          ml={visibleItems.length === 0 ? 0 : -overlap}
-          radius="full"
-          borderWidth={2}
-          borderColor={borderColor}
-        >
-          <Avatar
-            initials={overflowLabel(overflowCount)}
-            size={size}
-            shape={shape}
-            color="neutral"
-          />
-        </Box>
-      ) : null}
-    </Stack>
-  );
-}
-
-/***
- * Renders a compact group of avatars with optional overflow handling.
- */
-export const AvatarGroup = withZoraThemeScope(AvatarGroupInner);

package/src/components/avatar-group/index.ts

@@ -1,2 +0,0 @@
-export { AvatarGroup } from './AvatarGroup';
-export type { AvatarGroupItem, AvatarGroupProps } from './types';

package/src/components/avatar-group/meta.ts

@@ -1,10 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const avatarGroupMeta = {
-  name: 'AvatarGroup',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Identity component; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;

package/src/components/avatar-group/types.ts

@@ -1,24 +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';
-import type { AvatarShape, AvatarSize } from '../avatar';
-
-export interface AvatarGroupItem {
-  id?: string;
-  source?: ImageSourcePropType;
-  name?: string;
-  initials?: string;
-  iconFallback?: ButtonIconSpec;
-  label?: string;
-  color?: ZoraColor;
-}
-
-export interface AvatarGroupProps extends ZoraBaseProps {
-  items: readonly AvatarGroupItem[];
-  max?: number;
-  size?: AvatarSize;
-  shape?: AvatarShape;
-  overflowLabel?: (overflowCount: number) => string;
-}

package/src/components/badge/Badge.tsx

@@ -1,34 +0,0 @@
-import { Badge as SurfaceBadge } from '@ankhorage/surface';
-import React from 'react';
-
-import { resolveBadgeRecipe } from '../../internal/recipes';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { BadgeProps } from './types';
-
-function BadgeInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy: _interactionPolicy,
-  children,
-  color,
-  variant,
-  size,
-  ...props
-}: BadgeProps) {
-  const recipe = resolveBadgeRecipe({ color, variant, size });
-
-  return (
-    <SurfaceBadge
-      {...props}
-      content={children}
-      color={recipe.color}
-      size={recipe.size}
-      variant={recipe.variant}
-    />
-  );
-}
-
-/***
- * Shows a small status, label, or count indicator.
- */
-export const Badge = withZoraThemeScope(BadgeInner);

package/src/components/badge/index.ts

@@ -1,2 +0,0 @@
-export { Badge } from './Badge';
-export type { BadgeProps } from './types';

package/src/components/badge/meta.ts

@@ -1,10 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const badgeMeta = {
-  name: 'Badge',
-  category: 'component',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Status/label component; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;

package/src/components/badge/types.ts

@@ -1,15 +0,0 @@
-import type { BadgeProps as SurfaceBadgeProps } from '@ankhorage/surface';
-import type React from 'react';
-
-import type { ZoraBadgeVariant, ZoraColor, ZoraControlSize } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface BadgeProps
-  extends
-    ZoraBaseProps,
-    Omit<SurfaceBadgeProps, 'content' | 'size' | 'color' | 'variant' | 'mode' | 'themeId'> {
-  children?: React.ReactNode;
-  color?: ZoraColor;
-  variant?: ZoraBadgeVariant;
-  size?: ZoraControlSize;
-}