@oxyhq/services 5.14.0 → 5.15.0

package/lib/module/index.js

@@ -12,6 +12,8 @@
 export { OxyServices, OxyAuthenticationError, OxyAuthenticationTimeoutError } from './core';
 export { OXY_CLOUD_URL, oxyClient } from './core';
 
+// Crypto/Identity exports
+export { KeyManager, SignatureService, RecoveryPhraseService } from './crypto';
 // React context
 export { OxyContextProvider,
 // Backward compatibility

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OxyServices","OxyAuthenticationError","OxyAuthenticationTimeoutError","OXY_CLOUD_URL","oxyClient","OxyContextProvider","useOxy","default","OxyProvider","DeviceManager","SUPPORTED_LANGUAGES","getLanguageMetadata","getLanguageName","getNativeLanguageName","normalizeLanguageCode","useAuthStore","useAssetStore","useAssets","useAssetsStore","useAsset","useUploadProgress","useAssetLoading","useAssetErrors","useAssetsByApp","useAssetsByEntity","useAssetUsageCount","useIsAssetLinked","useSessionSocket","setOxyAssetInstance","useFileDownloadUrl","setOxyFileUrlInstance","OxySignInButton","OxyLogo","FollowButton","ErrorCodes","createApiError","handleHttpError","validateRequiredFields","retryWithBackoff","logger","LogLevel","LogContext","logAuth","logApi","logSession","logUser","logDevice","logPayment","logPerformance"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,WAAW,EAAEC,sBAAsB,EAAEC,6BAA6B,QAAQ,QAAQ;AAC3F,SAASC,aAAa,EAAEC,SAAS,QAAQ,QAAQ;;AAEjD;AACA,SACEC,kBAAkB;AAAE;AACpBC,MAAM,QACD,yBAAyB;;AAEhC;AACA,SAASC,OAAO,IAAIC,WAAW,QAAQ,6BAA6B;;AAEpE;AACA,SAASC,aAAa,QAAQ,uBAAuB;AAGrD;AACA,SACEC,mBAAmB,EACnBC,mBAAmB,EACnBC,eAAe,EACfC,qBAAqB,EACrBC,qBAAqB,QAChB,uBAAuB;;AAG9B;;AA2DA;AACA,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,aAAa,EAAEC,SAAS,IAAIC,cAAc,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,eAAe,EAAEC,cAAc,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAQ,wBAAwB;AAC1N,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASV,SAAS,EAAEW,mBAAmB,QAAQ,sBAAsB;AACrE,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,+BAA+B;;AAEzF;AACA,SAASC,eAAe,QAAQ,iCAAiC;AACjE,SAASC,OAAO,EAAEC,YAAY,QAAQ,MAAM;;AAE5C;AACA,cAAc,kBAAkB;AAChC,SACEC,UAAU,EACVC,cAAc,EACdC,eAAe,EACfC,sBAAsB,EACtBC,gBAAgB,QACX,oBAAoB;AAC3B,cAAc,yBAAyB;AACvC,SACEC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,SAAS,EACTC,UAAU,EACVC,cAAc,QACT,qBAAqB;AAC5B,cAAc,oBAAoB;AAClC,cAAc,mBAAmB","ignoreList":[]}
+{"version":3,"names":["OxyServices","OxyAuthenticationError","OxyAuthenticationTimeoutError","OXY_CLOUD_URL","oxyClient","KeyManager","SignatureService","RecoveryPhraseService","OxyContextProvider","useOxy","default","OxyProvider","DeviceManager","SUPPORTED_LANGUAGES","getLanguageMetadata","getLanguageName","getNativeLanguageName","normalizeLanguageCode","useAuthStore","useAssetStore","useAssets","useAssetsStore","useAsset","useUploadProgress","useAssetLoading","useAssetErrors","useAssetsByApp","useAssetsByEntity","useAssetUsageCount","useIsAssetLinked","useSessionSocket","setOxyAssetInstance","useFileDownloadUrl","setOxyFileUrlInstance","OxySignInButton","OxyLogo","FollowButton","ErrorCodes","createApiError","handleHttpError","validateRequiredFields","retryWithBackoff","logger","LogLevel","LogContext","logAuth","logApi","logSession","logUser","logDevice","logPayment","logPerformance"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,WAAW,EAAEC,sBAAsB,EAAEC,6BAA6B,QAAQ,QAAQ;AAC3F,SAASC,aAAa,EAAEC,SAAS,QAAQ,QAAQ;;AAEjD;AACA,SACEC,UAAU,EACVC,gBAAgB,EAChBC,qBAAqB,QAChB,UAAU;AAQjB;AACA,SACEC,kBAAkB;AAAE;AACpBC,MAAM,QACD,yBAAyB;;AAEhC;AACA,SAASC,OAAO,IAAIC,WAAW,QAAQ,6BAA6B;;AAEpE;AACA,SAASC,aAAa,QAAQ,uBAAuB;AAGrD;AACA,SACEC,mBAAmB,EACnBC,mBAAmB,EACnBC,eAAe,EACfC,qBAAqB,EACrBC,qBAAqB,QAChB,uBAAuB;;AAG9B;;AA2DA;AACA,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,aAAa,EAAEC,SAAS,IAAIC,cAAc,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,eAAe,EAAEC,cAAc,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAQ,wBAAwB;AAC1N,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASV,SAAS,EAAEW,mBAAmB,QAAQ,sBAAsB;AACrE,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,+BAA+B;;AAEzF;AACA,SAASC,eAAe,QAAQ,iCAAiC;AACjE,SAASC,OAAO,EAAEC,YAAY,QAAQ,MAAM;;AAE5C;AACA,cAAc,kBAAkB;AAChC,SACEC,UAAU,EACVC,cAAc,EACdC,eAAe,EACfC,sBAAsB,EACtBC,gBAAgB,QACX,oBAAoB;AAC3B,cAAc,yBAAyB;AACvC,SACEC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,SAAS,EACTC,UAAU,EACVC,cAAc,QACT,qBAAqB;AAC5B,cAAc,oBAAoB;AAClC,cAAc,mBAAmB","ignoreList":[]}

package/lib/module/ui/components/ActivityIndicator.js

@@ -0,0 +1,198 @@
+"use strict";
+
+import * as React from 'react';
+import { Animated, Easing, Platform, StyleSheet, View } from 'react-native';
+import { useInternalTheme } from './theming';
+import { jsx as _jsx } from "react/jsx-runtime";
+const DURATION = 2400;
+
+/**
+ * Activity indicator is used to present progress of some activity in the app.
+ * It can be used as a drop-in replacement for the ActivityIndicator shipped with React Native.
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { ActivityIndicator, MD2Colors } from 'react-native-paper';
+ *
+ * const MyComponent = () => (
+ *   <ActivityIndicator animating={true} color={MD2Colors.red800} />
+ * );
+ *
+ * export default MyComponent;
+ * ```
+ */
+const ActivityIndicator = ({
+  animating = true,
+  color: indicatorColor,
+  hidesWhenStopped = true,
+  size: indicatorSize = 'small',
+  style,
+  theme: themeOverrides,
+  ...rest
+}) => {
+  const theme = useInternalTheme(themeOverrides);
+  const {
+    current: timer
+  } = React.useRef(new Animated.Value(0));
+  const {
+    current: fade
+  } = React.useRef(new Animated.Value(!animating && hidesWhenStopped ? 0 : 1));
+  const rotation = React.useRef(undefined);
+  const {
+    animation: {
+      scale
+    }
+  } = theme;
+  const startRotation = React.useCallback(() => {
+    // Show indicator
+    Animated.timing(fade, {
+      duration: 200 * scale,
+      toValue: 1,
+      isInteraction: false,
+      useNativeDriver: true
+    }).start();
+
+    // Circular animation in loop
+    if (rotation.current) {
+      timer.setValue(0);
+      // $FlowFixMe
+      Animated.loop(rotation.current).start();
+    }
+  }, [scale, fade, timer]);
+  const stopRotation = () => {
+    if (rotation.current) {
+      rotation.current.stop();
+    }
+  };
+  React.useEffect(() => {
+    if (rotation.current === undefined) {
+      // Circular animation in loop
+      rotation.current = Animated.timing(timer, {
+        duration: DURATION,
+        easing: Easing.linear,
+        // Animated.loop does not work if useNativeDriver is true on web
+        useNativeDriver: Platform.OS !== 'web',
+        toValue: 1,
+        isInteraction: false
+      });
+    }
+    if (animating) {
+      startRotation();
+    } else if (hidesWhenStopped) {
+      // Hide indicator first and then stop rotation
+      Animated.timing(fade, {
+        duration: 200 * scale,
+        toValue: 0,
+        useNativeDriver: true,
+        isInteraction: false
+      }).start(stopRotation);
+    } else {
+      stopRotation();
+    }
+  }, [animating, fade, hidesWhenStopped, startRotation, scale, timer]);
+  const color = indicatorColor || theme.colors?.primary;
+  const size = typeof indicatorSize === 'string' ? indicatorSize === 'small' ? 24 : 48 : indicatorSize ? indicatorSize : 24;
+  const frames = 60 * DURATION / 1000;
+  const easing = Easing.bezier(0.4, 0.0, 0.7, 1.0);
+  const containerStyle = {
+    width: size,
+    height: size / 2,
+    overflow: 'hidden'
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, style],
+    ...rest,
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityState: {
+      busy: animating
+    },
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        width: size,
+        height: size,
+        opacity: fade
+      }],
+      collapsable: false,
+      children: [0, 1].map(index => {
+        // Thanks to https://github.com/n4kz/react-native-indicators for the great work
+        const inputRange = Array.from(new Array(frames), (_, frameIndex) => frameIndex / (frames - 1));
+        const outputRange = Array.from(new Array(frames), (_, frameIndex) => {
+          let progress = 2 * frameIndex / (frames - 1);
+          const rotation = index ? +(360 - 15) : -(180 - 15);
+          if (progress > 1.0) {
+            progress = 2.0 - progress;
+          }
+          const direction = index ? -1 : +1;
+          return `${direction * (180 - 30) * easing(progress) + rotation}deg`;
+        });
+        const layerStyle = {
+          width: size,
+          height: size,
+          transform: [{
+            rotate: timer.interpolate({
+              inputRange: [0, 1],
+              outputRange: [`${0 + 30 + 15}deg`, `${2 * 360 + 30 + 15}deg`]
+            })
+          }]
+        };
+        const viewportStyle = {
+          width: size,
+          height: size,
+          transform: [{
+            translateY: index ? -size / 2 : 0
+          }, {
+            rotate: timer.interpolate({
+              inputRange,
+              outputRange
+            })
+          }]
+        };
+        const offsetStyle = index ? {
+          top: size / 2
+        } : null;
+        const lineStyle = {
+          width: size,
+          height: size,
+          borderColor: color,
+          borderWidth: size / 10,
+          borderRadius: size / 2
+        };
+        return /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.layer],
+          children: /*#__PURE__*/_jsx(Animated.View, {
+            style: layerStyle,
+            children: /*#__PURE__*/_jsx(Animated.View, {
+              style: [containerStyle, offsetStyle],
+              collapsable: false,
+              children: /*#__PURE__*/_jsx(Animated.View, {
+                style: viewportStyle,
+                children: /*#__PURE__*/_jsx(Animated.View, {
+                  style: containerStyle,
+                  collapsable: false,
+                  children: /*#__PURE__*/_jsx(Animated.View, {
+                    style: lineStyle
+                  })
+                })
+              })
+            })
+          })
+        }, index);
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  layer: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default ActivityIndicator;
+//# sourceMappingURL=ActivityIndicator.js.map

