@ankhorage/zora 7.0.0 → 8.0.0

package/dist/features/card/adapters/inbound/MediaCard.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import { Image } from 'react-native';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Box, Stack } from '../../../layout/public';
+import { Heading } from '../../../typography/public';
+import { Text } from '../../../typography/public';
+import { Card } from '../../public';
+/***
+ * Card layout with an optional media/header region and structured content slots.
+ */
+export const MediaCard = withZoraThemeScope(MediaCardInner);
+function resolveImageAspectRatio(imageAspectRatio) {
+    if (!Number.isFinite(imageAspectRatio) || imageAspectRatio <= 0) {
+        return 16 / 9;
+    }
+    return imageAspectRatio;
+}
+function MediaCardInner({ themeId: _themeId, mode: _mode, interactionPolicy, testID, imageSource, imageLabel, image, imageAspectRatio = 16 / 9, title, description, eyebrow, badges, actions, footer, children, tone = 'default', compact = false, onPress, }) {
+    const { theme } = useZoraTheme();
+    const gap = compact ? 's' : 'm';
+    const isInteractive = Boolean(onPress) && !actions;
+    const resolvedAspectRatio = resolveImageAspectRatio(imageAspectRatio);
+    const renderImage = () => {
+        if (image) {
+            return (<Box radius="m" style={{ overflow: 'hidden' }}>
+          {image}
+        </Box>);
+        }
+        if (!imageSource) {
+            return null;
+        }
+        return (<Box bg={theme.semantics.neutral.surface} radius="m" style={{ overflow: 'hidden' }}>
+        <Box style={{ aspectRatio: resolvedAspectRatio, width: '100%' }}>
+          <Image accessibilityLabel={imageLabel} source={imageSource} style={{ height: '100%', width: '100%' }}/>
+        </Box>
+      </Box>);
+    };
+    const hasHeader = [eyebrow, title, description, badges, actions].some((item) => item != null);
+    return (<Card compact={compact} interactionPolicy={interactionPolicy} onPress={isInteractive ? onPress : undefined} testID={testID} tone={tone}>
+      <Stack gap={gap}>
+        {renderImage()}
+
+        {hasHeader ? (<Stack align={{ base: 'flex-start', md: 'center' }} direction={{ base: 'column', md: 'row' }} gap="m" justify="space-between">
+            <Box flex={{ md: 1 }} width={{ base: '100%', md: 'auto' }}>
+              <Stack gap="xs">
+                {eyebrow ? (<Text emphasis="muted" variant="caption" weight="semiBold">
+                    {eyebrow}
+                  </Text>) : null}
+                <Stack gap="xs">
+                  <Heading level={compact ? 4 : 3}>{title}</Heading>
+                  {badges ? <Box>{badges}</Box> : null}
+                </Stack>
+                {description ? (<Text emphasis="muted" variant="bodySmall">
+                    {description}
+                  </Text>) : null}
+              </Stack>
+            </Box>
+            {actions ? <Box>{actions}</Box> : null}
+          </Stack>) : null}
+
+        {children ? <Box>{children}</Box> : null}
+        {footer ? <Box pt="xs">{footer}</Box> : null}
+      </Stack>
+    </Card>);
+}
+//# sourceMappingURL=MediaCard.js.map

