@solostylist/ui-kit-native 1.0.0 → 1.0.1

package/dist/hooks/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Custom hooks for UI Kit Native
+ */
+export { default as useCountDown, type UseCountDownProps, type UseCountDownReturn, type TimeLeft, } from './use-count-down';
+export { useIsPassedPosition, checkIsPassedPosition } from './use-is-passed-position';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,QAAQ,GACd,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,5 @@
+/**
+ * Custom hooks for UI Kit Native
+ */
+export { default as useCountDown, } from './use-count-down';
+export { useIsPassedPosition, checkIsPassedPosition } from './use-is-passed-position';

package/dist/hooks/use-count-down.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Time left object structure
+ * Synced with web useCountDown from @solostylist/ui-kit
+ */
+export interface TimeLeft {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+}
+/**
+ * Props for useCountDown hook
+ */
+export interface UseCountDownProps {
+    /** Target date timestamp in milliseconds */
+    expireDate: number;
+    /** Callback fired when countdown reaches zero */
+    onComplete?: () => void;
+    /** Callback fired on each tick (every second) */
+    onTick?: (timeLeft: TimeLeft) => void;
+    /** Callback fired when countdown starts */
+    onStart?: () => void;
+    /** Whether the countdown is paused */
+    paused?: boolean;
+    /** Custom interval in milliseconds (default: 1000) */
+    interval?: number;
+    /** Whether to automatically start the countdown */
+    autoStart?: boolean;
+}
+/**
+ * Return type for useCountDown hook
+ */
+export interface UseCountDownReturn {
+    /** Current time left */
+    timeLeft: TimeLeft;
+    /** Whether the countdown has expired */
+    isExpired: boolean;
+    /** Whether the countdown is currently running */
+    isRunning: boolean;
+    /** Whether the countdown is paused */
+    isPaused: boolean;
+    /** Start the countdown */
+    start: () => void;
+    /** Pause the countdown */
+    pause: () => void;
+    /** Resume the countdown */
+    resume: () => void;
+    /** Reset the countdown to initial state */
+    reset: () => void;
+    /** Get the total duration in milliseconds */
+    totalDuration: number;
+    /** Get the elapsed time in milliseconds */
+    elapsedTime: number;
+    /** Get the progress as a percentage (0-100) */
+    progress: number;
+}
+/**
+ * Enhanced countdown hook with comprehensive features
+ * Synced with web useCountDown from @solostylist/ui-kit
+ *
+ * Features:
+ * - Pause/resume functionality
+ * - Event callbacks (onComplete, onTick, onStart)
+ * - Custom intervals
+ * - Progress tracking
+ * - Manual start/stop controls
+ * - Expiration detection
+ *
+ * @param props - UseCountDownProps
+ * @returns UseCountDownReturn - Hook return value with time data and controls
+ */
+declare const useCountDown: ({ expireDate, onComplete, onTick, onStart, paused, interval, autoStart, }: UseCountDownProps) => UseCountDownReturn;
+export default useCountDown;
+//# sourceMappingURL=use-count-down.d.ts.map

package/dist/hooks/use-count-down.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-count-down.d.ts","sourceRoot":"","sources":["../../src/hooks/use-count-down.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAYD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,wBAAwB;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,wCAAwC;IACxC,SAAS,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,SAAS,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,2BAA2B;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,6CAA6C;IAC7C,aAAa,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,YAAY,GAAI,2EAQnB,iBAAiB,KAAG,kBAuMtB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/hooks/use-count-down.js

