@yahoo/uds-mobile 2.3.4 → 2.4.0

package/android/build.gradle

@@ -0,0 +1,39 @@
+apply plugin: 'com.android.library'
+
+group = 'com.yahoo.uds.screencornerradius'
+version = '0.1.0'
+
+def expoModulesCorePlugin = new File(project(":expo-modules-core").projectDir.absolutePath, "ExpoModulesCorePlugin.gradle")
+apply from: expoModulesCorePlugin
+applyKotlinExpoModulesCorePlugin()
+useCoreDependencies()
+useExpoPublishing()
+
+def useManagedAndroidSdkVersions = false
+if (useManagedAndroidSdkVersions) {
+  useDefaultAndroidSdkVersions()
+} else {
+  buildscript {
+    ext.safeExtGet = { prop, fallback ->
+      rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
+    }
+  }
+  project.android {
+    compileSdkVersion safeExtGet("compileSdkVersion", 36)
+    defaultConfig {
+      minSdkVersion safeExtGet("minSdkVersion", 24)
+      targetSdkVersion safeExtGet("targetSdkVersion", 36)
+    }
+  }
+}
+
+android {
+  namespace "com.yahoo.uds.screencornerradius"
+  defaultConfig {
+    versionCode 1
+    versionName "0.1.0"
+  }
+  lintOptions {
+    abortOnError false
+  }
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1 @@
+<manifest />

package/android/src/main/java/com/yahoo/uds/screencornerradius/UDSScreenCornerRadiusModule.kt

@@ -0,0 +1,44 @@
+package com.yahoo.uds.screencornerradius
+
+import android.app.Activity
+import android.os.Build
+import android.view.RoundedCorner
+import android.view.Window
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+class UDSScreenCornerRadiusModule : Module() {
+  private val currentActivity: Activity?
+    get() = appContext.currentActivity
+
+  private fun getCornerRadiusSync(): Int? {
+    val activity = currentActivity ?: return null
+
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+      val window: Window? = activity.window
+      val insets = window?.decorView?.rootWindowInsets
+
+      val pxRadius = insets
+        ?.getRoundedCorner(RoundedCorner.POSITION_TOP_LEFT)
+        ?.radius
+        ?: return null
+
+      val density = activity.resources.displayMetrics.density
+      return (pxRadius / density).toInt()
+    }
+
+    return null
+  }
+
+  override fun definition() = ModuleDefinition {
+    Name("UDSScreenCornerRadius")
+
+    Function("getCornerRadiusSync") {
+      return@Function getCornerRadiusSync()
+    }
+
+    AsyncFunction("getCornerRadius") {
+      return@AsyncFunction getCornerRadiusSync()
+    }
+  }
+}

package/dist/bin/generateTheme.mjs

@@ -505,6 +505,16 @@ function generateComponents(config, colorMode) {
 					}
 					const targetObj = isRootLayer && TEXT_ONLY_PROPS.has(propName) ? textStyleObj : viewStyleObj;
 					for (const rnProp of rnProps) targetObj[rnProp] = resolvedValue;
+					if (propName === "backgroundColor" && stateValue.type === "elevationAliases") {
+						const level = stateValue.value.replace("elevation-", "");
+						const elevationPreset = config.elevation[level];
+						if (elevationPreset) {
+							const preset = elevationPreset[colorMode];
+							targetObj.backgroundBlurRadius = preset.backgroundBlurRadius ?? 0;
+							const fb = preset.finalBackgroundValue;
+							if (fb) targetObj.backgroundBlurColor = `rgba(${fb.r}, ${fb.g}, ${fb.b}, ${parseInt(String(fb.a), 10) / 100})`;
+						}
+					}
 					if (stateValue.type === "iconSizes") targetObj.iconSizeToken = stateValue.value;
 				}
 				if (shadowValues.length > 0) viewStyleObj.boxShadow = boxShadowToCssString(shadowValues);