package/dist/features/card/adapters/inbound/MediaCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCard.js","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/MediaCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Image } from 'react-native';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { MediaCardProps } from '../../../../types/media-card';\nimport { Box, Stack } from '../../../layout/public';\nimport { Heading } from '../../../typography/public';\nimport { Text } from '../../../typography/public';\nimport { Card } from '../../public';\n/***\n * Card layout with an optional media/header region and structured content slots.\n */\nexport const MediaCard = withZoraThemeScope(MediaCardInner);\n\nfunction resolveImageAspectRatio(\n  imageAspectRatio: NonNullable<MediaCardProps['imageAspectRatio']>,\n) {\n  if (!Number.isFinite(imageAspectRatio) || imageAspectRatio <= 0) {\n    return 16 / 9;\n  }\n\n  return imageAspectRatio;\n}\n\nfunction MediaCardInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  testID,\n  imageSource,\n  imageLabel,\n  image,\n  imageAspectRatio = 16 / 9,\n  title,\n  description,\n  eyebrow,\n  badges,\n  actions,\n  footer,\n  children,\n  tone = 'default',\n  compact = false,\n  onPress,\n}: MediaCardProps) {\n  const { theme } = useZoraTheme();\n  const gap = compact ? 's' : 'm';\n  const isInteractive = Boolean(onPress) && !actions;\n  const resolvedAspectRatio = resolveImageAspectRatio(imageAspectRatio);\n\n  const renderImage = () => {\n    if (image) {\n      return (\n        <Box radius=\"m\" style={{ overflow: 'hidden' }}>\n          {image}\n        </Box>\n      );\n    }\n\n    if (!imageSource) {\n      return null;\n    }\n\n    return (\n      <Box bg={theme.semantics.neutral.surface} radius=\"m\" style={{ overflow: 'hidden' }}>\n        <Box style={{ aspectRatio: resolvedAspectRatio, width: '100%' }}>\n          <Image\n            accessibilityLabel={imageLabel}\n            source={imageSource}\n            style={{ height: '100%', width: '100%' }}\n          />\n        </Box>\n      </Box>\n    );\n  };\n\n  const hasHeader = [eyebrow, title, description, badges, actions].some((item) => item != null);\n\n  return (\n    <Card\n      compact={compact}\n      interactionPolicy={interactionPolicy}\n      onPress={isInteractive ? onPress : undefined}\n      testID={testID}\n      tone={tone}\n    >\n      <Stack gap={gap}>\n        {renderImage()}\n\n        {hasHeader ? (\n          <Stack\n            align={{ base: 'flex-start', md: 'center' }}\n            direction={{ base: 'column', md: 'row' }}\n            gap=\"m\"\n            justify=\"space-between\"\n          >\n            <Box flex={{ md: 1 }} width={{ base: '100%', md: 'auto' }}>\n              <Stack gap=\"xs\">\n                {eyebrow ? (\n                  <Text emphasis=\"muted\" variant=\"caption\" weight=\"semiBold\">\n                    {eyebrow}\n                  </Text>\n                ) : null}\n                <Stack gap=\"xs\">\n                  <Heading level={compact ? 4 : 3}>{title}</Heading>\n                  {badges ? <Box>{badges}</Box> : null}\n                </Stack>\n                {description ? (\n                  <Text emphasis=\"muted\" variant=\"bodySmall\">\n                    {description}\n                  </Text>\n                ) : null}\n              </Stack>\n            </Box>\n            {actions ? <Box>{actions}</Box> : null}\n          </Stack>\n        ) : null}\n\n        {children ? <Box>{children}</Box> : null}\n        {footer ? <Box pt=\"xs\">{footer}</Box> : null}\n      </Stack>\n    </Card>\n  );\n}\n"]}

package/dist/features/card/adapters/inbound/MetricCard.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { MetricCardProps } from '../../../../types/metric-card';
+/***
+ * Highlights a key metric with label, value, and optional trend/actions.
+ */
+export declare const MetricCard: (props: MetricCardProps) => React.ReactElement | null;
+//# sourceMappingURL=MetricCard.d.ts.map

package/dist/features/card/adapters/inbound/MetricCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/MetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAOrE;;GAEG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/features/card/adapters/inbound/MetricCard.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Inline } from '../../../../foundation';
+import { resolveBadgeRecipe, resolveIconSize } from '../../../../internal/recipes';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Badge } from '../../../badge/public';
+import { Icon } from '../../../icon/public';
+import { Box, Stack } from '../../../layout/public';
+import { Heading } from '../../../typography/public';
+import { Text } from '../../../typography/public';
+import { Card } from '../../public';
+/***
+ * Highlights a key metric with label, value, and optional trend/actions.
+ */
+export const MetricCard = withZoraThemeScope(MetricCardInner);
+function MetricCardInner({ themeId: _themeId, mode: _mode, interactionPolicy, testID, label, value, description, icon, delta, deltaColor = 'neutral', actions, tone = 'default', compact = false, onPress, }) {
+    const { theme } = useZoraTheme();
+    const isInteractive = Boolean(onPress) && !actions;
+    const badgeRecipe = resolveBadgeRecipe({ color: deltaColor, variant: 'soft', size: 's' });
+    const iconColor = theme.semantics.content.muted;
+    return (<Card compact={compact} interactionPolicy={interactionPolicy} onPress={isInteractive ? onPress : undefined} testID={testID} tone={tone}>
+      <Stack gap={compact ? 's' : 'm'}>
+        <Inline align="flex-start" gap="m" justify="space-between">
+          <Stack flex={1} gap="xs">
+            <Inline align="center" gap="xs" wrap="wrap">
+              {icon ? <Icon {...icon} color={iconColor} size={resolveIconSize('s')}/> : null}
+              <Text emphasis="muted" variant="caption" weight="semiBold">
+                {label}
+              </Text>
+              {delta != null ? (<Badge variant={badgeRecipe.variant} size={badgeRecipe.size} color={badgeRecipe.color}>
+                  {delta}
+                </Badge>) : null}
+            </Inline>
+
+            <Heading level={compact ? 3 : 2}>{value}</Heading>
+
+            {description ? (<Text emphasis="muted" variant="bodySmall">
+                {description}
+              </Text>) : null}
+          </Stack>
+
+          {actions ? <Box>{actions}</Box> : null}
+        </Inline>
+      </Stack>
+    </Card>);
+}
+//# sourceMappingURL=MetricCard.js.map

