@ankhorage/zora 18.0.1 → 19.0.1

package/dist/features/chat/adapters/inbound/ChatListItem.js

@@ -0,0 +1,115 @@
+import { Pressable } from '@ankhorage/surface';
+import React from 'react';
+import { Avatar } from '../../../avatar/public';
+import { Badge } from '../../../badge/public';
+import { View } from '../../../layout/public';
+import { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';
+import { useZoraTheme } from '../../../theme/composition/useZoraTheme';
+import { Text } from '../../../typography/public';
+function resolveAvatarName({ avatar, title, }) {
+    if (avatar?.name) {
+        return avatar.name;
+    }
+    return typeof title === 'string' ? title : undefined;
+}
+function resolvePadding(compact) {
+    return compact ? { px: 'm', py: 's' } : { px: 'm', py: 'm' };
+}
+function resolveContainerStyles({ theme, selected, pressed, hovered, disabled, }) {
+    const borderColor = selected ? theme.semantics.border.focus : 'transparent';
+    return {
+        bg: pressed
+            ? theme.semantics.neutral.surfaceActive
+            : hovered
+                ? theme.semantics.neutral.surfaceHover
+                : selected
+                    ? theme.semantics.neutral.surface
+                    : 'transparent',
+        borderColor,
+        borderWidth: selected ? 1 : 0,
+        opacity: disabled ? 0.72 : 1,
+    };
+}
+function renderUnreadCount(unreadCount) {
+    if (unreadCount == null) {
+        return null;
+    }
+    return (<Badge size="s" color="primary">
+      {unreadCount}
+    </Badge>);
+}
+function ChatListItemInner({ themeId: _themeId, mode: _mode, interactionPolicy, testID, title, preview, meta, timestamp, avatar, leading, trailing, unread = false, unreadCount, selected = false, disabled = false, compact = false, accessibilityLabel, onPress, }) {
+    const { theme } = useZoraTheme();
+    const padding = resolvePadding(compact);
+    const avatarName = resolveAvatarName({ avatar, title });
+    const isInteractive = Boolean(onPress);
+    const hasTimestamp = timestamp != null;
+    const hasPreview = preview != null;
+    const hasMeta = meta != null;
+    const hasTrailing = trailing != null;
+    const hasUnreadCount = unreadCount != null;
+    const hasSecondaryRow = hasPreview || hasMeta || hasUnreadCount || hasTrailing;
+    const content = ({ pressed, hovered }) => {
+        const styles = resolveContainerStyles({
+            theme,
+            selected,
+            pressed,
+            hovered,
+            disabled,
+        });
+        return (<View bg={styles.bg} borderColor={styles.borderColor} borderWidth={styles.borderWidth} px={padding.px} py={padding.py} radius="m" style={{ opacity: styles.opacity }}>
+        <View direction="row" align="center" gap="m" wrap="nowrap">
+          {leading ?? (<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}/>)}
+
+          <View flex={1}>
+            <View gap="xxs">
+              <View direction="row" align="center" gap="s" justify="space-between" wrap="nowrap">
+                <View flex={1}>
+                  <Text numberOfLines={1} emphasis={disabled ? 'muted' : 'default'} variant="bodySmall" weight={unread || selected ? 'semiBold' : 'medium'}>
+                    {title}
+                  </Text>
+                </View>
+                {hasTimestamp ? (<Text numberOfLines={1} color={unread ? 'primary' : undefined} emphasis={unread ? 'default' : 'subtle'} variant="caption" weight={unread ? 'semiBold' : 'regular'}>
+                    {timestamp}
+                  </Text>) : null}
+              </View>
+
+              {hasSecondaryRow ? (<View direction="row" align="center" gap="s" justify="space-between" wrap="nowrap">
+                  <View flex={1}>
+                    <View gap="xxs">
+                      {hasPreview ? (<Text numberOfLines={1} emphasis={unread ? 'default' : 'muted'} variant="bodySmall" weight={unread ? 'medium' : 'regular'}>
+                          {preview}
+                        </Text>) : null}
+                      {hasMeta ? (<Text numberOfLines={1} emphasis="subtle" variant="caption">
+                          {meta}
+                        </Text>) : null}
+                    </View>
+                  </View>
+
+                  {hasUnreadCount || hasTrailing ? (<View direction="row" align="center" gap="s" wrap="nowrap">
+                      {renderUnreadCount(unreadCount)}
+                      {trailing}
+                    </View>) : null}
+                </View>) : null}
+            </View>
+          </View>
+        </View>
+      </View>);
+    };
+    if (!isInteractive) {
+        return <View testID={testID}>{content({ pressed: false, hovered: false })}</View>;
+    }
+    return (<Pressable accessibilityLabel={accessibilityLabel} accessibilityRole="button" accessibilityState={{ disabled, selected }} disabled={disabled} interactionPolicy={interactionPolicy} onPress={onPress} radius="m" testID={testID}>
+      {(state) => content({
+            pressed: state.pressed,
+            hovered: state.hovered,
+        })}
+    </Pressable>);
+}
+/***
+ * Chat-style list row with avatar, title, preview text, and unread indicators.
+ *
+ 
+ */
+export const ChatListItem = withZoraThemeScope(ChatListItemInner);
+//# sourceMappingURL=ChatListItem.js.map

