@frosted-ui/react-native 0.0.1-canary.100

package/dist/components/skeleton.js

@@ -0,0 +1,137 @@
+import { getAvatarSize } from '../components/avatar';
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming, } from 'react-native-reanimated';
+// Text border radius based on size
+function getTextBorderRadius(size) {
+    switch (size) {
+        case '0':
+        case '1':
+        case '2':
+            return 4; // radius-1
+        case '3':
+        case '4':
+            return 6; // radius-2
+        case '5':
+        case '6':
+            return 8; // radius-3
+        case '7':
+        case '8':
+            return 10; // radius-4
+        case '9':
+            return 12; // radius-5
+    }
+}
+// Pulse animation hook using Reanimated (runs on UI thread) - native only
+function usePulseAnimation() {
+    const opacity = useSharedValue(1);
+    React.useEffect(() => {
+        // Skip on web - we use CSS animations there
+        if (Platform.OS === 'web')
+            return;
+        // Use withRepeat with reverse=true for smooth looping: 1 → 0.5 → 1 → 0.5 → ...
+        opacity.value = withRepeat(withTiming(0.5, { duration: 1000, easing: Easing.bezier(0.4, 0, 0.6, 1) }), -1, // Infinite repeat
+        true // Reverse on each iteration
+        );
+    }, [opacity]);
+    const animatedStyle = useAnimatedStyle(() => ({
+        opacity: opacity.value,
+    }));
+    return animatedStyle;
+}
+// CSS animation style for web (GPU-accelerated)
+const webPulseStyle = Platform.OS === 'web'
+    ? {
+        animationName: 'skeleton-pulse',
+        animationDuration: '2s',
+        animationTimingFunction: 'cubic-bezier(0.4, 0, 0.6, 1)',
+        animationIterationCount: 'infinite',
+    }
+    : undefined;
+// Inject keyframes on web
+if (Platform.OS === 'web' && typeof document !== 'undefined') {
+    const styleId = 'skeleton-pulse-keyframes';
+    if (!document.getElementById(styleId)) {
+        const style = document.createElement('style');
+        style.id = styleId;
+        style.textContent = `
+      @keyframes skeleton-pulse {
+        0%, 100% { opacity: 1; }
+        50% { opacity: 0.5; }
+      }
+    `;
+        document.head.appendChild(style);
+    }
+}
+function SkeletonAvatar({ size = '3', shape = 'circle', color = 'gray', style, ...props }) {
+    const { colors } = useThemeTokens();
+    const animatedStyle = usePulseAnimation();
+    const gray = colors.palettes.gray;
+    const palette = colors.palettes[color] ?? gray;
+    const avatarSize = getAvatarSize(size);
+    const borderRadius = shape === 'circle' ? avatarSize / 2 : avatarSize * 0.25;
+    const avatarStyle = {
+        width: avatarSize,
+        height: avatarSize,
+        borderRadius,
+        backgroundColor: palette.a3,
+        flexShrink: 0,
+    };
+    if (Platform.OS === 'web') {
+        return <View style={[avatarStyle, webPulseStyle, style]} {...props}/>;
+    }
+    return <Animated.View style={[avatarStyle, animatedStyle, style]} {...props}/>;
+}
+function SkeletonText({ size = '3', color = 'gray', style, ...props }) {
+    const { colors, typography } = useThemeTokens();
+    const animatedStyle = usePulseAnimation();
+    const gray = colors.palettes.gray;
+    const palette = colors.palettes[color] ?? gray;
+    const typo = typography[size];
+    const borderRadius = getTextBorderRadius(size);
+    // Container matches line-height, inner bar matches font-size
+    const containerStyle = {
+        height: typo.lineHeight,
+        justifyContent: 'center',
+        alignItems: 'stretch',
+    };
+    const barStyle = {
+        height: typo.fontSize,
+        borderRadius,
+        backgroundColor: palette.a3,
+        width: '100%',
+    };
+    if (Platform.OS === 'web') {
+        return (<View style={[containerStyle, style]} {...props}>
+        <View style={[barStyle, webPulseStyle]}/>
+      </View>);
+    }
+    return (<View style={[containerStyle, style]} {...props}>
+      <Animated.View style={[barStyle, animatedStyle]}/>
+    </View>);
+}
+function SkeletonRect({ color = 'gray', style, ...props }) {
+    const { colors } = useThemeTokens();
+    const animatedStyle = usePulseAnimation();
+    const gray = colors.palettes.gray;
+    const palette = colors.palettes[color] ?? gray;
+    const rectStyle = {
+        backgroundColor: palette.a3,
+        flexShrink: 0,
+    };
+    if (Platform.OS === 'web') {
+        return <View style={[rectStyle, webPulseStyle, style]} {...props}/>;
+    }
+    return <Animated.View style={[rectStyle, animatedStyle, style]} {...props}/>;
+}
+// ============================================================================
+// Export composite component
+// ============================================================================
+const Skeleton = {
+    Avatar: SkeletonAvatar,
+    Text: SkeletonText,
+    Rect: SkeletonRect,
+};
+export { Skeleton, SkeletonAvatar, SkeletonRect, SkeletonText };
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

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