package/dist/features/card/adapters/inbound/MetricCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.js","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/MetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE9D,SAAS,eAAe,CAAC,EACvB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EACjB,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,UAAU,GAAG,SAAS,EACtB,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,GACS;IAChB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;IAEnD,MAAM,WAAW,GAAG,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;IAC1F,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;IAEhD,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAC7C,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,CAAC,CAAC,IAAI,CAAC,CAEX;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAC9B;QAAA,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,eAAe,CACxD;UAAA,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CACtB;YAAA,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CACzC;cAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CAC/E;cAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CACxD;gBAAA,CAAC,KAAK,CACR;cAAA,EAAE,IAAI,CACN;cAAA,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CACf,CAAC,KAAK,CACJ,OAAO,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAC7B,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CACvB,KAAK,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAEzB;kBAAA,CAAC,KAAK,CACR;gBAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,IAAI,CACV;YAAA,EAAE,MAAM,CAER;;YAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CAEjD;;YAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;gBAAA,CAAC,WAAW,CACd;cAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;UAAA,EAAE,KAAK,CAEP;;UAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACxC;QAAA,EAAE,MAAM,CACV;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { Inline } from '../../../../foundation';\nimport { resolveBadgeRecipe, resolveIconSize } from '../../../../internal/recipes';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { MetricCardProps } from '../../../../types/metric-card';\nimport { Badge } from '../../../badge/public';\nimport { Icon } from '../../../icon/public';\nimport { Box, Stack } from '../../../layout/public';\nimport { Heading } from '../../../typography/public';\nimport { Text } from '../../../typography/public';\nimport { Card } from '../../public';\n/***\n * Highlights a key metric with label, value, and optional trend/actions.\n */\nexport const MetricCard = withZoraThemeScope(MetricCardInner);\n\nfunction MetricCardInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  testID,\n  label,\n  value,\n  description,\n  icon,\n  delta,\n  deltaColor = 'neutral',\n  actions,\n  tone = 'default',\n  compact = false,\n  onPress,\n}: MetricCardProps) {\n  const { theme } = useZoraTheme();\n  const isInteractive = Boolean(onPress) && !actions;\n\n  const badgeRecipe = resolveBadgeRecipe({ color: deltaColor, variant: 'soft', size: 's' });\n  const iconColor = theme.semantics.content.muted;\n\n  return (\n    <Card\n      compact={compact}\n      interactionPolicy={interactionPolicy}\n      onPress={isInteractive ? onPress : undefined}\n      testID={testID}\n      tone={tone}\n    >\n      <Stack gap={compact ? 's' : 'm'}>\n        <Inline align=\"flex-start\" gap=\"m\" justify=\"space-between\">\n          <Stack flex={1} gap=\"xs\">\n            <Inline align=\"center\" gap=\"xs\" wrap=\"wrap\">\n              {icon ? <Icon {...icon} color={iconColor} size={resolveIconSize('s')} /> : null}\n              <Text emphasis=\"muted\" variant=\"caption\" weight=\"semiBold\">\n                {label}\n              </Text>\n              {delta != null ? (\n                <Badge\n                  variant={badgeRecipe.variant}\n                  size={badgeRecipe.size}\n                  color={badgeRecipe.color}\n                >\n                  {delta}\n                </Badge>\n              ) : null}\n            </Inline>\n\n            <Heading level={compact ? 3 : 2}>{value}</Heading>\n\n            {description ? (\n              <Text emphasis=\"muted\" variant=\"bodySmall\">\n                {description}\n              </Text>\n            ) : null}\n          </Stack>\n\n          {actions ? <Box>{actions}</Box> : null}\n        </Inline>\n      </Stack>\n    </Card>\n  );\n}\n"]}

package/dist/features/card/adapters/inbound/PostCard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { PostCardProps } from '../../../../types/post-card';
+/***
+ * Social-style post card pattern with author, content, media, and actions.
+ *
+
+ */
+export declare const PostCard: (props: PostCardProps) => React.ReactElement | null;
+//# sourceMappingURL=PostCard.d.ts.map

package/dist/features/card/adapters/inbound/PostCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/PostCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAIV,aAAa,EAEd,MAAM,6BAA6B,CAAC;AAMrC;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}

package/dist/features/card/adapters/inbound/PostCard.js

