@objectifthunes/limestone-sdk 0.1.5 → 0.1.7

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

@@ -0,0 +1,50 @@
+import { createElement } from 'react';
+import { View, TextInput as RNTextInput, Image, Text, Pressable } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { useMentionInput } from './use-mention-input.js';
+export function MentionInput(props) {
+    const { tokens } = useTheme();
+    const { value, onChangeText, triggers = [], onMentionSelect, placeholder, disabled = false, maxSuggestions = 5, 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 { containerStyle, inputStyle, suggestionListStyle, suggestionItemStyle, avatarStyle, sublabelStyle, activeTrigger, accessibilityProps, } = useMentionInput(tokens, props);
+    const activeTriggerConfig = triggers.find((t) => t.char === activeTrigger);
+    const suggestions = activeTriggerConfig?.suggestions?.slice(0, maxSuggestions) ?? [];
+    const showSuggestions = activeTrigger !== null && suggestions.length > 0;
+    function handleChangeText(text) {
+        onChangeText(text);
+        // Trigger query detection
+        if (activeTriggerConfig?.onQuery) {
+            const afterTrigger = text.slice(text.lastIndexOf(activeTrigger) + 1);
+            if (!/\s/.test(afterTrigger)) {
+                activeTriggerConfig.onQuery(afterTrigger);
+            }
+        }
+    }
+    return createElement(View, { style: containerStyle, ...accessibilityProps, ...rest }, createElement(RNTextInput, {
+        value,
+        onChangeText: handleChangeText,
+        placeholder,
+        editable: !disabled,
+        style: inputStyle,
+        placeholderTextColor: tokens.colors.mutedForeground,
+    }), showSuggestions
+        ? createElement(View, { style: suggestionListStyle }, ...suggestions.map((suggestion) => createElement(Pressable, {
+            key: suggestion.id,
+            style: suggestionItemStyle,
+            onPress: () => onMentionSelect?.(activeTrigger, suggestion),
+        }, suggestion.avatar
+            ? createElement(Image, {
+                source: { uri: suggestion.avatar },
+                style: avatarStyle,
+            })
+            : null, createElement(View, null, createElement(Text, {
+            style: {
+                fontSize: tokens.typography.sizes.sm,
+                color: tokens.colors.foreground,
+                fontFamily: tokens.typography.fontFamily.body,
+            },
+        }, suggestion.label), suggestion.sublabel
+            ? createElement(Text, { style: sublabelStyle }, suggestion.sublabel)
+            : null))))
+        : null);
+}
+//# sourceMappingURL=mention-input.js.map

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

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

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

@@ -0,0 +1,46 @@
+import type { BoxStyleProps } from '../../types.js';
+import type { ResolvedBoxStyle, ResolvedTextStyle } from '../../use-component-style.js';
+export type MentionInputSize = 'sm' | 'md' | 'lg';
+export type MentionInputVariant = 'outline' | 'filled' | 'underline';
+export interface Suggestion {
+    id: string;
+    label: string;
+    sublabel?: string;
+    avatar?: string;
+}
+export interface TriggerConfig {
+    char: string;
+    onQuery?: (query: string) => void;
+    suggestions?: Suggestion[];
+}
+export interface MentionInputProps extends BoxStyleProps {
+    value: string;
+    onChangeText: (text: string) => void;
+    triggers?: TriggerConfig[];
+    onMentionSelect?: (triggerChar: string, suggestion: Suggestion) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: MentionInputSize;
+    multiline?: boolean;
+    maxSuggestions?: number;
+    variant?: MentionInputVariant;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export interface UseMentionInputResult {
+    containerStyle: ResolvedBoxStyle;
+    inputStyle: ResolvedTextStyle & ResolvedBoxStyle;
+    suggestionListStyle: ResolvedBoxStyle;
+    suggestionItemStyle: ResolvedBoxStyle;
+    suggestionItemActiveStyle: ResolvedBoxStyle;
+    getHighlightStyle(triggerChar: string): ResolvedTextStyle;
+    avatarStyle: ResolvedBoxStyle;
+    sublabelStyle: ResolvedTextStyle;
+    activeTrigger: string | null;
+    query: string;
+    accessibilityProps: {
+        accessibilityLabel?: string;
+        testID?: string;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/social/mention-input/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,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;AAErE,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,gBAAgB,CAAC;IACjC,UAAU,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;IACjD,mBAAmB,EAAE,gBAAgB,CAAC;IACtC,mBAAmB,EAAE,gBAAgB,CAAC;IACtC,yBAAyB,EAAE,gBAAgB,CAAC;IAC5C,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,iBAAiB,CAAC;IAC1D,WAAW,EAAE,gBAAgB,CAAC;IAC9B,aAAa,EAAE,iBAAiB,CAAC;IACjC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,EAAE;QAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { MentionInputProps, UseMentionInputResult } from './types.js';
+export declare function useMentionInput(tokens: ThemeTokens, props: MentionInputProps): UseMentionInputResult;
+//# sourceMappingURL=use-mention-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-mention-input.d.ts","sourceRoot":"","sources":["../../../../src/components/social/mention-input/use-mention-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,EAAoB,MAAM,YAAY,CAAC;AAyC7F,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB,GAAG,qBAAqB,CAiHpG"}

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"}