package/dist/features/chat/adapters/inbound/ChatListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatListItem.js","sourceRoot":"","sources":["../../../../../src/features/chat/adapters/inbound/ChatListItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Pressable } from '@ankhorage/surface';\nimport React from 'react';\n\nimport type { ChatListAvatar, ChatListItemProps } from '../../../../types/chat';\nimport { Avatar } from '../../../avatar/public';\nimport { Badge } from '../../../badge/public';\nimport { View } from '../../../layout/public';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { useZoraTheme } from '../../../theme/composition/useZoraTheme';\nimport { Text } from '../../../typography/public';\n\nfunction resolveAvatarName({\n  avatar,\n  title,\n}: {\n  avatar: ChatListAvatar | undefined;\n  title: React.ReactNode;\n}): string | undefined {\n  if (avatar?.name) {\n    return avatar.name;\n  }\n\n  return typeof title === 'string' ? title : undefined;\n}\n\nfunction resolvePadding(compact: boolean) {\n  return compact ? { px: 'm' as const, py: 's' as const } : { px: 'm' as const, py: 'm' as const };\n}\n\nfunction resolveContainerStyles({\n  theme,\n  selected,\n  pressed,\n  hovered,\n  disabled,\n}: {\n  theme: ReturnType<typeof useZoraTheme>['theme'];\n  selected: boolean;\n  pressed: boolean;\n  hovered: boolean;\n  disabled: boolean;\n}) {\n  const borderColor = selected ? theme.semantics.border.focus : 'transparent';\n\n  return {\n    bg: pressed\n      ? theme.semantics.neutral.surfaceActive\n      : hovered\n        ? theme.semantics.neutral.surfaceHover\n        : selected\n          ? theme.semantics.neutral.surface\n          : 'transparent',\n    borderColor,\n    borderWidth: selected ? 1 : 0,\n    opacity: disabled ? 0.72 : 1,\n  };\n}\n\nfunction renderUnreadCount(unreadCount: React.ReactNode) {\n  if (unreadCount == null) {\n    return null;\n  }\n\n  return (\n    <Badge size=\"s\" color=\"primary\">\n      {unreadCount}\n    </Badge>\n  );\n}\n\nfunction ChatListItemInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  testID,\n  title,\n  preview,\n  meta,\n  timestamp,\n  avatar,\n  leading,\n  trailing,\n  unread = false,\n  unreadCount,\n  selected = false,\n  disabled = false,\n  compact = false,\n  accessibilityLabel,\n  onPress,\n}: ChatListItemProps) {\n  const { theme } = useZoraTheme();\n  const padding = resolvePadding(compact);\n  const avatarName = resolveAvatarName({ avatar, title });\n  const isInteractive = Boolean(onPress);\n  const hasTimestamp = timestamp != null;\n  const hasPreview = preview != null;\n  const hasMeta = meta != null;\n  const hasTrailing = trailing != null;\n  const hasUnreadCount = unreadCount != null;\n  const hasSecondaryRow = hasPreview || hasMeta || hasUnreadCount || hasTrailing;\n\n  const content = ({ pressed, hovered }: { pressed: boolean; hovered: boolean }) => {\n    const styles = resolveContainerStyles({\n      theme,\n      selected,\n      pressed,\n      hovered,\n      disabled,\n    });\n\n    return (\n      <View\n        bg={styles.bg}\n        borderColor={styles.borderColor}\n        borderWidth={styles.borderWidth}\n        px={padding.px}\n        py={padding.py}\n        radius=\"m\"\n        style={{ opacity: styles.opacity }}\n      >\n        <View direction=\"row\" align=\"center\" gap=\"m\" wrap=\"nowrap\">\n          {leading ?? (\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          )}\n\n          <View flex={1}>\n            <View gap=\"xxs\">\n              <View direction=\"row\" align=\"center\" gap=\"s\" justify=\"space-between\" wrap=\"nowrap\">\n                <View flex={1}>\n                  <Text\n                    numberOfLines={1}\n                    emphasis={disabled ? 'muted' : 'default'}\n                    variant=\"bodySmall\"\n                    weight={unread || selected ? 'semiBold' : 'medium'}\n                  >\n                    {title}\n                  </Text>\n                </View>\n                {hasTimestamp ? (\n                  <Text\n                    numberOfLines={1}\n                    color={unread ? 'primary' : undefined}\n                    emphasis={unread ? 'default' : 'subtle'}\n                    variant=\"caption\"\n                    weight={unread ? 'semiBold' : 'regular'}\n                  >\n                    {timestamp}\n                  </Text>\n                ) : null}\n              </View>\n\n              {hasSecondaryRow ? (\n                <View direction=\"row\" align=\"center\" gap=\"s\" justify=\"space-between\" wrap=\"nowrap\">\n                  <View flex={1}>\n                    <View gap=\"xxs\">\n                      {hasPreview ? (\n                        <Text\n                          numberOfLines={1}\n                          emphasis={unread ? 'default' : 'muted'}\n                          variant=\"bodySmall\"\n                          weight={unread ? 'medium' : 'regular'}\n                        >\n                          {preview}\n                        </Text>\n                      ) : null}\n                      {hasMeta ? (\n                        <Text numberOfLines={1} emphasis=\"subtle\" variant=\"caption\">\n                          {meta}\n                        </Text>\n                      ) : null}\n                    </View>\n                  </View>\n\n                  {hasUnreadCount || hasTrailing ? (\n                    <View direction=\"row\" align=\"center\" gap=\"s\" wrap=\"nowrap\">\n                      {renderUnreadCount(unreadCount)}\n                      {trailing}\n                    </View>\n                  ) : null}\n                </View>\n              ) : null}\n            </View>\n          </View>\n        </View>\n      </View>\n    );\n  };\n\n  if (!isInteractive) {\n    return <View testID={testID}>{content({ pressed: false, hovered: false })}</View>;\n  }\n\n  return (\n    <Pressable\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled, selected }}\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      onPress={onPress}\n      radius=\"m\"\n      testID={testID}\n    >\n      {(state) =>\n        content({\n          pressed: state.pressed,\n          hovered: state.hovered,\n        })\n      }\n    </Pressable>\n  );\n}\n\n/***\n * Chat-style list row with avatar, title, preview text, and unread indicators.\n *\n \n */\nexport const ChatListItem = withZoraThemeScope(ChatListItemInner);\n"]}