package/dist/bin/mobile/scripts/utils/configToRNMappings.mjs

@@ -18,6 +18,8 @@ const PROPERTY_TO_RN_PROPS = {
 	borderRadius: ["borderRadius"],
 	iconSize: ["fontSize", "lineHeight"],
 	opacity: ["opacity"],
+	horizontalMargin: ["marginHorizontal"],
+	bottomMargin: ["marginBottom"],
 	size: ["fontSize", "lineHeight"],
 	shadow: ["boxShadow"],
 	insetShadow: ["boxShadow"],
@@ -27,7 +29,8 @@ const PROPERTY_TO_RN_PROPS = {
 		"fontSize",
 		"lineHeight",
 		"letterSpacing"
-	]
+	],
+	backdropBlur: ["backgroundBlurRadius"]
 };
 /**
 * Properties that only apply to Text components in React Native.

package/dist/components/AndroidBackHandler.cjs

@@ -0,0 +1,31 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+let react_native = require("react-native");
+
+//#region src/components/AndroidBackHandler.tsx
+/**
+* Handles the Android hardware back button.
+*
+* While `isOpen` is true, intercepts the back press. If `dismissible`, calls
+* `onDismiss`; otherwise swallows the event to prevent navigation.
+*/
+function AndroidBackHandler({ isOpen, dismissible, onDismiss }) {
+	(0, react.useEffect)(() => {
+		if (!isOpen) return;
+		const subscription = react_native.BackHandler.addEventListener("hardwareBackPress", () => {
+			if (dismissible) onDismiss();
+			return true;
+		});
+		return () => subscription.remove();
+	}, [
+		isOpen,
+		dismissible,
+		onDismiss
+	]);
+	return null;
+}
+
+//#endregion
+exports.AndroidBackHandler = AndroidBackHandler;

package/dist/components/AndroidBackHandler.d.cts

@@ -0,0 +1,21 @@
+
+//#region src/components/AndroidBackHandler.d.ts
+interface AndroidBackHandlerProps {
+  isOpen: boolean;
+  dismissible: boolean;
+  onDismiss: () => void;
+}
+/**
+ * Handles the Android hardware back button.
+ *
+ * While `isOpen` is true, intercepts the back press. If `dismissible`, calls
+ * `onDismiss`; otherwise swallows the event to prevent navigation.
+ */
+declare function AndroidBackHandler({
+  isOpen,
+  dismissible,
+  onDismiss
+}: AndroidBackHandlerProps): null;
+//#endregion
+export { AndroidBackHandler, type AndroidBackHandlerProps };
+//# sourceMappingURL=AndroidBackHandler.d.cts.map

package/dist/components/AndroidBackHandler.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AndroidBackHandler.d.cts","names":[],"sources":["../../src/components/AndroidBackHandler.tsx"],"mappings":";;UAGU,uBAAA;EACR,MAAA;EACA,WAAA;EACA,SAAA;AAAA;;;;;;AAAS;iBASF,kBAAA,CAAA;EAAqB,MAAA;EAAQ,WAAA;EAAa;AAAA,GAAa,uBAAA"}

package/dist/components/AndroidBackHandler.d.ts

@@ -0,0 +1,21 @@
+
+//#region src/components/AndroidBackHandler.d.ts
+interface AndroidBackHandlerProps {
+  isOpen: boolean;
+  dismissible: boolean;
+  onDismiss: () => void;
+}
+/**
+ * Handles the Android hardware back button.
+ *
+ * While `isOpen` is true, intercepts the back press. If `dismissible`, calls
+ * `onDismiss`; otherwise swallows the event to prevent navigation.
+ */
+declare function AndroidBackHandler({
+  isOpen,
+  dismissible,
+  onDismiss
+}: AndroidBackHandlerProps): null;
+//#endregion
+export { AndroidBackHandler, type AndroidBackHandlerProps };
+//# sourceMappingURL=AndroidBackHandler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AndroidBackHandler.d.ts","names":[],"sources":["../../src/components/AndroidBackHandler.tsx"],"mappings":";;UAGU,uBAAA;EACR,MAAA;EACA,WAAA;EACA,SAAA;AAAA;;;;;;AAAS;iBASF,kBAAA,CAAA;EAAqB,MAAA;EAAQ,WAAA;EAAa;AAAA,GAAa,uBAAA"}