@@ -0,0 +1,204 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+/**
+ * Initial state for countdown
+ */
+const initialState = {
+    days: 0,
+    hours: 0,
+    minutes: 0,
+    seconds: 0,
+};
+/**
+ * Enhanced countdown hook with comprehensive features
+ * Synced with web useCountDown from @solostylist/ui-kit
+ *
+ * Features:
+ * - Pause/resume functionality
+ * - Event callbacks (onComplete, onTick, onStart)
+ * - Custom intervals
+ * - Progress tracking
+ * - Manual start/stop controls
+ * - Expiration detection
+ *
+ * @param props - UseCountDownProps
+ * @returns UseCountDownReturn - Hook return value with time data and controls
+ */
+const useCountDown = ({ expireDate, onComplete, onTick, onStart, paused = false, interval = 1000, autoStart = true, }) => {
+    const [timeLeft, setTimeLeft] = useState(initialState);
+    const [isExpired, setIsExpired] = useState(false);
+    const [isRunning, setIsRunning] = useState(autoStart && !paused);
+    const [isPaused, setIsPaused] = useState(paused);
+    const [startTime, setStartTime] = useState(null);
+    const timerRef = useRef(null);
+    const onCompleteRef = useRef(onComplete);
+    const onTickRef = useRef(onTick);
+    const onStartRef = useRef(onStart);
+    const hasStartedRef = useRef(false);
+    const hasCompletedRef = useRef(false);
+    // Update refs when callbacks change
+    useEffect(() => {
+        onCompleteRef.current = onComplete;
+    }, [onComplete]);
+    useEffect(() => {
+        onTickRef.current = onTick;
+    }, [onTick]);
+    useEffect(() => {
+        onStartRef.current = onStart;
+    }, [onStart]);
+    /**
+     * Calculate time remaining
+     */
+    const calculateTimeLeft = useCallback(() => {
+        const now = new Date().getTime();
+        const distance = expireDate - now;
+        if (distance < 0) {
+            return { timeLeft: initialState, expired: true };
+        }
+        return {
+            timeLeft: {
+                days: Math.floor(distance / (1000 * 60 * 60 * 24)),
+                hours: Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)),
+                minutes: Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)),
+                seconds: Math.floor((distance % (1000 * 60)) / 1000),
+            },
+            expired: false,
+        };
+    }, [expireDate]);
+    /**
+     * Update timer state
+     */
+    const updateTimer = useCallback(() => {
+        const { timeLeft: newTimeLeft, expired } = calculateTimeLeft();
+        setTimeLeft(newTimeLeft);
+        setIsExpired(expired);
+        // Call onTick callback
+        if (onTickRef.current) {
+            onTickRef.current(newTimeLeft);
+        }
+        // Handle completion
+        if (expired && !hasCompletedRef.current) {
+            hasCompletedRef.current = true;
+            setIsRunning(false);
+            if (onCompleteRef.current) {
+                onCompleteRef.current();
+            }
+        }
+    }, [calculateTimeLeft]);
+    /**
+     * Start the countdown
+     */
+    const start = useCallback(() => {
+        if (!hasStartedRef.current && onStartRef.current) {
+            onStartRef.current();
+            hasStartedRef.current = true;
+        }
+        setIsRunning(true);
+        setIsPaused(false);
+        if (!startTime) {
+            setStartTime(new Date().getTime());
+        }
+    }, [startTime]);
+    /**
+     * Pause the countdown
+     */
+    const pause = useCallback(() => {
+        setIsRunning(false);
+        setIsPaused(true);
+    }, []);
+    /**
+     * Resume the countdown
+     */
+    const resume = useCallback(() => {
+        setIsRunning(true);
+        setIsPaused(false);
+    }, []);
+    /**
+     * Reset the countdown
+     */
+    const reset = useCallback(() => {
+        setIsRunning(autoStart && !paused);
+        setIsPaused(paused);
+        setIsExpired(false);
+        setStartTime(null);
+        hasStartedRef.current = false;
+        hasCompletedRef.current = false;
+        const { timeLeft: newTimeLeft } = calculateTimeLeft();
+        setTimeLeft(newTimeLeft);
+    }, [autoStart, paused, calculateTimeLeft]);
+    /**
+     * Handle pause prop changes
+     */
+    useEffect(() => {
+        if (paused) {
+            pause();
+        }
+        else if (isPaused && !paused) {
+            resume();
+        }
+    }, [paused, isPaused, pause, resume]);
+    /**
+     * Timer effect
+     */
+    useEffect(() => {
+        if (isRunning && !isExpired) {
+            timerRef.current = setInterval(updateTimer, interval);
+        }
+        else {
+            if (timerRef.current) {
+                clearInterval(timerRef.current);
+                timerRef.current = null;
+            }
+        }
+        return () => {
+            if (timerRef.current) {
+                clearInterval(timerRef.current);
+                timerRef.current = null;
+            }
+        };
+    }, [isRunning, isExpired, interval, updateTimer]);
+    /**
+     * Initial calculation
+     */
+    useEffect(() => {
+        updateTimer();
+    }, [updateTimer]);
+    /**
+     * Calculate total duration
+     */
+    const totalDuration = useMemo(() => {
+        if (!startTime)
+            return 0;
+        return Math.max(0, expireDate - startTime);
+    }, [expireDate, startTime]);
+    /**
+     * Calculate elapsed time
+     */
+    const elapsedTime = useMemo(() => {
+        if (!startTime)
+            return 0;
+        const now = new Date().getTime();
+        return Math.max(0, now - startTime);
+    }, [startTime]);
+    /**
+     * Calculate progress percentage
+     */
+    const progress = useMemo(() => {
+        if (totalDuration === 0)
+            return 0;
+        return Math.min(100, Math.max(0, (elapsedTime / totalDuration) * 100));
+    }, [elapsedTime, totalDuration]);
+    return {
+        timeLeft,
+        isExpired,
+        isRunning,
+        isPaused,
+        start,
+        pause,
+        resume,
+        reset,
+        totalDuration,
+        elapsedTime,
+        progress,
+    };
+};
+export default useCountDown;

