@oxyhq/bloom 0.60.0 → 0.62.0

package/lib/typescript/commonjs/image-aspect-ratio-cache/imageAspectRatioCache.d.ts

@@ -1,5 +1,17 @@
 /** Fallback ratio used when a remote image's intrinsic size cannot be read. */
 export declare const DEFAULT_ASPECT_RATIO: number;
+/**
+ * Intrinsic pixel size, recorded whenever we had to read it anyway (the
+ * `Image.getSize` behind `fetchAspectRatio`). A viewer needs it to avoid
+ * blowing a small image up past its own resolution — a ratio alone cannot say
+ * how big "big" is allowed to be.
+ */
+export interface IntrinsicSize {
+    width: number;
+    height: number;
+}
+/** Intrinsic size for `uri`, when it has already been measured. */
+export declare const getIntrinsicSize: (uri: string) => IntrinsicSize | undefined;
 export declare const getAspectRatio: (uri: string) => number | undefined;
 export declare const hasAspectRatio: (uri: string) => boolean;
 export declare const setAspectRatio: (uri: string, ratio: number) => void;

package/lib/typescript/commonjs/image-aspect-ratio-cache/imageAspectRatioCache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"imageAspectRatioCache.d.ts","sourceRoot":"","sources":["../../../../src/image-aspect-ratio-cache/imageAspectRatioCache.ts"],"names":[],"mappings":"AAeA,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAI1C,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,MAAM,GAAG,SAAsC,CAAC;AAE7F,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,OAAoC,CAAC;AAElF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,KAAG,IAI3D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,OAAO,CAAC,MAAM,CAwB5D,CAAC"}
+{"version":3,"file":"imageAspectRatioCache.d.ts","sourceRoot":"","sources":["../../../../src/image-aspect-ratio-cache/imageAspectRatioCache.ts"],"names":[],"mappings":"AAeA,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAI1C;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAID,mEAAmE;AACnE,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,aAAa,GAAG,SAClC,CAAC;AAE9B,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,MAAM,GAAG,SAAsC,CAAC;AAE7F,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,OAAoC,CAAC;AAElF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,KAAG,IAI3D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,OAAO,CAAC,MAAM,CAyB5D,CAAC"}

package/lib/typescript/commonjs/image-aspect-ratio-cache/index.d.ts

@@ -1,2 +1,3 @@
-export { getAspectRatio, hasAspectRatio, setAspectRatio, fetchAspectRatio, DEFAULT_ASPECT_RATIO, } from './imageAspectRatioCache';
+export type { IntrinsicSize } from './imageAspectRatioCache';
+export { getIntrinsicSize, getAspectRatio, hasAspectRatio, setAspectRatio, fetchAspectRatio, DEFAULT_ASPECT_RATIO, } from './imageAspectRatioCache';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/image-aspect-ratio-cache/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/image-aspect-ratio-cache/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/image-aspect-ratio-cache/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC"}

package/lib/typescript/commonjs/overlay/index.d.ts

@@ -40,7 +40,8 @@
  * dimming layer; do not re-implement either with raw `View`s.
  */
 import { type ReactNode } from 'react';
-import { View, type StyleProp, type ViewStyle } from 'react-native';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type SharedValue } from 'react-native-reanimated';
 /**
  * One blur radius for every Bloom overlay. Surfaces differ in what they show,
  * not in how the app behind them recedes.
@@ -66,6 +67,12 @@ export declare namespace OverlayRoot {
 export interface BackdropProps {
     /** Dismiss handler. Omit (or pass `disabled`) for a backdrop that only dims. */
     onPress?: () => void;
+    /**
+     * Fade driver, 0 (hidden) → 1 (fully shown). The backdrop applies it to its
+     * OWN layers — see the note on `style` for why the caller must not animate
+     * opacity from the outside.
+     */
+    progress?: SharedValue<number>;
     /** `true` keeps the dim but makes it inert — a blocking dialog, a busy state. */
     disabled?: boolean;
     /** Blur radius behind the dim. `0` renders the dim alone. */