package/dist/components/AndroidBackHandler.js

@@ -0,0 +1,30 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { useEffect } from "react";
+import { BackHandler } from "react-native";
+
+//#region src/components/AndroidBackHandler.tsx
+/**
+* Handles the Android hardware back button.
+*
+* While `isOpen` is true, intercepts the back press. If `dismissible`, calls
+* `onDismiss`; otherwise swallows the event to prevent navigation.
+*/
+function AndroidBackHandler({ isOpen, dismissible, onDismiss }) {
+	useEffect(() => {
+		if (!isOpen) return;
+		const subscription = BackHandler.addEventListener("hardwareBackPress", () => {
+			if (dismissible) onDismiss();
+			return true;
+		});
+		return () => subscription.remove();
+	}, [
+		isOpen,
+		dismissible,
+		onDismiss
+	]);
+	return null;
+}
+
+//#endregion
+export { AndroidBackHandler };
+//# sourceMappingURL=AndroidBackHandler.js.map

package/dist/components/AndroidBackHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AndroidBackHandler.js","names":[],"sources":["../../src/components/AndroidBackHandler.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { BackHandler } from 'react-native';\n\ninterface AndroidBackHandlerProps {\n  isOpen: boolean;\n  dismissible: boolean;\n  onDismiss: () => void;\n}\n\n/**\n * Handles the Android hardware back button.\n *\n * While `isOpen` is true, intercepts the back press. If `dismissible`, calls\n * `onDismiss`; otherwise swallows the event to prevent navigation.\n */\nfunction AndroidBackHandler({ isOpen, dismissible, onDismiss }: AndroidBackHandlerProps) {\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const subscription = BackHandler.addEventListener('hardwareBackPress', () => {\n      if (dismissible) {\n        onDismiss();\n      }\n      return true;\n    });\n\n    return () => subscription.remove();\n  }, [isOpen, dismissible, onDismiss]);\n\n  return null;\n}\n\nexport { AndroidBackHandler };\nexport type { AndroidBackHandlerProps };\n"],"mappings":";;;;;;;;;;;AAeA,SAAS,mBAAmB,EAAE,QAAQ,aAAa,aAAsC;AACvF,iBAAgB;AACd,MAAI,CAAC,OACH;EAGF,MAAM,eAAe,YAAY,iBAAiB,2BAA2B;AAC3E,OAAI,YACF,YAAW;AAEb,UAAO;IACP;AAEF,eAAa,aAAa,QAAQ;IACjC;EAAC;EAAQ;EAAa;EAAU,CAAC;AAEpC,QAAO"}

package/dist/components/Avatar.cjs

@@ -6,8 +6,8 @@ const require_components_IconSlot = require('./IconSlot.cjs');
 const require_components_Text = require('./Text.cjs');
 let react = require("react");
 let react_native = require("react-native");
-let generated_styles = require("../../generated/styles");
 let react_jsx_runtime = require("react/jsx-runtime");