package/dist/hooks/use-is-passed-position.d.ts

@@ -0,0 +1,20 @@
+import type { ScrollView } from 'react-native';
+/**
+ * Hook to detect if a scroll position has been passed
+ * Native version of useIsPassedPosition from @solostylist/ui-kit
+ *
+ * @param scrollRef - Reference to the ScrollView component
+ * @param positionY - Y position threshold to detect
+ * @returns boolean indicating if the scroll position has been passed
+ */
+export declare function useIsPassedPosition(scrollRef: React.RefObject<ScrollView> | null, positionY: number): boolean;
+/**
+ * Helper function to check if scroll position is passed
+ * This should be called from the ScrollView's onScroll event
+ *
+ * @param scrollY - Current scroll Y position
+ * @param threshold - Threshold position
+ * @returns boolean indicating if threshold is passed
+ */
+export declare function checkIsPassedPosition(scrollY: number, threshold: number): boolean;
+//# sourceMappingURL=use-is-passed-position.d.ts.map

package/dist/hooks/use-is-passed-position.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-passed-position.d.ts","sourceRoot":"","sources":["../../src/hooks/use-is-passed-position.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAa7G;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAEjF"}

package/dist/hooks/use-is-passed-position.js

@@ -0,0 +1,31 @@
+import { useEffect, useState } from 'react';
+/**
+ * Hook to detect if a scroll position has been passed
+ * Native version of useIsPassedPosition from @solostylist/ui-kit
+ *
+ * @param scrollRef - Reference to the ScrollView component
+ * @param positionY - Y position threshold to detect
+ * @returns boolean indicating if the scroll position has been passed
+ */
+export function useIsPassedPosition(scrollRef, positionY) {
+    const [isPassed, setIsPassed] = useState(false);
+    useEffect(() => {
+        // For React Native, we can't directly attach scroll listeners like in web
+        // The scroll position tracking should be handled by the parent component
+        // This hook will be updated via the onScroll event in the ScrollView
+        // Initialize as not passed
+        setIsPassed(false);
+    }, [scrollRef, positionY]);
+    return isPassed;
+}
+/**
+ * Helper function to check if scroll position is passed
+ * This should be called from the ScrollView's onScroll event
+ *
+ * @param scrollY - Current scroll Y position
+ * @param threshold - Threshold position
+ * @returns boolean indicating if threshold is passed
+ */
+export function checkIsPassedPosition(scrollY, threshold) {
+    return scrollY > threshold;
+}

package/dist/index.d.ts

@@ -5,10 +5,42 @@
  * Synced with web ui-kit and uses @solostylist/core for theming
  */
 export { SThemeProvider, useSTheme, darkTheme, lightTheme, type SThemeProviderProps, type ThemeMode, type NativeTheme, type NativeThemeColors, } from './theme';
