@oxyhq/services 5.14.0 → 5.15.1

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

@@ -0,0 +1,203 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _theming = require("./theming");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 = (0, _theming.useInternalTheme)(themeOverrides);
+  const {
+    current: timer
+  } = React.useRef(new _reactNative.Animated.Value(0));
+  const {
+    current: fade
+  } = React.useRef(new _reactNative.Animated.Value(!animating && hidesWhenStopped ? 0 : 1));
+  const rotation = React.useRef(undefined);
+  const {
+    animation: {
+      scale
+    }
+  } = theme;
+  const startRotation = React.useCallback(() => {
+    // Show indicator
+    _reactNative.Animated.timing(fade, {
+      duration: 200 * scale,
+      toValue: 1,
+      isInteraction: false,
+      useNativeDriver: true
+    }).start();
+
+    // Circular animation in loop
+    if (rotation.current) {
+      timer.setValue(0);
+      // $FlowFixMe
+      _reactNative.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 = _reactNative.Animated.timing(timer, {
+        duration: DURATION,
+        easing: _reactNative.Easing.linear,
+        // Animated.loop does not work if useNativeDriver is true on web
+        useNativeDriver: _reactNative.Platform.OS !== 'web',
+        toValue: 1,
+        isInteraction: false
+      });
+    }
+    if (animating) {
+      startRotation();
+    } else if (hidesWhenStopped) {
+      // Hide indicator first and then stop rotation
+      _reactNative.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 = _reactNative.Easing.bezier(0.4, 0.0, 0.7, 1.0);
+  const containerStyle = {
+    width: size,
+    height: size / 2,
+    overflow: 'hidden'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, style],
+    ...rest,
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityState: {
+      busy: animating
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+          style: [styles.layer],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+            style: layerStyle,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+              style: [containerStyle, offsetStyle],
+              collapsable: false,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+                style: viewportStyle,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+                  style: containerStyle,
+                  collapsable: false,
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+                    style: lineStyle
+                  })
+                })
+              })
+            })
+          })
+        }, index);
+      })
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  layer: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+var _default = exports.default = ActivityIndicator;
+//# sourceMappingURL=ActivityIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_theming","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DURATION","ActivityIndicator","animating","color","indicatorColor","hidesWhenStopped","size","indicatorSize","style","theme","themeOverrides","rest","useInternalTheme","current","timer","useRef","Animated","Value","fade","rotation","undefined","animation","scale","startRotation","useCallback","timing","duration","toValue","isInteraction","useNativeDriver","start","setValue","loop","stopRotation","stop","useEffect","easing","Easing","linear","Platform","OS","colors","primary","frames","bezier","containerStyle","width","height","overflow","jsx","View","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","StyleSheet","create","justifyContent","alignItems","absoluteFillObject","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/ActivityIndicator.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutoHeightScrollView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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.
+ */
+const AutoHeightScrollView = exports.AutoHeightScrollView = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const [contentHeight, setContentHeight] = (0, _react.useState)(0);
+  const {
+    style,
+    onContentSizeChange,
+    ...rest
+  } = props;
+  const handleContentSizeChange = (w, h) => {
+    setContentHeight(h);
+    onContentSizeChange?.(w, h);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    ref: ref,
+    style: [styles.defaultStyle, style, {
+      height: contentHeight > 0 ? contentHeight : undefined
+    }],
+    onContentSizeChange: handleContentSizeChange,
+    ...rest
+  });
+});
+const styles = _reactNative.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/commonjs/ui/components/AutoHeightScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AutoHeightScrollView","exports","forwardRef","props","ref","contentHeight","setContentHeight","useState","style","onContentSizeChange","rest","handleContentSizeChange","w","h","jsx","ScrollView","styles","defaultStyle","height","undefined","StyleSheet","create","flexShrink","flexGrow","minHeight","displayName"],"sourceRoot":"../../../../src","sources":["ui/components/AutoHeightScrollView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA4F,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAU5F;AACA;AACA;AACA;AACA;AACA;AACO,MAAMkB,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,iBAAU,EAAwC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClG,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAErD,MAAM;IAAEC,KAAK;IAAEC,mBAAmB;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EAErD,MAAMQ,uBAAuB,GAAGA,CAACC,CAAS,EAAEC,CAAS,KAAK;IACtDP,gBAAgB,CAACO,CAAC,CAAC;IACnBJ,mBAAmB,GAAGG,CAAC,EAAEC,CAAC,CAAC;EAC/B,CAAC;EAED,oBACI,IAAAjC,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,UAAU;IACPX,GAAG,EAAEA,GAAI;IACTI,KAAK,EAAE,CACHQ,MAAM,CAACC,YAAY,EACnBT,KAAK,EACL;MAAEU,MAAM,EAAEb,aAAa,GAAG,CAAC,GAAGA,aAAa,GAAGc;IAAU,CAAC,CAC3D;IACFV,mBAAmB,EAAEE,uBAAwB;IAAA,GACzCD;EAAI,CACX,CAAC;AAEV,CAAC,CAAC;AAEF,MAAMM,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC7BJ,YAAY,EAAE;IACVK,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,CAAC;IAAE;IACbC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAEFxB,oBAAoB,CAACyB,WAAW,GAAG,sBAAsB","ignoreList":[]}

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