@@ -0,0 +1,139 @@
+import React from 'react';
+import { Image as ReactNativeImage } from 'react-native';
+import { Inline } from '../../../../foundation';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Avatar } from '../../../avatar/public';
+import { Button } from '../../../button/public';
+import { Box, Divider, Stack } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+import { Card } from '../../public';
+/***
+ * Social-style post card pattern with author, content, media, and actions.
+ *
+
+ */
+export const PostCard = withZoraThemeScope(PostCardInner);
+function resolveAuthorName(author) {
+    return typeof author.name === 'string' ? author.name : author.avatar?.name;
+}
+function resolveMediaAspectRatio(aspectRatio) {
+    if (aspectRatio === undefined || !Number.isFinite(aspectRatio) || aspectRatio <= 0) {
+        return 16 / 9;
+    }
+    return aspectRatio;
+}
+function isPostCardMediaList(media) {
+    return Array.isArray(media);
+}
+function normalizeMedia(media) {
+    if (!media) {
+        return [];
+    }
+    if (isPostCardMediaList(media)) {
+        return media;
+    }
+    return [media];
+}
+function PostCardAuthor({ author, compact = false }) {
+    const avatarName = resolveAuthorName(author);
+    const { avatar } = author;
+    return (<Inline align="center" gap="s" wrap="nowrap">
+      <Avatar initials={avatar?.initials} label={avatar?.label ?? avatarName} name={avatarName} shape={avatar?.shape} size={avatar?.size ?? (compact ? 's' : 'm')} source={avatar?.source} color={avatar?.color}/>
+      <Box flex={1}>
+        <Stack gap="xxs">
+          <Text variant="bodySmall" weight="semiBold">
+            {author.name}
+          </Text>
+          {author.subtitle ? (<Text emphasis="muted" variant="caption">
+              {author.subtitle}
+            </Text>) : null}
+        </Stack>
+      </Box>
+    </Inline>);
+}
+function PostCardMediaItem({ media }) {
+    const { theme } = useZoraTheme();
+    const aspectRatio = resolveMediaAspectRatio(media.aspectRatio);
+    if (!('source' in media)) {
+        return (<Box radius="m" style={{ overflow: 'hidden' }}>
+        {media.children}
+      </Box>);
+    }
+    return (<Box bg={theme.semantics.neutral.surface} radius="m" style={{ overflow: 'hidden' }}>
+      <Box style={{ aspectRatio, width: '100%' }}>
+        <ReactNativeImage accessibilityLabel={media.label} source={media.source} style={{ height: '100%', width: '100%' }}/>
+      </Box>
+    </Box>);
+}
+function PostActionLabel({ action }) {
+    if (!action.count) {
+        return <>{action.label}</>;
+    }
+    return (<>
+      {action.label} {action.count}
+    </>);
+}
+function PostCardActions({ actions }) {
+    if (actions.length === 0) {
+        return null;
+    }
+    return (<Inline align="center" gap="s" wrap="wrap">
+      {actions.map((action) => (<Button key={action.id} disabled={action.disabled} variant={action.selected ? 'soft' : 'ghost'} leadingIcon={action.icon} onPress={action.onPress} size="s" color={action.selected ? 'primary' : 'neutral'}>
+          <PostActionLabel action={action}/>
+        </Button>))}
+    </Inline>);
+}
+function PostCommentPreviewItem({ comment }) {
+    return (<Inline align="flex-start" gap="s" wrap="nowrap">
+      {comment.author ? <PostCardAuthor author={comment.author} compact/> : null}
+      <Box flex={1}>
+        <Stack gap="xxs">
+          <Text variant="bodySmall">{comment.text}</Text>
+          {comment.meta ? (<Text emphasis="subtle" variant="caption">
+              {comment.meta}
+            </Text>) : null}
+          {comment.action ? <Box>{comment.action}</Box> : null}
+        </Stack>
+      </Box>
+    </Inline>);
+}
+function PostCardComments({ comments }) {
+    if (comments.length === 0) {
+        return null;
+    }
+    return (<Stack gap="s">
+      {comments.map((comment) => (<PostCommentPreviewItem key={comment.id} comment={comment}/>))}
+    </Stack>);
+}
+function PostCardInner({ themeId: _themeId, mode: _mode, interactionPolicy, testID, author, text, children, media, actions = [], comments = [], headerAction, footer, tone = 'default', compact = false, onPress, }) {
+    const mediaItems = normalizeMedia(media);
+    const gap = compact ? 's' : 'm';
+    const isInteractive = Boolean(onPress) && !headerAction;
+    const hasBody = text != null || children != null || mediaItems.length > 0;
+    const hasEngagement = actions.length > 0 || comments.length > 0;
+    return (<Card compact={compact} interactionPolicy={interactionPolicy} onPress={isInteractive ? onPress : undefined} testID={testID} tone={tone}>
+      <Stack gap={gap}>
+        <Inline align="center" gap="m" justify="space-between" wrap="nowrap">
+          <Box flex={1}>
+            <PostCardAuthor author={author} compact={compact}/>
+          </Box>
+          {headerAction ? <Box>{headerAction}</Box> : null}
+        </Inline>
+
+        {hasBody ? (<Stack gap={gap}>
+            {text ? <Text variant="body">{text}</Text> : null}
+            {children ? <Box>{children}</Box> : null}
+            {mediaItems.length > 0 ? (<Stack gap="s">
+                {mediaItems.map((item, index) => (<PostCardMediaItem key={`${index}`} media={item}/>))}
+              </Stack>) : null}
+          </Stack>) : null}
+
+        {hasEngagement ? <Divider /> : null}
+        <PostCardActions actions={actions}/>
+        <PostCardComments comments={comments}/>
+        {footer ? <Box pt="xs">{footer}</Box> : null}
+      </Stack>
+    </Card>);
+}
+//# sourceMappingURL=PostCard.js.map

