@ankhorage/zora 6.0.0 → 8.0.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../src/patterns/product-card/ProductCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Badge } from '../../components/badge';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { Heading } from '../../components/heading';\nimport { Image } from '../../components/image';\nimport { Text } from '../../components/text';\nimport { Divider, Inline, Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\nimport type { ProductCardProps } from './types';\n\nfunction ProductCardInner({\n  title,\n  subtitle,\n  description,\n  brand,\n  vendor: _vendor,\n  imageUrl,\n  imageAlt,\n  price,\n  currency,\n  badges,\n  meta,\n  primaryActionLabel,\n  secondaryActionLabel,\n  onPress,\n  onPrimaryAction,\n  onSecondaryAction,\n  interactionPolicy,\n  ...rest\n}: ProductCardProps & ZoraBaseProps) {\n  const hasHeaderInfo = !!title || !!brand || !!subtitle;\n  const hasMeta = !!meta && meta.length > 0;\n  const hasActions = !!primaryActionLabel || !!secondaryActionLabel;\n  const isInteractive = Boolean(onPress);\n\n  const eyebrow = brand ?? _vendor;\n\n  return (\n    <Card\n      onPress={isInteractive ? onPress : undefined}\n      interactionPolicy={interactionPolicy}\n      {...rest}\n    >\n      <Stack gap=\"m\">\n        {imageUrl ? (\n          <Image\n            accessibilityLabel={imageAlt ?? title}\n            source={{ uri: imageUrl }}\n            aspectRatio={1}\n            radius=\"m\"\n          />\n        ) : null}\n\n        <Stack gap=\"s\">\n          {hasHeaderInfo ? (\n            <Stack gap=\"xxs\">\n              {eyebrow ? (\n                <Text variant=\"caption\" weight=\"semiBold\" emphasis=\"muted\">\n                  {eyebrow}\n                </Text>\n              ) : null}\n              <Heading level={4}>{title}</Heading>\n              {subtitle ? (\n                <Text variant=\"bodySmall\" emphasis=\"muted\">\n                  {subtitle}\n                </Text>\n              ) : null}\n            </Stack>\n          ) : null}\n\n          {description ? <Text variant=\"bodySmall\">{description}</Text> : null}\n\n          {badges && badges.length > 0 ? (\n            <Inline gap=\"xs\" wrap=\"wrap\">\n              {badges.map((badge, index) => (\n                <Badge key={`${badge}-${index}`}>{badge}</Badge>\n              ))}\n            </Inline>\n          ) : null}\n        </Stack>\n\n        {price ? (\n          <Text variant=\"bodySmall\" weight=\"bold\">\n            {currency ? `${currency} ` : ''}\n            {price}\n          </Text>\n        ) : null}\n\n        {hasMeta ? (\n          <Stack gap=\"xs\">\n            <Divider />\n            {meta.map((item, index) => (\n              <Inline key={`${item.label}-${index}`} justify=\"space-between\">\n                <Text variant=\"bodySmall\" emphasis=\"muted\">\n                  {item.label}\n                </Text>\n                <Text variant=\"bodySmall\" weight=\"semiBold\">\n                  {item.value}\n                </Text>\n              </Inline>\n            ))}\n          </Stack>\n        ) : null}\n\n        {hasActions ? (\n          <Stack gap=\"s\">\n            <Divider />\n            <Inline gap=\"s\">\n              {secondaryActionLabel ? (\n                <Button\n                  interactionPolicy={interactionPolicy}\n                  variant=\"ghost\"\n                  onPress={onSecondaryAction}\n                  size=\"s\"\n                >\n                  {secondaryActionLabel}\n                </Button>\n              ) : null}\n              {primaryActionLabel ? (\n                <Button\n                  interactionPolicy={interactionPolicy}\n                  variant=\"solid\"\n                  onPress={onPrimaryAction}\n                  size=\"s\"\n                  flex={1}\n                >\n                  {primaryActionLabel}\n                </Button>\n              ) : null}\n            </Inline>\n          </Stack>\n        ) : null}\n      </Stack>\n    </Card>\n  );\n}\n\nexport const ProductCard = withZoraThemeScope(ProductCardInner);\n"]}

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

@@ -1,3 +0,0 @@
-export { ProductCard } from './ProductCard';
-export type { ProductCardProps } from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/product-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/patterns/product-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { ProductCard } from './ProductCard';\nexport type { ProductCardProps } from './types';\n"]}

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;