@objectifthunes/limestone-sdk 0.1.5 → 0.1.7

package/dist/components/screens/transaction-detail-screen/use-transaction-detail-screen.js

@@ -0,0 +1,221 @@
+export function useTransactionDetailScreen(tokens, props) {
+    const { accessibilityLabel, testID } = props;
+    const containerStyle = {
+        flex: 1,
+        backgroundColor: tokens.colors.background,
+    };
+    const scrollContentStyle = {
+        padding: tokens.spacing.md,
+        gap: tokens.spacing.md,
+    };
+    const amountContainerStyle = {
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingVertical: tokens.spacing.lg,
+    };
+    const amountStyle = {
+        fontSize: tokens.typography.sizes['4xl'],
+        fontWeight: tokens.typography.weights.bold,
+        color: tokens.colors.foreground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const debitAmountStyle = {
+        fontSize: tokens.typography.sizes['4xl'],
+        fontWeight: tokens.typography.weights.bold,
+        color: tokens.colors.destructive,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const creditAmountStyle = {
+        fontSize: tokens.typography.sizes['4xl'],
+        fontWeight: tokens.typography.weights.bold,
+        color: tokens.colors.accent,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const statusBadgeStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: tokens.spacing.xs,
+        borderRadius: tokens.radii.full,
+        paddingHorizontal: tokens.spacing.sm,
+        paddingVertical: 2,
+        alignSelf: 'center',
+    };
+    const completedBadgeStyle = {
+        ...statusBadgeStyle,
+        backgroundColor: tokens.colors.card,
+    };
+    const pendingBadgeStyle = {
+        ...statusBadgeStyle,
+        backgroundColor: tokens.colors.muted,
+    };
+    const failedBadgeStyle = {
+        ...statusBadgeStyle,
+        backgroundColor: tokens.colors.card,
+    };
+    const refundedBadgeStyle = {
+        ...statusBadgeStyle,
+        backgroundColor: tokens.colors.muted,
+    };
+    const statusTextStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        fontWeight: tokens.typography.weights.semibold,
+        color: tokens.colors.foreground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const merchantRowStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: tokens.spacing.sm,
+        backgroundColor: tokens.colors.card,
+        borderRadius: tokens.radii.md,
+        padding: tokens.spacing.md,
+    };
+    const merchantLogoStyle = {
+        width: 40,
+        height: 40,
+        borderRadius: tokens.radii.full,
+    };
+    const merchantNameStyle = {
+        fontSize: tokens.typography.sizes.sm,
+        fontWeight: tokens.typography.weights.semibold,
+        color: tokens.colors.foreground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const merchantCategoryStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: tokens.colors.mutedForeground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const cardStyle = {
+        backgroundColor: tokens.colors.card,
+        borderRadius: tokens.radii.md,
+        padding: tokens.spacing.md,
+        gap: tokens.spacing.xs,
+    };
+    const lineItemRowStyle = {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        paddingVertical: tokens.spacing.xs,
+        borderBottomWidth: 1,
+        borderColor: tokens.colors.border,
+    };
+    const lineItemLabelStyle = {
+        fontSize: tokens.typography.sizes.sm,
+        color: tokens.colors.foreground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const lineItemAmountStyle = {
+        fontSize: tokens.typography.sizes.sm,
+        color: tokens.colors.foreground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const mutedLineItemStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: tokens.colors.mutedForeground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const boldLineItemStyle = {
+        fontSize: tokens.typography.sizes.sm,
+        fontWeight: tokens.typography.weights.bold,
+        color: tokens.colors.foreground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const metadataRowStyle = {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        paddingVertical: tokens.spacing.xs,
+        borderBottomWidth: 1,
+        borderColor: tokens.colors.border,
+    };
+    const metadataLabelStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: tokens.colors.mutedForeground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const metadataValueStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        fontWeight: tokens.typography.weights.semibold,
+        color: tokens.colors.foreground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const copyIconColor = tokens.colors.primary;
+    const actionsRowStyle = {
+        flexDirection: 'row',
+        gap: tokens.spacing.sm,
+        padding: tokens.spacing.md,
+        borderTopWidth: 1,
+        borderColor: tokens.colors.border,
+    };
+    const actionButtonStyle = {
+        flex: 1,
+        backgroundColor: tokens.colors.card,
+        borderRadius: tokens.radii.md,
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: tokens.spacing.md,
+        gap: tokens.spacing.xs,
+        borderWidth: 1,
+        borderColor: tokens.colors.border,
+    };
+    const destructiveActionStyle = {
+        flex: 1,
+        backgroundColor: tokens.colors.card,
+        borderRadius: tokens.radii.md,
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: tokens.spacing.md,
+        gap: tokens.spacing.xs,
+        borderWidth: 1,
+        borderColor: tokens.colors.destructive,
+    };
+    const actionLabelStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        fontWeight: tokens.typography.weights.semibold,
+        color: tokens.colors.foreground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const destructiveActionLabelStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: tokens.colors.destructive,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    return {
+        containerStyle,
+        scrollContentStyle,
+        amountContainerStyle,
+        amountStyle,
+        debitAmountStyle,
+        creditAmountStyle,
+        statusBadgeStyle,
+        completedBadgeStyle,
+        pendingBadgeStyle,
+        failedBadgeStyle,
+        refundedBadgeStyle,
+        statusTextStyle,
+        merchantRowStyle,
+        merchantLogoStyle,
+        merchantNameStyle,
+        merchantCategoryStyle,
+        cardStyle,
+        lineItemRowStyle,
+        lineItemLabelStyle,
+        lineItemAmountStyle,
+        mutedLineItemStyle,
+        boldLineItemStyle,
+        metadataRowStyle,
+        metadataLabelStyle,
+        metadataValueStyle,
+        copyIconColor,
+        actionsRowStyle,
+        actionButtonStyle,
+        destructiveActionStyle,
+        actionLabelStyle,
+        destructiveActionLabelStyle,
+        accessibilityProps: {
+            ...(accessibilityLabel !== undefined && { accessibilityLabel }),
+            ...(testID !== undefined && { testID }),
+        },
+    };
+}
+//# sourceMappingURL=use-transaction-detail-screen.js.map

package/dist/components/screens/transaction-detail-screen/use-transaction-detail-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-transaction-detail-screen.js","sourceRoot":"","sources":["../../../../src/components/screens/transaction-detail-screen/use-transaction-detail-screen.ts"],"names":[],"mappings":"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"}

package/dist/components/social/comment-thread/comment-thread.d.ts

@@ -0,0 +1,3 @@
+import type { CommentThreadProps } from './types.js';
+export declare function CommentThread(props: CommentThreadProps): import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+//# sourceMappingURL=comment-thread.d.ts.map

package/dist/components/social/comment-thread/comment-thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-thread.d.ts","sourceRoot":"","sources":["../../../../src/components/social/comment-thread/comment-thread.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAW,MAAM,YAAY,CAAC;AAsK9D,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qHAkCtD"}

package/dist/components/social/comment-thread/comment-thread.js

@@ -0,0 +1,88 @@
+import { createElement } from 'react';
+import { View, Text, Image, Pressable, ScrollView } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { useCommentThread } from './use-comment-thread.js';
+function CommentItem({ comment, depth, hookResult, tokens, onReply, onLike, onAuthorPress, }) {
+    const { commentStyle, getIndentStyle, threadLineStyle, avatarContainerStyle, avatarSize, authorStyle, textStyle, timestampStyle, likeButtonStyle, likeCountStyle, replyButtonStyle, replyButtonTextStyle, maxDepth, showAvatars, showThreadLines, } = hookResult;
+    const indentStyle = getIndentStyle(depth);
+    const liked = comment.liked ?? false;
+    const likes = comment.likes ?? 0;
+    const hasReplies = comment.replies && comment.replies.length > 0;
+    const initialsText = comment.author
+        .trim()
+        .split(/\s+/)
+        .map((p) => p[0])
+        .slice(0, 2)
+        .join('')
+        .toUpperCase();
+    return createElement(View, { key: comment.id }, createElement(View, { style: { ...commentStyle, ...indentStyle } }, showAvatars
+        ? createElement(View, { style: avatarContainerStyle }, comment.avatar
+            ? createElement(Image, {
+                source: { uri: comment.avatar },
+                style: {
+                    width: avatarSize,
+                    height: avatarSize,
+                    borderRadius: tokens.radii.full,
+                },
+            })
+            : createElement(View, {
+                style: {
+                    width: avatarSize,
+                    height: avatarSize,
+                    borderRadius: tokens.radii.full,
+                    backgroundColor: tokens.colors.muted,
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                },
+            }, createElement(Text, {
+                style: {
+                    fontSize: tokens.typography.sizes.xs,
+                    color: tokens.colors.foreground,
+                    fontWeight: tokens.typography.weights.semibold,
+                },
+            }, initialsText)), showThreadLines && hasReplies
+            ? createElement(View, { style: threadLineStyle })
+            : null)
+        : null, createElement(View, { style: { flex: 1 } }, createElement(View, { style: { flexDirection: 'row', alignItems: 'center' } }, createElement(Pressable, { onPress: () => onAuthorPress?.(comment.author) }, createElement(Text, { style: authorStyle }, comment.author)), createElement(Text, { style: timestampStyle }, comment.timestamp)), createElement(Text, { style: textStyle }, comment.text), createElement(View, { style: { flexDirection: 'row', marginTop: tokens.spacing.xs } }, createElement(Pressable, {
+        style: likeButtonStyle,
+        onPress: () => onLike?.(comment.id, !liked),
+    }, createElement(Text, {
+        style: {
+            fontSize: tokens.typography.sizes.xs,
+            color: liked ? tokens.colors.primary : tokens.colors.mutedForeground,
+        },
+    }, liked ? '♥' : '♡'), likes > 0
+        ? createElement(Text, { style: likeCountStyle }, String(likes))
+        : null), createElement(Pressable, {
+        style: replyButtonStyle,
+        onPress: () => onReply?.(comment.id),
+    }, createElement(Text, { style: replyButtonTextStyle }, 'Reply'))))), ...(comment.replies && depth < maxDepth
+        ? comment.replies.map((reply) => createElement(CommentItem, {
+            key: reply.id,
+            comment: reply,
+            depth: depth + 1,
+            hookResult,
+            tokens,
+            onReply,
+            onLike,
+            onAuthorPress,
+        }))
+        : []));
+}
+export function CommentThread(props) {
+    const { tokens } = useTheme();
+    const { comments, onReply, onLike, onAuthorPress, bg: _bg, p: _p, px: _px, py: _py, pt: _pt, pb: _pb, pl: _pl, pr: _pr, m: _m, mx: _mx, my: _my, mt: _mt, mb: _mb, ml: _ml, mr: _mr, rounded: _r, shadow: _sh, flex: _f, row: _row, center: _cen, w: _w, h: _h, borderWidth: _bw, borderColor: _bc, opacity: _op, overflow: _ov, position: _pos, top: _top, bottom: _bot, left: _left, right: _right, zIndex: _zi, ...rest } = props;
+    const hookResult = useCommentThread(tokens, props);
+    const { containerStyle, accessibilityProps } = hookResult;
+    return createElement(ScrollView, { style: containerStyle, ...accessibilityProps, ...rest }, ...comments.map((comment) => createElement(CommentItem, {
+        key: comment.id,
+        comment,
+        depth: 0,
+        hookResult,
+        tokens,
+        onReply,
+        onLike,
+        onAuthorPress,
+    })));
+}
+//# sourceMappingURL=comment-thread.js.map

package/dist/components/social/comment-thread/comment-thread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-thread.js","sourceRoot":"","sources":["../../../../src/components/social/comment-thread/comment-thread.tsx"],"names":[],"mappings":"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"}

package/dist/components/social/comment-thread/index.d.ts

@@ -0,0 +1,4 @@
+export { CommentThread } from './comment-thread.js';
+export { useCommentThread } from './use-comment-thread.js';
+export type { Comment, CommentThreadProps, UseCommentThreadResult } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/social/comment-thread/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/social/comment-thread/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/social/comment-thread/index.js

@@ -0,0 +1,3 @@
+export { CommentThread } from './comment-thread.js';
+export { useCommentThread } from './use-comment-thread.js';
+//# sourceMappingURL=index.js.map

package/dist/components/social/comment-thread/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/social/comment-thread/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/social/comment-thread/types.d.ts

@@ -0,0 +1,47 @@
+import type { BoxStyleProps } from '../../types.js';
+import type { ResolvedBoxStyle, ResolvedTextStyle } from '../../use-component-style.js';
+export interface Comment {
+    id: string;
+    author: string;
+    avatar?: string;
+    text: string;
+    timestamp: string;
+    likes?: number;
+    liked?: boolean;
+    replies?: Comment[];
+}
+export interface CommentThreadProps extends BoxStyleProps {
+    comments: Comment[];
+    maxDepth?: number;
+    onReply?: (commentId: string) => void;
+    onLike?: (commentId: string, liked: boolean) => void;
+    onAuthorPress?: (author: string) => void;
+    showAvatars?: boolean;
+    showThreadLines?: boolean;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export interface UseCommentThreadResult {
+    containerStyle: ResolvedBoxStyle;
+    commentStyle: ResolvedBoxStyle;
+    getIndentStyle(depth: number): ResolvedBoxStyle;
+    threadLineStyle: ResolvedBoxStyle;
+    avatarContainerStyle: ResolvedBoxStyle;
+    avatarSize: number;
+    authorStyle: ResolvedTextStyle;
+    textStyle: ResolvedTextStyle;
+    timestampStyle: ResolvedTextStyle;
+    likeButtonStyle: ResolvedBoxStyle;
+    likeButtonActiveStyle: ResolvedBoxStyle;
+    likeCountStyle: ResolvedTextStyle;
+    replyButtonStyle: ResolvedBoxStyle;
+    replyButtonTextStyle: ResolvedTextStyle;
+    maxDepth: number;
+    showAvatars: boolean;
+    showThreadLines: boolean;
+    accessibilityProps: {
+        accessibilityLabel?: string;
+        testID?: string;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/social/comment-thread/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/social/comment-thread/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAExF,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,gBAAgB,CAAC;IACjC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,CAAC;IAChD,eAAe,EAAE,gBAAgB,CAAC;IAClC,oBAAoB,EAAE,gBAAgB,CAAC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,cAAc,EAAE,iBAAiB,CAAC;IAClC,eAAe,EAAE,gBAAgB,CAAC;IAClC,qBAAqB,EAAE,gBAAgB,CAAC;IACxC,cAAc,EAAE,iBAAiB,CAAC;IAClC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,oBAAoB,EAAE,iBAAiB,CAAC;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE;QAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH"}

package/dist/components/social/comment-thread/types.js

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

package/dist/components/social/comment-thread/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/social/comment-thread/types.ts"],"names":[],"mappings":""}

package/dist/components/social/comment-thread/use-comment-thread.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { CommentThreadProps, UseCommentThreadResult } from './types.js';
+export declare function useCommentThread(tokens: ThemeTokens, props: CommentThreadProps): UseCommentThreadResult;
+//# sourceMappingURL=use-comment-thread.d.ts.map

package/dist/components/social/comment-thread/use-comment-thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-comment-thread.d.ts","sourceRoot":"","sources":["../../../../src/components/social/comment-thread/use-comment-thread.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAG7E,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,kBAAkB,GAAG,sBAAsB,CAsHvG"}

package/dist/components/social/comment-thread/use-comment-thread.js

@@ -0,0 +1,100 @@
+export function useCommentThread(tokens, props) {
+    const { maxDepth: maxDepthProp = 3, showAvatars = true, showThreadLines = true, accessibilityLabel, testID, } = props;
+    const maxDepth = maxDepthProp;
+    const avatarSize = 32;
+    const containerStyle = {
+        flex: 1,
+        backgroundColor: tokens.colors.background,
+        paddingVertical: tokens.spacing.xs,
+    };
+    const commentStyle = {
+        flexDirection: 'row',
+        paddingVertical: tokens.spacing.sm,
+        paddingHorizontal: tokens.spacing.md,
+    };
+    function getIndentStyle(depth) {
+        const clampedDepth = Math.min(depth, maxDepth);
+        if (clampedDepth === 0)
+            return {};
+        return { paddingLeft: clampedDepth * tokens.spacing.lg };
+    }
+    const threadLineStyle = {
+        position: 'absolute',
+        left: 0,
+        top: avatarSize + 2,
+        bottom: 0,
+        width: 1,
+        backgroundColor: tokens.colors.border,
+    };
+    const avatarContainerStyle = {
+        marginRight: tokens.spacing.sm,
+        position: 'relative',
+    };
+    const authorStyle = {
+        fontSize: tokens.typography.sizes.sm,
+        fontWeight: tokens.typography.weights.bold,
+        color: tokens.colors.foreground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const textStyle = {
+        fontSize: tokens.typography.sizes.sm,
+        color: tokens.colors.foreground,
+        fontFamily: tokens.typography.fontFamily.body,
+        marginTop: tokens.spacing.xs,
+    };
+    const timestampStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: tokens.colors.mutedForeground,
+        fontFamily: tokens.typography.fontFamily.body,
+        marginLeft: tokens.spacing.sm,
+    };
+    const likeButtonStyle = {
+        flexDirection: 'row',
+        gap: tokens.spacing.xs,
+        marginRight: tokens.spacing.md,
+        alignItems: 'center',
+    };
+    const likeButtonActiveStyle = {
+        ...likeButtonStyle,
+        // active state: primary tint (handled by color on the icon/text in shell)
+    };
+    const likeCountStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: tokens.colors.mutedForeground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    const replyButtonStyle = {
+        flexDirection: 'row',
+        gap: tokens.spacing.xs,
+        alignItems: 'center',
+    };
+    const replyButtonTextStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: tokens.colors.mutedForeground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    return {
+        containerStyle,
+        commentStyle,
+        getIndentStyle,
+        threadLineStyle,
+        avatarContainerStyle,
+        avatarSize,
+        authorStyle,
+        textStyle,
+        timestampStyle,
+        likeButtonStyle,
+        likeButtonActiveStyle,
+        likeCountStyle,
+        replyButtonStyle,
+        replyButtonTextStyle,
+        maxDepth,
+        showAvatars,
+        showThreadLines,
+        accessibilityProps: {
+            ...(accessibilityLabel !== undefined && { accessibilityLabel }),
+            ...(testID !== undefined && { testID }),
+        },
+    };
+}
+//# sourceMappingURL=use-comment-thread.js.map

package/dist/components/social/comment-thread/use-comment-thread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-comment-thread.js","sourceRoot":"","sources":["../../../../src/components/social/comment-thread/use-comment-thread.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+export { StoryRow, useStoryRow } from './story-row/index.js';
+export type { Story, StoryRowProps, StoryRowSize, StoryItemStyle, UseStoryRowResult } from './story-row/index.js';
+export { ReactionPicker, useReactionPicker } from './reaction-picker/index.js';
+export type { Reaction, AnchorRect, ReactionPickerProps, ReactionPickerSize, ReactionItemStyle, UseReactionPickerResult, } from './reaction-picker/index.js';
+export { CommentThread, useCommentThread } from './comment-thread/index.js';
+export type { Comment, CommentThreadProps, UseCommentThreadResult } from './comment-thread/index.js';
+export { MentionInput, useMentionInput } from './mention-input/index.js';
+export type { Suggestion, TriggerConfig, MentionInputProps, MentionInputSize, MentionInputVariant, UseMentionInputResult, } from './mention-input/index.js';
+export { PresenceIndicator, usePresenceIndicator } from './presence-indicator/index.js';
+export type { PresenceStatus, PresencePlacement, PresenceSize, PresenceIndicatorProps, UsePresenceIndicatorResult, } from './presence-indicator/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/social/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC7D,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAElH,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,YAAY,EACV,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAE,kBAAkB,EAC7D,iBAAiB,EAAE,uBAAuB,GAC3C,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,YAAY,EAAE,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAErG,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACzE,YAAY,EACV,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,EACnF,qBAAqB,GACtB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACxF,YAAY,EACV,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAC/C,sBAAsB,EAAE,0BAA0B,GACnD,MAAM,+BAA+B,CAAC"}

package/dist/components/social/index.js

@@ -0,0 +1,6 @@
+export { StoryRow, useStoryRow } from './story-row/index.js';
+export { ReactionPicker, useReactionPicker } from './reaction-picker/index.js';
+export { CommentThread, useCommentThread } from './comment-thread/index.js';
+export { MentionInput, useMentionInput } from './mention-input/index.js';
+export { PresenceIndicator, usePresenceIndicator } from './presence-indicator/index.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/social/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAG7D,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAM/E,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG5E,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAMzE,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/components/social/mention-input/index.d.ts

@@ -0,0 +1,4 @@
+export { MentionInput } from './mention-input.js';
+export { useMentionInput } from './use-mention-input.js';
+export type { Suggestion, TriggerConfig, MentionInputProps, MentionInputSize, MentionInputVariant, UseMentionInputResult, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/social/mention-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/social/mention-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,YAAY,EACV,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,EACnF,qBAAqB,GACtB,MAAM,YAAY,CAAC"}

package/dist/components/social/mention-input/index.js

@@ -0,0 +1,3 @@
+export { MentionInput } from './mention-input.js';
+export { useMentionInput } from './use-mention-input.js';
+//# sourceMappingURL=index.js.map

package/dist/components/social/mention-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/social/mention-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/social/mention-input/mention-input.d.ts

@@ -0,0 +1,3 @@
+import type { MentionInputProps } from './types.js';
+export declare function MentionInput(props: MentionInputProps): import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+//# sourceMappingURL=mention-input.d.ts.map

package/dist/components/social/mention-input/mention-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-input.d.ts","sourceRoot":"","sources":["../../../../src/components/social/mention-input/mention-input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qHAgGpD"}