@objectifthunes/limestone-sdk 0.1.6 → 0.1.8

package/dist/components/social/presence-indicator/use-presence-indicator.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { PresenceIndicatorProps, UsePresenceIndicatorResult } from './types.js';
+export declare function usePresenceIndicator(tokens: ThemeTokens, props: PresenceIndicatorProps): UsePresenceIndicatorResult;
+//# sourceMappingURL=use-presence-indicator.d.ts.map

package/dist/components/social/presence-indicator/use-presence-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-presence-indicator.d.ts","sourceRoot":"","sources":["../../../../src/components/social/presence-indicator/use-presence-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,0BAA0B,EAAmD,MAAM,YAAY,CAAC;AAmBtI,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,sBAAsB,GAAG,0BAA0B,CAuDnH"}

package/dist/components/social/presence-indicator/use-presence-indicator.js

@@ -0,0 +1,60 @@
+const DOT_SIZE_MAP = { sm: 8, md: 12, lg: 16 };
+const BORDER_RING_MAP = { sm: 1, md: 2, lg: 2 };
+function getPlacementOffsets(placement) {
+    switch (placement) {
+        case 'bottom-right':
+            return { bottom: 0, right: 0 };
+        case 'bottom-left':
+            return { bottom: 0, left: 0 };
+        case 'top-right':
+            return { top: 0, right: 0 };
+        case 'top-left':
+            return { top: 0, left: 0 };
+    }
+}
+export function usePresenceIndicator(tokens, props) {
+    const { status, size = 'md', placement = 'bottom-right', borderColor, } = props;
+    const dotSize = DOT_SIZE_MAP[size];
+    const borderRing = BORDER_RING_MAP[size];
+    function getStatusColor(s) {
+        switch (s) {
+            case 'online':
+                return tokens.colors.success ?? '#22c55e';
+            case 'away':
+                return tokens.colors.warning ?? '#f59e0b';
+            case 'busy':
+                return tokens.colors.error ?? tokens.colors.destructive ?? '#ef4444';
+            case 'offline':
+                return tokens.colors.border;
+        }
+    }
+    const containerStyle = {
+        position: 'relative',
+        alignSelf: 'flex-start',
+    };
+    const placementOffsets = getPlacementOffsets(placement);
+    const resolvedBorderColor = borderColor ?? tokens.colors.background;
+    const dotStyle = {
+        position: 'absolute',
+        width: dotSize,
+        height: dotSize,
+        borderRadius: tokens.radii.full,
+        backgroundColor: getStatusColor(status),
+        borderWidth: borderRing,
+        borderColor: resolvedBorderColor,
+        ...placementOffsets,
+    };
+    return {
+        containerStyle,
+        dotStyle,
+        getStatusColor,
+        dotSize,
+        borderRing,
+        placement,
+        accessibilityProps: {
+            accessibilityRole: 'image',
+            accessibilityLabel: `Status: ${status}`,
+        },
+    };
+}
+//# sourceMappingURL=use-presence-indicator.js.map

package/dist/components/social/presence-indicator/use-presence-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-presence-indicator.js","sourceRoot":"","sources":["../../../../src/components/social/presence-indicator/use-presence-indicator.ts"],"names":[],"mappings":"AAIA,MAAM,YAAY,GAAiC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAC7E,MAAM,eAAe,GAAiC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;AAE9E,SAAS,mBAAmB,CAAC,SAA4B;IACvD,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,cAAc;YACjB,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;QACjC,KAAK,aAAa;YAChB,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QAChC,KAAK,WAAW;YACd,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;QAC9B,KAAK,UAAU;YACb,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IAC/B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAmB,EAAE,KAA6B;IACrF,MAAM,EACJ,MAAM,EACN,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,cAAc,EAC1B,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAEzC,SAAS,cAAc,CAAC,CAAiB;QACvC,QAAQ,CAAC,EAAE,CAAC;YACV,KAAK,QAAQ;gBACX,OAAQ,MAAM,CAAC,MAAc,CAAC,OAAO,IAAI,SAAS,CAAC;YACrD,KAAK,MAAM;gBACT,OAAQ,MAAM,CAAC,MAAc,CAAC,OAAO,IAAI,SAAS,CAAC;YACrD,KAAK,MAAM;gBACT,OAAQ,MAAM,CAAC,MAAc,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,IAAI,SAAS,CAAC;YAChF,KAAK,SAAS;gBACZ,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;QAChC,CAAC;IACH,CAAC;IAED,MAAM,cAAc,GAAqB;QACvC,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,YAAY;KACxB,CAAC;IAEF,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACxD,MAAM,mBAAmB,GAAG,WAAW,IAAI,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;IAEpE,MAAM,QAAQ,GAAqB;QACjC,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;QAC/B,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC;QACvC,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,mBAAmB;QAChC,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO;QACL,cAAc;QACd,QAAQ;QACR,cAAc;QACd,OAAO;QACP,UAAU;QACV,SAAS;QACT,kBAAkB,EAAE;YAClB,iBAAiB,EAAE,OAAO;YAC1B,kBAAkB,EAAE,WAAW,MAAM,EAAE;SACxC;KACF,CAAC;AACJ,CAAC"}

