@objectifthunes/limestone-sdk 0.1.6 → 0.1.7

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

@@ -0,0 +1,124 @@
+const FONT_SIZE_MAP = { sm: 14, md: 16, lg: 18 };
+const INPUT_HEIGHT_MAP = { sm: 36, md: 44, lg: 52 };
+function detectActiveTrigger(value, triggerChars) {
+    if (!value || triggerChars.length === 0) {
+        return { activeTrigger: null, query: '' };
+    }
+    // Scan backwards from the end of the string
+    let bestTrigger = null;
+    let bestIndex = -1;
+    for (const char of triggerChars) {
+        const lastIndex = value.lastIndexOf(char);
+        if (lastIndex === -1)
+            continue;
+        // Check there's no whitespace between the trigger and the end
+        const afterTrigger = value.slice(lastIndex + 1);
+        if (/\s/.test(afterTrigger))
+            continue;
+        // The closest trigger char to the cursor wins
+        if (lastIndex > bestIndex) {
+            bestIndex = lastIndex;
+            bestTrigger = char;
+        }
+    }
+    if (bestTrigger === null) {
+        return { activeTrigger: null, query: '' };
+    }
+    const query = value.slice(bestIndex + 1);
+    return { activeTrigger: bestTrigger, query };
+}
+export function useMentionInput(tokens, props) {
+    const { value = '', triggers = [], size = 'md', variant = 'outline', disabled = false, accessibilityLabel, testID, } = props;
+    const fontSize = FONT_SIZE_MAP[size];
+    const inputHeight = INPUT_HEIGHT_MAP[size];
+    const triggerChars = triggers.map((t) => t.char);
+    const { activeTrigger, query } = detectActiveTrigger(value, triggerChars);
+    // Container style
+    const containerStyle = {
+        position: 'relative',
+    };
+    // Input style based on variant
+    const baseInputStyle = {
+        fontSize,
+        fontFamily: tokens.typography.fontFamily.body,
+        color: disabled ? tokens.colors.mutedForeground : tokens.colors.foreground,
+        height: inputHeight,
+        paddingHorizontal: tokens.spacing.sm,
+        paddingVertical: tokens.spacing.xs,
+        backgroundColor: variant === 'filled' ? tokens.colors.input : tokens.colors.background,
+    };
+    if (variant === 'outline') {
+        baseInputStyle.borderWidth = 1;
+        baseInputStyle.borderColor = tokens.colors.border;
+        baseInputStyle.borderRadius = tokens.radii.md;
+    }
+    else if (variant === 'filled') {
+        baseInputStyle.borderRadius = tokens.radii.md;
+    }
+    else if (variant === 'underline') {
+        baseInputStyle.borderBottomWidth = 1;
+        baseInputStyle.borderColor = tokens.colors.border;
+    }
+    const inputStyle = baseInputStyle;
+    // Suggestion list: absolute, below input
+    const suggestionListStyle = {
+        position: 'absolute',
+        top: inputHeight + 4,
+        left: 0,
+        right: 0,
+        backgroundColor: tokens.colors.card,
+        borderRadius: tokens.radii.md,
+        maxHeight: 220,
+        overflow: 'hidden',
+        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,
+    };
+    const suggestionItemStyle = {
+        flexDirection: 'row',
+        paddingHorizontal: tokens.spacing.md,
+        paddingVertical: tokens.spacing.sm,
+        alignItems: 'center',
+        gap: tokens.spacing.sm,
+    };
+    const suggestionItemActiveStyle = {
+        ...suggestionItemStyle,
+        backgroundColor: tokens.colors.primary + '1A', // 10% opacity
+    };
+    function getHighlightStyle(_triggerChar) {
+        return {
+            color: tokens.colors.primary,
+            fontWeight: tokens.typography.weights.bold,
+        };
+    }
+    const avatarStyle = {
+        width: 28,
+        height: 28,
+        borderRadius: tokens.radii.full,
+        marginRight: tokens.spacing.xs,
+    };
+    const sublabelStyle = {
+        fontSize: tokens.typography.sizes.xs,
+        color: tokens.colors.mutedForeground,
+        fontFamily: tokens.typography.fontFamily.body,
+    };
+    return {
+        containerStyle,
+        inputStyle,
+        suggestionListStyle,
+        suggestionItemStyle,
+        suggestionItemActiveStyle,
+        getHighlightStyle,
+        avatarStyle,
+        sublabelStyle,
+        activeTrigger,
+        query,
+        accessibilityProps: {
+            ...(accessibilityLabel !== undefined && { accessibilityLabel }),
+            ...(testID !== undefined && { testID }),
+        },
+    };
+}
+//# sourceMappingURL=use-mention-input.js.map

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

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

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