package/dist/features/chat/adapters/inbound/MessageBubble.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { MessageBubbleProps } from '../../../../types/chat';
+/***
+ * Message bubble pattern for chat UIs with direction and status styling.
+ *
+ 
+ */
+export declare const MessageBubble: (props: MessageBubbleProps) => React.ReactElement | null;
+//# sourceMappingURL=MessageBubble.d.ts.map

package/dist/features/chat/adapters/inbound/MessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../../../src/features/chat/adapters/inbound/MessageBubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAGV,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAsQhC;;;;GAIG;AACH,eAAO,MAAM,aAAa,0DAAyC,CAAC"}

package/dist/features/chat/adapters/inbound/MessageBubble.js

@@ -0,0 +1,133 @@
+import { Pressable } from '@ankhorage/surface';
+import React from 'react';
+import { Avatar } from '../../../avatar/public';
+import { View } from '../../../layout/public';
+import { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';
+import { useZoraTheme } from '../../../theme/composition/useZoraTheme';
+import { Text } from '../../../typography/public';
+function resolveAvatarName({ avatar, authorName, }) {
+    if (avatar?.name)
+        return avatar.name;
+    return typeof authorName === 'string' ? authorName : undefined;
+}
+function resolvePadding(compact) {
+    return compact ? { px: 'm', py: 's' } : { px: 'm', py: 'm' };
+}
+function resolveStatusLabel(status) {
+    switch (status) {
+        case 'sending':
+            return 'Sending';
+        case 'sent':
+            return 'Sent';
+        case 'delivered':
+            return 'Delivered';
+        case 'read':
+            return 'Read';
+        case 'failed':
+            return 'Failed';
+        default:
+            return status;
+    }
+}
+function isMessageBubbleStatus(status) {
+    return (status === 'sending' ||
+        status === 'sent' ||
+        status === 'delivered' ||
+        status === 'read' ||
+        status === 'failed');
+}
+function resolveStatus(status) {
+    if (status == null)
+        return null;
+    return isMessageBubbleStatus(status) ? resolveStatusLabel(status) : status;
+}
+function resolveBubbleStyles({ direction, disabled, hovered, pressed, selected, theme, }) {
+    const borderColor = selected ? theme.semantics.border.focus : theme.semantics.border.default;
+    if (direction === 'system') {
+        return {
+            bg: selected ? theme.semantics.neutral.surface : 'transparent',
+            borderColor,
+            borderWidth: selected ? 1 : 0,
+            opacity: disabled ? 0.72 : 1,
+        };
+    }
+    const interactiveBg = pressed
+        ? theme.semantics.neutral.surfaceActive
+        : hovered
+            ? theme.semantics.neutral.surfaceHover
+            : undefined;
+    return {
+        bg: interactiveBg ??
+            (direction === 'outgoing' ? theme.semantics.neutral.surface : theme.semantics.surface.raised),
+        borderColor,
+        borderWidth: selected ? 1 : 0,
+        opacity: disabled ? 0.72 : 1,
+    };
+}
+function MessageAvatar({ avatar, authorName, compact, }) {
+    const avatarName = resolveAvatarName({ avatar, authorName });
+    return (<Avatar initials={avatar.initials} label={avatar.label ?? avatarName} name={avatarName} shape={avatar.shape} size={avatar.size ?? (compact ? 'xs' : 's')} source={avatar.source} color={avatar.color}/>);
+}
+function MessageBubbleInner({ themeId: _themeId, mode: _mode, interactionPolicy, testID, direction = 'incoming', text, children, author, timestamp, meta, status, leading, trailing, footer, selected = false, disabled = false, compact = false, accessibilityLabel, onPress, }) {
+    const { theme } = useZoraTheme();
+    const padding = resolvePadding(compact);
+    const isInteractive = Boolean(onPress);
+    const isOutgoing = direction === 'outgoing';
+    const isSystem = direction === 'system';
+    const renderedStatus = resolveStatus(status);
+    const authorName = author?.name;
+    const authorAvatar = author?.avatar;
+    const hasAuthorName = authorName != null && !isOutgoing && !isSystem;
+    const hasAvatar = authorAvatar != null && !isOutgoing && !isSystem;
+    const hasMetaRow = timestamp != null || meta != null || renderedStatus != null;
+    const renderBubble = ({ pressed, hovered }) => {
+        const styles = resolveBubbleStyles({ direction, disabled, hovered, pressed, selected, theme });
+        return (<View bg={styles.bg} borderColor={styles.borderColor} borderWidth={styles.borderWidth} px={padding.px} py={padding.py} radius={isSystem ? 'm' : 'l'} style={{ maxWidth: compact ? 420 : 560, opacity: styles.opacity }}>
+        <View align={isSystem ? 'center' : 'flex-start'} gap={compact ? 'xxs' : 'xs'}>
+          {hasAuthorName ? (<Text emphasis="muted" variant="caption" weight="semiBold">
+              {authorName}
+            </Text>) : null}
+          {text != null ? (<Text align={isSystem ? 'center' : undefined} emphasis={disabled ? 'muted' : 'default'}>
+              {text}
+            </Text>) : null}
+          {children != null ? <View width="100%">{children}</View> : null}
+          {hasMetaRow ? (<View direction="row" align="center" gap="xs" justify={isOutgoing ? 'flex-end' : isSystem ? 'center' : 'flex-start'} wrap="wrap">
+              {timestamp != null ? (<Text emphasis="subtle" variant="caption">
+                  {timestamp}
+                </Text>) : null}
+              {meta != null ? (<Text emphasis="subtle" variant="caption">
+                  {meta}
+                </Text>) : null}
+              {renderedStatus != null ? (<Text color={status === 'failed' ? 'danger' : undefined} emphasis={status === 'failed' ? 'default' : 'subtle'} variant="caption">
+                  {renderedStatus}
+                </Text>) : null}
+            </View>) : null}
+        </View>
+      </View>);
+    };
+    const bubbleContent = isInteractive ? (<Pressable accessibilityLabel={accessibilityLabel} accessibilityRole="button" accessibilityState={{ disabled, selected }} disabled={disabled} interactionPolicy={interactionPolicy} onPress={onPress} radius={isSystem ? 'm' : 'l'} testID={testID}>
+      {(state) => renderBubble({ pressed: state.pressed, hovered: state.hovered })}
+    </Pressable>) : (<View testID={testID}>{renderBubble({ pressed: false, hovered: false })}</View>);
+    return (<View gap="xs" style={{ width: '100%' }}>
+      <View direction="row" align="flex-end" gap="s" justify={isSystem ? 'center' : isOutgoing ? 'flex-end' : 'flex-start'} wrap="nowrap">
+        {!isOutgoing && !isSystem ? (<View>
+            {leading ??
+                (hasAvatar ? (<MessageAvatar avatar={authorAvatar} authorName={authorName} compact={compact}/>) : null)}
+          </View>) : null}
+        {isOutgoing && trailing ? <View>{trailing}</View> : null}
+        {bubbleContent}
+        {isOutgoing && leading ? <View>{leading}</View> : null}
+        {!isOutgoing && !isSystem && trailing ? <View>{trailing}</View> : null}
+      </View>
+      {footer != null ? (<View alignSelf={isOutgoing ? 'flex-end' : isSystem ? 'center' : 'flex-start'}>
+          {footer}
+        </View>) : null}
+    </View>);
+}
+/***
+ * Message bubble pattern for chat UIs with direction and status styling.
+ *
+ 
+ */
+export const MessageBubble = withZoraThemeScope(MessageBubbleInner);
+//# sourceMappingURL=MessageBubble.js.map

package/dist/features/chat/adapters/inbound/MessageBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.js","sourceRoot":"","sources":["../../../../../src/features/chat/adapters/inbound/MessageBubble.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Pressable } from '@ankhorage/surface';\nimport React from 'react';\n\nimport type {\n  MessageBubbleAvatar,\n  MessageBubbleDirection,\n  MessageBubbleProps,\n  MessageBubbleStatus,\n} from '../../../../types/chat';\nimport { Avatar } from '../../../avatar/public';\nimport { View } from '../../../layout/public';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { useZoraTheme } from '../../../theme/composition/useZoraTheme';\nimport { Text } from '../../../typography/public';\n\nfunction resolveAvatarName({\n  avatar,\n  authorName,\n}: {\n  avatar: MessageBubbleAvatar | undefined;\n  authorName: React.ReactNode | undefined;\n}): string | undefined {\n  if (avatar?.name) return avatar.name;\n  return typeof authorName === 'string' ? authorName : undefined;\n}\n\nfunction resolvePadding(compact: boolean) {\n  return compact ? { px: 'm' as const, py: 's' as const } : { px: 'm' as const, py: 'm' as const };\n}\n\nfunction resolveStatusLabel(status: MessageBubbleStatus): string {\n  switch (status) {\n    case 'sending':\n      return 'Sending';\n    case 'sent':\n      return 'Sent';\n    case 'delivered':\n      return 'Delivered';\n    case 'read':\n      return 'Read';\n    case 'failed':\n      return 'Failed';\n    default:\n      return status;\n  }\n}\n\nfunction isMessageBubbleStatus(\n  status: MessageBubbleProps['status'],\n): status is MessageBubbleStatus {\n  return (\n    status === 'sending' ||\n    status === 'sent' ||\n    status === 'delivered' ||\n    status === 'read' ||\n    status === 'failed'\n  );\n}\n\nfunction resolveStatus(status: MessageBubbleProps['status']) {\n  if (status == null) return null;\n  return isMessageBubbleStatus(status) ? resolveStatusLabel(status) : status;\n}\n\nfunction resolveBubbleStyles({\n  direction,\n  disabled,\n  hovered,\n  pressed,\n  selected,\n  theme,\n}: {\n  direction: MessageBubbleDirection;\n  disabled: boolean;\n  hovered: boolean;\n  pressed: boolean;\n  selected: boolean;\n  theme: ReturnType<typeof useZoraTheme>['theme'];\n}) {\n  const borderColor = selected ? theme.semantics.border.focus : theme.semantics.border.default;\n\n  if (direction === 'system') {\n    return {\n      bg: selected ? theme.semantics.neutral.surface : 'transparent',\n      borderColor,\n      borderWidth: selected ? 1 : 0,\n      opacity: disabled ? 0.72 : 1,\n    };\n  }\n\n  const interactiveBg = pressed\n    ? theme.semantics.neutral.surfaceActive\n    : hovered\n      ? theme.semantics.neutral.surfaceHover\n      : undefined;\n\n  return {\n    bg:\n      interactiveBg ??\n      (direction === 'outgoing' ? theme.semantics.neutral.surface : theme.semantics.surface.raised),\n    borderColor,\n    borderWidth: selected ? 1 : 0,\n    opacity: disabled ? 0.72 : 1,\n  };\n}\n\nfunction MessageAvatar({\n  avatar,\n  authorName,\n  compact,\n}: {\n  avatar: MessageBubbleAvatar;\n  authorName: React.ReactNode | undefined;\n  compact: boolean;\n}) {\n  const avatarName = resolveAvatarName({ avatar, authorName });\n\n  return (\n    <Avatar\n      initials={avatar.initials}\n      label={avatar.label ?? avatarName}\n      name={avatarName}\n      shape={avatar.shape}\n      size={avatar.size ?? (compact ? 'xs' : 's')}\n      source={avatar.source}\n      color={avatar.color}\n    />\n  );\n}\n\nfunction MessageBubbleInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  testID,\n  direction = 'incoming',\n  text,\n  children,\n  author,\n  timestamp,\n  meta,\n  status,\n  leading,\n  trailing,\n  footer,\n  selected = false,\n  disabled = false,\n  compact = false,\n  accessibilityLabel,\n  onPress,\n}: MessageBubbleProps) {\n  const { theme } = useZoraTheme();\n  const padding = resolvePadding(compact);\n  const isInteractive = Boolean(onPress);\n  const isOutgoing = direction === 'outgoing';\n  const isSystem = direction === 'system';\n  const renderedStatus = resolveStatus(status);\n  const authorName = author?.name;\n  const authorAvatar = author?.avatar;\n  const hasAuthorName = authorName != null && !isOutgoing && !isSystem;\n  const hasAvatar = authorAvatar != null && !isOutgoing && !isSystem;\n  const hasMetaRow = timestamp != null || meta != null || renderedStatus != null;\n\n  const renderBubble = ({ pressed, hovered }: { pressed: boolean; hovered: boolean }) => {\n    const styles = resolveBubbleStyles({ direction, disabled, hovered, pressed, selected, theme });\n\n    return (\n      <View\n        bg={styles.bg}\n        borderColor={styles.borderColor}\n        borderWidth={styles.borderWidth}\n        px={padding.px}\n        py={padding.py}\n        radius={isSystem ? 'm' : 'l'}\n        style={{ maxWidth: compact ? 420 : 560, opacity: styles.opacity }}\n      >\n        <View align={isSystem ? 'center' : 'flex-start'} gap={compact ? 'xxs' : 'xs'}>\n          {hasAuthorName ? (\n            <Text emphasis=\"muted\" variant=\"caption\" weight=\"semiBold\">\n              {authorName}\n            </Text>\n          ) : null}\n          {text != null ? (\n            <Text align={isSystem ? 'center' : undefined} emphasis={disabled ? 'muted' : 'default'}>\n              {text}\n            </Text>\n          ) : null}\n          {children != null ? <View width=\"100%\">{children}</View> : null}\n          {hasMetaRow ? (\n            <View\n              direction=\"row\"\n              align=\"center\"\n              gap=\"xs\"\n              justify={isOutgoing ? 'flex-end' : isSystem ? 'center' : 'flex-start'}\n              wrap=\"wrap\"\n            >\n              {timestamp != null ? (\n                <Text emphasis=\"subtle\" variant=\"caption\">\n                  {timestamp}\n                </Text>\n              ) : null}\n              {meta != null ? (\n                <Text emphasis=\"subtle\" variant=\"caption\">\n                  {meta}\n                </Text>\n              ) : null}\n              {renderedStatus != null ? (\n                <Text\n                  color={status === 'failed' ? 'danger' : undefined}\n                  emphasis={status === 'failed' ? 'default' : 'subtle'}\n                  variant=\"caption\"\n                >\n                  {renderedStatus}\n                </Text>\n              ) : null}\n            </View>\n          ) : null}\n        </View>\n      </View>\n    );\n  };\n\n  const bubbleContent = isInteractive ? (\n    <Pressable\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled, selected }}\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      onPress={onPress}\n      radius={isSystem ? 'm' : 'l'}\n      testID={testID}\n    >\n      {(state) => renderBubble({ pressed: state.pressed, hovered: state.hovered })}\n    </Pressable>\n  ) : (\n    <View testID={testID}>{renderBubble({ pressed: false, hovered: false })}</View>\n  );\n\n  return (\n    <View gap=\"xs\" style={{ width: '100%' }}>\n      <View\n        direction=\"row\"\n        align=\"flex-end\"\n        gap=\"s\"\n        justify={isSystem ? 'center' : isOutgoing ? 'flex-end' : 'flex-start'}\n        wrap=\"nowrap\"\n      >\n        {!isOutgoing && !isSystem ? (\n          <View>\n            {leading ??\n              (hasAvatar ? (\n                <MessageAvatar avatar={authorAvatar} authorName={authorName} compact={compact} />\n              ) : null)}\n          </View>\n        ) : null}\n        {isOutgoing && trailing ? <View>{trailing}</View> : null}\n        {bubbleContent}\n        {isOutgoing && leading ? <View>{leading}</View> : null}\n        {!isOutgoing && !isSystem && trailing ? <View>{trailing}</View> : null}\n      </View>\n      {footer != null ? (\n        <View alignSelf={isOutgoing ? 'flex-end' : isSystem ? 'center' : 'flex-start'}>\n          {footer}\n        </View>\n      ) : null}\n    </View>\n  );\n}\n\n/***\n * Message bubble pattern for chat UIs with direction and status styling.\n *\n \n */\nexport const MessageBubble = withZoraThemeScope(MessageBubbleInner);\n"]}

package/dist/features/chat/chatListItemMeta.d.ts

@@ -0,0 +1,74 @@
+export declare const chatListItemMeta: {
+    readonly name: "ChatListItem";
+    readonly category: "pattern";
+    readonly description: "Conversation preview row with avatar, title, preview text, timestamp, and unread state.";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "Chat list item";
+        readonly icon: {
+            readonly name: "chatbubble-outline";
+        };
+        readonly defaultProps: {
+            readonly title: "Ada Lovelace";
+            readonly preview: "Can you review the latest UI update?";
+            readonly timestamp: "2m";
+            readonly avatar: {
+                readonly name: "Ada Lovelace";
+            };
+        };
+    };
+    readonly props: {
+        readonly title: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Title";
+            readonly default: "Ada Lovelace";
+        };
+        readonly preview: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Preview";
+        };
+        readonly meta: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Meta";
+        };
+        readonly timestamp: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Timestamp";
+        };
+        readonly unread: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Unread";
+            readonly default: false;
+        };
+        readonly unreadCount: {
+            readonly type: "string";
+            readonly category: "State";
+            readonly label: "Unread count";
+        };
+        readonly selected: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Selected";
+            readonly default: false;
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Disabled";
+            readonly default: false;
+        };
+        readonly compact: {
+            readonly type: "boolean";
+            readonly category: "Layout";
+            readonly label: "Compact";
+            readonly default: false;
+        };
+    };
+};
+//# sourceMappingURL=chatListItemMeta.d.ts.map