package/dist/components/social/reaction-picker/index.d.ts

@@ -0,0 +1,4 @@
+export { ReactionPicker } from './reaction-picker.js';
+export { useReactionPicker } from './use-reaction-picker.js';
+export type { Reaction, AnchorRect, ReactionPickerProps, ReactionPickerSize, ReactionItemStyle, UseReactionPickerResult, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/social/reaction-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/social/reaction-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EACV,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAE,kBAAkB,EAC7D,iBAAiB,EAAE,uBAAuB,GAC3C,MAAM,YAAY,CAAC"}

package/dist/components/social/reaction-picker/index.js

@@ -0,0 +1,3 @@
+export { ReactionPicker } from './reaction-picker.js';
+export { useReactionPicker } from './use-reaction-picker.js';
+//# sourceMappingURL=index.js.map

package/dist/components/social/reaction-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/social/reaction-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/social/reaction-picker/reaction-picker.d.ts

@@ -0,0 +1,11 @@
+import type { ReactionPickerProps } from './types.js';
+export declare function ReactionPicker(props: ReactionPickerProps): import("react").CElement<{
+    accessibilityLabel?: string;
+    testID?: string;
+    style: any;
+}, import("react").Component<{
+    accessibilityLabel?: string;
+    testID?: string;
+    style: any;
+}, any, any>> | null;
+//# sourceMappingURL=reaction-picker.d.ts.map

package/dist/components/social/reaction-picker/reaction-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reaction-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/social/reaction-picker/reaction-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB;;;WAU1B,GAAG;;;;WAAH,GAAG;qBAqBjC"}

package/dist/components/social/reaction-picker/reaction-picker.js

@@ -0,0 +1,25 @@
+import { createElement } from 'react';
+import { View, Pressable, Text } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { useReactionPicker } from './use-reaction-picker.js';
+export function ReactionPicker(props) {
+    const { tokens } = useTheme();
+    const { reactions, selectedReaction, onSelect, showCounts = false } = props;
+    const { containerStyle, getReactionStyle, isVisible, accessibilityProps } = useReactionPicker(tokens, props);
+    if (!isVisible)
+        return null;
+    return createElement(View, { style: containerStyle, ...accessibilityProps }, ...reactions.map((reaction) => {
+        const isSelected = reaction.emoji === selectedReaction;
+        const { buttonStyle, emojiStyle, countStyle } = getReactionStyle(reaction.emoji, isSelected);
+        return createElement(Pressable, {
+            key: reaction.emoji,
+            style: buttonStyle,
+            onPress: () => onSelect?.(isSelected ? null : reaction.emoji),
+            accessibilityLabel: reaction.label ?? reaction.emoji,
+            accessibilityRole: 'button',
+        }, createElement(Text, { style: emojiStyle }, reaction.emoji), showCounts && reaction.count != null && reaction.count > 0
+            ? createElement(Text, { style: countStyle }, String(reaction.count))
+            : null);
+    }));
+}
+//# sourceMappingURL=reaction-picker.js.map

package/dist/components/social/reaction-picker/reaction-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reaction-picker.js","sourceRoot":"","sources":["../../../../src/components/social/reaction-picker/reaction-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAE7G,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,aAAa,CAClB,IAAW,EACX,EAAE,KAAK,EAAE,cAAqB,EAAE,GAAG,kBAAkB,EAAE,EACvD,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;QAC5B,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,KAAK,gBAAgB,CAAC;QACvD,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QAE7F,OAAO,aAAa,CAClB,SAAgB,EAChB;YACE,GAAG,EAAE,QAAQ,CAAC,KAAK;YACnB,KAAK,EAAE,WAAkB;YACzB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC7D,kBAAkB,EAAE,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK;YACpD,iBAAiB,EAAE,QAAQ;SAC5B,EACD,aAAa,CAAC,IAAW,EAAE,EAAE,KAAK,EAAE,UAAiB,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,EACxE,UAAU,IAAI,QAAQ,CAAC,KAAK,IAAI,IAAI,IAAI,QAAQ,CAAC,KAAK,GAAG,CAAC;YACxD,CAAC,CAAC,aAAa,CAAC,IAAW,EAAE,EAAE,KAAK,EAAE,UAAiB,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClF,CAAC,CAAC,IAAI,CACT,CAAC;IACJ,CAAC,CAAC,CACH,CAAC;AACJ,CAAC"}

package/dist/components/social/reaction-picker/types.d.ts

@@ -0,0 +1,41 @@
+import type { ResolvedBoxStyle, ResolvedTextStyle } from '../../use-component-style.js';
+export type ReactionPickerSize = 'sm' | 'md' | 'lg';
+export interface Reaction {
+    emoji: string;
+    label?: string;
+    count?: number;
+}
+export interface AnchorRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface ReactionPickerProps {
+    reactions: Reaction[];
+    selectedReaction?: string;
+    onSelect?: (emoji: string | null) => void;
+    visible?: boolean;
+    anchorRect?: AnchorRect;
+    showCounts?: boolean;
+    size?: ReactionPickerSize;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export interface ReactionItemStyle {
+    buttonStyle: ResolvedBoxStyle;
+    emojiStyle: ResolvedTextStyle;
+    countStyle: ResolvedTextStyle;
+}
+export interface UseReactionPickerResult {
+    containerStyle: ResolvedBoxStyle;
+    getReactionStyle(emoji: string, selected: boolean): ReactionItemStyle;
+    emojiSize: number;
+    tooltipStyle: ResolvedBoxStyle;
+    isVisible: boolean;
+    accessibilityProps: {
+        accessibilityLabel?: string;
+        testID?: string;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/social/reaction-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/social/reaction-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAExF,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,UAAU,EAAE,iBAAiB,CAAC;CAC/B;AAED,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,gBAAgB,CAAC;IACjC,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACtE,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,gBAAgB,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE;QAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH"}

package/dist/components/social/reaction-picker/types.js

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

package/dist/components/social/reaction-picker/types.js.map

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

package/dist/components/social/reaction-picker/use-reaction-picker.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { ReactionPickerProps, UseReactionPickerResult } from './types.js';
+export declare function useReactionPicker(tokens: ThemeTokens, props: ReactionPickerProps): UseReactionPickerResult;
+//# sourceMappingURL=use-reaction-picker.d.ts.map

package/dist/components/social/reaction-picker/use-reaction-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reaction-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/social/reaction-picker/use-reaction-picker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAyC,MAAM,YAAY,CAAC;AAKtH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,mBAAmB,GAAG,uBAAuB,CA0G1G"}

package/dist/components/social/reaction-picker/use-reaction-picker.js

@@ -0,0 +1,93 @@
+const EMOJI_SIZE_MAP = { sm: 20, md: 28, lg: 36 };
+const BUTTON_DIAMETER_MAP = { sm: 36, md: 48, lg: 60 };
+export function useReactionPicker(tokens, props) {
+    const { visible = false, anchorRect, size = 'md', showCounts: _showCounts = false, accessibilityLabel, testID, } = props;
+    const emojiSize = EMOJI_SIZE_MAP[size];
+    const buttonDiameter = BUTTON_DIAMETER_MAP[size];
+    // Position logic
+    let containerStyle;
+    if (anchorRect) {
+        const screenWidth = 375; // safe default for SSR/hook context; shell can override
+        const reactionCount = props.reactions.length;
+        const barWidth = reactionCount * buttonDiameter + (reactionCount - 1) * tokens.spacing.xs + tokens.spacing.sm * 2;
+        const rawLeft = anchorRect.x + anchorRect.width / 2 - barWidth / 2;
+        const minLeft = 8;
+        const maxLeft = screenWidth - barWidth - 8;
+        const clampedLeft = Math.min(Math.max(rawLeft, minLeft), maxLeft);
+        const bottom = anchorRect.y + tokens.spacing.sm;
+        containerStyle = {
+            position: 'absolute',
+            bottom,
+            left: clampedLeft,
+            flexDirection: 'row',
+            backgroundColor: tokens.colors.card,
+            borderRadius: tokens.radii.full,
+            paddingHorizontal: tokens.spacing.sm,
+            paddingVertical: tokens.spacing.xs,
+            gap: tokens.spacing.xs,
+            shadowColor: tokens.shadows.md.color,
+            shadowOffset: tokens.shadows.md.offset,
+            shadowRadius: tokens.shadows.md.radius,
+            shadowOpacity: tokens.shadows.md.opacity,
+            elevation: tokens.shadows.md.elevation,
+        };
+    }
+    else {
+        containerStyle = {
+            position: 'absolute',
+            bottom: 0,
+            alignSelf: 'center',
+            flexDirection: 'row',
+            backgroundColor: tokens.colors.card,
+            borderRadius: tokens.radii.full,
+            paddingHorizontal: tokens.spacing.sm,
+            paddingVertical: tokens.spacing.xs,
+            gap: tokens.spacing.xs,
+            shadowColor: tokens.shadows.md.color,
+            shadowOffset: tokens.shadows.md.offset,
+            shadowRadius: tokens.shadows.md.radius,
+            shadowOpacity: tokens.shadows.md.opacity,
+            elevation: tokens.shadows.md.elevation,
+        };
+    }
+    function getReactionStyle(emoji, selected) {
+        const isSelected = selected || emoji === props.selectedReaction;
+        const buttonStyle = {
+            width: buttonDiameter,
+            height: buttonDiameter,
+            borderRadius: tokens.radii.full,
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: isSelected ? tokens.colors.primary + '26' : 'transparent',
+        };
+        const emojiStyle = {
+            fontSize: emojiSize,
+        };
+        const countStyle = {
+            fontSize: tokens.typography.sizes.xs,
+            fontFamily: tokens.typography.fontFamily.mono,
+            color: isSelected ? tokens.colors.primary : tokens.colors.mutedForeground,
+        };
+        return { buttonStyle, emojiStyle, countStyle };
+    }
+    const tooltipStyle = {
+        width: 8,
+        height: 8,
+        backgroundColor: tokens.colors.card,
+        transform: [{ rotate: '45deg' }],
+        alignSelf: 'center',
+        marginTop: -4,
+    };
+    return {
+        containerStyle,
+        getReactionStyle,
+        emojiSize,
+        tooltipStyle,
+        isVisible: visible,
+        accessibilityProps: {
+            ...(accessibilityLabel !== undefined && { accessibilityLabel }),
+            ...(testID !== undefined && { testID }),
+        },
+    };
+}
+//# sourceMappingURL=use-reaction-picker.js.map

package/dist/components/social/reaction-picker/use-reaction-picker.js.map

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

package/dist/components/social/story-row/index.d.ts

@@ -0,0 +1,4 @@
+export { StoryRow } from './story-row.js';
+export { useStoryRow } from './use-story-row.js';
+export type { Story, StoryRowProps, StoryRowSize, StoryItemStyle, UseStoryRowResult } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/social/story-row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/social/story-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/social/story-row/index.js

@@ -0,0 +1,3 @@
+export { StoryRow } from './story-row.js';
+export { useStoryRow } from './use-story-row.js';
+//# sourceMappingURL=index.js.map

package/dist/components/social/story-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/social/story-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/social/story-row/story-row.d.ts

@@ -0,0 +1,13 @@
+import type { StoryRowProps } from './types.js';
+export declare function StoryRow(props: StoryRowProps): import("react").CElement<{
+    accessibilityLabel?: string;
+    testID?: string;
+    horizontal: boolean;
+    showsHorizontalScrollIndicator: boolean;
+}, import("react").Component<{
+    accessibilityLabel?: string;
+    testID?: string;
+    horizontal: boolean;
+    showsHorizontalScrollIndicator: boolean;
+}, any, any>>;
+//# sourceMappingURL=story-row.d.ts.map

package/dist/components/social/story-row/story-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"story-row.d.ts","sourceRoot":"","sources":["../../../../src/components/social/story-row/story-row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa;;;;;;;;;;cA+D5C"}

package/dist/components/social/story-row/story-row.js

@@ -0,0 +1,29 @@
+import { createElement } from 'react';
+import { View, ScrollView, Image, Text, Pressable } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { useStoryRow } from './use-story-row.js';
+export function StoryRow(props) {
+    const { tokens } = useTheme();
+    const { stories, onStoryPress, showLabels = true, accessibilityLabel: _al, testID: _tid, 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, size: _sz, ringColor: _rc, seenRingColor: _src, ...rest } = props;
+    const { scrollContentStyle, getStoryStyle, labelStyle, accessibilityProps } = useStoryRow(tokens, props);
+    return createElement(ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        ...accessibilityProps,
+        ...rest,
+    }, createElement(View, { style: scrollContentStyle }, ...stories.map((story) => {
+        const { wrapperStyle, ringStyle, imageStyle } = getStoryStyle(story.seen ?? false);
+        return createElement(Pressable, {
+            key: story.id,
+            onPress: () => onStoryPress?.(story.id),
+        }, createElement(View, { style: wrapperStyle }, createElement(View, { style: ringStyle }, story.avatar
+            ? createElement(Image, {
+                source: { uri: story.avatar },
+                style: imageStyle,
+            })
+            : createElement(View, { style: imageStyle })), showLabels && story.label
+            ? createElement(Text, { style: labelStyle, numberOfLines: 1 }, story.label)
+            : null));
+    })));
+}
+//# sourceMappingURL=story-row.js.map

package/dist/components/social/story-row/story-row.js.map

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

package/dist/components/social/story-row/types.d.ts

@@ -0,0 +1,37 @@
+import type { BoxStyleProps, ColorProp } from '../../types.js';
+import type { ResolvedBoxStyle, ResolvedTextStyle } from '../../use-component-style.js';
+export type StoryRowSize = 'sm' | 'md' | 'lg';
+export interface Story {
+    id: string;
+    avatar?: string;
+    label?: string;
+    seen?: boolean;
+}
+export interface StoryRowProps extends BoxStyleProps {
+    stories: Story[];
+    onStoryPress?: (id: string) => void;
+    size?: StoryRowSize;
+    ringColor?: ColorProp;
+    seenRingColor?: ColorProp;
+    showLabels?: boolean;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export interface StoryItemStyle {
+    wrapperStyle: ResolvedBoxStyle;
+    ringStyle: ResolvedBoxStyle;
+    imageStyle: ResolvedBoxStyle;
+}
+export interface UseStoryRowResult {
+    containerStyle: ResolvedBoxStyle;
+    scrollContentStyle: ResolvedBoxStyle;
+    getStoryStyle(seen: boolean): StoryItemStyle;
+    avatarSize: number;
+    ringThickness: number;
+    labelStyle: ResolvedTextStyle;
+    accessibilityProps: {
+        accessibilityLabel?: string;
+        testID?: string;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/social/story-row/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/social/story-row/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAExF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,gBAAgB,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,gBAAgB,CAAC;IACjC,kBAAkB,EAAE,gBAAgB,CAAC;IACrC,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,cAAc,CAAC;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,kBAAkB,EAAE;QAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH"}

package/dist/components/social/story-row/types.js

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

package/dist/components/social/story-row/types.js.map

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

package/dist/components/social/story-row/use-story-row.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { StoryRowProps, UseStoryRowResult } from './types.js';
+export declare function useStoryRow(tokens: ThemeTokens, props: StoryRowProps): UseStoryRowResult;
+//# sourceMappingURL=use-story-row.d.ts.map

package/dist/components/social/story-row/use-story-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-story-row.d.ts","sourceRoot":"","sources":["../../../../src/components/social/story-row/use-story-row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,0BAA0B,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAgC,MAAM,YAAY,CAAC;AAWjG,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,GAAG,iBAAiB,CAiFxF"}

package/dist/components/social/story-row/use-story-row.js

@@ -0,0 +1,71 @@
+const AVATAR_SIZE_MAP = { sm: 56, md: 72, lg: 96 };
+const RING_THICKNESS_MAP = { sm: 2, md: 3, lg: 4 };
+function resolveColor(colors, value) {
+    if (value in colors)
+        return colors[value];
+    return value;
+}
+export function useStoryRow(tokens, props) {
+    const { size = 'md', ringColor, seenRingColor, showLabels: _showLabels = true, accessibilityLabel, testID, } = props;
+    const avatarSize = AVATAR_SIZE_MAP[size];
+    const ringThickness = RING_THICKNESS_MAP[size];
+    const unseenRingColor = ringColor
+        ? resolveColor(tokens.colors, ringColor)
+        : tokens.colors.primary;
+    const resolvedSeenRingColor = seenRingColor
+        ? resolveColor(tokens.colors, seenRingColor)
+        : tokens.colors.border;
+    const containerStyle = {
+        flexDirection: 'row',
+        backgroundColor: tokens.colors.background,
+    };
+    const scrollContentStyle = {
+        flexDirection: 'row',
+        gap: tokens.spacing.sm,
+        paddingHorizontal: tokens.spacing.sm,
+        paddingVertical: tokens.spacing.sm,
+    };
+    function getStoryStyle(seen) {
+        const ringColor = seen ? resolvedSeenRingColor : unseenRingColor;
+        const innerSize = avatarSize - ringThickness * 2 - 4;
+        const wrapperStyle = {
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: tokens.spacing.xs,
+        };
+        const ringStyle = {
+            width: avatarSize,
+            height: avatarSize,
+            borderRadius: tokens.radii.full,
+            borderWidth: ringThickness,
+            borderColor: ringColor,
+            alignItems: 'center',
+            justifyContent: 'center',
+        };
+        const imageStyle = {
+            width: innerSize,
+            height: innerSize,
+            borderRadius: tokens.radii.full,
+        };
+        return { wrapperStyle, ringStyle, imageStyle };
+    }
+    const labelStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: tokens.colors.mutedForeground,
+        textAlign: 'center',
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    return {
+        containerStyle,
+        scrollContentStyle,
+        getStoryStyle,
+        avatarSize,
+        ringThickness,
+        labelStyle,
+        accessibilityProps: {
+            ...(accessibilityLabel !== undefined && { accessibilityLabel }),
+            ...(testID !== undefined && { testID }),
+        },
+    };
+}
+//# sourceMappingURL=use-story-row.js.map

package/dist/components/social/story-row/use-story-row.js.map

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

package/dist/index.d.ts

@@ -68,8 +68,8 @@ export { CollapsibleHeader, useCollapsibleHeader } from './components/index.js';
 export type { CollapsibleHeaderProps, CollapsibleHeaderAction, UseCollapsibleHeaderResult } from './components/index.js';
 export { Tabs, useTabs } from './components/index.js';
 export type { TabsProps, TabItem, TabsVariant, TabsSize, TabBarPosition, UseTabsResult } from './components/index.js';
-export { TextInput, useTextInput, SearchBar, useSearchBar, Select, useSelect, Switch, useSwitch, Checkbox, CheckboxGroup, CheckboxGroupItem, useCheckbox, useCheckboxGroup, RadioGroup, RadioItem, useRadioGroup, useRadioItem, Slider, useSlider, OTPInput, useOTPInput, PhoneInput, usePhoneInput, allCountries, popularCountries, SegmentedControl, useSegmentedControl, DatePicker, useDatePicker, Chip, useChip, QuantityPicker, useQuantityPicker, ChipInput, useChipInput, Autocomplete, useAutocomplete, } from './components/index.js';
-export type { TextInputProps, TextInputHookProps, TextInputVariant, UseTextInputResult, SearchBarProps, SearchBarHookProps, UseSearchBarResult, SelectProps, SelectHookProps, SelectOption, UseSelectResult, SwitchProps, UseSwitchResult, CheckboxProps, UseCheckboxResult, CheckboxGroupProps, UseCheckboxGroupResult, CheckboxGroupItemProps, RadioGroupProps, UseRadioGroupResult, RadioItemProps, RadioItemGroupState, UseRadioItemResult, SliderProps, UseSliderResult, OTPInputProps, OTPCell, UseOTPInputResult, PhoneInputProps, PhoneInputHookProps, Country, UsePhoneInputResult, SegmentedControlProps, Segment, UseSegmentedControlResult, DatePickerProps, DatePickerHookProps, DatePickerMode, UseDatePickerResult, ChipProps, ChipSize, ChipVariant, UseChipResult, QuantityPickerProps, UseQuantityPickerResult, ChipInputProps, ChipInputHookProps, ChipInputVariant, ChipInputSize, UseChipInputResult, AutocompleteProps, AutocompleteHookProps, AutocompleteOption, AutocompleteVariant, AutocompleteSize, UseAutocompleteResult, } from './components/index.js';
+export { TextInput, useTextInput, SearchBar, useSearchBar, Select, useSelect, Switch, useSwitch, Checkbox, CheckboxGroup, CheckboxGroupItem, useCheckbox, useCheckboxGroup, RadioGroup, RadioItem, useRadioGroup, useRadioItem, Slider, useSlider, OTPInput, useOTPInput, PhoneInput, usePhoneInput, allCountries, popularCountries, SegmentedControl, useSegmentedControl, DatePicker, useDatePicker, Chip, useChip, QuantityPicker, useQuantityPicker, ChipInput, useChipInput, Autocomplete, useAutocomplete, Calendar, useCalendar, SignaturePad, useSignaturePad, } from './components/index.js';
+export type { TextInputProps, TextInputHookProps, TextInputVariant, UseTextInputResult, SearchBarProps, SearchBarHookProps, UseSearchBarResult, SelectProps, SelectHookProps, SelectOption, UseSelectResult, SwitchProps, UseSwitchResult, CheckboxProps, UseCheckboxResult, CheckboxGroupProps, UseCheckboxGroupResult, CheckboxGroupItemProps, RadioGroupProps, UseRadioGroupResult, RadioItemProps, RadioItemGroupState, UseRadioItemResult, SliderProps, UseSliderResult, OTPInputProps, OTPCell, UseOTPInputResult, PhoneInputProps, PhoneInputHookProps, Country, UsePhoneInputResult, SegmentedControlProps, Segment, UseSegmentedControlResult, DatePickerProps, DatePickerHookProps, DatePickerMode, UseDatePickerResult, ChipProps, ChipSize, ChipVariant, UseChipResult, QuantityPickerProps, UseQuantityPickerResult, ChipInputProps, ChipInputHookProps, ChipInputVariant, ChipInputSize, UseChipInputResult, AutocompleteProps, AutocompleteHookProps, AutocompleteOption, AutocompleteVariant, AutocompleteSize, UseAutocompleteResult, CalendarProps, CalendarMode, DayState, UseCalendarResult, SignaturePadProps, UseSignaturePadResult, } from './components/index.js';
 export { Modal, useModal } from './components/index.js';
 export type { ModalProps, ModalPosition, ModalAnimationType, UseModalResult } from './components/index.js';
 export { Popover, usePopover } from './components/index.js';
@@ -84,8 +84,8 @@ export { ContextMenu, useContextMenu } from './components/index.js';
 export type { ContextMenuProps, ContextMenuAction, UseContextMenuResult } from './components/index.js';
 export { toast, toastManager, createToastManager, useToastItem, useToast, ToastContainer, Alert, useAlert, Dialog, useDialog, ProgressBar, useProgressBar, ProgressCircle, useProgressCircle, Spinner, useSpinner, Badge, useBadge, Banner, useBanner, ConnectionStatus, useConnectionStatus, } from './components/index.js';
 export type { ToastType, ToastItem, ToastOptions, ToastContainerProps, ToastManager, ToastAPI, UseToastItemResult, ToastManagerConfig, AlertProps, AlertAction, AlertActionStyle, UseAlertResult, DialogProps, DialogSize, UseDialogResult, ProgressBarProps, UseProgressBarResult, ProgressCircleProps, UseProgressCircleResult, SpinnerProps, UseSpinnerResult, BadgeProps, UseBadgeResult, BannerProps, BannerVariant, UseBannerResult, ConnectionStatusProps, ConnectionState, ConnectionVariantStyle, UseConnectionStatusResult, } from './components/index.js';
-export { Card, useCard, Avatar, useAvatar, Tag, useTag, List, useList, Accordion, useAccordion, EmptyState, useEmptyState, StepIndicator, useStepIndicator, Timeline, useTimeline, ListItem, useListItem, RatingStars, useRatingStars, PriceDisplay, usePriceDisplay, KeyValueRow, useKeyValueRow, } from './components/index.js';
-export type { CardProps, CardVariant, UseCardResult, AvatarProps, UseAvatarResult, TagProps, TagVariant, UseTagResult, ListProps, ListSection, UseListResult, AccordionProps, AccordionItem, AccordionHookProps, UseAccordionResult, EmptyStateProps, UseEmptyStateResult, Step, StepIndicatorProps, StepIndicatorVariant, StepStatus, StepStyleEntry, UseStepIndicatorResult, TimelineEvent, TimelineEventVariant, TimelineProps, UseTimelineResult, ListItemProps, ListItemAccessory, ListItemSize, UseListItemResult, RatingStarsProps, UseRatingStarsResult, StarFill, StarEntry, PriceDisplayProps, UsePriceDisplayResult, KeyValueRowProps, KeyValueRowSize, UseKeyValueRowResult, } from './components/index.js';
+export { Card, useCard, Avatar, useAvatar, Tag, useTag, List, useList, Accordion, useAccordion, EmptyState, useEmptyState, StepIndicator, useStepIndicator, Timeline, useTimeline, ListItem, useListItem, RatingStars, useRatingStars, PriceDisplay, usePriceDisplay, KeyValueRow, useKeyValueRow, Chart, useChart, ActivityRing, useActivityRing, CountdownTimer, useCountdownTimer, CreditCardDisplay, useCreditCardDisplay, DataTable, useDataTable, } from './components/index.js';
+export type { CardProps, CardVariant, UseCardResult, AvatarProps, UseAvatarResult, TagProps, TagVariant, UseTagResult, ListProps, ListSection, UseListResult, AccordionProps, AccordionItem, AccordionHookProps, UseAccordionResult, EmptyStateProps, UseEmptyStateResult, Step, StepIndicatorProps, StepIndicatorVariant, StepStatus, StepStyleEntry, UseStepIndicatorResult, TimelineEvent, TimelineEventVariant, TimelineProps, UseTimelineResult, ListItemProps, ListItemAccessory, ListItemSize, UseListItemResult, RatingStarsProps, UseRatingStarsResult, StarFill, StarEntry, PriceDisplayProps, UsePriceDisplayResult, KeyValueRowProps, KeyValueRowSize, UseKeyValueRowResult, ChartProps, ChartType, ChartDataPoint, ChartPadding, GridLine, AxisLabel, ChartBounds, LineChartPoint, BarRect, PieSlice, UseChartResult, ActivityRingProps, ActivityRingData, RingGeometry, UseActivityRingResult, CountdownTimerProps, CountdownFormat, CountdownSegment, UseCountdownTimerResult, CreditCardDisplayProps, CardBrand, CardSize, UseCreditCardDisplayResult, DataTableProps, TableColumn, SortDirection, UseDataTableResult, } from './components/index.js';
 export { CameraView, useCameraView, ImagePicker, useImagePicker, VideoPlayer, useVideoPlayer, Carousel, useCarousel, QRScanner, useQRScanner, AudioPlayer, useAudioPlayer, MapView, useMapView, WebView, useWebView, } from './components/index.js';
 export type { CameraViewProps, UseCameraViewResult, ImagePickerProps, ImagePickerVariant, UseImagePickerResult, VideoPlayerProps, VideoSource, UseVideoPlayerResult, CarouselProps, CarouselHookProps, UseCarouselResult, QRScannerProps, UseQRScannerResult, AudioPlayerProps, AudioPlayerVariant, UseAudioPlayerResult, MapViewProps, UseMapViewResult, WebViewProps, UseWebViewResult, } from './components/index.js';
 export { Form, useFormComponent, FormField, useFormField, FormError, useFormError, } from './components/index.js';
@@ -98,6 +98,18 @@ export { ARView, useARView, ARPlacement, useARPlacement, ARAnnotation, useARAnno
 export type { ARViewProps, UseARViewResult, RenderARProps, ARPlacementProps, UseARPlacementResult, RenderPlacementProps, ARAnnotationProps, UseARAnnotationResult, RenderAnnotationProps, Annotation, ARMeasureProps, UseARMeasureResult, RenderMeasureProps, MeasureUnit, ARNavigationProps, UseARNavigationResult, RenderNavigationProps, Waypoint, NavigationUnit, ARTryOnProps, UseARTryOnResult, RenderTryOnProps, TryOnTarget, ARBodyMeasureProps, UseARBodyMeasureResult, RenderBodyMeasureProps, BodyMeasurement, BodyMeasureStep, BodyMeasureUnit, ARWorldObjectProps, UseARWorldObjectResult, RenderWorldProps, WorldObject, } from './components/index.js';
 export { SwipeableRow, useSwipeableRow } from './components/index.js';
 export type { SwipeableRowProps, SwipeAction, UseSwipeableRowResult } from './components/index.js';
+export { DragToReorder, useDragToReorder } from './components/index.js';
+export type { DragToReorderProps, UseDragToReorderResult } from './components/index.js';
+export { PullToRefresh, usePullToRefresh } from './components/index.js';
+export type { PullToRefreshProps, UsePullToRefreshResult } from './components/index.js';
+export { PinchToZoom, usePinchToZoom } from './components/index.js';
+export type { PinchToZoomProps, UsePinchToZoomResult } from './components/index.js';
+export { ParallaxHeader, useParallaxHeader } from './components/index.js';
+export type { ParallaxHeaderProps, UseParallaxHeaderResult } from './components/index.js';
+export { PageView, usePageView } from './components/index.js';
+export type { PageViewProps, UsePageViewResult, IndicatorVariant } from './components/index.js';
+export { StoryRow, useStoryRow, ReactionPicker, useReactionPicker, CommentThread, useCommentThread, MentionInput, useMentionInput, PresenceIndicator, usePresenceIndicator, } from './components/index.js';
+export type { Story, StoryRowProps, StoryRowSize, StoryItemStyle, UseStoryRowResult, Reaction, ReactionPickerProps, ReactionPickerSize, ReactionItemStyle, UseReactionPickerResult, Comment, CommentThreadProps, UseCommentThreadResult, Suggestion, TriggerConfig, MentionInputProps, MentionInputSize, MentionInputVariant, UseMentionInputResult, PresenceStatus, PresencePlacement, PresenceSize, PresenceIndicatorProps, UsePresenceIndicatorResult, } from './components/index.js';
 export { obsidianTheme, daylightTheme } from './themes/index.js';
 export { createAuthGuard, createOnboardingFlow, createDeepLinkHandler, createTabLayout } from './navigation/index.js';
 export type { AuthGuardOptions, AuthGuardResult, OnboardingFlowOptions, OnboardingFlowResult, DeepLinkResult, TabConfig, TabLayoutResult, } from './navigation/index.js';