package/dist/components/slider.d.ts

@@ -0,0 +1,30 @@
+import type { Color } from '../lib/types';
+import * as React from 'react';
+import { type ViewStyle } from 'react-native';
+type SliderSize = '1' | '2' | '3';
+type SliderProps = {
+    /** Size of the slider track and thumb */
+    size?: SliderSize;
+    /** Accent color for the filled range */
+    color?: Color;
+    /** Current value - controlled mode */
+    value?: number;
+    /** Default value - uncontrolled mode */
+    defaultValue?: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Callback when value changes */
+    onValueChange?: (value: number) => void;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** Container style */
+    style?: ViewStyle;
+};
+declare function Slider({ size, color, value: controlledValue, defaultValue, min, max, step, onValueChange, disabled, style, }: SliderProps): React.JSX.Element;
+export { Slider };
+export type { SliderProps };
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA0C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAWtF,KAAK,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AA8BlC,KAAK,WAAW,GAAG;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,IAAU,EACV,KAAK,EACL,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,GAAO,EACP,GAAS,EACT,IAAQ,EACR,aAAa,EACb,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,qBA4Gb;AA4PD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/slider.js

@@ -0,0 +1,248 @@
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as SliderPrimitive from '@rn-primitives/slider';
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { Gesture, GestureDetector, GestureHandlerRootView, } from 'react-native-gesture-handler';
+import Animated, { runOnJS, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
+// Size styles from CSS:
+// Size 1: --slider-track-size: calc(var(--space-2) * 0.75) = 6px
+// Size 2: --slider-track-size: var(--space-2) = 8px
+// Size 3: --slider-track-size: calc(var(--space-2) * 1.25) = 10px
+// --slider-thumb-size: calc(var(--slider-track-size) + var(--space-1)) = track + 4px
+function getSizeStyle(size) {
+    switch (size) {
+        case '1': {
+            const trackHeight = 6;
+            const thumbSize = trackHeight + 4; // 10
+            return { trackHeight, thumbSize };
+        }
+        case '2': {
+            const trackHeight = 8;
+            const thumbSize = trackHeight + 4; // 12
+            return { trackHeight, thumbSize };
+        }
+        case '3': {
+            const trackHeight = 10;
+            const thumbSize = trackHeight + 4; // 14
+            return { trackHeight, thumbSize };
+        }
+    }
+}
+function Slider({ size = '2', color, value: controlledValue, defaultValue = 50, min = 0, max = 100, step = 1, onValueChange, disabled = false, style, }) {
+    const { colors } = useThemeTokens();
+    // Internal state for uncontrolled mode
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    // Use controlled value if provided, otherwise use internal state
+    const currentValue = controlledValue !== undefined ? controlledValue : internalValue;
+    const gray = colors.palettes.gray;
+    const palette = colors.palettes[color ?? 'accent'] ?? gray;
+    const { trackHeight, thumbSize } = getSizeStyle(size);
+    // The thumb has a visible pseudo-element that's slightly larger
+    const thumbVisibleSize = thumbSize + Math.floor(trackHeight * 0.5);
+    // Range (filled track) color
+    const rangeColor = disabled ? gray.a5 : palette['9'];
+    // Calculate range width based on value
+    const rangePercent = ((currentValue - min) / (max - min)) * 100;
+    // Update value helper
+    const updateValue = React.useCallback((newValue) => {
+        if (controlledValue === undefined) {
+            setInternalValue(newValue);
+        }
+        onValueChange?.(newValue);
+    }, [controlledValue, onValueChange]);
+    // Handle value changes from rn-primitives (receives array)
+    const handlePrimitiveValueChange = React.useCallback((newValue) => {
+        updateValue(newValue[0] ?? min);
+    }, [updateValue, min]);
+    // Track styles
+    const trackStyle = {
+        height: trackHeight,
+        borderRadius: trackHeight / 2,
+        backgroundColor: gray.a4,
+        justifyContent: 'center',
+        position: 'relative',
+    };
+    const rangeStyle = {
+        height: trackHeight,
+        borderRadius: trackHeight / 2,
+        backgroundColor: rangeColor,
+        position: 'absolute',
+        left: 0,
+        width: `${rangePercent}%`,
+    };
+    // Container style
+    const containerStyle = {
+        height: thumbVisibleSize + 8,
+        justifyContent: 'center',
+        opacity: disabled ? 0.5 : 1,
+        ...style,
+    };
+    // Web implementation using rn-primitives for accessibility (keyboard, focus)
+    if (Platform.OS === 'web') {
+        return (<WebSlider currentValue={currentValue} min={min} max={max} step={step} disabled={disabled} handlePrimitiveValueChange={handlePrimitiveValueChange} containerStyle={containerStyle} trackStyle={trackStyle} rangeStyle={rangeStyle} thumbVisibleSize={thumbVisibleSize} gray={gray} palette={palette}/>);
+    }
+    // Native implementation with Gesture Handler for proper scroll view negotiation
+    return (<NativeSlider {...{
+        currentValue,
+        min,
+        max,
+        step,
+        disabled,
+        updateValue,
+        trackHeight,
+        thumbVisibleSize,
+        gray,
+        rangeColor,
+        trackStyle,
+        rangeStyle,
+        containerStyle,
+    }}/>);
+}
+// Separate web component to track focus state with hooks
+function WebSlider({ currentValue, min, max, step, disabled, handlePrimitiveValueChange, containerStyle, trackStyle, rangeStyle, thumbVisibleSize, gray, palette, }) {
+    const [isFocused, setIsFocused] = React.useState(false);
+    // Base box-shadow (always visible)
+    const baseBoxShadow = disabled
+        ? `0 0 0 1px ${gray['5']}`
+        : `0 0 0 1px ${gray.a3}, 0 1px 2px ${gray.a4}, 0 1px 3px -0.5px ${gray.a3}`;
+    // Focus box-shadow adds the light accent buffer ring
+    const focusBoxShadow = `${baseBoxShadow}, 0 0 0 3px ${palette['3']}`;
+    const webThumbStyle = {
+        width: thumbVisibleSize,
+        height: thumbVisibleSize,
+        borderRadius: thumbVisibleSize / 2,
+        backgroundColor: disabled ? gray['1'] : 'white',
+        boxShadow: isFocused && !disabled ? focusBoxShadow : baseBoxShadow,
+        cursor: disabled ? 'not-allowed' : 'grab',
+        // Focus outline - only show when focused
+        outlineStyle: isFocused && !disabled ? 'solid' : 'none',
+        outlineWidth: 2,
+        outlineOffset: 3,
+        outlineColor: palette['8'],
+    };
+    return (<SliderPrimitive.Root value={currentValue} min={min} max={max} step={step} onValueChange={handlePrimitiveValueChange} disabled={disabled} style={containerStyle}>
+      <SliderPrimitive.Track style={trackStyle}>
+        <SliderPrimitive.Range style={rangeStyle}/>
+      </SliderPrimitive.Track>
+      <SliderPrimitive.Thumb style={webThumbStyle} onFocus={() => setIsFocused(true)} onBlur={() => setIsFocused(false)}>
+        <View />
+      </SliderPrimitive.Thumb>
+    </SliderPrimitive.Root>);
+}
+// Separate native component to avoid hook issues with conditional rendering
+function NativeSlider({ currentValue, min, max, step, disabled, updateValue, trackHeight, thumbVisibleSize, gray, rangeColor, trackStyle, rangeStyle, containerStyle, }) {
+    // Track dimensions
+    const trackWidth = useSharedValue(0);
+    // Animated thumb position (as percentage 0-1)
+    const thumbPosition = useSharedValue((currentValue - min) / (max - min));
+    // Update thumb position when controlled value changes
+    React.useEffect(() => {
+        thumbPosition.value = (currentValue - min) / (max - min);
+    }, [currentValue, min, max, thumbPosition]);
+    // Convert position to stepped value
+    const positionToValue = React.useCallback((position) => {
+        'worklet';
+        const percent = Math.max(0, Math.min(1, position));
+        const rawValue = min + percent * (max - min);
+        // Round to step
+        const steppedValue = Math.round(rawValue / step) * step;
+        return Math.max(min, Math.min(max, steppedValue));
+    }, [min, max, step]);
+    // Handle track layout to get dimensions
+    const handleTrackLayout = React.useCallback((event) => {
+        trackWidth.value = event.nativeEvent.layout.width;
+        // We'll measure pageX on gesture start
+    }, [trackWidth]);
+    // Track ref for measuring
+    const trackRef = React.useRef(null);
+    // Pan gesture with proper scroll view handling
+    const panGesture = React.useMemo(() => Gesture.Pan()
+        .enabled(!disabled)
+        // Small horizontal threshold to claim gesture before scroll view
+        .activeOffsetX([-5, 5])
+        // Large vertical threshold - let scroll view handle vertical
+        .failOffsetY([-20, 20])
+        .onStart((event) => {
+        // Calculate position from touch
+        if (trackWidth.value > 0) {
+            // Use the locationX which is relative to the component
+            const percent = Math.max(0, Math.min(1, event.x / trackWidth.value));
+            thumbPosition.value = percent;
+            const newValue = positionToValue(percent);
+            runOnJS(updateValue)(newValue);
+        }
+    })
+        .onUpdate((event) => {
+        if (trackWidth.value > 0) {
+            const percent = Math.max(0, Math.min(1, event.x / trackWidth.value));
+            thumbPosition.value = percent;
+            const newValue = positionToValue(percent);
+            runOnJS(updateValue)(newValue);
+        }
+    }), [disabled, trackWidth, thumbPosition, positionToValue, updateValue]);
+    // Tap gesture for clicking on track
+    const tapGesture = React.useMemo(() => Gesture.Tap()
+        .enabled(!disabled)
+        .onStart((event) => {
+        if (trackWidth.value > 0) {
+            const percent = Math.max(0, Math.min(1, event.x / trackWidth.value));
+            thumbPosition.value = percent;
+            const newValue = positionToValue(percent);
+            runOnJS(updateValue)(newValue);
+        }
+    }), [disabled, trackWidth, thumbPosition, positionToValue, updateValue]);
+    // Combine gestures - tap and pan work together
+    const composedGesture = Gesture.Race(panGesture, tapGesture);
+    // Outer ring size (the outline effect from web's box-shadow)
+    const outerRingSize = thumbVisibleSize + 2;
+    // Animated styles for range fill
+    const animatedRangeStyle = useAnimatedStyle(() => {
+        return {
+            width: `${thumbPosition.value * 100}%`,
+        };
+    });
+    // Animated styles for thumb position
+    const animatedThumbStyle = useAnimatedStyle(() => {
+        const left = thumbPosition.value * trackWidth.value - outerRingSize / 2;
+        return {
+            transform: [{ translateX: left }],
+        };
+    });
+    // Outer ring style - creates the dark outline effect
+    const thumbOuterStyle = {
+        width: outerRingSize,
+        height: outerRingSize,
+        borderRadius: outerRingSize / 2,
+        backgroundColor: disabled ? gray['5'] : gray.a5,
+        position: 'absolute',
+        top: (trackHeight - outerRingSize) / 2,
+        left: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+        // Drop shadow
+        shadowColor: '#000',
+        shadowOpacity: disabled ? 0.08 : 0.15,
+        shadowOffset: { width: 0, height: 1 },
+        shadowRadius: 2,
+        elevation: disabled ? 1 : 2,
+    };
+    // Inner thumb style - the white center
+    const thumbInnerStyle = {
+        width: thumbVisibleSize,
+        height: thumbVisibleSize,
+        borderRadius: thumbVisibleSize / 2,
+        backgroundColor: disabled ? gray['1'] : 'white',
+    };
+    return (<GestureHandlerRootView style={containerStyle}>
+      <GestureDetector gesture={composedGesture}>
+        <View ref={trackRef} style={trackStyle} onLayout={handleTrackLayout}>
+          <Animated.View style={[rangeStyle, animatedRangeStyle, { backgroundColor: rangeColor }]}/>
+          <Animated.View style={[thumbOuterStyle, animatedThumbStyle]}>
+            <View style={thumbInnerStyle}/>
+          </Animated.View>
+        </View>
+      </GestureDetector>
+    </GestureHandlerRootView>);
+}
+export { Slider };
+//# sourceMappingURL=slider.js.map

package/dist/components/slider.js.map

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

package/dist/components/spinner.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { type ViewStyle } from 'react-native';
+type SpinnerSize = '1' | '2' | '3' | '4' | '5' | '6';
+interface SpinnerProps {
+    size?: SpinnerSize;
+    loading?: boolean;
+    children?: React.ReactNode;
+    color?: string;
+    style?: ViewStyle;
+}
+declare function Spinner({ size, loading, children, color, style }: SpinnerProps): React.JSX.Element;
+declare namespace Spinner {
+    var displayName: string;
+}
+export { Spinner };
+export type { SpinnerProps, SpinnerSize };
+//# sourceMappingURL=spinner.d.ts.map

package/dist/components/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/components/spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAc9D,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAErD,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAyKD,iBAAS,OAAO,CAAC,EAAE,IAAU,EAAE,OAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,YAAY,qBAgFpF;kBAhFQ,OAAO;;;AAoFhB,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}