+let generated_styles = require("../../generated/styles");
 
 //#region src/components/Avatar.tsx
 const abbreviationStrategies = {

package/dist/components/Avatar.js

@@ -4,8 +4,8 @@ import { IconSlot } from "./IconSlot.js";
 import { Text as Text$1 } from "./Text.js";
 import { forwardRef, useState } from "react";
 import { Image } from "react-native";
-import { avatarStyles } from "../../generated/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { avatarStyles } from "../../generated/styles";
 
 //#region src/components/Avatar.tsx
 const abbreviationStrategies = {

package/dist/components/Badge.cjs

@@ -5,8 +5,8 @@ const require_components_IconSlot = require('./IconSlot.cjs');
 const require_components_Text = require('./Text.cjs');
 const require_components_HStack = require('./HStack.cjs');
 let react = require("react");
-let generated_styles = require("../../generated/styles");
 let react_jsx_runtime = require("react/jsx-runtime");
+let generated_styles = require("../../generated/styles");
 
 //#region src/components/Badge.tsx
 /**

package/dist/components/Badge.js

@@ -3,8 +3,8 @@ import { IconSlot } from "./IconSlot.js";
 import { Text } from "./Text.js";
 import { HStack } from "./HStack.js";
 import { memo, useMemo } from "react";
-import { badgeStyles } from "../../generated/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { badgeStyles } from "../../generated/styles";
 
 //#region src/components/Badge.tsx
 /**

package/dist/components/BottomSheet/BottomSheet.cjs

@@ -0,0 +1,336 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_portal = require('../../portal.cjs');
+const require_components_AndroidBackHandler = require('../AndroidBackHandler.cjs');
+const require_components_Box = require('../Box.cjs');
+const require_components_Scrim = require('../Scrim.cjs');
+const require_native_UDSScreenCornerRadiusModule = require('../../native/UDSScreenCornerRadiusModule.cjs');
+const require_components_BottomSheet_BottomSheetInternalProvider = require('./BottomSheetInternalProvider.cjs');
+const require_components_BottomSheet_BottomSheetProvider = require('./BottomSheetProvider.cjs');
+const require_components_BottomSheet_BottomSheetHandle = require('./BottomSheetHandle.cjs');
+const require_components_BottomSheet_utils = require('./utils.cjs');
+const require_components_BottomSheet_useBottomSheetDrag = require('./useBottomSheetDrag.cjs');
+const require_components_BottomSheet_useBottomSheetSnapModel = require('./useBottomSheetSnapModel.cjs');
+const require_components_BottomSheet_useExpansionMargins = require('./useExpansionMargins.cjs');
+const require_components_BottomSheet_useKeyboardAvoidance = require('./useKeyboardAvoidance.cjs');
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+let generated_styles = require("../../../generated/styles");
+let react_native_reanimated = require("react-native-reanimated");
+react_native_reanimated = require_runtime.__toESM(react_native_reanimated);
+let react_native_gesture_handler = require("react-native-gesture-handler");
+let react_native_safe_area_context = require("react-native-safe-area-context");
+let react_native_screens = require("react-native-screens");
+
+//#region src/components/BottomSheet/BottomSheet.tsx
+function useScreenCornerRadius() {
+	const [, forceUpdate] = (0, react.useState)(0);
+	(0, react.useEffect)(() => {
+		if (require_native_UDSScreenCornerRadiusModule.loadState === "pending") {
+			const listener = () => forceUpdate((n) => n + 1);
+			require_native_UDSScreenCornerRadiusModule.loadListeners.push(listener);
+			return () => {
+				const idx = require_native_UDSScreenCornerRadiusModule.loadListeners.indexOf(listener);
+				if (idx >= 0) require_native_UDSScreenCornerRadiusModule.loadListeners.splice(idx, 1);
+			};
+		}
+	}, []);
+	return {
+		module: require_native_UDSScreenCornerRadiusModule.nativeModule,
+		isLoaded: require_native_UDSScreenCornerRadiusModule.loadState === "loaded",
+		isFailed: require_native_UDSScreenCornerRadiusModule.loadState === "failed"
+	};
+}
+/**
+* The core bottom sheet component for React Native.
+*
+* Renders a draggable, spring-animated sheet that snaps to configurable height
+* positions. Supports modal (with scrim, blocks background interaction) and
+* non-modal (no scrim, background remains interactive) modes, scroll coordination,
+* keyboard avoidance, and optional edge-to-edge expansion at the max snap point.
+*
+* Must be wrapped in a {@link BottomSheetProvider} or provided a `controller` prop
+* created via {@link useBottomSheetStore}.
+*
+* @example
+* ```tsx
+* const store = useBottomSheetStore();
+*
+* <BottomSheetProvider controller={store}>
+*   <BottomSheetTrigger render={<Button>Open</Button>} />
+*   <BottomSheet snapPoints={['30%', '80%']}>
+*     <BottomSheetHeader>Title</BottomSheetHeader>
+*     <BottomSheetContent>...</BottomSheetContent>
+*   </BottomSheet>
+* </BottomSheetProvider>
+* ```
+*/
+const BottomSheet = (0, react.memo)(function BottomSheet({ children, controller: controllerProp, snapPoints: snapPointsProp, height, defaultSnapPointIndex = 0, snapPointIndex: snapPointIndexProp, onSnapPointChange, onClose, dismissible = true, enableDrag = true, modal = true, showHandleIndicator = true, fullWidthAtMaxSnap = false, enableOverstretch = true, blurTarget, shouldMatchDeviceCornerRadius = true }) {
+	const controller = require_components_BottomSheet_BottomSheetProvider.useBottomSheetContext() ?? controllerProp;
+	const { module: screenCornerRadiusModule, isFailed: cornerRadiusFailed } = useScreenCornerRadius();
+	if (!controller) throw new Error("BottomSheet must be wrapped in BottomSheetProvider or provided a controller prop.");
+	if (cornerRadiusFailed) throw new Error("BottomSheet requires `expo-modules-core` to be installed.\nInstall it with: npx expo install expo-modules-core");
+	const { isOpen } = controller;
+	generated_styles.bottomSheetStyles.useVariants({});
+	const flatRoot = react_native.StyleSheet.flatten(generated_styles.bottomSheetStyles.root);
+	const marginHorizontal = flatRoot.marginHorizontal ?? 0;
+	const marginBottom = flatRoot.marginBottom ?? 0;
+	const blurIntensity = flatRoot.backgroundBlurRadius ?? 0;
+	const showBlurBox = blurIntensity > 0 && (react_native.Platform.OS === "ios" || blurTarget != null);
+	const opaqueBackground = flatRoot.backgroundColor ?? "#fff";
+	const sheetBackground = showBlurBox ? "transparent" : blurIntensity > 0 ? flatRoot.backgroundBlurColor ?? opaqueBackground : opaqueBackground;
+	const { top: safeTop, bottom: safeBottom } = (0, react_native_safe_area_context.useSafeAreaInsets)();
+	const isDetached = marginBottom > 0 || marginHorizontal > 0;
+	const bottomInsetPx = isDetached ? marginBottom : 0;
+	const expandedBottomInsetPx = fullWidthAtMaxSnap ? 0 : bottomInsetPx;
+	const tokenBorderRadius = flatRoot.borderRadius ?? 16;
+	const screenCornerRadius = shouldMatchDeviceCornerRadius ? screenCornerRadiusModule?.getCornerRadiusSync() ?? 0 : 0;
+	const bottomCornerGap = isDetached ? Math.min(marginHorizontal, marginBottom + safeBottom) : 0;
+	const bottomCornerRadius = screenCornerRadius > 0 ? Math.max(0, screenCornerRadius - bottomCornerGap) : tokenBorderRadius;
+	const containerHeight = (0, react_native_reanimated.useSharedValue)(react_native.Dimensions.get("window").height);
+	(0, react.useEffect)(() => {
+		const subscription = react_native.Dimensions.addEventListener("change", ({ window }) => {
+			containerHeight.value = window.height;
+		});
+		return () => subscription.remove();
+	}, [containerHeight]);
+	const { translateY, activeSnapIndex, isAnimating, resolvedSnapPoints, animateToSnap, animateToClose, animateToSnapWorklet, animateToCloseWorklet, getClosedTranslateY, getTranslateYForSnap } = require_components_BottomSheet_useBottomSheetSnapModel.useBottomSheetSnapModel({
+		snapPointsProp,
+		height,
+		defaultSnapPointIndex,
+		snapPointIndexProp,
+		onSnapPointChange,
+		containerHeight,
+		bottomInsetPx,
+		topInsetPx: safeTop,
+		sideInsetPx: marginHorizontal,
+		fullWidthAtMaxSnap,
+		expandedBottomInsetPx
+	});
+	const scrollOffsetY = (0, react_native_reanimated.useSharedValue)(0);
+	const scrollLocked = (0, react_native_reanimated.useSharedValue)(true);
+	const handleDismiss = (0, react.useCallback)(() => {
+		controller.close();
+	}, [controller]);
+	const { panGesture, panGestureRef, openTimeSV } = require_components_BottomSheet_useBottomSheetDrag.useBottomSheetDrag({
+		enableDrag,
+		dismissible,
+		enableOverstretch,
+		resolvedSnapPoints,
+		containerHeight,
+		bottomInsetPx,
+		translateY,
+		activeSnapIndex,
+		isAnimating,
+		animateToSnapWorklet,
+		animateToCloseWorklet,
+		onDismiss: handleDismiss,
+		scrollLocked,
+		scrollOffsetY,
+		getTranslateYForSnap
+	});
+	require_components_BottomSheet_useKeyboardAvoidance.useKeyboardAvoidance({
+		isOpen,
+		translateY,
+		isAnimating
+	});
+	const { animatedMarginStyle: expansionMarginStyle, maxSnapTranslateY: expansionMaxSnapTranslateY, thresholdTranslateY: expansionThresholdTranslateY } = require_components_BottomSheet_useExpansionMargins.useExpansionMargins({
+		enabled: fullWidthAtMaxSnap,
+		baseMarginHorizontal: marginHorizontal,
+		baseMarginBottom: marginBottom,
+		resolvedSnapPoints,
+		containerHeight,
+		bottomInsetPx,
+		expandedBottomInsetPx,
+		translateY
+	});
+	const expansionEdgeStyle = (0, react_native_reanimated.useAnimatedStyle)(() => {
+		if (!fullWidthAtMaxSnap) return {};
+		const bottomRadius = (0, react_native_reanimated.interpolate)(translateY.value, [expansionMaxSnapTranslateY, expansionThresholdTranslateY], [0, bottomCornerRadius], "clamp");
+		return {
+			borderBottomLeftRadius: bottomRadius,
+			borderBottomRightRadius: bottomRadius,
+			paddingBottom: (0, react_native_reanimated.interpolate)(translateY.value, [expansionMaxSnapTranslateY, expansionThresholdTranslateY], [safeBottom, 0], "clamp")
+		};
+	});
+	const internalContextValue = (0, react.useMemo)(() => ({
+		panGestureRef,
+		activeSnapIndex,
+		snapCount: resolvedSnapPoints.length,
+		scrollOffsetY,
+		scrollLocked
+	}), [
+		panGestureRef,
+		activeSnapIndex,
+		resolvedSnapPoints.length,
+		scrollOffsetY,
+		scrollLocked
+	]);
+	const wasOpen = (0, react.useRef)(false);
+	const [isRendered, setIsRendered] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (isOpen && !wasOpen.current) {
+			const initialIndex = snapPointIndexProp ?? defaultSnapPointIndex;
+			scrollOffsetY.value = 0;
+			scrollLocked.value = initialIndex !== resolvedSnapPoints.length - 1;
+			setIsRendered(true);
+			translateY.value = getClosedTranslateY();
+			openTimeSV.value = Date.now();
+			const timeout = setTimeout(() => {
+				animateToSnap(initialIndex);
+			}, 50);
+			wasOpen.current = true;
+			return () => clearTimeout(timeout);
+		}
+		if (!isOpen && wasOpen.current) {
+			animateToClose(() => {
+				setIsRendered(false);
+			});
+			onClose?.();
+			wasOpen.current = false;
+		}
+	}, [
+		isOpen,
+		snapPointIndexProp,
+		defaultSnapPointIndex,
+		translateY,
+		getClosedTranslateY,
+		animateToSnap,
+		animateToClose,
+		onClose,
+		openTimeSV,
+		scrollOffsetY,
+		scrollLocked,
+		resolvedSnapPoints.length
+	]);
+	(0, react.useEffect)(() => {
+		if (!isOpen || snapPointIndexProp === void 0) return;
+		animateToSnap(snapPointIndexProp);
+	}, [
+		isOpen,
+		snapPointIndexProp,
+		animateToSnap
+	]);
+	const animatedSheetStyle = (0, react_native_reanimated.useAnimatedStyle)(() => {
+		let effectiveBottom = 0;
+		if (isDetached) {
+			effectiveBottom = bottomInsetPx;
+			if (fullWidthAtMaxSnap) effectiveBottom = (0, react_native_reanimated.interpolate)(translateY.value, [expansionMaxSnapTranslateY, expansionThresholdTranslateY], [expandedBottomInsetPx, bottomInsetPx], "clamp");
+		}
+		return {
+			transform: [{ translateY: translateY.value }],
+			height: Math.max(100, containerHeight.value - translateY.value - effectiveBottom)
+		};
+	});
+	const initialIndex = snapPointIndexProp ?? defaultSnapPointIndex;
+	const windowH = modal ? react_native.Dimensions.get("window").height : 0;
+	const openSnapHeight = resolvedSnapPoints[initialIndex] ? require_components_BottomSheet_utils.resolveHeightToPx(resolvedSnapPoints[initialIndex], windowH) : 0;
+	const openTranslateY = windowH - Math.min(openSnapHeight, windowH - bottomInsetPx) - bottomInsetPx;
+	const closedTranslateY = windowH + bottomInsetPx;
+	if (!isOpen && !isRendered) return null;
+	const borderWidth = flatRoot.borderWidth ?? 0;
+	const sheetView = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_gesture_handler.GestureDetector, {
+		gesture: panGesture,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native_reanimated.default.View, {
+			style: [
+				internalStyles.sheet,
+				{
+					backgroundColor: sheetBackground,
+					borderTopLeftRadius: tokenBorderRadius,
+					borderTopRightRadius: tokenBorderRadius,
+					borderBottomLeftRadius: bottomCornerRadius,
+					borderBottomRightRadius: bottomCornerRadius,
+					paddingTop: 8,
+					marginHorizontal,
+					overflow: "hidden"
+				},
+				animatedSheetStyle,
+				fullWidthAtMaxSnap ? expansionMarginStyle : void 0,
+				fullWidthAtMaxSnap ? expansionEdgeStyle : void 0
+			],
+			accessibilityRole: "none",
+			children: [
+				showBlurBox && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+					style: react_native.StyleSheet.absoluteFill,
+					blur: blurIntensity,
+					blurTarget
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+					style: [react_native.StyleSheet.absoluteFill, { backgroundColor: flatRoot.backgroundBlurColor }],
+					pointerEvents: "none"
+				})] }),
+				showHandleIndicator && enableDrag && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_BottomSheet_BottomSheetHandle.BottomSheetHandle, {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+					style: {
+						paddingHorizontal: flatRoot.paddingHorizontal ?? 16,
+						paddingBottom: flatRoot.paddingVertical ?? 8,
+						flex: 1
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_BottomSheet_BottomSheetInternalProvider.BottomSheetInternalProvider, {
+						value: internalContextValue,
+						children
+					})
+				}),
+				borderWidth > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_reanimated.default.View, {
+					style: [
+						react_native.StyleSheet.absoluteFill,
+						{
+							borderColor: flatRoot.borderColor ?? "transparent",
+							borderWidth,
+							borderTopLeftRadius: tokenBorderRadius,
+							borderTopRightRadius: tokenBorderRadius,
+							borderBottomLeftRadius: bottomCornerRadius,
+							borderBottomRightRadius: bottomCornerRadius
+						},
+						fullWidthAtMaxSnap ? expansionEdgeStyle : void 0
+					],
+					pointerEvents: "none"
+				})
+			]
+		})
+	});
+	const modalOverlay = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native_gesture_handler.GestureHandlerRootView, {
+		style: internalStyles.modalRoot,
+		pointerEvents: isOpen ? "auto" : "none",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Scrim.Scrim, {
+			translateY,
+			openTranslateY,
+			closedTranslateY,
+			dismissible,
+			onDismiss: handleDismiss,
+			blurTarget
+		}), sheetView]
+	});
+	const nonModalOverlay = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		style: react_native.StyleSheet.absoluteFill,
+		pointerEvents: isOpen ? "box-none" : "none",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_gesture_handler.GestureHandlerRootView, {
+			style: internalStyles.sheet,
+			pointerEvents: "auto",
+			children: sheetView
+		})
+	});
+	if (react_native.Platform.OS === "ios") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_screens.FullWindowOverlay, { children: modal ? modalOverlay : nonModalOverlay });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portal.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_BottomSheet_BottomSheetProvider.BottomSheetProvider, {
+		controller,
+		children: [modal && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_AndroidBackHandler.AndroidBackHandler, {
+			dismissible,
+			onDismiss: handleDismiss,
+			isOpen
+		}), modal ? modalOverlay : nonModalOverlay]
+	}) });
+});
+const internalStyles = react_native.StyleSheet.create({
+	modalRoot: { flex: 1 },
+	sheet: {
+		position: "absolute",
+		left: 0,
+		right: 0,
+		top: 0,
+		minHeight: 100
+	}
+});
+
+//#endregion
+exports.BottomSheet = BottomSheet;