+export { SAvatar, type SAvatarProps, type SAvatarSize, type SAvatarColor } from './s-avatar';
+export { SButton, type SButtonProps, type SButtonColor, type SButtonVariant, type SButtonSize } from './s-button';
+export { SButtonLink, type SButtonLinkProps } from './s-button-link';
+export { SChatInput, type SChatInputProps } from './s-chat-input';
+export { SChatMessage, type SChatMessageProps, type ChatAttachment } from './s-chat-message';
+export { SCheckbox, type SCheckboxProps } from './s-checkbox';
+export { SCodeBlock, type SCodeBlockProps } from './s-code-block';
+export { SCommentMessage, type SCommentMessageProps } from './s-comment-message';
+export { SChip, type SChipProps, type SChipColor, type SChipVariant, type SChipSize } from './s-chip';
+export { SCopyableText, type SCopyableTextProps } from './s-copyable-text';
+export { SCountdown, SCountBox, type SCountdownProps, type SCountBoxProps } from './s-countdown';
+export { SDataTable, type SDataTableProps, type ColumnDef } from './s-data-table';
+export { SDatePicker, type SDatePickerProps } from './s-date-picker';
+export { SDateTimePicker, type SDateTimePickerProps } from './s-date-time-picker';
+export { SFileIcon, type SFileIconProps } from './s-file-icon';
+export { SFileDropzone, type SFileDropzoneProps, type CustomFile } from './s-file-dropzone';
 export { SForm, type SFormProps } from './s-form';
 export { SIconButton, type SIconButtonProps } from './s-icon-button';
+export { SImageComparison, type SImageComparisonProps } from './s-image-comparison';
+export { SLanguageSwitcher, type SLanguageSwitcherProps, type SLanguageOption, defaultLanguageOptions, } from './s-language-switcher';
+export { SLabel, type SLabelProps } from './s-label';
+export { SLazyImage, type SLazyImageProps, type SLazyImageVariant } from './s-lazy-image';
+export { SMovingBorder, type SMovingBorderProps } from './s-moving-border';
+export { SZoomImage, type SZoomImageProps } from './s-zoom-image';
+export { SPagination, type SPaginationProps } from './s-pagination';
+export { SRating, type SRatingProps, type SRatingSize, type SRatingColor } from './s-rating';
+export { SReview, type SReviewProps } from './s-review';
+export { SScrollToTop, type SScrollToTopProps } from './s-scroll-to-top';
 export { SSelect, type SSelectProps } from './s-select';
+export { SSelectList, type SSelectListProps, type SSelectListItem } from './s-select-list';
+export { SMultiSelect, type SMultiSelectProps } from './s-multi-select';
 export { SText, type STextProps } from './s-text';
 export { STextField, type STextFieldProps } from './s-text-field';
+export { STextShimmer, type STextShimmerProps } from './s-text-shimmer';
+export { STextTruncation, type STextTruncationProps, type STextTruncationVariant } from './s-text-truncation';
+export { STip, type STipProps } from './s-tip';
+export { useCountDown, type UseCountDownProps, type UseCountDownReturn, type TimeLeft, useIsPassedPosition, checkIsPassedPosition, } from './hooks';
 export { brand, lightBrand, gray, lightGray, green, lightGreen, orange, lightOrange, blue, lightBlue, red, lightRed, purple, lightPurple, blackAlpha, whiteAlpha, darkGradients, lightGradients, darkPulse, lightPulse, } from './theme';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EACL,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,iBAAiB,GACvB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGlE,OAAO,EACL,KAAK,EACL,UAAU,EACV,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,WAAW,EACX,IAAI,EACJ,SAAS,EACT,GAAG,EACH,QAAQ,EACR,MAAM,EACN,WAAW,EACX,UAAU,EACV,UAAU,EACV,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,GACX,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -7,10 +7,43 @@
 // Theme
 export { SThemeProvider, useSTheme, darkTheme, lightTheme, } from './theme';
 // Components
+export { SAvatar } from './s-avatar';
+export { SButton } from './s-button';
+export { SButtonLink } from './s-button-link';
+export { SChatInput } from './s-chat-input';
+export { SChatMessage } from './s-chat-message';
+export { SCheckbox } from './s-checkbox';
+export { SCodeBlock } from './s-code-block';
+export { SCommentMessage } from './s-comment-message';
+export { SChip } from './s-chip';
+export { SCopyableText } from './s-copyable-text';
+export { SCountdown, SCountBox } from './s-countdown';
+export { SDataTable } from './s-data-table';
+export { SDatePicker } from './s-date-picker';
+export { SDateTimePicker } from './s-date-time-picker';
+export { SFileIcon } from './s-file-icon';
+export { SFileDropzone } from './s-file-dropzone';
 export { SForm } from './s-form';
 export { SIconButton } from './s-icon-button';