package/dist/features/chat/chatListItemMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatListItemMeta.d.ts","sourceRoot":"","sources":["../../../src/features/chat/chatListItemMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuES,CAAC"}

package/dist/features/chat/chatListItemMeta.js

@@ -0,0 +1,72 @@
+export const chatListItemMeta = {
+    name: 'ChatListItem',
+    category: 'pattern',
+    description: 'Conversation preview row with avatar, title, preview text, timestamp, and unread state.',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: {
+        label: 'Chat list item',
+        icon: { name: 'chatbubble-outline' },
+        defaultProps: {
+            title: 'Ada Lovelace',
+            preview: 'Can you review the latest UI update?',
+            timestamp: '2m',
+            avatar: {
+                name: 'Ada Lovelace',
+            },
+        },
+    },
+    props: {
+        title: {
+            type: 'string',
+            category: 'Content',
+            label: 'Title',
+            default: 'Ada Lovelace',
+        },
+        preview: {
+            type: 'string',
+            category: 'Content',
+            label: 'Preview',
+        },
+        meta: {
+            type: 'string',
+            category: 'Content',
+            label: 'Meta',
+        },
+        timestamp: {
+            type: 'string',
+            category: 'Content',
+            label: 'Timestamp',
+        },
+        unread: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Unread',
+            default: false,
+        },
+        unreadCount: {
+            type: 'string',
+            category: 'State',
+            label: 'Unread count',
+        },
+        selected: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Selected',
+            default: false,
+        },
+        disabled: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Disabled',
+            default: false,
+        },
+        compact: {
+            type: 'boolean',
+            category: 'Layout',
+            label: 'Compact',
+            default: false,
+        },
+    },
+};
+//# sourceMappingURL=chatListItemMeta.js.map