@@ -76,8 +83,19 @@ export interface BackdropProps {
     dimColor?: string;
     /** Dim opacity, 0–1. */
     dimOpacity?: number;
-    /** Extra style on the press target — animated opacity, insets, z-index. */
+    /**
+     * Geometry for the press target: insets, z-index, layout. NOT opacity —
+     * `backdrop-filter` samples nothing under an ancestor with `opacity < 1`
+     * (the group composites in isolation), so a fade applied here silently kills
+     * the blur. An `opacity` found in this style is redirected onto the layers;
+     * animate the fade through `progress` instead.
+     */
     style?: StyleProp<ViewStyle>;
+    /**
+     * Extra style for the blur + dim LAYERS, for fades a shared value can't
+     * express — the web dialog's CSS keyframes, for instance.
+     */
+    layerStyle?: StyleProp<ViewStyle>;
     /** Rendered ON TOP of the dim, inside the press target (Dialog's panel does this). */
     children?: ReactNode;
     accessibilityLabel?: string;
@@ -88,5 +106,5 @@ export interface BackdropProps {
  * pointer events (that is its whole job), so anything that must stay pressable
  * goes INSIDE it as `children`, never as a sibling rendered over it.
  */
-export declare const Backdrop: import("react").NamedExoticComponent<BackdropProps & import("react").RefAttributes<View>>;
+export declare const Backdrop: import("react").NamedExoticComponent<BackdropProps>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/overlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAIL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB;;;GAGG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAMxE;yBANe,WAAW;;;AAU3B,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,sFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,2FAuDlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMvF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAMxE;yBANe,WAAW;;;AAU3B,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qDAgEnB,CAAC"}

package/lib/typescript/commonjs/zoomable-image-gallery/ZoomableImageGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomableImageGallery.d.ts","sourceRoot":"","sources":["../../../../src/zoomable-image-gallery/ZoomableImageGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAmEjF,OAAO,KAAK,EAGV,0BAA0B,EAC1B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAo6BjB,eAAO,MAAM,oBAAoB,8GAA4B,CAAC;AAyK9D,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ZoomableImageGallery.d.ts","sourceRoot":"","sources":["../../../../src/zoomable-image-gallery/ZoomableImageGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAoEjF,OAAO,KAAK,EAGV,0BAA0B,EAC1B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAk7BjB,eAAO,MAAM,oBAAoB,8GAA4B,CAAC;AAyK9D,eAAe,oBAAoB,CAAC"}

package/lib/typescript/module/bottom-sheet/BottomSheetBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetBase.d.ts","sourceRoot":"","sources":["../../../../src/bottom-sheet/BottomSheetBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAMH,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AAItB,OAAiB,EACb,KAAK,aAAa,EAGlB,KAAK,WAAW,EAMnB,MAAM,yBAAyB,CAAC;AAyBjC,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IACjH;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACjD;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,qBAAqB;IAClC,kEAAkE;IAClE,OAAO,EAAE,OAAO,CAAC;IACjB,gFAAgF;IAChF,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;;OAGG;IACH,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC1D,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;CACrD;AAID,eAAO,MAAM,eAAe,6FA4mB1B,CAAC"}
+{"version":3,"file":"BottomSheetBase.d.ts","sourceRoot":"","sources":["../../../../src/bottom-sheet/BottomSheetBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAMH,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AAItB,OAAiB,EACb,KAAK,aAAa,EAGlB,KAAK,WAAW,EAOnB,MAAM,yBAAyB,CAAC;AAyBjC,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IACjH;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACjD;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,qBAAqB;IAClC,kEAAkE;IAClE,OAAO,EAAE,OAAO,CAAC;IACjB,gFAAgF;IAChF,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;;OAGG;IACH,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC1D,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,eAAe,6FA4nB1B,CAAC"}

package/lib/typescript/module/dialog/Dialog.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.web.d.ts","sourceRoot":"","sources":["../../../../src/dialog/Dialog.web.tsx"],"names":[],"mappings":"AAuCA,OAAO,EAOL,4BAA4B,EAM7B,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EACV,YAAY,EAGZ,WAAW,EACZ,MAAM,SAAS,CAAC;AA4DjB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,2CAazD;AA+ZD,OAAO,EAAE,4BAA4B,EAAE,CAAC;AAoPxC;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,2CAgBA;AAiCD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,gBAAgB,mZAK5B,CAAC"}
+{"version":3,"file":"Dialog.web.d.ts","sourceRoot":"","sources":["../../../../src/dialog/Dialog.web.tsx"],"names":[],"mappings":"AAuCA,OAAO,EAOL,4BAA4B,EAM7B,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EACV,YAAY,EAGZ,WAAW,EACZ,MAAM,SAAS,CAAC;AA4DjB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,2CAazD;AAgaD,OAAO,EAAE,4BAA4B,EAAE,CAAC;AAiPxC;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,2CAgBA;AAiCD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,gBAAgB,mZAK5B,CAAC"}

package/lib/typescript/module/image-aspect-ratio-cache/imageAspectRatioCache.d.ts

@@ -1,5 +1,17 @@
 /** Fallback ratio used when a remote image's intrinsic size cannot be read. */
 export declare const DEFAULT_ASPECT_RATIO: number;
+/**
+ * Intrinsic pixel size, recorded whenever we had to read it anyway (the
+ * `Image.getSize` behind `fetchAspectRatio`). A viewer needs it to avoid
+ * blowing a small image up past its own resolution — a ratio alone cannot say
+ * how big "big" is allowed to be.
+ */
+export interface IntrinsicSize {
+    width: number;
+    height: number;
+}
+/** Intrinsic size for `uri`, when it has already been measured. */
+export declare const getIntrinsicSize: (uri: string) => IntrinsicSize | undefined;
 export declare const getAspectRatio: (uri: string) => number | undefined;
 export declare const hasAspectRatio: (uri: string) => boolean;
 export declare const setAspectRatio: (uri: string, ratio: number) => void;

package/lib/typescript/module/image-aspect-ratio-cache/imageAspectRatioCache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"imageAspectRatioCache.d.ts","sourceRoot":"","sources":["../../../../src/image-aspect-ratio-cache/imageAspectRatioCache.ts"],"names":[],"mappings":"AAeA,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAI1C,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,MAAM,GAAG,SAAsC,CAAC;AAE7F,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,OAAoC,CAAC;AAElF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,KAAG,IAI3D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,OAAO,CAAC,MAAM,CAwB5D,CAAC"}
+{"version":3,"file":"imageAspectRatioCache.d.ts","sourceRoot":"","sources":["../../../../src/image-aspect-ratio-cache/imageAspectRatioCache.ts"],"names":[],"mappings":"AAeA,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAI1C;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAID,mEAAmE;AACnE,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,aAAa,GAAG,SAClC,CAAC;AAE9B,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,MAAM,GAAG,SAAsC,CAAC;AAE7F,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,OAAoC,CAAC;AAElF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,KAAG,IAI3D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,OAAO,CAAC,MAAM,CAyB5D,CAAC"}

package/lib/typescript/module/image-aspect-ratio-cache/index.d.ts

@@ -1,2 +1,3 @@
-export { getAspectRatio, hasAspectRatio, setAspectRatio, fetchAspectRatio, DEFAULT_ASPECT_RATIO, } from './imageAspectRatioCache';
+export type { IntrinsicSize } from './imageAspectRatioCache';
+export { getIntrinsicSize, getAspectRatio, hasAspectRatio, setAspectRatio, fetchAspectRatio, DEFAULT_ASPECT_RATIO, } from './imageAspectRatioCache';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/image-aspect-ratio-cache/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/image-aspect-ratio-cache/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/image-aspect-ratio-cache/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC"}

package/lib/typescript/module/overlay/index.d.ts

@@ -40,7 +40,8 @@
  * dimming layer; do not re-implement either with raw `View`s.
  */
 import { type ReactNode } from 'react';
-import { View, type StyleProp, type ViewStyle } from 'react-native';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type SharedValue } from 'react-native-reanimated';
 /**
  * One blur radius for every Bloom overlay. Surfaces differ in what they show,
  * not in how the app behind them recedes.
@@ -66,6 +67,12 @@ export declare namespace OverlayRoot {
 export interface BackdropProps {
     /** Dismiss handler. Omit (or pass `disabled`) for a backdrop that only dims. */
     onPress?: () => void;
+    /**
+     * Fade driver, 0 (hidden) → 1 (fully shown). The backdrop applies it to its
+     * OWN layers — see the note on `style` for why the caller must not animate
+     * opacity from the outside.
+     */
+    progress?: SharedValue<number>;
     /** `true` keeps the dim but makes it inert — a blocking dialog, a busy state. */
     disabled?: boolean;
     /** Blur radius behind the dim. `0` renders the dim alone. */
@@ -76,8 +83,19 @@ export interface BackdropProps {
     dimColor?: string;
     /** Dim opacity, 0–1. */
     dimOpacity?: number;
-    /** Extra style on the press target — animated opacity, insets, z-index. */
+    /**
+     * Geometry for the press target: insets, z-index, layout. NOT opacity —
+     * `backdrop-filter` samples nothing under an ancestor with `opacity < 1`
+     * (the group composites in isolation), so a fade applied here silently kills
+     * the blur. An `opacity` found in this style is redirected onto the layers;
+     * animate the fade through `progress` instead.
+     */
     style?: StyleProp<ViewStyle>;
+    /**
+     * Extra style for the blur + dim LAYERS, for fades a shared value can't
+     * express — the web dialog's CSS keyframes, for instance.
+     */
+    layerStyle?: StyleProp<ViewStyle>;
     /** Rendered ON TOP of the dim, inside the press target (Dialog's panel does this). */
     children?: ReactNode;
     accessibilityLabel?: string;
@@ -88,5 +106,5 @@ export interface BackdropProps {
  * pointer events (that is its whole job), so anything that must stay pressable
  * goes INSIDE it as `children`, never as a sibling rendered over it.
  */
-export declare const Backdrop: import("react").NamedExoticComponent<BackdropProps & import("react").RefAttributes<View>>;
+export declare const Backdrop: import("react").NamedExoticComponent<BackdropProps>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/overlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAIL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB;;;GAGG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAMxE;yBANe,WAAW;;;AAU3B,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,sFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,2FAuDlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlay/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMvF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAMxE;yBANe,WAAW;;;AAU3B,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qDAgEnB,CAAC"}

package/lib/typescript/module/zoomable-image-gallery/ZoomableImageGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomableImageGallery.d.ts","sourceRoot":"","sources":["../../../../src/zoomable-image-gallery/ZoomableImageGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAmEjF,OAAO,KAAK,EAGV,0BAA0B,EAC1B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAo6BjB,eAAO,MAAM,oBAAoB,8GAA4B,CAAC;AAyK9D,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ZoomableImageGallery.d.ts","sourceRoot":"","sources":["../../../../src/zoomable-image-gallery/ZoomableImageGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAoEjF,OAAO,KAAK,EAGV,0BAA0B,EAC1B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAk7BjB,eAAO,MAAM,oBAAoB,8GAA4B,CAAC;AAyK9D,eAAe,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.60.0",
+  "version": "0.62.0",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/__tests__/imageIntrinsicSize.test.ts

@@ -0,0 +1,47 @@
+// The fullscreen viewer must not blow an image up past its own resolution — a
+// 512px avatar or a small thumbnail filling the viewport just renders soft.
+// A ratio alone cannot express that ceiling, so the shared cache records the
+// intrinsic size it had to read anyway (the `Image.getSize` behind
+// `fetchAspectRatio`) and the viewer clamps its fit box to it.
+
+const getSize = jest.fn();
+
+jest.mock('react-native', () => ({
+  Image: { getSize: (...args: unknown[]) => getSize(...args) },
+}));
+
+import {
+  DEFAULT_ASPECT_RATIO,
+  fetchAspectRatio,
+  getAspectRatio,
+  getIntrinsicSize,
+} from '../image-aspect-ratio-cache';
+
+describe('intrinsic size cache', () => {
+  beforeEach(() => {
+    getSize.mockReset();
+  });
+
+  it('records the measured pixel size alongside the ratio', async () => {
+    const uri = 'https://cdn.example/avatar-512.jpg';
+    getSize.mockImplementation((_uri: string, ok: (w: number, h: number) => void) => ok(512, 512));
+
+    const ratio = await fetchAspectRatio(uri);
+
+    expect(ratio).toBe(1);
+    expect(getAspectRatio(uri)).toBe(1);
+    expect(getIntrinsicSize(uri)).toEqual({ width: 512, height: 512 });
+  });
+
+  it('leaves no size behind when the image cannot be measured', async () => {
+    const uri = 'https://cdn.example/broken.jpg';
+    getSize.mockImplementation((_uri: string, _ok: unknown, fail: () => void) => fail());
+
+    const ratio = await fetchAspectRatio(uri);
+
+    expect(ratio).toBe(DEFAULT_ASPECT_RATIO);
+    // No measurement means no ceiling — the viewer falls back to its fit box
+    // rather than clamping to a guess.
+    expect(getIntrinsicSize(uri)).toBeUndefined();
+  });
+});

package/src/__tests__/overlay-pointer-events.test.tsx

@@ -123,25 +123,26 @@ describe('overlay pointer-events contract (web)', () => {
     noBlur.container.remove();
   });
 
-  // Surfaces animate the backdrop via `Animated.createAnimatedComponent(Backdrop)`,
-  // and reanimated writes those updates through the ref. Swallow it and an
-  // opacity animated from 0 never moves: the backdrop stays fully transparent
-  // while the surface floats over an undimmed app (shipped exactly once).
-  it('forwards its ref to a host node so animated styles can land', () => {
-    let node: unknown = null;
+  // THE fade invariant. `backdrop-filter` samples nothing under an ancestor
+  // that composites in isolation, so an opacity anywhere above the blur layer
+  // silently removes the blur — which is exactly what a surface fading the
+  // backdrop from the outside used to do. A caller's `opacity` is therefore
+  // redirected onto the layers and the press target stays fully opaque.
+  it('keeps the press target opaque and fades the layers instead', () => {
     const { root, container } = render(
-      createElement(Backdrop, {
-        onPress: () => {},
-        testID: 'backdrop',
-        ref: (el: unknown) => {
-          node = el;
-        },
-      } as never),
+      createElement(Backdrop, { onPress: () => {}, testID: 'backdrop', style: { opacity: 0.4 } }),
     );
 
-    expect(node).not.toBeNull();
-    expect(node).toBeInstanceOf(HTMLElement);
-    expect((node as HTMLElement).getAttribute('data-testid')).toBe('backdrop');
+    const el = container.querySelector('[data-testid="backdrop"]') as HTMLElement;
+    const inline = el.style.opacity;
+    const opacity = Number(inline === '' ? getComputedStyle(el).opacity || '1' : inline);
+
+    // The press target itself never fades — the blur under it would go with it.
+    expect(opacity).toBe(1);
+    // …and the layers it fades instead are there to receive it. (Their opacity
+    // is written by reanimated, which this suite mocks, so the value itself is
+    // asserted in the browser rather than here.)
+    expect(el.children.length).toBeGreaterThanOrEqual(2);
 
     act(() => root.unmount());
     container.remove();

package/src/bottom-sheet/BottomSheetBase.tsx

@@ -20,6 +20,7 @@ import Animated, {
     type SharedValue,
     useAnimatedScrollHandler,
     useAnimatedStyle,
+    useDerivedValue,
     useSharedValue,
     withSpring,
     withTiming,
@@ -199,8 +200,6 @@ export interface BottomSheetBaseProps extends BottomSheetProps {
     Shell: React.ComponentType<BottomSheetShellProps>;
 }
 
-const AnimatedBackdrop = Animated.createAnimatedComponent(Backdrop);
-
 export const BottomSheetBase = forwardRef((props: BottomSheetBaseProps, ref: React.ForwardedRef<BottomSheetRef>) => {
     const {
         Shell,
@@ -642,7 +641,11 @@ export const BottomSheetBase = forwardRef((props: BottomSheetBaseProps, ref: Rea
     // dim opacity applies smoothly across the animation. When
     // `dynamicBackdrop` is enabled, the dim also fades proportionally with
     // drag distance (iOS Photos style).
-    const backdropStyle = useAnimatedStyle(() => {
+    // A VALUE, not a style: `Backdrop` applies it to its blur and dim layers
+    // itself. Handing it over as an animated style would put the opacity on the
+    // layers' shared ancestor, which composites the group in isolation and
+    // leaves `backdrop-filter` with nothing behind it to blur.
+    const backdropProgress = useDerivedValue(() => {
         const dragFactor = dynamicBackdrop
             ? interpolate(
                 translateY.value,
@@ -651,11 +654,17 @@ export const BottomSheetBase = forwardRef((props: BottomSheetBaseProps, ref: Rea
                 'clamp',
             )
             : 1;
-        return {
-            opacity: opacity.value * backdropOpacity * dragFactor,
-        };
+        return opacity.value * backdropOpacity * dragFactor;
     }, [backdropOpacity, dynamicBackdrop, opacity, translateY, screenHeightSV]);
 
+    // Only the consumer-supplied `backdropComponent` needs the progress as a
+    // style — it owns its own visuals, blur included, so the ancestor-opacity
+    // hazard is its call to make.
+    const customBackdropStyle = useAnimatedStyle(
+        () => ({ opacity: backdropProgress.value }),
+        [backdropProgress],
+    );
+
     const sheetStyle = useAnimatedStyle(() => {
         const scale = interpolate(translateY.value, [0, screenHeightSV.value], [1, 0.95]);
         return {
@@ -787,7 +796,7 @@ export const BottomSheetBase = forwardRef((props: BottomSheetBaseProps, ref: Rea
         <Shell visible={rendered} onRequestClose={dismiss} keyboardHeight={keyboardHeight}>
             <View style={StyleSheet.absoluteFill}>
                 {backdropComponent ? (
-                    <Animated.View style={[StyleSheet.absoluteFill, backdropStyle]}>
+                    <Animated.View style={[StyleSheet.absoluteFill, customBackdropStyle]}>
                         {backdropComponent({ onPress: handleBackdropPress })}
                     </Animated.View>
                 ) : (
@@ -795,10 +804,16 @@ export const BottomSheetBase = forwardRef((props: BottomSheetBaseProps, ref: Rea
                     // `backdropStyle` drives the fade; the dim level rides on
                     // `backdropOpacity`, so the shared component's own dim is
                     // switched off here to keep a single source of dimming.
-                    <AnimatedBackdrop
+                    <Backdrop
                         onPress={handleBackdropPress}
+                        // `backdropProgress` already folds in `backdropOpacity`
+                        // and the drag factor, so the dim rides at full weight.
+                        // It goes through `progress` rather than an animated
+                        // style because an opacity on the root would sit above
+                        // the blur layer and neutralise it.
                         dimOpacity={1}
-                        style={[styles.backdrop, backdropStyle]}
+                        progress={backdropProgress}
+                        style={styles.backdrop}
                     />
                 )}
 

package/src/dialog/Dialog.web.tsx

@@ -332,16 +332,17 @@ function CenterOrSideDialog({
               disabled={!dismissOnBackdrop}
               accessibilityLabel={label ? `Dismiss ${label}` : 'Dismiss dialog'}
               dimOpacity={DIALOG_BACKDROP_DIM_OPACITY}
-              style={[
-                {
-                  position: WEB_POSITION_FIXED,
-                  zIndex: dialogZIndex.backdrop,
-                  alignItems: 'center',
-                  justifyContent: 'center',
-                  paddingHorizontal: 20,
-                },
-                isClosing ? BACKDROP_FADE_OUT : BACKDROP_FADE_IN,
-              ]}
+              // The fade rides on the LAYERS, never on the press target: an
+              // opacity animation on the blur's ancestor composites the group in
+              // isolation and leaves `backdrop-filter` nothing to sample.
+              layerStyle={isClosing ? BACKDROP_FADE_OUT : BACKDROP_FADE_IN}
+              style={{
+                position: WEB_POSITION_FIXED,
+                zIndex: dialogZIndex.backdrop,
+                alignItems: 'center',
+                justifyContent: 'center',
+                paddingHorizontal: 20,
+              }}
             >
               <DialogPanel
                 testID={testID}
@@ -702,14 +703,11 @@ function SheetSurface({
         accessibilityLabel={label ? `Dismiss ${label}` : 'Dismiss dialog'}
         onPress={handleBackdropPress}
         disabled={!dismissOnBackdrop}
-        // The dim rides on the element's own animated opacity here, so the
-        // shared component's dim layer stays fully opaque under it.
-        dimOpacity={1}
-        style={[
-          sheetStyles.backdrop,
-          backdropTransition,
-          { opacity: visible ? SHEET_BACKDROP_OPACITY : 0 },
-        ]}
+        // Same reason as the centred dialog: the transition and the opacity it
+        // animates belong to the layers, not to the press target above them.
+        dimOpacity={SHEET_BACKDROP_OPACITY}
+        layerStyle={backdropTransition}
+        style={[sheetStyles.backdrop, { opacity: visible ? 1 : 0 }]}
       />
 
       <View

package/src/image-aspect-ratio-cache/imageAspectRatioCache.ts

@@ -18,6 +18,23 @@ export const DEFAULT_ASPECT_RATIO = 4 / 3;
 
 const aspectRatioCache = new Map<string, number>();
 
+/**
+ * Intrinsic pixel size, recorded whenever we had to read it anyway (the
+ * `Image.getSize` behind `fetchAspectRatio`). A viewer needs it to avoid
+ * blowing a small image up past its own resolution — a ratio alone cannot say
+ * how big "big" is allowed to be.
+ */
+export interface IntrinsicSize {
+  width: number;
+  height: number;
+}
+
+const intrinsicSizeCache = new Map<string, IntrinsicSize>();
+
+/** Intrinsic size for `uri`, when it has already been measured. */
+export const getIntrinsicSize = (uri: string): IntrinsicSize | undefined =>
+  intrinsicSizeCache.get(uri);
+
 export const getAspectRatio = (uri: string): number | undefined => aspectRatioCache.get(uri);
 
 export const hasAspectRatio = (uri: string): boolean => aspectRatioCache.has(uri);
@@ -47,6 +64,7 @@ export const fetchAspectRatio = (uri: string): Promise<number> => {
         if (width > 0 && height > 0) {
           const ratio = width / height;
           aspectRatioCache.set(uri, ratio);
+          intrinsicSizeCache.set(uri, { width, height });
           resolve(ratio);
           return;
         }

package/src/image-aspect-ratio-cache/index.ts

@@ -1,4 +1,6 @@
+export type { IntrinsicSize } from './imageAspectRatioCache';
 export {
+  getIntrinsicSize,
   getAspectRatio,
   hasAspectRatio,
   setAspectRatio,