@oxyhq/services 5.16.23 → 5.16.24

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimationExample","currentStep","setCurrentStep","useState","opacity","useSharedValue","scale","translateX","rotation","progress","colorProgress","animatedStyle","useAnimatedStyle","value","transform","rotate","progressStyle","width","backgroundColor","interpolateColor","backgroundStyle","animateSequence","withTiming","duration","withSpring","damping","stiffness","withDelay","finished","withSequence","easing","Easing","out","exp","runOnJS","setTimeout","jsxs","View","style","styles","container","children","jsx","Text","title","subtitle","box","boxText","progressContainer","progressBar","TouchableOpacity","button","onPress","buttonText","StyleSheet","create","flex","justifyContent","alignItems","padding","fontSize","fontWeight","marginBottom","color","height","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","overflow","paddingHorizontal","paddingVertical","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/AnimationExample.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/Avatar.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _styles = require("../styles");
+var _fonts = require("../styles/fonts");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Extracts initials from a name string
+ * - Single word: first letter (e.g., "John" -> "J")
+ * - Multiple words: first letter of first and last word (e.g., "John Doe" -> "JD")
+ * - Username starting with @: first two letters after @ (e.g., "@johndoe" -> "JO")
+ */
+const getInitials = nameStr => {
+  if (!nameStr?.trim()) return '';
+  const trimmed = nameStr.trim();
+  const parts = trimmed.split(/\s+/).filter(part => part.length > 0);
+  if (parts.length === 0) return '';
+  if (parts.length === 1) {
+    const firstPart = parts[0];
+    // Handle username format (@username)
+    if (firstPart.length >= 2 && firstPart.startsWith('@')) {
+      return firstPart.substring(1, 3).toUpperCase();
+    }
+    return firstPart.charAt(0).toUpperCase();
+  }
+
+  // Multiple words: first letter of first and last word
+  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+};
+
+/**
+ * Generates a consistent color from a string (name)
+ * Uses a simple hash function to create a deterministic color
+ */
+const generateColorFromString = str => {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+
+  // Generate a vibrant color with good contrast
+  const hue = Math.abs(hash) % 360;
+  // Use high saturation and medium lightness for vibrant, readable colors
+  return `hsl(${hue}, 65%, 55%)`;
+};
+
+/**
+ * Calculates font size based on avatar size for letter avatars
+ * Uses a larger ratio for better visibility
+ */
+const calculateFontSize = size => {
+  // Use larger font size for letter avatars (50-55% of size)
+  return size <= 40 ? Math.floor(size * 0.5) : Math.floor(size * 0.45);
+};
+
+/**
+ * Avatar component that displays either an image or text avatar
+ * Falls back to displaying initials (1-2 letters) derived from the name if no image is provided
+ * Supports flexible sizing via the size prop (default: 40px)
+ * 
+ * @example
+ * <Avatar name="John Doe" size={100} theme="light" />
+ * <Avatar uri="https://example.com/avatar.jpg" size={50} />
+ */
+const Avatar = ({
+  uri,
+  text,
+  name,
+  size = 40,
+  theme = 'light',
+  backgroundColor,
+  textColor = '#FFFFFF',
+  style,
+  imageStyle,
+  textStyle,
+  isLoading = false
+}) => {
+  const colors = (0, _styles.useThemeColors)(theme);
+  const displayText = (0, _react.useMemo)(() => text || (name ? getInitials(name) : ''), [text, name]);
+
+  // Generate a color from the name for letter avatars (only when no backgroundColor is provided and no uri)
+  const generatedBgColor = (0, _react.useMemo)(() => {
+    if (backgroundColor) return backgroundColor;
+    if (uri) return colors.primary; // Use primary for image avatars as fallback
+    // Generate color from name for letter avatars
+    const nameForColor = name || text || 'User';
+    return generateColorFromString(nameForColor);
+  }, [backgroundColor, uri, name, text, colors.primary]);
+
+  // Memoize computed values to avoid recalculation on every render
+  const bgColor = (0, _react.useMemo)(() => generatedBgColor, [generatedBgColor]);
+  const fontSize = (0, _react.useMemo)(() => calculateFontSize(size), [size]);
+  const containerStyle = (0, _react.useMemo)(() => ({
+    width: size,
+    height: size,
+    borderRadius: size / 2
+  }), [size]);
+  const textStyleComputed = (0, _react.useMemo)(() => [styles.text, {
+    fontSize,
+    fontFamily: _fonts.fontFamilies.phuduBold,
+    color: textColor,
+    textAlign: 'center',
+    lineHeight: size,
+    // Match line height to size for perfect vertical centering
+    ...(_reactNative.Platform.OS === 'android' && {
+      includeFontPadding: false
+    }) // Remove extra padding for better centering (Android only)
+  }, textStyle], [fontSize, textColor, textStyle, size]);
+
+  // Early return for loading state
+  if (isLoading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.container, containerStyle, {
+        backgroundColor: colors.inputBackground
+      }, style],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        color: colors.primary,
+        size: size > 50 ? 'large' : 'small'
+      })
+    });
+  }
+
+  // Image avatar
+  if (uri) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.container, containerStyle, {
+        backgroundColor: bgColor
+      }, style],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri
+        },
+        style: [styles.image, containerStyle, imageStyle],
+        resizeMode: "cover"
+      })
+    });
+  }
+
+  // Text avatar with initials
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, containerStyle, {
+      backgroundColor: bgColor
+    }, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: textStyleComputed,
+      children: displayText
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    overflow: 'hidden',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  image: {
+    width: '100%',
+    height: '100%'
+  },
+  text: {
+    fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined
+  }
+});
+
+// Memoize component to prevent unnecessary re-renders when props haven't changed
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Avatar);
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_styles","_fonts","_jsxRuntime","getInitials","nameStr","trim","trimmed","parts","split","filter","part","length","firstPart","startsWith","substring","toUpperCase","charAt","generateColorFromString","str","hash","i","charCodeAt","hue","Math","abs","calculateFontSize","size","floor","Avatar","uri","text","name","theme","backgroundColor","textColor","style","imageStyle","textStyle","isLoading","colors","useThemeColors","displayText","useMemo","generatedBgColor","primary","nameForColor","bgColor","fontSize","containerStyle","width","height","borderRadius","textStyleComputed","styles","fontFamily","fontFamilies","phuduBold","color","textAlign","lineHeight","Platform","OS","includeFontPadding","jsx","View","container","inputBackground","children","ActivityIndicator","Image","source","image","resizeMode","Text","StyleSheet","create","overflow","justifyContent","alignItems","fontWeight","undefined","_default","exports","default","memo"],"sourceRoot":"../../../../src","sources":["ui/components/Avatar.tsx"],"mappings":"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","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