@@ -0,0 +1,407 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeKeyboardController = require("react-native-keyboard-controller");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _useThemeColors = require("../hooks/useThemeColors");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const {
+  width: SCREEN_WIDTH,
+  height: SCREEN_HEIGHT
+} = _reactNative.Dimensions.get('window');
+const SPRING_CONFIG = {
+  damping: 25,
+  stiffness: 300,
+  mass: 0.8
+};
+const BottomSheet = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    onDismiss,
+    enablePanDownToClose = true,
+    backgroundComponent,
+    backdropComponent,
+    style,
+    enableHandlePanningGesture = true,
+    onDismissAttempt,
+    detached = false
+  } = props;
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const colors = (0, _useThemeColors.useThemeColors)();
+  const [visible, setVisible] = (0, _react.useState)(false);
+  const [rendered, setRendered] = (0, _react.useState)(false); // keep mounted for exit animation
+  const closeTimeoutRef = (0, _react.useRef)(null);
+  const hasClosedRef = (0, _react.useRef)(false);
+  const scrollViewRef = (0, _react.useRef)(null);
+  const translateY = (0, _reactNativeReanimated.useSharedValue)(SCREEN_HEIGHT);
+  const opacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const scrollOffsetY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const isScrollAtTop = (0, _reactNativeReanimated.useSharedValue)(true);
+  const allowPanClose = (0, _reactNativeReanimated.useSharedValue)(true);
+  const keyboardHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const context = (0, _reactNativeReanimated.useSharedValue)({
+    y: 0
+  });
+  (0, _reactNativeKeyboardController.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 = (0, _react.useCallback)(() => {
+    if (hasClosedRef.current) return;
+    hasClosedRef.current = true;
+    safeClose();
+    setRendered(false);
+  }, [safeClose]);
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      if (closeTimeoutRef.current) {
+        clearTimeout(closeTimeoutRef.current);
+        closeTimeoutRef.current = null;
+      }
+      hasClosedRef.current = false;
+      opacity.value = (0, _reactNativeReanimated.withTiming)(1, {
+        duration: 250
+      });
+      translateY.value = (0, _reactNativeReanimated.withSpring)(0, SPRING_CONFIG);
+    } else if (rendered) {
+      opacity.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: 250
+      }, finished => {
+        if (finished) {
+          (0, _reactNativeReanimated.runOnJS)(finishClose)();
+        }
+      });
+      translateY.value = (0, _reactNativeReanimated.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
+  (0, _react.useEffect)(() => () => {
+    if (closeTimeoutRef.current) {
+      clearTimeout(closeTimeoutRef.current);
+      closeTimeoutRef.current = null;
+    }
+  }, []);
+
+  // Apply web scrollbar styles when colors change
+  (0, _react.useEffect)(() => {
+    if (_reactNative.Platform.OS === 'web') {
+      createWebScrollbarStyle(colors.border);
+    }
+  }, [colors.border]);
+  const present = (0, _react.useCallback)(() => {
+    setRendered(true);
+    setVisible(true);
+  }, []);
+  const dismiss = (0, _react.useCallback)(() => {
+    setVisible(false);
+  }, []);
+  const scrollTo = (0, _react.useCallback)((y, animated = true) => {
+    scrollViewRef.current?.scrollTo({
+      y,
+      animated
+    });
+  }, []);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    present,
+    dismiss,
+    close: dismiss,
+    expand: present,
+    collapse: dismiss,
+    scrollTo
+  }), [present, dismiss, scrollTo]);
+  const nativeGesture = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Native(), []);
+  const panGesture = _reactNativeGestureHandler.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 = (0, _reactNativeReanimated.withSpring)(SCREEN_HEIGHT, {
+        ...SPRING_CONFIG,
+        velocity: velocity
+      });
+      opacity.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: 250
+      }, finished => {
+        if (finished) {
+          (0, _reactNativeReanimated.runOnJS)(finishClose)();
+        }
+      });
+    } else {
+      translateY.value = (0, _reactNativeReanimated.withSpring)(0, {
+        ...SPRING_CONFIG,
+        velocity: velocity
+      });
+    }
+  });
+  const backdropStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: opacity.value
+  }));
+  const sheetStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const scale = (0, _reactNativeReanimated.interpolate)(translateY.value, [0, SCREEN_HEIGHT], [1, 0.95]);
+    return {
+      transform: [{
+        translateY: translateY.value - keyboardHeight.value
+      }, {
+        scale
+      }]
+    };
+  });
+  const sheetHeightStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    maxHeight: SCREEN_HEIGHT - keyboardHeight.value - insets.top - (detached ? insets.bottom + 16 : 0)
+  }), [insets.top, insets.bottom, detached]);
+  const sheetMarginStyle = (0, _reactNativeReanimated.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 = (0, _react.useCallback)(() => {
+    // Always animate close on backdrop press
+    if (onDismissAttempt && !onDismissAttempt()) {
+      return;
+    }
+    dismiss();
+  }, [onDismissAttempt, dismiss]);
+  const scrollHandler = (0, _reactNativeReanimated.useAnimatedScrollHandler)({
+    onScroll: event => {
+      scrollOffsetY.value = event.contentOffset.y;
+      isScrollAtTop.value = event.contentOffset.y <= 0;
+    }
+  });
+  const dynamicStyles = (0, _react.useMemo)(() => {
+    const isDark = colors.background === '#000000';
+    return _reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: rendered,
+    transparent: true,
+    animationType: "none",
+    statusBarTranslucent: true,
+    onRequestClose: dismiss,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeGestureHandler.GestureHandlerRootView, {
+      style: _reactNative.StyleSheet.absoluteFill,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [styles.backdrop, backdropStyle],
+        children: backdropComponent ? backdropComponent({
+          onPress: handleBackdropPress
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          style: styles.backdropTouchable,
+          onPress: handleBackdropPress,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: _reactNative.StyleSheet.absoluteFill
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+        gesture: panGesture,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+          style: [dynamicStyles.sheet, sheetMarginStyle, sheetStyle, sheetHeightStyle],
+          children: [backgroundComponent?.({
+            style: styles.background
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: dynamicStyles.handle
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+            gesture: nativeGesture,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.ScrollView, {
+              ref: scrollViewRef,
+              style: [styles.scrollView, _reactNative.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: _reactNative.Platform.OS === 'web' ? 'bottom-sheet-scrollview' : undefined,
+              onLayout: () => {
+                if (_reactNative.Platform.OS === 'web') {
+                  createWebScrollbarStyle(colors.border);
+                }
+              },
+              children: children
+            })
+          })]
+        })
+      })]
+    })
+  });
+});
+BottomSheet.displayName = 'BottomSheet';
+const styles = _reactNative.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: {
+    ..._reactNative.StyleSheet.absoluteFillObject
+  },
+  scrollView: {
+    flex: 1
+  },
+  scrollContent: {
+    flexGrow: 1
+  }
+});
+
+// Create web scrollbar styles dynamically based on theme
+const createWebScrollbarStyle = borderColor => {
+  if (_reactNative.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};
+        }
+    `;
+};
+var _default = exports.default = BottomSheet;
+//# sourceMappingURL=BottomSheet.js.map