+export { SImageComparison } from './s-image-comparison';
+export { SLanguageSwitcher, defaultLanguageOptions, } from './s-language-switcher';
+export { SLabel } from './s-label';
+export { SLazyImage } from './s-lazy-image';
+export { SMovingBorder } from './s-moving-border';
+export { SZoomImage } from './s-zoom-image';
+export { SPagination } from './s-pagination';
+export { SRating } from './s-rating';
+export { SReview } from './s-review';
+export { SScrollToTop } from './s-scroll-to-top';
 export { SSelect } from './s-select';
+export { SSelectList } from './s-select-list';
+export { SMultiSelect } from './s-multi-select';
 export { SText } from './s-text';
 export { STextField } from './s-text-field';
+export { STextShimmer } from './s-text-shimmer';
+export { STextTruncation } from './s-text-truncation';
+export { STip } from './s-tip';
+// Hooks
+export { useCountDown, useIsPassedPosition, checkIsPassedPosition, } from './hooks';
 // Re-export core colors for convenience
 export { brand, lightBrand, gray, lightGray, green, lightGreen, orange, lightOrange, blue, lightBlue, red, lightRed, purple, lightPurple, blackAlpha, whiteAlpha, darkGradients, lightGradients, darkPulse, lightPulse, } from './theme';

package/dist/s-avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { SAvatar, default } from './s-avatar';
+export type { SAvatarProps, SAvatarSize, SAvatarColor } from './s-avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/s-avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/s-avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/s-avatar/index.js

@@ -0,0 +1 @@
+export { SAvatar, default } from './s-avatar';

package/dist/s-avatar/s-avatar.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+/**
+ * Avatar size variants - matches common sizing patterns
+ */
+export type SAvatarSize = 'small' | 'medium' | 'large' | number;
+/**
+ * Avatar color variants for background when showing initials
+ */
+export type SAvatarColor = 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+/**
+ * Props interface for SAvatar component
+ * Synced with web SAvatar from @solostylist/ui-kit
+ */
+export interface SAvatarProps {
+    /** URL of the avatar image to display */
+    avatar?: string;
+    /** Name of the user, used for initials fallback and optional display */
+    name?: string;
+    /** Whether to display the name alongside the avatar */
+    showName?: boolean;
+    /** Size of the avatar in pixels (width and height) or preset size */
+    size?: SAvatarSize;
+    /** Background color for initials avatar */
+    color?: SAvatarColor;
+    /** Additional styles for the avatar container */
+    style?: StyleProp<ViewStyle>;
+    /** Additional styles for the avatar */
+    avatarStyle?: StyleProp<ViewStyle>;
+    /** Additional styles for the name text */
+    nameStyle?: StyleProp<TextStyle>;
+    /** Font size for the name text (default: 16) */
+    nameFontSize?: number;
+    /** Callback fired when avatar is pressed */
+    onPress?: () => void;
+}
+/**
+ * A flexible avatar component that displays user profile images with fallback to initials.
+ * Built on React Native Paper Avatar with optional name display and customizable sizing.
+ * Synced with web SAvatar from @solostylist/ui-kit.
+ */
+export declare const SAvatar: {
+    ({ avatar, name, showName, size, color, style, avatarStyle, nameStyle, nameFontSize, onPress, }: SAvatarProps): React.JSX.Element;
+    displayName: string;
+};
+export default SAvatar;
+//# sourceMappingURL=s-avatar.d.ts.map