package/dist/features/chat/chatListItemMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatListItemMeta.js","sourceRoot":"","sources":["../../../src/features/chat/chatListItemMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,SAAS;IACnB,WAAW,EACT,yFAAyF;IAC3F,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACpC,YAAY,EAAE;YACZ,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,sCAAsC;YAC/C,SAAS,EAAE,IAAI;YACf,MAAM,EAAE;gBACN,IAAI,EAAE,cAAc;aACrB;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,cAAc;SACxB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,MAAM;SACd;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,WAAW;SACnB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,KAAK;SACf;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,cAAc;SACtB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;SACf;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;SACf;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,KAAK;SACf;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../authoring';\n\nexport const chatListItemMeta = {\n  name: 'ChatListItem',\n  category: 'pattern',\n  description:\n    'Conversation preview row with avatar, title, preview text, timestamp, and unread state.',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: {\n    label: 'Chat list item',\n    icon: { name: 'chatbubble-outline' },\n    defaultProps: {\n      title: 'Ada Lovelace',\n      preview: 'Can you review the latest UI update?',\n      timestamp: '2m',\n      avatar: {\n        name: 'Ada Lovelace',\n      },\n    },\n  },\n  props: {\n    title: {\n      type: 'string',\n      category: 'Content',\n      label: 'Title',\n      default: 'Ada Lovelace',\n    },\n    preview: {\n      type: 'string',\n      category: 'Content',\n      label: 'Preview',\n    },\n    meta: {\n      type: 'string',\n      category: 'Content',\n      label: 'Meta',\n    },\n    timestamp: {\n      type: 'string',\n      category: 'Content',\n      label: 'Timestamp',\n    },\n    unread: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Unread',\n      default: false,\n    },\n    unreadCount: {\n      type: 'string',\n      category: 'State',\n      label: 'Unread count',\n    },\n    selected: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Selected',\n      default: false,\n    },\n    disabled: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Disabled',\n      default: false,\n    },\n    compact: {\n      type: 'boolean',\n      category: 'Layout',\n      label: 'Compact',\n      default: false,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/chat/messageBubbleMeta.d.ts

@@ -0,0 +1,67 @@
+export declare const messageBubbleMeta: {
+    readonly name: "MessageBubble";
+    readonly category: "pattern";
+    readonly description: "Chat/message bubble with direction, author, text, meta, and delivery status presentation.";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly blueprint: {
+        readonly label: "Message bubble";
+        readonly icon: {
+            readonly name: "chatbubble-outline";
+        };
+        readonly defaultProps: {
+            readonly direction: "incoming";
+            readonly text: "Can you review the latest message pattern?";
+            readonly timestamp: "10:41";
+        };
+    };
+    readonly props: {
+        readonly direction: {
+            readonly type: "enum";
+            readonly category: "Content";
+            readonly label: "Direction";
+            readonly enum: readonly ["incoming", "outgoing", "system"];
+            readonly default: "incoming";
+        };
+        readonly text: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Text";
+        };
+        readonly timestamp: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Timestamp";
+        };
+        readonly meta: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Meta";
+        };
+        readonly status: {
+            readonly type: "enum";
+            readonly category: "Content";
+            readonly label: "Status";
+            readonly enum: readonly ["sending", "sent", "delivered", "read", "failed"];
+        };
+        readonly selected: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Selected";
+            readonly default: false;
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Disabled";
+            readonly default: false;
+        };
+        readonly compact: {
+            readonly type: "boolean";
+            readonly category: "Layout";
+            readonly label: "Compact";
+            readonly default: false;
+        };
+    };
+};
+//# sourceMappingURL=messageBubbleMeta.d.ts.map