@@ -0,0 +1,4 @@
+export { PresenceIndicator } from './presence-indicator.js';
+export { usePresenceIndicator } from './use-presence-indicator.js';
+export type { PresenceStatus, PresencePlacement, PresenceSize, PresenceIndicatorProps, UsePresenceIndicatorResult, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/social/presence-indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EACV,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAC/C,sBAAsB,EAAE,0BAA0B,GACnD,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,3 @@
+export { PresenceIndicator } from './presence-indicator.js';
+export { usePresenceIndicator } from './use-presence-indicator.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/social/presence-indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { createElement } from 'react';
+import { View } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { usePresenceIndicator } from './use-presence-indicator.js';
+export function PresenceIndicator(props) {
+    const { tokens } = useTheme();
+    const { children } = props;
+    const { containerStyle, dotStyle, getStatusColor, accessibilityProps } = usePresenceIndicator(tokens, props);
+    return createElement(View, { style: containerStyle }, children, createElement(View, {
+        style: {
+            ...dotStyle,
+            backgroundColor: getStatusColor(props.status),
+        },
+        ...accessibilityProps,
+    }));
+}
+//# sourceMappingURL=presence-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presence-indicator.js","sourceRoot":"","sources":["../../../../src/components/social/presence-indicator/presence-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGnE,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAE7G,OAAO,aAAa,CAClB,IAAW,EACX,EAAE,KAAK,EAAE,cAAqB,EAAE,EAChC,QAAQ,EACR,aAAa,CAAC,IAAW,EAAE;QACzB,KAAK,EAAE;YACL,GAAG,QAAQ;YACX,eAAe,EAAE,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC;SACvC;QACR,GAAG,kBAAkB;KACtB,CAAC,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,24 @@
+import type { ResolvedBoxStyle } from '../../use-component-style.js';
+export type PresenceStatus = 'online' | 'offline' | 'away' | 'busy';
+export type PresencePlacement = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+export type PresenceSize = 'sm' | 'md' | 'lg';
+export interface PresenceIndicatorProps {
+    status: PresenceStatus;
+    size?: PresenceSize;
+    placement?: PresencePlacement;
+    borderColor?: string;
+    children?: any;
+}
+export interface UsePresenceIndicatorResult {
+    containerStyle: ResolvedBoxStyle;
+    dotStyle: ResolvedBoxStyle;
+    getStatusColor(status: PresenceStatus): string;
+    dotSize: number;
+    borderRing: number;
+    placement: PresencePlacement;
+    accessibilityProps: {
+        accessibilityRole: 'image';
+        accessibilityLabel: string;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/social/presence-indicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AACpE,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;AAC1F,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,WAAW,0BAA0B;IACzC,cAAc,EAAE,gBAAgB,CAAC;IACjC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,cAAc,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,kBAAkB,EAAE;QAClB,iBAAiB,EAAE,OAAO,CAAC;QAC3B,kBAAkB,EAAE,MAAM,CAAC;KAC5B,CAAC;CACH"}

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

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

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

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

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":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,EACJ,OAAO,EACP,YAAY,EACZ,UAAU,GAAG,IAAI,EACjB,kBAAkB,EAAE,GAAG,EACvB,MAAM,EAAE,IAAI,EACZ,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EACpE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAC3D,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAC9D,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAC/F,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAC9C,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,kBAAkB,EAAE,aAAa,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEzG,OAAO,aAAa,CAClB,UAAiB,EACjB;QACE,UAAU,EAAE,IAAI;QAChB,8BAA8B,EAAE,KAAK;QACrC,GAAG,kBAAkB;QACrB,GAAG,IAAI;KACR,EACD,aAAa,CACX,IAAW,EACX,EAAE,KAAK,EAAE,kBAAyB,EAAE,EACpC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACvB,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC;QACnF,OAAO,aAAa,CAClB,SAAgB,EAChB;YACE,GAAG,EAAE,KAAK,CAAC,EAAE;YACb,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;SACxC,EACD,aAAa,CACX,IAAW,EACX,EAAE,KAAK,EAAE,YAAmB,EAAE,EAC9B,aAAa,CACX,IAAW,EACX,EAAE,KAAK,EAAE,SAAgB,EAAE,EAC3B,KAAK,CAAC,MAAM;YACV,CAAC,CAAC,aAAa,CAAC,KAAY,EAAE;gBAC1B,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE;gBAC7B,KAAK,EAAE,UAAiB;aACzB,CAAC;YACJ,CAAC,CAAC,aAAa,CAAC,IAAW,EAAE,EAAE,KAAK,EAAE,UAAiB,EAAE,CAAC,CAC7D,EACD,UAAU,IAAI,KAAK,CAAC,KAAK;YACvB,CAAC,CAAC,aAAa,CACX,IAAW,EACX,EAAE,KAAK,EAAE,UAAiB,EAAE,aAAa,EAAE,CAAC,EAAE,EAC9C,KAAK,CAAC,KAAK,CACZ;YACH,CAAC,CAAC,IAAI,CACT,CACF,CAAC;IACJ,CAAC,CAAC,CACH,CACF,CAAC;AACJ,CAAC"}