react-native-smooth-clip-view 0.4.6 → 0.5.0

package/lib/typescript/src/SmoothClipBackdropView.d.ts

@@ -0,0 +1,155 @@
+import { type ComponentRef, type ForwardedRef, type ReactElement, type ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+import type { SmoothClipController } from './controllerTypes.js';
+import NativeSmoothClipBackdropView from './SmoothClipBackdropViewNativeComponent';
+export type SmoothClipBackdropViewProps = ViewProps & {
+    controller: SmoothClipController;
+    children?: ReactNode;
+};
+export declare function renderSmoothClipBackdropView({ controller, children, ...viewProps }: SmoothClipBackdropViewProps, forwardedRef: ForwardedRef<ComponentRef<typeof NativeSmoothClipBackdropView>>): ReactElement;
+/**
+ * A view translated by its controller's `backdrop` channel: every `setFrame`
+ * and native run that moves the clip moves this view's content by the
+ * presentation's `backdrop.translateX/Y` in the same native frame, with the
+ * same clock and epoch as the aperture. Content that must stay locked to the
+ * window (a canvas centred in it) belongs here rather than on a Reanimated
+ * mapper, which can land a frame later than the clip.
+ *
+ * Any number of backdrop views may bind to one controller, anywhere in the
+ * tree. One that mounts while a run is in flight adopts the driver's current
+ * value and follows from the next run. The channel owns the content's
+ * transform: do not put a `transform` style on this view.
+ */
+export declare const SmoothClipBackdropView: import("react").ForwardRefExoticComponent<Readonly<Omit<Readonly<{
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
+    onAccessibilityTap?: (() => unknown) | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
+    onMagicTap?: (() => unknown) | undefined;
+    onAccessibilityEscape?: (() => unknown) | undefined;
+}>, "id" | "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderEnd" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onMoveShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onMoveShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onResponderGrant?: ((e: import("react-native").GestureResponderEvent) => void | boolean) | undefined;
+    onResponderMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderReject?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderRelease?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminate?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+}>, "id" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onMouseEnter?: ((event: import("react-native").MouseEvent) => void) | undefined;
+    onMouseLeave?: ((event: import("react-native").MouseEvent) => void) | undefined;
+}>, "id" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onClick?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onClickCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancel?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancelCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDown?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDownCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUp?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUpCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOver?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOverCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOut?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOutCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onGotPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+}>, "id" | "onClick" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onBlur?: ((event: import("react-native").BlurEvent) => void) | undefined;
+    onBlurCapture?: ((event: import("react-native").BlurEvent) => void) | undefined;
+    onFocus?: ((event: import("react-native").FocusEvent) => void) | undefined;
+    onFocusCapture?: ((event: import("react-native").FocusEvent) => void) | undefined;
+}>, "id" | "onClick" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onKeyDown?: ((event: import("react-native").KeyDownEvent) => void) | undefined;
+    onKeyDownCapture?: ((event: import("react-native").KeyDownEvent) => void) | undefined;
+    onKeyUp?: ((event: import("react-native").KeyUpEvent) => void) | undefined;
+    onKeyUpCapture?: ((event: import("react-native").KeyUpEvent) => void) | undefined;
+}>, "id" | "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onTouchCancel?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchCancelCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEndCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMoveCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchStartCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+}>, "id" | "onClick" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    nativeBackgroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
+    nativeForegroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined;
+    hasTVPreferredFocus?: boolean | undefined;
+    nextFocusDown?: number | undefined;
+    nextFocusForward?: number | undefined;
+    nextFocusLeft?: number | undefined;
+    nextFocusRight?: number | undefined;
+    nextFocusUp?: number | undefined;
+    focusable?: boolean | undefined;
+    tabIndex?: 0 | -1;
+    onClick?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+}>, "id" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    shouldRasterizeIOS?: boolean | undefined;
+}>, "id" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "style" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<Omit<Readonly<{
+    accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
+    "aria-labelledby"?: string | undefined;
+    accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
+    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
+    screenReaderFocusable?: boolean;
+}>, "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & Omit<Readonly<{
+    accessibilityIgnoresInvertColors?: boolean | undefined;
+    accessibilityViewIsModal?: boolean | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | undefined;
+    accessibilityLargeContentTitle?: string | undefined;
+    "aria-modal"?: boolean | undefined;
+    accessibilityElementsHidden?: boolean | undefined;
+    accessibilityLanguage?: string | undefined;
+    accessibilityRespondsToUserInteraction?: boolean | undefined;
+}>, "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & {
+    accessible?: boolean | undefined;
+    accessibilityLabel?: string | undefined;
+    accessibilityHint?: string | undefined;
+    "aria-label"?: string | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
+    role?: import("react-native").Role | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
+    "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
+    "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
+    "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
+    "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
+    accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
+    "aria-busy"?: boolean | undefined;
+    "aria-checked"?: (boolean | undefined) | "mixed";
+    "aria-disabled"?: boolean | undefined;
+    "aria-expanded"?: boolean | undefined;
+    "aria-selected"?: boolean | undefined;
+    "aria-hidden"?: boolean | undefined;
+}>, "id" | "children" | "style" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    children?: React.ReactNode;
+    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp | undefined;
+    collapsable?: boolean | undefined;
+    collapsableChildren?: boolean | undefined;
+    id?: string;
+    testID?: string | undefined;
+    nativeID?: string | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
+    hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/EdgeInsetsPropType").EdgeInsetsOrSizeProp | undefined;
+    pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    experimental_accessibilityOrder?: Array<string> | undefined;
+}>, never>> & {
+    controller: SmoothClipController;
+    children?: ReactNode;
+} & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+//# sourceMappingURL=SmoothClipBackdropView.d.ts.map