package/dist/features/chat/messageBubbleMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageBubbleMeta.d.ts","sourceRoot":"","sources":["../../../src/features/chat/messageBubbleMeta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEQ,CAAC"}

package/dist/features/chat/messageBubbleMeta.js

@@ -0,0 +1,66 @@
+import { CONTAINER_ALLOWED_CHILDREN } from '../authoring/allowedChildren';
+export const messageBubbleMeta = {
+    name: 'MessageBubble',
+    category: 'pattern',
+    description: 'Chat/message bubble with direction, author, text, meta, and delivery status presentation.',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    blueprint: {
+        label: 'Message bubble',
+        icon: { name: 'chatbubble-outline' },
+        defaultProps: {
+            direction: 'incoming',
+            text: 'Can you review the latest message pattern?',
+            timestamp: '10:41',
+        },
+    },
+    props: {
+        direction: {
+            type: 'enum',
+            category: 'Content',
+            label: 'Direction',
+            enum: ['incoming', 'outgoing', 'system'],
+            default: 'incoming',
+        },
+        text: {
+            type: 'string',
+            category: 'Content',
+            label: 'Text',
+        },
+        timestamp: {
+            type: 'string',
+            category: 'Content',
+            label: 'Timestamp',
+        },
+        meta: {
+            type: 'string',
+            category: 'Content',
+            label: 'Meta',
+        },
+        status: {
+            type: 'enum',
+            category: 'Content',
+            label: 'Status',
+            enum: ['sending', 'sent', 'delivered', 'read', 'failed'],
+        },
+        selected: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Selected',
+            default: false,
+        },
+        disabled: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Disabled',
+            default: false,
+        },
+        compact: {
+            type: 'boolean',
+            category: 'Layout',
+            label: 'Compact',
+            default: false,
+        },
+    },
+};
+//# sourceMappingURL=messageBubbleMeta.js.map