package/dist/features/card/adapters/inbound/PostCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostCard.js","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/PostCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAQ1E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;AAE1D,SAAS,iBAAiB,CAAC,MAAkB;IAC3C,OAAO,OAAO,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC;AAC7E,CAAC;AAED,SAAS,uBAAuB,CAAC,WAA+B;IAC9D,IAAI,WAAW,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;QACnF,OAAO,EAAE,GAAG,CAAC,CAAC;IAChB,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,SAAS,mBAAmB,CAC1B,KAA0C;IAE1C,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC;AAED,SAAS,cAAc,CAAC,KAA6B;IACnD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,CAAC;AACjB,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,KAAK,EAA6C;IAC5F,MAAM,UAAU,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAE1B,OAAO,CACL,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAC1C;MAAA,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAC3B,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,UAAU,CAAC,CACnC,IAAI,CAAC,CAAC,UAAU,CAAC,CACjB,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CACrB,IAAI,CAAC,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAC5C,MAAM,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CACvB,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,EAEvB;MAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CACd;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,CACzC;YAAA,CAAC,MAAM,CAAC,IAAI,CACd;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CACtC;cAAA,CAAC,MAAM,CAAC,QAAQ,CAClB;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;QAAA,EAAE,KAAK,CACT;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAA4B;IAC5D,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,WAAW,GAAG,uBAAuB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/D,IAAI,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,CACL,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAC5C;QAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;MAAA,EAAE,GAAG,CAAC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CACjF;MAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CACzC;QAAA,CAAC,gBAAgB,CACf,kBAAkB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAChC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAE7C;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,MAAM,EAA0B;IACzD,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QAClB,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7B,CAAC;IAED,OAAO,CACL,EACE;MAAA,CAAC,MAAM,CAAC,KAAK,CAAE,CAAA,CAAC,MAAM,CAAC,KAAK,CAC9B;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,OAAO,EAAsC;IACtE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CACxC;MAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,CAAC,MAAM,CACL,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CACf,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,OAAO,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAC5C,WAAW,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACzB,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACxB,IAAI,CAAC,GAAG,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAE/C;UAAA,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAClC;QAAA,EAAE,MAAM,CAAC,CACV,CAAC,CACJ;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC;AAED,SAAS,sBAAsB,CAAC,EAAE,OAAO,EAAmC;IAC1E,OAAO,CACL,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAC9C;MAAA,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,EAAG,CAAC,CAAC,CAAC,IAAI,CAC3E;MAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CACd;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAC9C;UAAA,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CACvC;cAAA,CAAC,OAAO,CAAC,IAAI,CACf;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACtD;QAAA,EAAE,KAAK,CACT;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAA+C;IACjF,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;MAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAAG,CAC9D,CAAC,CACJ;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EACjB,MAAM,EACN,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,EAAE,EACb,YAAY,EACZ,MAAM,EACN,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,GACO;IACd,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAChC,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC;IACxD,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,IAAI,QAAQ,IAAI,IAAI,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1E,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAEhE,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAC7C,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,CAAC,CAAC,IAAI,CAAC,CAEX;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACd;QAAA,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAClE;UAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;YAAA,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EACnD;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAClD;QAAA,EAAE,MAAM,CAER;;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACd;YAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACjD;YAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACxC;YAAA,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;gBAAA,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAG,CACpD,CAAC,CACJ;cAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,IAAI,CACV;UAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,IAAI,CAER;;QAAA,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,IAAI,CACnC;QAAA,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAClC;QAAA,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,EACrC;QAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9C;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Image as ReactNativeImage } from 'react-native';\n\nimport { Inline } from '../../../../foundation';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type {\n  PostAction,\n  PostAuthor,\n  PostCardMedia,\n  PostCardProps,\n  PostCommentPreview,\n} from '../../../../types/post-card';\nimport { Avatar } from '../../../avatar/public';\nimport { Button } from '../../../button/public';\nimport { Box, Divider, Stack } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\nimport { Card } from '../../public';\n/***\n * Social-style post card pattern with author, content, media, and actions.\n *\n\n */\nexport const PostCard = withZoraThemeScope(PostCardInner);\n\nfunction resolveAuthorName(author: PostAuthor): string | undefined {\n  return typeof author.name === 'string' ? author.name : author.avatar?.name;\n}\n\nfunction resolveMediaAspectRatio(aspectRatio: number | undefined): number {\n  if (aspectRatio === undefined || !Number.isFinite(aspectRatio) || aspectRatio <= 0) {\n    return 16 / 9;\n  }\n\n  return aspectRatio;\n}\n\nfunction isPostCardMediaList(\n  media: NonNullable<PostCardProps['media']>,\n): media is readonly PostCardMedia[] {\n  return Array.isArray(media);\n}\n\nfunction normalizeMedia(media: PostCardProps['media']): readonly PostCardMedia[] {\n  if (!media) {\n    return [];\n  }\n\n  if (isPostCardMediaList(media)) {\n    return media;\n  }\n\n  return [media];\n}\n\nfunction PostCardAuthor({ author, compact = false }: { author: PostAuthor; compact?: boolean }) {\n  const avatarName = resolveAuthorName(author);\n  const { avatar } = author;\n\n  return (\n    <Inline align=\"center\" gap=\"s\" wrap=\"nowrap\">\n      <Avatar\n        initials={avatar?.initials}\n        label={avatar?.label ?? avatarName}\n        name={avatarName}\n        shape={avatar?.shape}\n        size={avatar?.size ?? (compact ? 's' : 'm')}\n        source={avatar?.source}\n        color={avatar?.color}\n      />\n      <Box flex={1}>\n        <Stack gap=\"xxs\">\n          <Text variant=\"bodySmall\" weight=\"semiBold\">\n            {author.name}\n          </Text>\n          {author.subtitle ? (\n            <Text emphasis=\"muted\" variant=\"caption\">\n              {author.subtitle}\n            </Text>\n          ) : null}\n        </Stack>\n      </Box>\n    </Inline>\n  );\n}\n\nfunction PostCardMediaItem({ media }: { media: PostCardMedia }) {\n  const { theme } = useZoraTheme();\n  const aspectRatio = resolveMediaAspectRatio(media.aspectRatio);\n\n  if (!('source' in media)) {\n    return (\n      <Box radius=\"m\" style={{ overflow: 'hidden' }}>\n        {media.children}\n      </Box>\n    );\n  }\n\n  return (\n    <Box bg={theme.semantics.neutral.surface} radius=\"m\" style={{ overflow: 'hidden' }}>\n      <Box style={{ aspectRatio, width: '100%' }}>\n        <ReactNativeImage\n          accessibilityLabel={media.label}\n          source={media.source}\n          style={{ height: '100%', width: '100%' }}\n        />\n      </Box>\n    </Box>\n  );\n}\n\nfunction PostActionLabel({ action }: { action: PostAction }) {\n  if (!action.count) {\n    return <>{action.label}</>;\n  }\n\n  return (\n    <>\n      {action.label} {action.count}\n    </>\n  );\n}\n\nfunction PostCardActions({ actions }: { actions: readonly PostAction[] }) {\n  if (actions.length === 0) {\n    return null;\n  }\n\n  return (\n    <Inline align=\"center\" gap=\"s\" wrap=\"wrap\">\n      {actions.map((action) => (\n        <Button\n          key={action.id}\n          disabled={action.disabled}\n          variant={action.selected ? 'soft' : 'ghost'}\n          leadingIcon={action.icon}\n          onPress={action.onPress}\n          size=\"s\"\n          color={action.selected ? 'primary' : 'neutral'}\n        >\n          <PostActionLabel action={action} />\n        </Button>\n      ))}\n    </Inline>\n  );\n}\n\nfunction PostCommentPreviewItem({ comment }: { comment: PostCommentPreview }) {\n  return (\n    <Inline align=\"flex-start\" gap=\"s\" wrap=\"nowrap\">\n      {comment.author ? <PostCardAuthor author={comment.author} compact /> : null}\n      <Box flex={1}>\n        <Stack gap=\"xxs\">\n          <Text variant=\"bodySmall\">{comment.text}</Text>\n          {comment.meta ? (\n            <Text emphasis=\"subtle\" variant=\"caption\">\n              {comment.meta}\n            </Text>\n          ) : null}\n          {comment.action ? <Box>{comment.action}</Box> : null}\n        </Stack>\n      </Box>\n    </Inline>\n  );\n}\n\nfunction PostCardComments({ comments }: { comments: readonly PostCommentPreview[] }) {\n  if (comments.length === 0) {\n    return null;\n  }\n\n  return (\n    <Stack gap=\"s\">\n      {comments.map((comment) => (\n        <PostCommentPreviewItem key={comment.id} comment={comment} />\n      ))}\n    </Stack>\n  );\n}\n\nfunction PostCardInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  testID,\n  author,\n  text,\n  children,\n  media,\n  actions = [],\n  comments = [],\n  headerAction,\n  footer,\n  tone = 'default',\n  compact = false,\n  onPress,\n}: PostCardProps) {\n  const mediaItems = normalizeMedia(media);\n  const gap = compact ? 's' : 'm';\n  const isInteractive = Boolean(onPress) && !headerAction;\n  const hasBody = text != null || children != null || mediaItems.length > 0;\n  const hasEngagement = actions.length > 0 || comments.length > 0;\n\n  return (\n    <Card\n      compact={compact}\n      interactionPolicy={interactionPolicy}\n      onPress={isInteractive ? onPress : undefined}\n      testID={testID}\n      tone={tone}\n    >\n      <Stack gap={gap}>\n        <Inline align=\"center\" gap=\"m\" justify=\"space-between\" wrap=\"nowrap\">\n          <Box flex={1}>\n            <PostCardAuthor author={author} compact={compact} />\n          </Box>\n          {headerAction ? <Box>{headerAction}</Box> : null}\n        </Inline>\n\n        {hasBody ? (\n          <Stack gap={gap}>\n            {text ? <Text variant=\"body\">{text}</Text> : null}\n            {children ? <Box>{children}</Box> : null}\n            {mediaItems.length > 0 ? (\n              <Stack gap=\"s\">\n                {mediaItems.map((item, index) => (\n                  <PostCardMediaItem key={`${index}`} media={item} />\n                ))}\n              </Stack>\n            ) : null}\n          </Stack>\n        ) : null}\n\n        {hasEngagement ? <Divider /> : null}\n        <PostCardActions actions={actions} />\n        <PostCardComments comments={comments} />\n        {footer ? <Box pt=\"xs\">{footer}</Box> : null}\n      </Stack>\n    </Card>\n  );\n}\n"]}