package/lib/typescript/src/SmoothClipBackdropView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmoothClipBackdropView.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipBackdropView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAmB,CAAC;AAE9D,OAAO,4BAA4B,MAAM,yCAAyC,CAAC;AAEnF,MAAM,MAAM,2BAA2B,GAAG,SAAS,GAAG;IACpD,UAAU,EAAE,oBAAoB,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,2BAA2B,EACnE,YAAY,EAAE,YAAY,CAAC,YAAY,CAAC,OAAO,4BAA4B,CAAC,CAAC,GAC5E,YAAY,CAYd;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAlCrB,oBAAoB;eACrB,SAAS;mIAsCpB,CAAC"}

package/lib/typescript/src/SmoothClipBackdropViewNativeComponent.d.ts

@@ -0,0 +1,8 @@
+import { type CodegenTypes, type HostComponent, type ViewProps } from 'react-native';
+export interface NativeProps extends ViewProps {
+    /** The controller (driver) whose `backdrop` channel translates this view. */
+    driverId: CodegenTypes.Double;
+}
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=SmoothClipBackdropViewNativeComponent.d.ts.map

package/lib/typescript/src/SmoothClipBackdropViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmoothClipBackdropViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipBackdropViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,6EAA6E;IAC7E,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC;CAC/B;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}

package/lib/typescript/src/SmoothClipView.android.d.ts

@@ -1,3 +1,3 @@
 export { SmoothClipView } from './SmoothClipView.ios.js';
-export type { SmoothClipViewProps } from './SmoothClipView.ios.js';
+export type { SmoothClipShadowRendering, SmoothClipViewProps, } from './SmoothClipView.ios.js';
 //# sourceMappingURL=SmoothClipView.android.d.ts.map

package/lib/typescript/src/SmoothClipView.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothClipView.android.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipView.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAsB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAsB,CAAC"}
+{"version":3,"file":"SmoothClipView.android.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipView.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAsB,CAAC;AACtD,YAAY,EACV,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,yBAAsB,CAAC"}

package/lib/typescript/src/SmoothClipView.d.ts

@@ -1,3 +1,3 @@
 export { renderSmoothClipView, sanitizeSmoothClipStyle, SmoothClipView, } from './SmoothClipView.ios.js';
-export type { SmoothClipViewProps } from './SmoothClipView.ios.js';
+export type { SmoothClipShadowRendering, SmoothClipViewProps, } from './SmoothClipView.ios.js';
 //# sourceMappingURL=SmoothClipView.d.ts.map