package/lib/module/ui/components/ActivityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Easing","Platform","StyleSheet","View","useInternalTheme","jsx","_jsx","DURATION","ActivityIndicator","animating","color","indicatorColor","hidesWhenStopped","size","indicatorSize","style","theme","themeOverrides","rest","current","timer","useRef","Value","fade","rotation","undefined","animation","scale","startRotation","useCallback","timing","duration","toValue","isInteraction","useNativeDriver","start","setValue","loop","stopRotation","stop","useEffect","easing","linear","OS","colors","primary","frames","bezier","containerStyle","width","height","overflow","styles","container","accessible","accessibilityRole","accessibilityState","busy","children","opacity","collapsable","map","index","inputRange","Array","from","_","frameIndex","outputRange","progress","direction","layerStyle","transform","rotate","interpolate","viewportStyle","translateY","offsetStyle","top","lineStyle","borderColor","borderWidth","borderRadius","layer","create","justifyContent","alignItems","absoluteFillObject"],"sourceRoot":"../../../../src","sources":["ui/components/ActivityIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/AutoHeightScrollView.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import React, { useState, forwardRef } from 'react';
+import { ScrollView, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A ScrollView that automatically adjusts its height to match its content,
+ * but shrinks if constrained by a parent (e.g., a Max Height Bottom Sheet).
+ * 
+ * This solves the "collapsed to 0 height" issue when using ScrollView inside an auto-height container.
+ */
+export const AutoHeightScrollView = /*#__PURE__*/forwardRef((props, ref) => {
+  const [contentHeight, setContentHeight] = useState(0);
+  const {
+    style,
+    onContentSizeChange,
+    ...rest
+  } = props;
+  const handleContentSizeChange = (w, h) => {
+    setContentHeight(h);
+    onContentSizeChange?.(w, h);
+  };
+  return /*#__PURE__*/_jsx(ScrollView, {
+    ref: ref,
+    style: [styles.defaultStyle, style, {
+      height: contentHeight > 0 ? contentHeight : undefined
+    }],
+    onContentSizeChange: handleContentSizeChange,
+    ...rest
+  });
+});
+const styles = StyleSheet.create({
+  defaultStyle: {
+    flexShrink: 1,
+    flexGrow: 0,
+    // Ensure we don't force expansion beyond content unless needed
+    minHeight: 0
+  }
+});
+AutoHeightScrollView.displayName = 'AutoHeightScrollView';
+//# sourceMappingURL=AutoHeightScrollView.js.map

package/lib/module/ui/components/AutoHeightScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","forwardRef","ScrollView","StyleSheet","jsx","_jsx","AutoHeightScrollView","props","ref","contentHeight","setContentHeight","style","onContentSizeChange","rest","handleContentSizeChange","w","h","styles","defaultStyle","height","undefined","create","flexShrink","flexGrow","minHeight","displayName"],"sourceRoot":"../../../../src","sources":["ui/components/AutoHeightScrollView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,QAAQ,OAAO;AACnD,SAASC,UAAU,EAAwBC,UAAU,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU5F;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,gBAAGL,UAAU,CAAwC,CAACM,KAAK,EAAEC,GAAG,KAAK;EAClG,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGV,QAAQ,CAAC,CAAC,CAAC;EAErD,MAAM;IAAEW,KAAK;IAAEC,mBAAmB;IAAE,GAAGC;EAAK,CAAC,GAAGN,KAAK;EAErD,MAAMO,uBAAuB,GAAGA,CAACC,CAAS,EAAEC,CAAS,KAAK;IACtDN,gBAAgB,CAACM,CAAC,CAAC;IACnBJ,mBAAmB,GAAGG,CAAC,EAAEC,CAAC,CAAC;EAC/B,CAAC;EAED,oBACIX,IAAA,CAACH,UAAU;IACPM,GAAG,EAAEA,GAAI;IACTG,KAAK,EAAE,CACHM,MAAM,CAACC,YAAY,EACnBP,KAAK,EACL;MAAEQ,MAAM,EAAEV,aAAa,GAAG,CAAC,GAAGA,aAAa,GAAGW;IAAU,CAAC,CAC3D;IACFR,mBAAmB,EAAEE,uBAAwB;IAAA,GACzCD;EAAI,CACX,CAAC;AAEV,CAAC,CAAC;AAEF,MAAMI,MAAM,GAAGd,UAAU,CAACkB,MAAM,CAAC;EAC7BH,YAAY,EAAE;IACVI,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,CAAC;IAAE;IACbC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAEFlB,oBAAoB,CAACmB,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/lib/module/ui/components/BottomSheet.js

@@ -0,0 +1,402 @@
+"use strict";
+
+import React, { forwardRef, useImperativeHandle, useRef, useEffect, useState, useCallback, useMemo } from 'react';
+import { View, StyleSheet, Modal, Pressable, Dimensions, Platform } from 'react-native';
+import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
+import { useKeyboardHandler } from 'react-native-keyboard-controller';
+import Animated, { interpolate, runOnJS, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useThemeColors } from '../hooks/useThemeColors';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width: SCREEN_WIDTH,
+  height: SCREEN_HEIGHT
+} = Dimensions.get('window');
+const SPRING_CONFIG = {
+  damping: 25,
+  stiffness: 300,
+  mass: 0.8
+};
+const BottomSheet = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    onDismiss,
+    enablePanDownToClose = true,
+    backgroundComponent,
+    backdropComponent,
+    style,
+    enableHandlePanningGesture = true,
+    onDismissAttempt,
+    detached = false
+  } = props;
+  const insets = useSafeAreaInsets();
+  const colors = useThemeColors();
+  const [visible, setVisible] = useState(false);
+  const [rendered, setRendered] = useState(false); // keep mounted for exit animation
+  const closeTimeoutRef = useRef(null);
+  const hasClosedRef = useRef(false);
+  const scrollViewRef = useRef(null);
+  const translateY = useSharedValue(SCREEN_HEIGHT);
+  const opacity = useSharedValue(0);
+  const scrollOffsetY = useSharedValue(0);
+  const isScrollAtTop = useSharedValue(true);
+  const allowPanClose = useSharedValue(true);
+  const keyboardHeight = useSharedValue(0);
+  const context = useSharedValue({
+    y: 0
+  });
+  useKeyboardHandler({
+    onMove: e => {
+      'worklet';
+
+      keyboardHeight.value = e.height;
+    },
+    onEnd: e => {
+      'worklet';
+
+      keyboardHeight.value = e.height;
+    }
+  }, []);
+
+  // Dismiss callbacks
+  const safeClose = () => {
+    if (onDismissAttempt?.()) {
+      onDismiss?.();
+    } else if (!onDismissAttempt) {
+      onDismiss?.();
+    }
+  };
+  const finishClose = useCallback(() => {
+    if (hasClosedRef.current) return;
+    hasClosedRef.current = true;
+    safeClose();
+    setRendered(false);
+  }, [safeClose]);
+  useEffect(() => {
+    if (visible) {
+      if (closeTimeoutRef.current) {
+        clearTimeout(closeTimeoutRef.current);
+        closeTimeoutRef.current = null;
+      }
+      hasClosedRef.current = false;
+      opacity.value = withTiming(1, {
+        duration: 250
+      });
+      translateY.value = withSpring(0, SPRING_CONFIG);
+    } else if (rendered) {
+      opacity.value = withTiming(0, {
+        duration: 250
+      }, finished => {
+        if (finished) {
+          runOnJS(finishClose)();
+        }
+      });
+      translateY.value = withSpring(SCREEN_HEIGHT, {
+        ...SPRING_CONFIG,
+        stiffness: 250
+      });
+
+      // Fallback timer to ensure close completes (especially on web)
+      if (closeTimeoutRef.current) {
+        clearTimeout(closeTimeoutRef.current);
+      }
+      closeTimeoutRef.current = setTimeout(() => {
+        finishClose();
+        closeTimeoutRef.current = null;
+      }, 300);
+    }
+  }, [visible, rendered, finishClose]);
+
+  // Clear pending timeout on unmount
+  useEffect(() => () => {
+    if (closeTimeoutRef.current) {
+      clearTimeout(closeTimeoutRef.current);
+      closeTimeoutRef.current = null;
+    }
+  }, []);
+
+  // Apply web scrollbar styles when colors change
+  useEffect(() => {
+    if (Platform.OS === 'web') {
+      createWebScrollbarStyle(colors.border);
+    }
+  }, [colors.border]);
+  const present = useCallback(() => {
+    setRendered(true);
+    setVisible(true);
+  }, []);
+  const dismiss = useCallback(() => {
+    setVisible(false);
+  }, []);
+  const scrollTo = useCallback((y, animated = true) => {
+    scrollViewRef.current?.scrollTo({
+      y,
+      animated
+    });
+  }, []);
+  useImperativeHandle(ref, () => ({
+    present,
+    dismiss,
+    close: dismiss,
+    expand: present,
+    collapse: dismiss,
+    scrollTo
+  }), [present, dismiss, scrollTo]);
+  const nativeGesture = useMemo(() => Gesture.Native(), []);
+  const panGesture = Gesture.Pan().enabled(enablePanDownToClose).simultaneousWithExternalGesture(nativeGesture).onStart(() => {
+    'worklet';
+
+    context.value = {
+      y: translateY.value
+    };
+    allowPanClose.value = scrollOffsetY.value <= 8;
+  }).onUpdate(event => {
+    'worklet';
+
+    if (!allowPanClose.value) {
+      return;
+    }
+    const newTranslateY = context.value.y + event.translationY;
+    // If user is scrolling down while content isn't at (or near) the top, let ScrollView handle it
+    const atTopOrNearTop = scrollOffsetY.value <= 8; // slightly larger tolerance for smoother handoff
+    if (event.translationY > 0 && !atTopOrNearTop) {
+      return;
+    }
+    if (newTranslateY >= 0) {
+      translateY.value = newTranslateY;
+    } else if (detached) {
+      // Only allow overdrag (pulling up beyond top) when detached
+      translateY.value = newTranslateY * 0.3;
+    } else {
+      // In normal mode, prevent overdrag - clamp to 0
+      translateY.value = 0;
+    }
+  }).onEnd(event => {
+    'worklet';
+
+    if (!allowPanClose.value) {
+      return;
+    }
+    const velocity = event.velocityY;
+    const distance = translateY.value;
+    // Require a deeper pull to close (more like native bottom sheets)
+    const closeThreshold = Math.max(140, SCREEN_HEIGHT * 0.25);
+    const fastSwipeThreshold = 900;
+    const shouldClose = velocity > fastSwipeThreshold || distance > closeThreshold && velocity > -300;
+    if (shouldClose) {
+      translateY.value = withSpring(SCREEN_HEIGHT, {
+        ...SPRING_CONFIG,
+        velocity: velocity
+      });
+      opacity.value = withTiming(0, {
+        duration: 250
+      }, finished => {
+        if (finished) {
+          runOnJS(finishClose)();
+        }
+      });
+    } else {
+      translateY.value = withSpring(0, {
+        ...SPRING_CONFIG,
+        velocity: velocity
+      });
+    }
+  });
+  const backdropStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }));
+  const sheetStyle = useAnimatedStyle(() => {
+    const scale = interpolate(translateY.value, [0, SCREEN_HEIGHT], [1, 0.95]);
+    return {
+      transform: [{
+        translateY: translateY.value - keyboardHeight.value
+      }, {
+        scale
+      }]
+    };
+  });
+  const sheetHeightStyle = useAnimatedStyle(() => ({
+    maxHeight: SCREEN_HEIGHT - keyboardHeight.value - insets.top - (detached ? insets.bottom + 16 : 0)
+  }), [insets.top, insets.bottom, detached]);
+  const sheetMarginStyle = useAnimatedStyle(() => {
+    // Only add margin when detached, otherwise extend behind safe area
+    if (detached) {
+      return {
+        marginBottom: keyboardHeight.value > 0 ? 16 : insets.bottom + 16
+      };
+    }
+    return {
+      marginBottom: 0
+    };
+  }, [insets.bottom, detached]);
+  const handleBackdropPress = useCallback(() => {
+    // Always animate close on backdrop press
+    if (onDismissAttempt && !onDismissAttempt()) {
+      return;
+    }
+    dismiss();
+  }, [onDismissAttempt, dismiss]);
+  const scrollHandler = useAnimatedScrollHandler({
+    onScroll: event => {
+      scrollOffsetY.value = event.contentOffset.y;
+      isScrollAtTop.value = event.contentOffset.y <= 0;
+    }
+  });
+  const dynamicStyles = useMemo(() => {
+    const isDark = colors.background === '#000000';
+    return StyleSheet.create({
+      handle: {
+        ...styles.handle,
+        backgroundColor: isDark ? '#444' : '#C7C7CC'
+      },
+      sheet: {
+        ...styles.sheet,
+        backgroundColor: colors.background,
+        ...(detached ? styles.sheetDetached : styles.sheetNormal)
+      },
+      scrollContent: {
+        ...styles.scrollContent
+        // In normal mode, don't add padding here - screens handle their own padding
+        // The sheet extends behind safe area, and screens add padding as needed
+      }
+    });
+  }, [colors.background, detached, insets.bottom]);
+  if (!rendered) return null;
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: rendered,
+    transparent: true,
+    animationType: "none",
+    statusBarTranslucent: true,
+    onRequestClose: dismiss,
+    children: /*#__PURE__*/_jsxs(GestureHandlerRootView, {
+      style: StyleSheet.absoluteFill,
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.backdrop, backdropStyle],
+        children: backdropComponent ? backdropComponent({
+          onPress: handleBackdropPress
+        }) : /*#__PURE__*/_jsx(Pressable, {
+          style: styles.backdropTouchable,
+          onPress: handleBackdropPress,
+          children: /*#__PURE__*/_jsx(View, {
+            style: StyleSheet.absoluteFill
+          })
+        })
+      }), /*#__PURE__*/_jsx(GestureDetector, {
+        gesture: panGesture,
+        children: /*#__PURE__*/_jsxs(Animated.View, {
+          style: [dynamicStyles.sheet, sheetMarginStyle, sheetStyle, sheetHeightStyle],
+          children: [backgroundComponent?.({
+            style: styles.background
+          }), /*#__PURE__*/_jsx(View, {
+            style: dynamicStyles.handle
+          }), /*#__PURE__*/_jsx(GestureDetector, {
+            gesture: nativeGesture,
+            children: /*#__PURE__*/_jsx(Animated.ScrollView, {
+              ref: scrollViewRef,
+              style: [styles.scrollView, Platform.OS === 'web' && {
+                scrollbarWidth: 'thin',
+                scrollbarColor: `${colors.border} transparent`
+              }],
+              contentContainerStyle: dynamicStyles.scrollContent,
+              showsVerticalScrollIndicator: false,
+              keyboardShouldPersistTaps: "handled",
+              onScroll: scrollHandler,
+              scrollEventThrottle: 16
+              // @ts-ignore - Web className
+              ,
+              className: Platform.OS === 'web' ? 'bottom-sheet-scrollview' : undefined,
+              onLayout: () => {
+                if (Platform.OS === 'web') {
+                  createWebScrollbarStyle(colors.border);
+                }
+              },
+              children: children
+            })
+          })]
+        })
+      })]
+    })
+  });
+});
+BottomSheet.displayName = 'BottomSheet';
+const styles = StyleSheet.create({
+  backdrop: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  backdropTouchable: {
+    flex: 1
+  },
+  sheet: {
+    position: 'absolute',
+    bottom: 0,
+    overflow: 'hidden',
+    maxWidth: 800,
+    alignSelf: 'center',
+    marginHorizontal: 'auto'
+  },
+  sheetDetached: {
+    left: 16,
+    right: 16,
+    borderRadius: 24
+  },
+  sheetNormal: {
+    left: 0,
+    right: 0,
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24
+  },
+  handle: {
+    position: 'absolute',
+    top: 10,
+    left: '50%',
+    marginLeft: -18,
+    width: 36,
+    height: 5,
+    borderRadius: 3,
+    zIndex: 100
+  },
+  background: {
+    ...StyleSheet.absoluteFillObject
+  },
+  scrollView: {
+    flex: 1
+  },
+  scrollContent: {
+    flexGrow: 1
+  }
+});
+
+// Create web scrollbar styles dynamically based on theme
+const createWebScrollbarStyle = borderColor => {
+  if (Platform.OS !== 'web' || typeof document === 'undefined') return;
+  const styleId = 'bottom-sheet-scrollbar-style';
+  let styleElement = document.getElementById(styleId);
+  if (!styleElement) {
+    styleElement = document.createElement('style');
+    styleElement.id = styleId;
+    document.head.appendChild(styleElement);
+  }
+
+  // Use theme border color for scrollbar
+  const scrollbarColor = borderColor;
+  const scrollbarHoverColor = borderColor === '#E5E5EA' ? '#C7C7CC' : '#555';
+  styleElement.textContent = `
+        .bottom-sheet-scrollview::-webkit-scrollbar {
+            width: 6px;
+        }
+        .bottom-sheet-scrollview::-webkit-scrollbar-track {
+            background: transparent;
+            border-radius: 10px;
+        }
+        .bottom-sheet-scrollview::-webkit-scrollbar-thumb {
+            background: ${scrollbarColor};
+            border-radius: 10px;
+        }
+        .bottom-sheet-scrollview::-webkit-scrollbar-thumb:hover {
+            background: ${scrollbarHoverColor};
+        }
+    `;
+};
+export default BottomSheet;
+//# sourceMappingURL=BottomSheet.js.map