package/dist/features/chat/messageBubbleMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageBubbleMeta.js","sourceRoot":"","sources":["../../../src/features/chat/messageBubbleMeta.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,SAAS;IACnB,WAAW,EACT,2FAA2F;IAC7F,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,SAAS,EAAE;QACT,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACpC,YAAY,EAAE;YACZ,SAAS,EAAE,UAAU;YACrB,IAAI,EAAE,4CAA4C;YAClD,SAAS,EAAE,OAAO;SACnB;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC;YACxC,OAAO,EAAE,UAAU;SACpB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,MAAM;SACd;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,WAAW;SACnB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,MAAM;SACd;QACD,MAAM,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC;SACzD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;SACf;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;SACf;QACD,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,KAAK;SACf;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../authoring';\nimport { CONTAINER_ALLOWED_CHILDREN } from '../authoring/allowedChildren';\n\nexport const messageBubbleMeta = {\n  name: 'MessageBubble',\n  category: 'pattern',\n  description:\n    'Chat/message bubble with direction, author, text, meta, and delivery status presentation.',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  blueprint: {\n    label: 'Message bubble',\n    icon: { name: 'chatbubble-outline' },\n    defaultProps: {\n      direction: 'incoming',\n      text: 'Can you review the latest message pattern?',\n      timestamp: '10:41',\n    },\n  },\n  props: {\n    direction: {\n      type: 'enum',\n      category: 'Content',\n      label: 'Direction',\n      enum: ['incoming', 'outgoing', 'system'],\n      default: 'incoming',\n    },\n    text: {\n      type: 'string',\n      category: 'Content',\n      label: 'Text',\n    },\n    timestamp: {\n      type: 'string',\n      category: 'Content',\n      label: 'Timestamp',\n    },\n    meta: {\n      type: 'string',\n      category: 'Content',\n      label: 'Meta',\n    },\n    status: {\n      type: 'enum',\n      category: 'Content',\n      label: 'Status',\n      enum: ['sending', 'sent', 'delivered', 'read', 'failed'],\n    },\n    selected: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Selected',\n      default: false,\n    },\n    disabled: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Disabled',\n      default: false,\n    },\n    compact: {\n      type: 'boolean',\n      category: 'Layout',\n      label: 'Compact',\n      default: false,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}