package/dist/components/BottomSheet/BottomSheet.d.cts

@@ -0,0 +1,33 @@
+
+import { BottomSheetProps } from "./types.cjs";
+import * as react from "react";
+
+//#region src/components/BottomSheet/BottomSheet.d.ts
+/**
+ * The core bottom sheet component for React Native.
+ *
+ * Renders a draggable, spring-animated sheet that snaps to configurable height
+ * positions. Supports modal (with scrim, blocks background interaction) and
+ * non-modal (no scrim, background remains interactive) modes, scroll coordination,
+ * keyboard avoidance, and optional edge-to-edge expansion at the max snap point.
+ *
+ * Must be wrapped in a {@link BottomSheetProvider} or provided a `controller` prop
+ * created via {@link useBottomSheetStore}.
+ *
+ * @example
+ * ```tsx
+ * const store = useBottomSheetStore();
+ *
+ * <BottomSheetProvider controller={store}>
+ *   <BottomSheetTrigger render={<Button>Open</Button>} />
+ *   <BottomSheet snapPoints={['30%', '80%']}>
+ *     <BottomSheetHeader>Title</BottomSheetHeader>
+ *     <BottomSheetContent>...</BottomSheetContent>
+ *   </BottomSheet>
+ * </BottomSheetProvider>
+ * ```
+ */
+declare const BottomSheet: react.NamedExoticComponent<BottomSheetProps>;
+//#endregion
+export { BottomSheet };
+//# sourceMappingURL=BottomSheet.d.cts.map

package/dist/components/BottomSheet/BottomSheet.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.cts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"mappings":";;;;;;;;AAwBiB;;;;;;;;;;;;;;;;;;;;;cA0DX,WAAA,EAAW,KAAA,CAAA,oBAAA,CAAA,gBAAA"}