package/lib/typescript/src/SmoothClipView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothClipView.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipView.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,cAAc,GACf,MAAM,yBAAsB,CAAC;AAC9B,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAsB,CAAC"}
+{"version":3,"file":"SmoothClipView.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipView.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,cAAc,GACf,MAAM,yBAAsB,CAAC;AAC9B,YAAY,EACV,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,yBAAsB,CAAC"}

package/lib/typescript/src/SmoothClipView.ios.d.ts

@@ -2,13 +2,26 @@ import { type ComponentRef, type ForwardedRef, type ReactElement, type ReactNode
 import { type ViewProps } from 'react-native';
 import type { SmoothClipController } from './controllerTypes.js';
 import NativeSmoothClipView from './SmoothClipViewNativeComponent';
+/**
+ * How the host draws the presentation's `boxShadow`.
+ *
+ * - `'blur'` (default): a blurred path, rebuilt or animated on every frame the
+ *   aperture moves.
+ * - `'baked'`: one pre-blurred tile per corner-radius step, stretched by the
+ *   compositor, so an animated frame costs no blur. Needs uniform corner
+ *   radii (unequal radii fall back to the blur path); the tile corner rounds
+ *   up to the next 4 pt step, and a run that changes radius, blur or colour
+ *   swaps tiles in steps. Drawn under the aperture on both platforms.
+ */
+export type SmoothClipShadowRendering = 'blur' | 'baked';
 export type SmoothClipViewProps = ViewProps & {
     controller: SmoothClipController;
+    shadowRendering?: SmoothClipShadowRendering;
     children?: ReactNode;
 };
 /** Prevents React Native from installing a second, aperture-independent shadow. */
 export declare function sanitizeSmoothClipStyle(style: ViewProps['style']): ViewProps['style'];
-export declare function renderSmoothClipView({ controller, children, style, ...viewProps }: SmoothClipViewProps, forwardedRef: ForwardedRef<ComponentRef<typeof NativeSmoothClipView>>): ReactElement;
+export declare function renderSmoothClipView({ controller, children, style, shadowRendering, ...viewProps }: SmoothClipViewProps, forwardedRef: ForwardedRef<ComponentRef<typeof NativeSmoothClipView>>): ReactElement;
 export declare const SmoothClipView: import("react").ForwardRefExoticComponent<Readonly<Omit<Readonly<{
     onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
     onAccessibilityTap?: (() => unknown) | undefined;
@@ -139,6 +152,7 @@ export declare const SmoothClipView: import("react").ForwardRefExoticComponent<R
     experimental_accessibilityOrder?: Array<string> | undefined;
 }>, never>> & {
     controller: SmoothClipController;
+    shadowRendering?: SmoothClipShadowRendering;
     children?: ReactNode;
 } & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
 //# sourceMappingURL=SmoothClipView.ios.d.ts.map

package/lib/typescript/src/SmoothClipView.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothClipView.ios.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipView.ios.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAmB,CAAC;AAG9D,OAAO,oBAEN,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAC5C,UAAU,EAAE,oBAAoB,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAsDF,mFAAmF;AACnF,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GACxB,SAAS,CAAC,OAAO,CAAC,CAkCpB;AAED,wBAAgB,oBAAoB,CAClC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,EAClE,YAAY,EAAE,YAAY,CAAC,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC,GACpE,YAAY,CAwCd;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA5Ib,oBAAoB;eACrB,SAAS;mIAiJpB,CAAC"}
+{"version":3,"file":"SmoothClipView.ios.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipView.ios.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAmB,CAAC;AAG9D,OAAO,oBAEN,MAAM,iCAAiC,CAAC;AAEzC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,yBAAyB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAC5C,UAAU,EAAE,oBAAoB,CAAC;IACjC,eAAe,CAAC,EAAE,yBAAyB,CAAC;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAsDF,mFAAmF;AACnF,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GACxB,SAAS,CAAC,OAAO,CAAC,CAkCpB;AAED,wBAAgB,oBAAoB,CAClC,EACE,UAAU,EACV,QAAQ,EACR,KAAK,EACL,eAAe,EACf,GAAG,SAAS,EACb,EAAE,mBAAmB,EACtB,YAAY,EAAE,YAAY,CAAC,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC,GACpE,YAAY,CA2Cd;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAtJb,oBAAoB;sBACd,yBAAyB;eAChC,SAAS;mIA0JpB,CAAC"}

package/lib/typescript/src/SmoothClipViewNativeComponent.d.ts

@@ -24,6 +24,10 @@ export interface NativeProps extends ViewProps {
     initialClipBoxShadowOffsetY: CodegenTypes.Double;
     initialClipBoxShadowBlurRadius: CodegenTypes.Double;
     initialClipBoxShadowSpreadDistance: CodegenTypes.Double;
+    /** 0 = blur the shadow path each frame, 1 = stretch a baked tile. */
+    shadowRendering?: CodegenTypes.WithDefault<CodegenTypes.Int32, 0>;
+    initialBackdropTranslateX?: CodegenTypes.WithDefault<CodegenTypes.Double, 0>;
+    initialBackdropTranslateY?: CodegenTypes.WithDefault<CodegenTypes.Double, 0>;
 }
 interface NativeCommands {
     setClipPresentation: (viewRef: React.ElementRef<HostComponent<NativeProps>>, x: CodegenTypes.Double, y: CodegenTypes.Double, width: CodegenTypes.Double, height: CodegenTypes.Double, topLeftRadius: CodegenTypes.Double, topRightRadius: CodegenTypes.Double, bottomRightRadius: CodegenTypes.Double, bottomLeftRadius: CodegenTypes.Double, curveCode: CodegenTypes.Int32, contentTranslateX: CodegenTypes.Double, contentTranslateY: CodegenTypes.Double, contentScale: CodegenTypes.Double, shadowEnabled: boolean, shadowRed: CodegenTypes.Double, shadowGreen: CodegenTypes.Double, shadowBlue: CodegenTypes.Double, shadowAlpha: CodegenTypes.Double, shadowOffsetX: CodegenTypes.Double, shadowOffsetY: CodegenTypes.Double, shadowBlurRadius: CodegenTypes.Double, shadowSpreadDistance: CodegenTypes.Double, rotation: CodegenTypes.Double, opacity: CodegenTypes.Double) => void;

package/lib/typescript/src/SmoothClipViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothClipViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC;IAC9B,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC;IAClC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC;IAClC,gBAAgB,EAAE,YAAY,CAAC,MAAM,CAAC;IACtC,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC;IACvC,wBAAwB,EAAE,YAAY,CAAC,MAAM,CAAC;IAC9C,yBAAyB,EAAE,YAAY,CAAC,MAAM,CAAC;IAC/C,4BAA4B,EAAE,YAAY,CAAC,MAAM,CAAC;IAClD,2BAA2B,EAAE,YAAY,CAAC,MAAM,CAAC;IACjD,gBAAgB,EAAE,YAAY,CAAC,KAAK,CAAC;IACrC,wBAAwB,EAAE,YAAY,CAAC,MAAM,CAAC;IAC9C,wBAAwB,EAAE,YAAY,CAAC,MAAM,CAAC;IAC9C,mBAAmB,EAAE,YAAY,CAAC,MAAM,CAAC;IACzC,eAAe,EAAE,YAAY,CAAC,MAAM,CAAC;IACrC,cAAc,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAClE,2BAA2B,EAAE,OAAO,CAAC;IACrC,uBAAuB,EAAE,YAAY,CAAC,MAAM,CAAC;IAC7C,yBAAyB,EAAE,YAAY,CAAC,MAAM,CAAC;IAC/C,wBAAwB,EAAE,YAAY,CAAC,MAAM,CAAC;IAC9C,yBAAyB,EAAE,YAAY,CAAC,MAAM,CAAC;IAC/C,2BAA2B,EAAE,YAAY,CAAC,MAAM,CAAC;IACjD,2BAA2B,EAAE,YAAY,CAAC,MAAM,CAAC;IACjD,8BAA8B,EAAE,YAAY,CAAC,MAAM,CAAC;IACpD,kCAAkC,EAAE,YAAY,CAAC,MAAM,CAAC;CACzD;AAED,UAAU,cAAc;IACtB,mBAAmB,EAAE,CACnB,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EACrD,CAAC,EAAE,YAAY,CAAC,MAAM,EACtB,CAAC,EAAE,YAAY,CAAC,MAAM,EACtB,KAAK,EAAE,YAAY,CAAC,MAAM,EAC1B,MAAM,EAAE,YAAY,CAAC,MAAM,EAC3B,aAAa,EAAE,YAAY,CAAC,MAAM,EAClC,cAAc,EAAE,YAAY,CAAC,MAAM,EACnC,iBAAiB,EAAE,YAAY,CAAC,MAAM,EACtC,gBAAgB,EAAE,YAAY,CAAC,MAAM,EACrC,SAAS,EAAE,YAAY,CAAC,KAAK,EAC7B,iBAAiB,EAAE,YAAY,CAAC,MAAM,EACtC,iBAAiB,EAAE,YAAY,CAAC,MAAM,EACtC,YAAY,EAAE,YAAY,CAAC,MAAM,EACjC,aAAa,EAAE,OAAO,EACtB,SAAS,EAAE,YAAY,CAAC,MAAM,EAC9B,WAAW,EAAE,YAAY,CAAC,MAAM,EAChC,UAAU,EAAE,YAAY,CAAC,MAAM,EAC/B,WAAW,EAAE,YAAY,CAAC,MAAM,EAChC,aAAa,EAAE,YAAY,CAAC,MAAM,EAClC,aAAa,EAAE,YAAY,CAAC,MAAM,EAClC,gBAAgB,EAAE,YAAY,CAAC,MAAM,EACrC,oBAAoB,EAAE,YAAY,CAAC,MAAM,EACzC,QAAQ,EAAE,YAAY,CAAC,MAAM,EAC7B,OAAO,EAAE,YAAY,CAAC,MAAM,KACzB,IAAI,CAAC;CACX;AAED,eAAO,MAAM,QAAQ,EAAE,cAErB,CAAC;wBAIE,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}
+{"version":3,"file":"SmoothClipViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipViewNativeComponent.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/geometry.d.ts

@@ -44,6 +44,16 @@ export type CanonicalClipGeometry = Readonly<{
     bottomLeftRadius: number;
     curve: ClipCurve;
 }>;
+/**
+ * Translation, in host points, of every `SmoothClipBackdropView` bound to the
+ * clip's controller. It rides the same native run and `setFrame` stream as
+ * the aperture, so content that must stay locked to the window (a canvas
+ * centred in it) is sampled by the same clock as the clip.
+ */
+export type ClipBackdrop = Readonly<{
+    translateX: number;
+    translateY: number;
+}>;
 export type SmoothClipPresentation = Readonly<{
     clip: ClipGeometry;
     contentTranslateX: number;
@@ -55,6 +65,8 @@ export type SmoothClipPresentation = Readonly<{
     /** Opacity of the complete clipped object; defaults to 1. */
     opacity?: number;
     boxShadow?: ClipBoxShadow;
+    /** Defaults to no translation when omitted. */
+    backdrop?: ClipBackdrop;
 }>;
 export type CanonicalSmoothClipPresentation = Readonly<{
     clip: CanonicalClipGeometry;
@@ -64,6 +76,7 @@ export type CanonicalSmoothClipPresentation = Readonly<{
     rotation: `${number}rad`;
     opacity: number;
     boxShadow?: CanonicalClipBoxShadow;
+    backdrop: ClipBackdrop;
 }>;
 /** Numeric native angle. Invalid input remains NaN for atomic validation. */
 export declare function rotationRadians(rotation: ClipRotation | undefined): number;
@@ -75,6 +88,12 @@ export declare function clipPresentationEquals(first: SmoothClipPresentation | n
  * Expands presentation defaults and applies CSS proportional corner scaling.
  */
 export declare function canonicalizeClipGeometry(geometry: ClipGeometry): CanonicalClipGeometry | null;
+/**
+ * Validates and canonicalizes in one pass: this runs on the UI runtime for
+ * every `setFrame` of a drag, so the geometry is checked once, the shadow
+ * colour is parsed once and the rotation is parsed once. The result is null
+ * exactly when `isFiniteClipPresentation` is false.
+ */
 export declare function canonicalizeClipPresentation(presentation: SmoothClipPresentation): CanonicalSmoothClipPresentation | null;
 export declare function createClipPresentation(clip: ClipGeometry, contentTranslateX?: number, contentTranslateY?: number, contentScale?: number, boxShadow?: ClipBoxShadow): CanonicalSmoothClipPresentation;
 //# sourceMappingURL=geometry.d.ts.map

package/lib/typescript/src/geometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/geometry.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/geometry.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/groups.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"groups.native.d.ts","sourceRoot":"","sources":["../../../src/groups.native.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,eAAe,EAEf,sBAAsB,EAGvB,MAAM,iBAAc,CAAC;AAibtB,wBAAgB,kBAAkB,CAChC,OAAO,GAAE,sBAA2B,GACnC,eAAe,CAiJjB"}
+{"version":3,"file":"groups.native.d.ts","sourceRoot":"","sources":["../../../src/groups.native.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,eAAe,EAEf,sBAAsB,EAGvB,MAAM,iBAAc,CAAC;AAwbtB,wBAAgB,kBAAkB,CAChC,OAAO,GAAE,sBAA2B,GACnC,eAAe,CAiJjB"}

package/lib/typescript/src/index.d.ts

@@ -1,5 +1,7 @@
 export { SmoothClipView } from './SmoothClipView';
-export type { SmoothClipViewProps } from './SmoothClipView';
+export type { SmoothClipShadowRendering, SmoothClipViewProps, } from './SmoothClipView';
+export { SmoothClipBackdropView } from './SmoothClipBackdropView.js';
+export type { SmoothClipBackdropViewProps } from './SmoothClipBackdropView.js';
 export { useSmoothClipController } from './controllers';
 export { useSmoothClipGroup } from './groups';
 export { getSmoothClipCapabilities } from './capabilities';
@@ -8,5 +10,5 @@ export type { ClipReduceMotion, SpringClipAnimation, TimingClipAnimation, Smooth
 export type { SmoothClipGroup, SmoothClipGroupFrame, SmoothClipGroupOptions, SmoothClipGroupSnapshot, SmoothClipGroupTarget, } from './groupTypes.js';
 export { ClipEasings } from './easings.js';
 export { canonicalizeClipGeometry, canonicalizeClipPresentation, createClipPresentation, } from './geometry.js';
-export type { CanonicalClipGeometry, CanonicalClipBoxShadow, CanonicalSmoothClipPresentation, ClipCurve, ClipRotation, ClipGeometry, ClipBoxShadow, SmoothClipPresentation, } from './geometry.js';
+export type { CanonicalClipGeometry, CanonicalClipBoxShadow, CanonicalSmoothClipPresentation, ClipBackdrop, ClipCurve, ClipRotation, ClipGeometry, ClipBoxShadow, SmoothClipPresentation, } from './geometry.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAmB,CAAC;AAChE,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,2BAA2B,EAC3B,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,mBAAmB,GACpB,MAAM,sBAAmB,CAAC;AAC3B,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,iBAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,cAAW,CAAC;AACxC,OAAO,EACL,wBAAwB,EACxB,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,eAAY,CAAC;AACpB,YAAY,EACV,qBAAqB,EACrB,sBAAsB,EACtB,+BAA+B,EAC/B,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,sBAAsB,GACvB,MAAM,eAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,6BAA0B,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAmB,CAAC;AAChE,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,2BAA2B,EAC3B,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,mBAAmB,GACpB,MAAM,sBAAmB,CAAC;AAC3B,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,iBAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,cAAW,CAAC;AACxC,OAAO,EACL,wBAAwB,EACxB,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,eAAY,CAAC;AACpB,YAAY,EACV,qBAAqB,EACrB,sBAAsB,EACtB,+BAA+B,EAC/B,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,sBAAsB,GACvB,MAAM,eAAY,CAAC"}

package/lib/typescript/src/presentationCodec.d.ts

@@ -3,7 +3,7 @@ import type { CanonicalSmoothClipPresentation } from './geometry.js';
  * Versionless native packet layout. Keep this as the single JS codec used by
  * drivers, groups, snapshots, and cancellation.
  */
-export declare const PRESENTATION_STRIDE = 23;
+export declare const PRESENTATION_STRIDE = 25;
 export declare function appendPresentationPacket(values: number[], presentation: CanonicalSmoothClipPresentation): void;
 export declare function presentationPacket(presentation: CanonicalSmoothClipPresentation): number[];
 export declare function presentationFromPacket(values: readonly number[], offset?: number): CanonicalSmoothClipPresentation | null;

package/lib/typescript/src/presentationCodec.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"presentationCodec.d.ts","sourceRoot":"","sources":["../../../src/presentationCodec.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,eAAY,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,MAAM,EAAE,EAChB,YAAY,EAAE,+BAA+B,GAC5C,IAAI,CAmCN;AAED,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,+BAA+B,GAC5C,MAAM,EAAE,CAKV;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,MAAM,SAAI,GACT,+BAA+B,GAAG,IAAI,CA8ExC"}
+{"version":3,"file":"presentationCodec.d.ts","sourceRoot":"","sources":["../../../src/presentationCodec.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,eAAY,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,MAAM,EAAE,EAChB,YAAY,EAAE,+BAA+B,GAC5C,IAAI,CAqCN;AAED,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,+BAA+B,GAC5C,MAAM,EAAE,CAKV;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,MAAM,SAAI,GACT,+BAA+B,GAAG,IAAI,CAkFxC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-smooth-clip-view",
-  "version": "0.4.6",
+  "version": "0.5.0",
   "description": "Layout-free animated rounded clipping for React Native Fabric",
   "main": "./lib/module/index.js",
   "module": "./lib/module/index.js",
@@ -141,6 +141,9 @@
       "components": {
         "SmoothClipView": {
           "className": "SmoothClipView"
+        },
+        "SmoothClipBackdropView": {
+          "className": "SmoothClipBackdropView"
         }
       },
       "modulesProvider": {

package/src/SmoothClipBackdropView.tsx

@@ -0,0 +1,53 @@
+import {
+  forwardRef,
+  type ComponentRef,
+  type ForwardedRef,
+  type ReactElement,
+  type ReactNode,
+} from 'react';
+import type { ViewProps } from 'react-native';
+import type { SmoothClipController } from './controllerTypes';
+import { getControllerRef, unwrapSmoothClipRef } from './controllerInternals';
+import NativeSmoothClipBackdropView from './SmoothClipBackdropViewNativeComponent';
+
+export type SmoothClipBackdropViewProps = ViewProps & {
+  controller: SmoothClipController;
+  children?: ReactNode;
+};
+
+export function renderSmoothClipBackdropView(
+  { controller, children, ...viewProps }: SmoothClipBackdropViewProps,
+  forwardedRef: ForwardedRef<ComponentRef<typeof NativeSmoothClipBackdropView>>
+): ReactElement {
+  const { ref } = getControllerRef(controller);
+  const driverId = unwrapSmoothClipRef(ref)?.id ?? 0;
+  return (
+    <NativeSmoothClipBackdropView
+      ref={forwardedRef}
+      {...viewProps}
+      driverId={driverId}
+    >
+      {children}
+    </NativeSmoothClipBackdropView>
+  );
+}
+
+/**
+ * A view translated by its controller's `backdrop` channel: every `setFrame`
+ * and native run that moves the clip moves this view's content by the
+ * presentation's `backdrop.translateX/Y` in the same native frame, with the
+ * same clock and epoch as the aperture. Content that must stay locked to the
+ * window (a canvas centred in it) belongs here rather than on a Reanimated
+ * mapper, which can land a frame later than the clip.
+ *
+ * Any number of backdrop views may bind to one controller, anywhere in the
+ * tree. One that mounts while a run is in flight adopts the driver's current
+ * value and follows from the next run. The channel owns the content's
+ * transform: do not put a `transform` style on this view.
+ */
+export const SmoothClipBackdropView = forwardRef<
+  ComponentRef<typeof NativeSmoothClipBackdropView>,
+  SmoothClipBackdropViewProps
+>(function SmoothClipBackdropViewComponent(props, forwardedRef) {
+  return renderSmoothClipBackdropView(props, forwardedRef);
+});

package/src/SmoothClipBackdropViewNativeComponent.ts

@@ -0,0 +1,15 @@
+import {
+  codegenNativeComponent,
+  type CodegenTypes,
+  type HostComponent,
+  type ViewProps,
+} from 'react-native';
+
+export interface NativeProps extends ViewProps {
+  /** The controller (driver) whose `backdrop` channel translates this view. */
+  driverId: CodegenTypes.Double;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  'SmoothClipBackdropView'
+) as HostComponent<NativeProps>;

package/src/SmoothClipView.android.tsx

@@ -1,2 +1,5 @@
 export { SmoothClipView } from './SmoothClipView.ios';
-export type { SmoothClipViewProps } from './SmoothClipView.ios';
+export type {
+  SmoothClipShadowRendering,
+  SmoothClipViewProps,
+} from './SmoothClipView.ios';

package/src/SmoothClipView.ios.tsx

@@ -15,8 +15,22 @@ import NativeSmoothClipView, {
   type NativeProps,
 } from './SmoothClipViewNativeComponent';
 
+/**
+ * How the host draws the presentation's `boxShadow`.
+ *
+ * - `'blur'` (default): a blurred path, rebuilt or animated on every frame the
+ *   aperture moves.
+ * - `'baked'`: one pre-blurred tile per corner-radius step, stretched by the
+ *   compositor, so an animated frame costs no blur. Needs uniform corner
+ *   radii (unequal radii fall back to the blur path); the tile corner rounds
+ *   up to the next 4 pt step, and a run that changes radius, blur or colour
+ *   swaps tiles in steps. Drawn under the aperture on both platforms.
+ */
+export type SmoothClipShadowRendering = 'blur' | 'baked';
+
 export type SmoothClipViewProps = ViewProps & {
   controller: SmoothClipController;
+  shadowRendering?: SmoothClipShadowRendering;
   children?: ReactNode;
 };
 
@@ -112,7 +126,13 @@ export function sanitizeSmoothClipStyle(
 }
 
 export function renderSmoothClipView(
-  { controller, children, style, ...viewProps }: SmoothClipViewProps,
+  {
+    controller,
+    children,
+    style,
+    shadowRendering,
+    ...viewProps
+  }: SmoothClipViewProps,
   forwardedRef: ForwardedRef<ComponentRef<typeof NativeSmoothClipView>>
 ): ReactElement {
   const { ref, initialFrame: canonical } = getControllerRef(controller);
@@ -147,6 +167,9 @@ export function renderSmoothClipView(
     initialClipBoxShadowOffsetY: shadow?.offsetY ?? 0,
     initialClipBoxShadowBlurRadius: shadow?.blurRadius ?? 0,
     initialClipBoxShadowSpreadDistance: shadow?.spreadDistance ?? 0,
+    shadowRendering: shadowRendering === 'baked' ? 1 : 0,
+    initialBackdropTranslateX: canonical.backdrop.translateX,
+    initialBackdropTranslateY: canonical.backdrop.translateY,
   };
 
   return (

package/src/SmoothClipView.tsx

@@ -3,4 +3,7 @@ export {
   sanitizeSmoothClipStyle,
   SmoothClipView,
 } from './SmoothClipView.ios';
-export type { SmoothClipViewProps } from './SmoothClipView.ios';
+export type {
+  SmoothClipShadowRendering,
+  SmoothClipViewProps,
+} from './SmoothClipView.ios';

package/src/SmoothClipViewNativeComponent.ts

@@ -31,6 +31,10 @@ export interface NativeProps extends ViewProps {
   initialClipBoxShadowOffsetY: CodegenTypes.Double;
   initialClipBoxShadowBlurRadius: CodegenTypes.Double;
   initialClipBoxShadowSpreadDistance: CodegenTypes.Double;
+  /** 0 = blur the shadow path each frame, 1 = stretch a baked tile. */
+  shadowRendering?: CodegenTypes.WithDefault<CodegenTypes.Int32, 0>;
+  initialBackdropTranslateX?: CodegenTypes.WithDefault<CodegenTypes.Double, 0>;
+  initialBackdropTranslateY?: CodegenTypes.WithDefault<CodegenTypes.Double, 0>;
 }
 
 interface NativeCommands {