@cdx-ui/components 0.0.1-beta.112 → 0.0.1-beta.113

package/lib/module/components/Dialog/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","TRANSITION_COLORS","dialogOverlayVariants","dialogPopupVariants","select","web","default","variants","size","xs","sm","md","lg","xl","full","defaultVariants","dialogHeaderVariants","dialogTitleVariants","appearance","danger","warning","success","dialogTitleIconVariants","dialogDescriptionVariants","dialogContentVariants","fullBleed","true","false","dialogTextVariants","dialogFooterVariants","dialogCloseVariants","join","dialogCloseIconVariants"],"sourceRoot":"../../../../src","sources":["components/Dialog/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,iBAAiB,QAAQ,wBAAwB;;AAE1D;;AAEA,OAAO,MAAMC,qBAAqB,GAAGF,GAAG,CAAC,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAAC;;AAErF;;AAEA,OAAO,MAAMG,mBAAmB,GAAGH,GAAG,CACpC,CACE,oBAAoB,EACpB,YAAY,EACZD,QAAQ,CAACK,MAAM,CAAC;EAAEC,GAAG,EAAE,WAAW;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,EAClD,8BAA8B,CAC/B,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMQ,oBAAoB,GAAGhB,GAAG,CAAC,CACtC,+CAA+C,EAC/C,iBAAiB,CAClB,CAAC;;AAEF;;AAEA,OAAO,MAAMiB,mBAAmB,GAAGjB,GAAG,CAAC,CAAC,YAAY,EAAE,sBAAsB,CAAC,EAAE;EAC7EO,QAAQ,EAAE;IACRW,UAAU,EAAE;MACVZ,OAAO,EAAE,EAAE;MACXa,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE;IACX;EACF,CAAC;EACDN,eAAe,EAAE;IACfG,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMI,uBAAuB,GAAGtB,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE;EACrDO,QAAQ,EAAE;IACRW,UAAU,EAAE;MACVZ,OAAO,EAAE,EAAE;MACXa,MAAM,EAAE,qBAAqB;MAC7BC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDN,eAAe,EAAE;IACfG,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMK,yBAAyB,GAAGvB,GAAG,CAAC,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC;;AAExF;;AAEA,OAAO,MAAMwB,qBAAqB,GAAGxB,GAAG,CAAC,CAAC,gCAAgC,CAAC,EAAE;EAC3EO,QAAQ,EAAE;IACRkB,SAAS,EAAE;MACTC,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT;EACF,CAAC;EACDZ,eAAe,EAAE;IACfU,SAAS,EAAE;EACb;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMG,kBAAkB,GAAG5B,GAAG,CAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;;AAE1E;;AAEA,OAAO,MAAM6B,oBAAoB,GAAG7B,GAAG,CAAC,CACtC,4CAA4C,EAC5C,sBAAsB,CACvB,CAAC;;AAEF;;AAEA,OAAO,MAAM8B,mBAAmB,GAAG9B,GAAG,CAAC,CACrC,kCAAkC,EAClC,uDAAuD,EACvD,sBAAsB,EACtBC,iBAAiB,EACjBF,QAAQ,CAACK,MAAM,CAAC;EACdE,OAAO,EAAE,+BAA+B;EACxCD,GAAG,EAAE,CACH,4CAA4C,EAC5C,8CAA8C,EAC9C,sHAAsH,CACvH,CAAC0B,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;;AAEF;;AAEA,OAAO,MAAMC,uBAAuB,GAAGhC,GAAG,CAAC,CAAC,8BAA8B,CAAC,CAAC;;AAE5E","ignoreList":[]}
+{"version":3,"names":["Platform","cva","TRANSITION_COLORS","dialogPortalVariants","dialogOverlayVariants","dialogPopupVariants","select","web","default","variants","size","xs","sm","md","lg","xl","full","defaultVariants","dialogHeaderVariants","dialogTitleVariants","appearance","danger","warning","success","dialogTitleIconVariants","dialogDescriptionVariants","dialogContentVariants","fullBleed","true","false","dialogTextVariants","dialogFooterVariants","dialogCloseVariants","join","dialogCloseIconVariants"],"sourceRoot":"../../../../src","sources":["components/Dialog/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/animation/hooks/index.d.ts

@@ -1,2 +1,5 @@
 export * from './useCombinedAnimationDisabledState';
+export * from './usePopupRootAnimation';
+export * from './usePopupOverlayAnimation';
+export * from './usePopupDialogContentAnimation';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/animation/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/animation/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/animation/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC"}

package/lib/typescript/animation/hooks/usePopupDialogContentAnimation.d.ts

@@ -0,0 +1,47 @@
+import { type SharedValue } from 'react-native-reanimated';
+import type { PopupDialogContentAnimation } from '../types';
+export interface UsePopupDialogContentAnimationOptions {
+    isOpen: boolean;
+    progress: SharedValue<number>;
+    isDragging: SharedValue<boolean>;
+    isGestureReleaseAnimationRunning: SharedValue<boolean>;
+    onOpenChange: (open: boolean) => void;
+    animation?: PopupDialogContentAnimation;
+    /** @default true */
+    isSwipeable?: boolean;
+}
+/**
+ * Animation hook for popup dialog content (panel).
+ * Handles enter/exit Keyframes, swipe-to-dismiss gesture, and drag-driven
+ * translateY + scale via a shared `progress` value.
+ *
+ * On web, entering/exiting are undefined (CSS transitions drive the visuals)
+ * and the gesture is disabled.
+ */
+export declare function usePopupDialogContentAnimation({ isOpen, progress, isDragging, isGestureReleaseAnimationRunning, onOpenChange, animation, isSwipeable, }: UsePopupDialogContentAnimationOptions): {
+    contentY: SharedValue<number>;
+    contentHeight: SharedValue<number>;
+    panGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
+    rDragContainerStyle: {
+        opacity: number;
+        transform: ({
+            translateY: number;
+            scale?: undefined;
+        } | {
+            scale: number;
+            translateY?: undefined;
+        })[];
+    } | {
+        transform: ({
+            translateY: number;
+            scale?: undefined;
+        } | {
+            scale: number;
+            translateY?: undefined;
+        })[];
+        opacity?: undefined;
+    };
+    entering: import("react-native-reanimated").BaseAnimationBuilder | ((targetValues: import("react-native-reanimated").EntryAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | ((targetValues: import("react-native-reanimated").ExitAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | import("react-native-reanimated").ReanimatedKeyframe | undefined;
+    exiting: import("react-native-reanimated").BaseAnimationBuilder | ((targetValues: import("react-native-reanimated").EntryAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | ((targetValues: import("react-native-reanimated").ExitAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | import("react-native-reanimated").ReanimatedKeyframe | undefined;
+};
+//# sourceMappingURL=usePopupDialogContentAnimation.d.ts.map

package/lib/typescript/animation/hooks/usePopupDialogContentAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopupDialogContentAnimation.d.ts","sourceRoot":"","sources":["../../../../src/animation/hooks/usePopupDialogContentAnimation.ts"],"names":[],"mappings":"AAGA,OAAO,EAUL,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAK5D,MAAM,WAAW,qCAAqC;IACpD,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,gCAAgC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACvD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC,oBAAoB;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA0BD;;;;;;;GAOG;AACH,wBAAgB,8BAA8B,CAAC,EAC7C,MAAM,EACN,QAAQ,EACR,UAAU,EACV,gCAAgC,EAChC,YAAY,EACZ,SAAS,EACT,WAAkB,GACnB,EAAE,qCAAqC;;;;;;;;;;;;;;;;;;;;;;;;;EAsLvC"}

package/lib/typescript/animation/hooks/usePopupOverlayAnimation.d.ts

@@ -0,0 +1,29 @@
+import type { SharedValue } from 'react-native-reanimated';
+import type { PopupOverlayAnimation } from '../types';
+export interface UsePopupOverlayAnimationOptions {
+    /** Animation progress shared value (0=idle, 1=open, 2=close) */
+    progress?: SharedValue<number>;
+    /** Dragging state shared value */
+    isDragging?: SharedValue<boolean>;
+    /** Gesture release animation running state (for components with swipe gestures) */
+    isGestureReleaseAnimationRunning?: SharedValue<boolean>;
+    /** Animation configuration for overlay */
+    animation?: PopupOverlayAnimation;
+}
+/**
+ * Animation hook for popup overlay (backdrop) components.
+ * Shared by Dialog, Select, BottomSheet, Popover, etc.
+ *
+ * Returns progress-based opacity style and entering/exiting layout animations.
+ * On web, entering/exiting are undefined (CSS transitions drive the visuals).
+ */
+export declare function usePopupOverlayAnimation(options: UsePopupOverlayAnimationOptions): {
+    rContainerStyle: {
+        opacity?: undefined;
+    } | {
+        opacity: number;
+    };
+    entering: import("react-native-reanimated").BaseAnimationBuilder | ((targetValues: import("react-native-reanimated").EntryAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | ((targetValues: import("react-native-reanimated").ExitAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | import("react-native-reanimated").ReanimatedKeyframe | undefined;
+    exiting: import("react-native-reanimated").BaseAnimationBuilder | ((targetValues: import("react-native-reanimated").EntryAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | ((targetValues: import("react-native-reanimated").ExitAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | import("react-native-reanimated").ReanimatedKeyframe | undefined;
+};
+//# sourceMappingURL=usePopupOverlayAnimation.d.ts.map

package/lib/typescript/animation/hooks/usePopupOverlayAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopupOverlayAnimation.d.ts","sourceRoot":"","sources":["../../../../src/animation/hooks/usePopupOverlayAnimation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAStD,MAAM,WAAW,+BAA+B;IAC9C,gEAAgE;IAChE,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,kCAAkC;IAClC,UAAU,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAClC,mFAAmF;IACnF,gCAAgC,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACxD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,+BAA+B;;;;;;;;EAoDhF"}

package/lib/typescript/animation/hooks/usePopupRootAnimation.d.ts

@@ -0,0 +1,16 @@
+import type { AnimationRootDisableAll } from '../types';
+export interface UsePopupRootAnimationOptions {
+    animation?: AnimationRootDisableAll;
+}
+/**
+ * Root animation hook for popup-like components (Dialog, Select, BottomSheet, Popover, etc.)
+ * Manages component state transitions and animation coordination via a shared
+ * `progress` value: 0 = idle/closed, 1 = fully open, 2 = dismissed.
+ */
+export declare function usePopupRootAnimation(options: UsePopupRootAnimationOptions): {
+    isAllAnimationsDisabled: boolean;
+    progress: import("react-native-reanimated").SharedValue<number>;
+    isDragging: import("react-native-reanimated").SharedValue<boolean>;
+    isGestureReleaseAnimationRunning: import("react-native-reanimated").SharedValue<boolean>;
+};
+//# sourceMappingURL=usePopupRootAnimation.d.ts.map

package/lib/typescript/animation/hooks/usePopupRootAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopupRootAnimation.d.ts","sourceRoot":"","sources":["../../../../src/animation/hooks/usePopupRootAnimation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGxD,MAAM,WAAW,4BAA4B;IAC3C,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,4BAA4B;;;;;EAa1E"}

package/lib/typescript/components/AlertDialog/index.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
 import { View } from 'react-native';
 import { type ButtonProps } from '../Button';
-import { Dialog, type DialogRootProps } from '../Dialog';
+import { Dialog, type DialogRootProps, type DialogPopupProps } from '../Dialog';
 export interface AlertDialogRootProps extends DialogRootProps {
 }
 declare const AlertDialogRoot: React.ForwardRefExoticComponent<AlertDialogRootProps & React.RefAttributes<View>>;
+export interface AlertDialogPopupProps extends DialogPopupProps {
+}
+declare const AlertDialogPopup: React.ForwardRefExoticComponent<AlertDialogPopupProps & React.RefAttributes<View>>;
 export interface AlertDialogActionProps extends Omit<ButtonProps, 'variant'> {
     readonly asChild?: boolean;
 }
@@ -15,7 +18,7 @@ export interface AlertDialogCancelProps extends Omit<ButtonProps, 'variant'> {
 declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<View>>;
 type AlertDialogCompoundComponent = typeof AlertDialogRoot & {
     Trigger: typeof Dialog.Trigger;
-    Popup: typeof Dialog.Popup;
+    Popup: typeof AlertDialogPopup;
     Header: typeof Dialog.Header;
     Title: typeof Dialog.Title;
     Description: typeof Dialog.Description;

package/lib/typescript/components/AlertDialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAMzD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;CAAG;AAEhE,QAAA,MAAM,eAAe,mFAqBpB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,qFAgBtB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,qFAmBtB,CAAC;AAOF,KAAK,4BAA4B,GAAG,OAAO,eAAe,GAAG;IAC3D,OAAO,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IAC/B,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC3B,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC3B,WAAW,EAAE,OAAO,MAAM,CAAC,WAAW,CAAC;IACvC,OAAO,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IAC/B,IAAI,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC3B,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,MAAM,EAAE,OAAO,iBAAiB,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,WAAW,EAYlB,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAMhF,MAAM,WAAW,oBAAqB,SAAQ,eAAe;CAAG;AAEhE,QAAA,MAAM,eAAe,mFAqBpB,CAAC;AAOF,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;CAAG;AAElE,QAAA,MAAM,gBAAgB,oFAIrB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,qFAgBtB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,qFAmBtB,CAAC;AAOF,KAAK,4BAA4B,GAAG,OAAO,eAAe,GAAG;IAC3D,OAAO,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IAC/B,KAAK,EAAE,OAAO,gBAAgB,CAAC;IAC/B,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC3B,WAAW,EAAE,OAAO,MAAM,CAAC,WAAW,CAAC;IACvC,OAAO,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IAC/B,IAAI,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC3B,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,MAAM,EAAE,OAAO,iBAAiB,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,WAAW,EAYlB,4BAA4B,CAAC"}

package/lib/typescript/components/Dialog/animation.d.ts

@@ -0,0 +1,11 @@
+import type { SharedValue } from 'react-native-reanimated';
+export interface DialogAnimationContextValue {
+    progress: SharedValue<number>;
+    isDragging: SharedValue<boolean>;
+    isGestureReleaseAnimationRunning: SharedValue<boolean>;
+}
+export declare const DialogAnimationProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: DialogAnimationContextValue;
+}>, useDialogAnimation: () => DialogAnimationContextValue;
+//# sourceMappingURL=animation.d.ts.map

package/lib/typescript/components/Dialog/animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,gCAAgC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACxD;AAED,eAAO,MAAO,uBAAuB;;;IAAE,kBAAkB,mCAGrD,CAAC"}

package/lib/typescript/components/Dialog/index.d.ts

@@ -1,10 +1,12 @@
 import { type ReactNode } from 'react';
 import { Text, View, type TextProps, type ViewProps } from 'react-native';
-import { type IDialogCloseProps, type IDialogPopupProps, type IDialogRootProps, type IDialogTriggerProps } from '@cdx-ui/primitives';
+import { type IDialogCloseProps, type IDialogContentProps, type IDialogRootProps, type IDialogTriggerProps } from '@cdx-ui/primitives';
+import { type AnimationRootDisableAll } from '../../animation';
 import { type DialogTitleVariantProps, type DialogVariantProps } from './styles';
 export { useDialog } from '@cdx-ui/primitives';
 export interface DialogRootProps extends Omit<ViewProps, 'children' | 'role'>, IDialogRootProps, DialogVariantProps {
     className?: string;
+    animation?: AnimationRootDisableAll;
 }
 declare const DialogRoot: import("react").ForwardRefExoticComponent<DialogRootProps & import("react").RefAttributes<View>>;
 export interface DialogTriggerProps extends IDialogTriggerProps {
@@ -12,9 +14,11 @@ export interface DialogTriggerProps extends IDialogTriggerProps {
     children?: ReactNode;
 }
 declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogTriggerProps & import("react").RefAttributes<View>>;
-export interface DialogPopupProps extends IDialogPopupProps, Pick<DialogVariantProps, 'size'> {
+export interface DialogPopupProps extends Omit<IDialogContentProps, 'asChild'>, Pick<DialogVariantProps, 'size'> {
     className?: string;
     children?: ReactNode;
+    disableFullWindowOverlay?: boolean;
+    isSwipeable?: boolean;
 }
 declare const DialogPopup: import("react").ForwardRefExoticComponent<DialogPopupProps & import("react").RefAttributes<View>>;
 export interface DialogHeaderProps extends ViewProps {

package/lib/typescript/components/Dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EASL,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EAYxB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAc/C,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,CAAC,EAAE,gBAAgB,EAAE,kBAAkB;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,kGAsBf,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAYlB,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB,EAAE,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGAoBhB,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,oGAiBjB,CAAC;AAcF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,uBAAuB;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGAgChB,CAAC;AAQF,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,yGAmBtB,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAqBlB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAiBf,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,oGAiBjB,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGAmBhB,CAAC;AAQF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,WAAW,EAAE,OAAO,iBAAiB,CAAC;IACtC,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAUb,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/components/Dialog/styles.d.ts

@@ -1,4 +1,5 @@
 import { type VariantProps } from 'class-variance-authority';
+export declare const dialogPortalVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const dialogOverlayVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const dialogPopupVariants: (props?: ({
     size?: "full" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;

package/lib/typescript/components/Dialog/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,qBAAqB,oFAAmD,CAAC;AAItF,eAAO,MAAM,mBAAmB;;8EAsB/B,CAAC;AAIF,eAAO,MAAM,oBAAoB,oFAG/B,CAAC;AAIH,eAAO,MAAM,mBAAmB;;8EAY9B,CAAC;AAIH,eAAO,MAAM,uBAAuB;;8EAYlC,CAAC;AAIH,eAAO,MAAM,yBAAyB,oFAAkD,CAAC;AAIzF,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAIH,eAAO,MAAM,kBAAkB,oFAA2C,CAAC;AAI3E,eAAO,MAAM,oBAAoB,oFAG/B,CAAC;AAIH,eAAO,MAAM,mBAAmB,oFAa9B,CAAC;AAIH,eAAO,MAAM,uBAAuB,oFAAwC,CAAC;AAI7E,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,oBAAoB,oFAI/B,CAAC;AAIH,eAAO,MAAM,qBAAqB,oFAQhC,CAAC;AAIH,eAAO,MAAM,mBAAmB;;8EA2B/B,CAAC;AAIF,eAAO,MAAM,oBAAoB,oFAG/B,CAAC;AAIH,eAAO,MAAM,mBAAmB;;8EAY9B,CAAC;AAIH,eAAO,MAAM,uBAAuB;;8EAYlC,CAAC;AAIH,eAAO,MAAM,yBAAyB,oFAAkD,CAAC;AAIzF,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAIH,eAAO,MAAM,kBAAkB,oFAA2C,CAAC;AAI3E,eAAO,MAAM,oBAAoB,oFAG/B,CAAC;AAIH,eAAO,MAAM,mBAAmB,oFAa9B,CAAC;AAIH,eAAO,MAAM,uBAAuB,oFAAwC,CAAC;AAI7E,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-beta.112",
+  "version": "0.0.1-beta.113",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -45,9 +45,11 @@
     "@shopify/flash-list": ">=2.0.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-native": ">=0.76.0",
+    "react-native-gesture-handler": ">=2.0.0",
     "react-native-reanimated": ">=4.0.0",
     "react-native-safe-area-context": ">=4.0.0",
-    "react-native-web": ">=0.19.0"
+    "react-native-web": ">=0.19.0",
+    "react-native-worklets": ">=0.4.0"
   },
   "peerDependenciesMeta": {
     "@shopify/flash-list": {
@@ -56,11 +58,17 @@
     "react-native": {
       "optional": true
     },
+    "react-native-gesture-handler": {
+      "optional": true
+    },
     "react-native-reanimated": {
       "optional": true
     },
     "react-native-web": {
       "optional": true
+    },
+    "react-native-worklets": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -68,9 +76,9 @@
     "class-variance-authority": "^0.7.1",
     "react-native-reanimated-carousel": "5.0.0-beta.5",
     "uniwind": "1.10.0",
-    "@cdx-ui/utils": "0.0.1-beta.112",
-    "@cdx-ui/icons": "0.0.1-beta.112",
-    "@cdx-ui/primitives": "0.0.1-beta.112"
+    "@cdx-ui/utils": "0.0.1-beta.113",
+    "@cdx-ui/primitives": "0.0.1-beta.113",
+    "@cdx-ui/icons": "0.0.1-beta.113"
   },
   "devDependencies": {
     "@react-navigation/bottom-tabs": "*",

package/src/animation/hooks/index.ts

@@ -1 +1,4 @@
 export * from './useCombinedAnimationDisabledState';
+export * from './usePopupRootAnimation';
+export * from './usePopupOverlayAnimation';
+export * from './usePopupDialogContentAnimation';

package/src/animation/hooks/usePopupDialogContentAnimation.ts

@@ -0,0 +1,256 @@
+import { useEffect, useMemo } from 'react';
+import { Keyboard, Platform, useWindowDimensions } from 'react-native';
+import { Gesture } from 'react-native-gesture-handler';
+import {
+  Easing,
+  Extrapolation,
+  interpolate,
+  Keyframe,
+  useAnimatedStyle,
+  useDerivedValue,
+  useSharedValue,
+  withSpring,
+  type EntryOrExitLayoutType,
+  type SharedValue,
+} from 'react-native-reanimated';
+import { scheduleOnRN } from 'react-native-worklets';
+import { useAnimationSettings } from '../../providers/animation-settings';
+import type { PopupDialogContentAnimation } from '../types';
+import { getAnimationState, getIsAnimationDisabledValue } from '../utils';
+
+const IS_WEB = Platform.OS === 'web';
+
+export interface UsePopupDialogContentAnimationOptions {
+  isOpen: boolean;
+  progress: SharedValue<number>;
+  isDragging: SharedValue<boolean>;
+  isGestureReleaseAnimationRunning: SharedValue<boolean>;
+  onOpenChange: (open: boolean) => void;
+  animation?: PopupDialogContentAnimation;
+  /** @default true */
+  isSwipeable?: boolean;
+}
+
+const DEFAULT_ENTERING_ANIMATION: EntryOrExitLayoutType = new Keyframe({
+  0: {
+    transform: [{ scale: 0.96 }],
+    opacity: 0,
+  },
+  100: {
+    transform: [{ scale: 1 }],
+    opacity: 1,
+    easing: Easing.out(Easing.ease),
+  },
+}).duration(200);
+
+const DEFAULT_EXITING_ANIMATION: EntryOrExitLayoutType = new Keyframe({
+  0: {
+    transform: [{ scale: 1 }],
+    opacity: 1,
+  },
+  100: {
+    transform: [{ scale: 0.96 }],
+    opacity: 0,
+    easing: Easing.in(Easing.ease),
+  },
+}).duration(150);
+
+/**
+ * Animation hook for popup dialog content (panel).
+ * Handles enter/exit Keyframes, swipe-to-dismiss gesture, and drag-driven
+ * translateY + scale via a shared `progress` value.
+ *
+ * On web, entering/exiting are undefined (CSS transitions drive the visuals)
+ * and the gesture is disabled.
+ */
+export function usePopupDialogContentAnimation({
+  isOpen,
+  progress,
+  isDragging,
+  isGestureReleaseAnimationRunning,
+  onOpenChange,
+  animation,
+  isSwipeable = true,
+}: UsePopupDialogContentAnimationOptions) {
+  const { height: screenHeight } = useWindowDimensions();
+
+  const animationSettingsContext = useAnimationSettings();
+  const isAllAnimationsDisabled = animationSettingsContext?.isAllAnimationsDisabled;
+
+  const { animationConfig, isAnimationDisabled } = getAnimationState(animation);
+
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled,
+  });
+
+  const enteringValue = animationConfig?.entering ?? DEFAULT_ENTERING_ANIMATION;
+  const exitingValue = animationConfig?.exiting ?? DEFAULT_EXITING_ANIMATION;
+
+  const contentY = useSharedValue(0);
+  const contentHeight = useSharedValue(0);
+  const progressAnchor = useSharedValue(1);
+  const contentTranslateYAnchor = useSharedValue(0);
+  const contentScaleAnchor = useSharedValue(1);
+  const gestureTranslationY = useSharedValue(0);
+
+  useEffect(() => {
+    if (isOpen) {
+      progress.set(1);
+    }
+  }, [isOpen, progress]);
+
+  const dismissKeyboard = () => {
+    Keyboard.dismiss();
+  };
+
+  const contentTranslateY = useDerivedValue(() => {
+    const maxDragDistance = screenHeight - contentY.get();
+
+    if (progress.get() >= 1) {
+      return interpolate(progress.get(), [1, 2], [0, maxDragDistance], Extrapolation.CLAMP);
+    }
+
+    const absoluteGestureTranslationY = Math.abs(gestureTranslationY.get());
+
+    return interpolate(
+      absoluteGestureTranslationY,
+      [0, screenHeight],
+      [0, -50],
+      Extrapolation.CLAMP,
+    );
+  });
+
+  const contentScale = useDerivedValue(() => {
+    return interpolate(progress.get(), [1, 2], [1, 0.95], Extrapolation.CLAMP);
+  });
+
+  const panGesture = useMemo(
+    () =>
+      Gesture.Pan()
+        .enabled(isSwipeable && isOpen && !isAnimationDisabledValue && !IS_WEB)
+        .onStart(() => isDragging.set(true))
+        .onUpdate((event) => {
+          if (!isDragging.get()) return;
+
+          const maxDragDistance = screenHeight - contentY.get();
+
+          gestureTranslationY.set(event.translationY);
+
+          if (event.translationY > 0) {
+            const progressValue = 1 + event.translationY / maxDragDistance;
+            progress.set(Math.max(1, Math.min(progressValue, 2)));
+          } else if (event.translationY < 0) {
+            const progressValue = 1 - Math.abs(event.translationY) / contentY.get();
+            progress.set(Math.max(0, Math.min(progressValue, 1)));
+          }
+        })
+        .onFinalize(() => {
+          progressAnchor.set(progress.get());
+          contentTranslateYAnchor.set(contentTranslateY.get());
+          contentScaleAnchor.set(contentScale.get());
+
+          if (progress.get() > 1.1) {
+            isGestureReleaseAnimationRunning.set(true);
+            scheduleOnRN(dismissKeyboard);
+            progress.set(
+              withSpring(
+                2,
+                {
+                  mass: 4,
+                  damping: 120,
+                  stiffness: 900,
+                  overshootClamping: false,
+                },
+                () => {
+                  isGestureReleaseAnimationRunning.set(false);
+                },
+              ),
+            );
+            isDragging.set(false);
+            setTimeout(() => {
+              progress.set(2);
+              scheduleOnRN(onOpenChange, false);
+            }, 300);
+            setTimeout(() => {
+              progress.set(0);
+            }, 350);
+          } else {
+            isGestureReleaseAnimationRunning.set(true);
+            progress.set(
+              withSpring(1, {}, () => {
+                isGestureReleaseAnimationRunning.set(false);
+              }),
+            );
+            isDragging.set(false);
+          }
+        }),
+    [
+      contentScale,
+      contentScaleAnchor,
+      contentTranslateY,
+      contentTranslateYAnchor,
+      contentY,
+      isOpen,
+      isDragging,
+      isGestureReleaseAnimationRunning,
+      isSwipeable,
+      onOpenChange,
+      progress,
+      progressAnchor,
+      screenHeight,
+      isAnimationDisabledValue,
+      gestureTranslationY,
+    ],
+  );
+
+  const rDragContainerStyle = useAnimatedStyle(() => {
+    if (isGestureReleaseAnimationRunning.get()) {
+      return {
+        opacity: interpolate(progress.get(), [1, progressAnchor.get(), 1.5, 1.75], [1, 1, 1, 0]),
+        transform: [
+          {
+            translateY: interpolate(
+              progress.get(),
+              [progressAnchor.get(), 1, progressAnchor.get(), progressAnchor.get() + 0.1, 2],
+              [
+                contentTranslateYAnchor.get(),
+                0,
+                contentTranslateYAnchor.get(),
+                contentTranslateYAnchor.get() + 50,
+                contentTranslateYAnchor.get() - 150,
+              ],
+            ),
+          },
+          {
+            scale: interpolate(
+              progress.get(),
+              [progressAnchor.get(), 1, progressAnchor.get(), 2],
+              [contentScaleAnchor.get(), 1, contentScaleAnchor.get(), 0.75],
+            ),
+          },
+        ],
+      };
+    }
+
+    return {
+      transform: [
+        {
+          translateY: contentTranslateY.get(),
+        },
+        {
+          scale: contentScale.get(),
+        },
+      ],
+    };
+  });
+
+  return {
+    contentY,
+    contentHeight,
+    panGesture,
+    rDragContainerStyle,
+    entering: isAnimationDisabledValue || IS_WEB ? undefined : enteringValue,
+    exiting: isAnimationDisabledValue || IS_WEB ? undefined : exitingValue,
+  };
+}

package/src/animation/hooks/usePopupOverlayAnimation.ts

@@ -0,0 +1,84 @@
+import { Platform } from 'react-native';
+import type { SharedValue } from 'react-native-reanimated';
+import { FadeIn, FadeOut, interpolate, useAnimatedStyle } from 'react-native-reanimated';
+import { useAnimationSettings } from '../../providers/animation-settings';
+import type { PopupOverlayAnimation } from '../types';
+import {
+  getAnimationState,
+  getAnimationValueProperty,
+  getIsAnimationDisabledValue,
+} from '../utils';
+
+const IS_WEB = Platform.OS === 'web';
+
+export interface UsePopupOverlayAnimationOptions {
+  /** Animation progress shared value (0=idle, 1=open, 2=close) */
+  progress?: SharedValue<number>;
+  /** Dragging state shared value */
+  isDragging?: SharedValue<boolean>;
+  /** Gesture release animation running state (for components with swipe gestures) */
+  isGestureReleaseAnimationRunning?: SharedValue<boolean>;
+  /** Animation configuration for overlay */
+  animation?: PopupOverlayAnimation;
+}
+
+/**
+ * Animation hook for popup overlay (backdrop) components.
+ * Shared by Dialog, Select, BottomSheet, Popover, etc.
+ *
+ * Returns progress-based opacity style and entering/exiting layout animations.
+ * On web, entering/exiting are undefined (CSS transitions drive the visuals).
+ */
+export function usePopupOverlayAnimation(options: UsePopupOverlayAnimationOptions) {
+  const { progress, isDragging, isGestureReleaseAnimationRunning, animation } = options;
+
+  const animationSettingsContext = useAnimationSettings();
+  const isAllAnimationsDisabled = animationSettingsContext?.isAllAnimationsDisabled;
+
+  const { animationConfig, isAnimationDisabled } = getAnimationState(animation);
+
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled,
+  });
+
+  const opacityValue = getAnimationValueProperty({
+    animationValue: animationConfig?.opacity,
+    property: 'value',
+    defaultValue: [0, 1, 0] as [number, number, number],
+  });
+
+  const rContainerStyle = useAnimatedStyle(() => {
+    if (progress?.get() === undefined) {
+      return {};
+    }
+
+    if (isAnimationDisabledValue) {
+      return {
+        opacity: progress.get() > 0 ? 1 : 0,
+      };
+    }
+
+    if ((isDragging?.get() || isGestureReleaseAnimationRunning?.get()) && progress.get() <= 1) {
+      return {
+        opacity: 1,
+      };
+    }
+
+    return {
+      opacity: interpolate(progress.get(), [0, 1, 2], opacityValue),
+    };
+  });
+
+  const enteringValue =
+    animationConfig?.entering ?? (isAnimationDisabledValue ? undefined : FadeIn.duration(200));
+
+  const exitingValue =
+    animationConfig?.exiting ?? (isAnimationDisabledValue ? undefined : FadeOut.duration(150));
+
+  return {
+    rContainerStyle,
+    entering: isAnimationDisabledValue || IS_WEB ? undefined : enteringValue,
+    exiting: isAnimationDisabledValue || IS_WEB ? undefined : exitingValue,
+  };
+}