package/dist/s-avatar/s-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"s-avatar.d.ts","sourceRoot":"","sources":["../../src/s-avatar/s-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1F;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE9F;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,uCAAuC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAiDD;;;;GAIG;AACH,eAAO,MAAM,OAAO;qGAWjB,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CA+ElC,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/s-avatar/s-avatar.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { Avatar, Surface } from 'react-native-paper';
+import { SText } from '../s-text';
+import { useSTheme } from '../theme';
+/**
+ * Get size in pixels from size prop
+ */
+const getSizeInPixels = (size) => {
+    if (typeof size === 'number') {
+        return size;
+    }
+    switch (size) {
+        case 'small':
+            return 32;
+        case 'medium':
+            return 40;
+        case 'large':
+            return 56;
+        default:
+            return 40;
+    }
+};
+/**
+ * Get font size for initials based on avatar size
+ */
+const getInitialsFontSize = (sizeInPixels) => {
+    if (sizeInPixels <= 32) {
+        return 12;
+    }
+    else if (sizeInPixels <= 40) {
+        return 14;
+    }
+    else if (sizeInPixels <= 56) {
+        return 18;
+    }
+    else {
+        return Math.round(sizeInPixels * 0.4);
+    }
+};
+/**
+ * Get initials from name (up to 2 characters)
+ */
+const getInitials = (name) => {
+    if (!name)
+        return 'A';
+    const parts = name.trim().split(/\s+/);
+    if (parts.length === 1) {
+        return parts[0].charAt(0).toUpperCase();
+    }
+    return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+};
+/**
+ * A flexible avatar component that displays user profile images with fallback to initials.
+ * Built on React Native Paper Avatar with optional name display and customizable sizing.
+ * Synced with web SAvatar from @solostylist/ui-kit.
+ */
+export const SAvatar = ({ avatar, name, showName = false, size = 'medium', color = 'primary', style, avatarStyle, nameStyle, nameFontSize = 16, onPress, }) => {
+    const { theme } = useSTheme();
+    const sizeInPixels = getSizeInPixels(size);
+    const initialsFontSize = getInitialsFontSize(sizeInPixels);
+    const initials = getInitials(name);
+    // Get background color for initials avatar
+    const backgroundColor = useMemo(() => {
+        const colorPalette = theme.colors[color] || theme.colors.primary;
+        return theme.dark ? colorPalette[700] : colorPalette[500];
+    }, [theme.dark, theme.colors, color]);
+    // Get text color for initials
+    const textColor = useMemo(() => {
+        const colorPalette = theme.colors[color] || theme.colors.primary;
+        return theme.dark ? colorPalette[100] : colorPalette[50];
+    }, [theme.dark, theme.colors, color]);
+    const styles = useMemo(() => StyleSheet.create({
+        container: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: theme.spacing.md,
+        },
+        avatarText: {
+            backgroundColor,
+        },
+        initials: {
+            fontSize: initialsFontSize,
+            fontFamily: theme.typography.fontFamily,
+            fontWeight: '500',
+            color: textColor,
+        },
+        nameText: {
+            fontSize: nameFontSize,
+            fontFamily: theme.typography.fontFamily,
+            color: theme.colors.text.primary,
+        },
+    }), [
+        theme.spacing.md,
+        theme.typography.fontFamily,
+        theme.colors.text.primary,
+        backgroundColor,
+        textColor,
+        initialsFontSize,
+        nameFontSize,
+    ]);
+    const renderAvatar = () => {
+        if (avatar) {
+            return _jsx(Avatar.Image, { size: sizeInPixels, source: { uri: avatar }, style: [avatarStyle], onTouchEnd: onPress });
+        }
+        return (_jsx(Avatar.Text, { size: sizeInPixels, label: initials, style: [styles.avatarText, avatarStyle], labelStyle: styles.initials, onTouchEnd: onPress }));
+    };
+    return (_jsxs(Surface, { elevation: 0, style: [styles.container, style], children: [renderAvatar(), showName && name && (_jsx(SText, { variant: "body1", style: [styles.nameText, nameStyle], children: name }))] }));
+};
+SAvatar.displayName = 'SAvatar';
+export default SAvatar;

package/dist/s-button/index.d.ts

@@ -0,0 +1,3 @@
+export { SButton, default } from './s-button';
+export type { SButtonProps, SButtonColor, SButtonVariant, SButtonSize } from './s-button';
+//# sourceMappingURL=index.d.ts.map

package/dist/s-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/s-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/s-button/index.js

@@ -0,0 +1 @@
+export { SButton, default } from './s-button';