package/dist/features/card/adapters/inbound/ProductCard.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ZoraBaseProps } from '../../../../theme/ZoraBaseProps';
+import type { ProductCardProps } from '../../../../types/product-card';
+export declare const ProductCard: (props: ProductCardProps & ZoraBaseProps) => React.ReactElement | null;
+//# sourceMappingURL=ProductCard.d.ts.map

package/dist/features/card/adapters/inbound/ProductCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAQvE,eAAO,MAAM,WAAW,wEAAuC,CAAC"}

package/dist/features/card/adapters/inbound/ProductCard.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { Inline } from '../../../../foundation';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Badge } from '../../../badge/public';
+import { Button } from '../../../button/public';
+import { Image } from '../../../image/public';
+import { Divider, Stack } from '../../../layout/public';
+import { Heading } from '../../../typography/public';
+import { Text } from '../../../typography/public';
+import { Card } from '../../public';
+export const ProductCard = withZoraThemeScope(ProductCardInner);
+function ProductCardInner({ title, subtitle, description, brand, vendor: _vendor, imageUrl, imageAlt, price, currency, badges, meta, primaryActionLabel, secondaryActionLabel, onPress, onPrimaryAction, onSecondaryAction, interactionPolicy, ...rest }) {
+    const hasHeaderInfo = !!title || !!brand || !!subtitle;
+    const hasMeta = !!meta && meta.length > 0;
+    const hasActions = !!primaryActionLabel || !!secondaryActionLabel;
+    const isInteractive = Boolean(onPress);
+    const eyebrow = brand ?? _vendor;
+    return (<Card onPress={isInteractive ? onPress : undefined} interactionPolicy={interactionPolicy} {...rest}>
+      <Stack gap="m">
+        {imageUrl ? (<Image accessibilityLabel={imageAlt ?? title} source={{ uri: imageUrl }} aspectRatio={1} radius="m"/>) : null}
+
+        <Stack gap="s">
+          {hasHeaderInfo ? (<Stack gap="xxs">
+              {eyebrow ? (<Text variant="caption" weight="semiBold" emphasis="muted">
+                  {eyebrow}
+                </Text>) : null}
+              <Heading level={4}>{title}</Heading>
+              {subtitle ? (<Text variant="bodySmall" emphasis="muted">
+                  {subtitle}
+                </Text>) : null}
+            </Stack>) : null}
+
+          {description ? <Text variant="bodySmall">{description}</Text> : null}
+
+          {badges && badges.length > 0 ? (<Inline gap="xs" wrap="wrap">
+              {badges.map((badge, index) => (<Badge key={`${badge}-${index}`}>{badge}</Badge>))}
+            </Inline>) : null}
+        </Stack>
+
+        {price ? (<Text variant="bodySmall" weight="bold">
+            {currency ? `${currency} ` : ''}
+            {price}
+          </Text>) : null}
+
+        {hasMeta ? (<Stack gap="xs">
+            <Divider />
+            {meta.map((item, index) => (<Inline key={`${item.label}-${index}`} justify="space-between">
+                <Text variant="bodySmall" emphasis="muted">
+                  {item.label}
+                </Text>
+                <Text variant="bodySmall" weight="semiBold">
+                  {item.value}
+                </Text>
+              </Inline>))}
+          </Stack>) : null}
+
+        {hasActions ? (<Stack gap="s">
+            <Divider />
+            <Inline gap="s">
+              {secondaryActionLabel ? (<Button interactionPolicy={interactionPolicy} variant="ghost" onPress={onSecondaryAction} size="s">
+                  {secondaryActionLabel}
+                </Button>) : null}
+              {primaryActionLabel ? (<Button interactionPolicy={interactionPolicy} variant="solid" onPress={onPrimaryAction} size="s" flex={1}>
+                  {primaryActionLabel}
+                </Button>) : null}
+            </Inline>
+          </Stack>) : null}
+      </Stack>
+    </Card>);
+}
+//# sourceMappingURL=ProductCard.js.map

package/dist/features/card/adapters/inbound/ProductCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/ProductCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Inline } from '../../../../foundation';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ZoraBaseProps } from '../../../../theme/ZoraBaseProps';\nimport type { ProductCardProps } from '../../../../types/product-card';\nimport { Badge } from '../../../badge/public';\nimport { Button } from '../../../button/public';\nimport { Image } from '../../../image/public';\nimport { Divider, Stack } from '../../../layout/public';\nimport { Heading } from '../../../typography/public';\nimport { Text } from '../../../typography/public';\nimport { Card } from '../../public';\nexport const ProductCard = withZoraThemeScope(ProductCardInner);\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"]}

package/dist/features/card/cardMeta.d.ts

@@ -0,0 +1,87 @@
+export declare const cardMeta: {
+    readonly name: "Card";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly ["Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "SplashScreen", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly blueprint: {
+        readonly label: "Card";
+        readonly defaultProps: {
+            readonly title: "Card";
+        };
+    };
+    readonly events: {
+        readonly press: {
+            readonly label: "Press";
+            readonly eventType: "card.press";
+            readonly payloadFields: readonly [];
+        };
+    };
+    readonly props: {
+        readonly title: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Title";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly description: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Description";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly eyebrow: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Eyebrow";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly tone: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Tone";
+            readonly enum: readonly ["default", "subtle", "outline"];
+            readonly authoring: {
+                readonly authority: "theme";
+                readonly scope: "component";
+                readonly allowInstanceOverride: true;
+            };
+        };
+        readonly compact: {
+            readonly type: "boolean";
+            readonly category: "Layout";
+            readonly label: "Compact";
+            readonly authoring: {
+                readonly authority: "theme";
+                readonly scope: "component";
+                readonly allowInstanceOverride: true;
+            };
+        };
+        readonly padding: {
+            readonly type: "spacing";
+            readonly category: "Layout";
+            readonly label: "Padding";
+            readonly authoring: {
+                readonly authority: "theme";
+                readonly scope: "component";
+                readonly allowInstanceOverride: true;
+            };
+        };
+        readonly radius: {
+            readonly type: "radius";
+            readonly category: "Style";
+            readonly label: "Corner radius";
+            readonly authoring: {
+                readonly authority: "theme";
+                readonly scope: "component";
+                readonly allowInstanceOverride: true;
+            };
+        };
+    };
+};
+//# sourceMappingURL=cardMeta.d.ts.map

package/dist/features/card/cardMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardMeta.d.ts","sourceRoot":"","sources":["../../../src/features/card/cardMeta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDiB,CAAC"}

package/dist/features/card/cardMeta.js

@@ -0,0 +1,56 @@
+import { COMPONENT_THEME_AUTHORING } from '../../constants';
+import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+export const cardMeta = {
+    name: 'Card',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    blueprint: { label: 'Card', defaultProps: { title: 'Card' } },
+    events: { press: { label: 'Press', eventType: 'card.press', payloadFields: [] } },
+    props: {
+        title: {
+            type: 'string',
+            category: 'Content',
+            label: 'Title',
+            authoring: { authority: 'instance' },
+        },
+        description: {
+            type: 'string',
+            category: 'Content',
+            label: 'Description',
+            authoring: { authority: 'instance' },
+        },
+        eyebrow: {
+            type: 'string',
+            category: 'Content',
+            label: 'Eyebrow',
+            authoring: { authority: 'instance' },
+        },
+        tone: {
+            type: 'enum',
+            category: 'Style',
+            label: 'Tone',
+            enum: ['default', 'subtle', 'outline'],
+            authoring: COMPONENT_THEME_AUTHORING,
+        },
+        compact: {
+            type: 'boolean',
+            category: 'Layout',
+            label: 'Compact',
+            authoring: COMPONENT_THEME_AUTHORING,
+        },
+        padding: {
+            type: 'spacing',
+            category: 'Layout',
+            label: 'Padding',
+            authoring: COMPONENT_THEME_AUTHORING,
+        },
+        radius: {
+            type: 'radius',
+            category: 'Style',
+            label: 'Corner radius',
+            authoring: COMPONENT_THEME_AUTHORING,
+        },
+    },
+};
+//# sourceMappingURL=cardMeta.js.map

package/dist/features/card/cardMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardMeta.js","sourceRoot":"","sources":["../../../src/features/card/cardMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAC7D,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE;IACjF,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;YACtC,SAAS,EAAE,yBAAyB;SACrC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,yBAAyB;SACrC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,yBAAyB;SACrC;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,eAAe;YACtB,SAAS,EAAE,yBAAyB;SACrC;KACF;CACmC,CAAC","sourcesContent":["import { COMPONENT_THEME_AUTHORING } from '../../constants';\nimport type { ZoraComponentMeta } from '../../metadata';\nimport { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\n\nexport const cardMeta = {\n  name: 'Card',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  blueprint: { label: 'Card', defaultProps: { title: 'Card' } },\n  events: { press: { label: 'Press', eventType: 'card.press', payloadFields: [] } },\n  props: {\n    title: {\n      type: 'string',\n      category: 'Content',\n      label: 'Title',\n      authoring: { authority: 'instance' },\n    },\n    description: {\n      type: 'string',\n      category: 'Content',\n      label: 'Description',\n      authoring: { authority: 'instance' },\n    },\n    eyebrow: {\n      type: 'string',\n      category: 'Content',\n      label: 'Eyebrow',\n      authoring: { authority: 'instance' },\n    },\n    tone: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Tone',\n      enum: ['default', 'subtle', 'outline'],\n      authoring: COMPONENT_THEME_AUTHORING,\n    },\n    compact: {\n      type: 'boolean',\n      category: 'Layout',\n      label: 'Compact',\n      authoring: COMPONENT_THEME_AUTHORING,\n    },\n    padding: {\n      type: 'spacing',\n      category: 'Layout',\n      label: 'Padding',\n      authoring: COMPONENT_THEME_AUTHORING,\n    },\n    radius: {\n      type: 'radius',\n      category: 'Style',\n      label: 'Corner radius',\n      authoring: COMPONENT_THEME_AUTHORING,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}