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

package/lib/typescript/components/Box/Box.d.ts

@@ -1,9 +1,6 @@
 import { View, type ViewProps } from 'react-native';
-import type { TextProps } from '../Text';
 export interface BoxProps extends ViewProps {
     className?: string;
-    textProps?: TextProps;
 }
-/** @deprecated Use View instead */
 export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<View>>;
 //# sourceMappingURL=Box.d.ts.map

package/lib/typescript/components/Box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,QAAS,SAAQ,SAAS;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,mCAAmC;AACnC,eAAO,MAAM,GAAG,2FAQf,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,QAAS,SAAQ,SAAS;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,2FAQf,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":"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"}
+{"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/lib/typescript/components/Link/index.d.ts

@@ -4,6 +4,7 @@ import { type ILinkProps } from '@cdx-ui/primitives';
 import { type IconProps } from '../Icon';
 export { LinkProvider, type LinkConfig, type LinkAction } from '@cdx-ui/primitives';
 export interface LinkProps extends ILinkProps {
+    asChild?: boolean;
     className?: string;
     children?: ReactNode;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAY,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAQ/C,OAAO,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMpF,MAAM,WAAW,SAAU,SAAQ,UAAU;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,4FAcZ,CAAC;AAQH,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,iGAwBd,CAAC;AAQF,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAErE,QAAA,MAAM,QAAQ;yCAAwC,aAAa;;CAalE,CAAC;AAQF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAGX,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAY,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAML,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAQ/C,OAAO,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMpF,MAAM,WAAW,SAAU,SAAQ,UAAU;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,4FAcZ,CAAC;AAQH,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,iGAwBd,CAAC;AAQF,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAErE,QAAA,MAAM,QAAQ;yCAAwC,aAAa;;CAalE,CAAC;AAQF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAGX,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-beta.111",
+  "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/primitives": "0.0.1-beta.111",
-    "@cdx-ui/utils": "0.0.1-beta.111",
-    "@cdx-ui/icons": "0.0.1-beta.111"
+    "@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,
+  };
+}

package/src/animation/hooks/usePopupRootAnimation.ts

@@ -0,0 +1,27 @@
+import { useSharedValue } from 'react-native-reanimated';
+import type { AnimationRootDisableAll } from '../types';
+import { useCombinedAnimationDisabledState } from './useCombinedAnimationDisabledState';
+
+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 function usePopupRootAnimation(options: UsePopupRootAnimationOptions) {
+  const isAllAnimationsDisabled = useCombinedAnimationDisabledState(options.animation);
+
+  const progress = useSharedValue(0);
+  const isDragging = useSharedValue(false);
+  const isGestureReleaseAnimationRunning = useSharedValue(false);
+
+  return {
+    isAllAnimationsDisabled,
+    progress,
+    isDragging,
+    isGestureReleaseAnimationRunning,
+  };
+}

package/src/components/AlertDialog/index.tsx

@@ -3,7 +3,7 @@ import { View } from 'react-native';
 import { Slot, useDialog } from '@cdx-ui/primitives';
 import { composeEventHandlers } from '@cdx-ui/utils';
 import { Button, type ButtonProps } from '../Button';
-import { Dialog, type DialogRootProps } from '../Dialog';
+import { Dialog, type DialogRootProps, type DialogPopupProps } from '../Dialog';
 
 // =============================================================================
 // ALERT DIALOG ROOT (Dialog with non-dismissible defaults + alertdialog role)
@@ -35,6 +35,19 @@ const AlertDialogRoot = forwardRef<View, AlertDialogRootProps>(
 );
 AlertDialogRoot.displayName = 'AlertDialog';
 
+// =============================================================================
+// ALERT DIALOG POPUP (swipe disabled by default)
+// =============================================================================
+
+export interface AlertDialogPopupProps extends DialogPopupProps {}
+
+const AlertDialogPopup = forwardRef<View, AlertDialogPopupProps>(
+  ({ isSwipeable = false, ...props }, ref) => (
+    <Dialog.Popup ref={ref} isSwipeable={isSwipeable} {...props} />
+  ),
+);
+AlertDialogPopup.displayName = 'AlertDialog.Popup';
+
 // =============================================================================
 // ALERT DIALOG ACTION
 // =============================================================================
@@ -98,7 +111,7 @@ AlertDialogCancel.displayName = 'AlertDialog.Cancel';
 
 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;
@@ -112,7 +125,7 @@ type AlertDialogCompoundComponent = typeof AlertDialogRoot & {
 
 export const AlertDialog = Object.assign(AlertDialogRoot, {
   Trigger: Dialog.Trigger,
-  Popup: Dialog.Popup,
+  Popup: AlertDialogPopup,
   Header: Dialog.Header,
   Title: Dialog.Title,
   Description: Dialog.Description,

package/src/components/Box/Box.tsx

@@ -1,19 +1,15 @@
 import { type ForwardedRef, forwardRef } from 'react';
 import { View, type ViewProps } from 'react-native';
-import { WrapStringChild } from '../../utils/WrapStringChild';
-import type { TextProps } from '../Text';
 
 export interface BoxProps extends ViewProps {
   className?: string;
-  textProps?: TextProps;
 }
 
-/** @deprecated Use View instead */
 export const Box = forwardRef<View, BoxProps>(
-  ({ style, className, children, textProps, ...restProps }, ref: ForwardedRef<View>) => {
+  ({ children, ...restProps }, ref: ForwardedRef<View>) => {
     return (
-      <View ref={ref} style={style} className={className} {...restProps}>
-        <WrapStringChild textProps={textProps}>{children}</WrapStringChild>
+      <View ref={ref} {...restProps}>
+        {children}
       </View>
     );
   },

package/src/components/Dialog/animation.ts

@@ -0,0 +1,13 @@
+import type { SharedValue } from 'react-native-reanimated';
+import { createContext } from '@cdx-ui/utils';
+
+export interface DialogAnimationContextValue {
+  progress: SharedValue<number>;
+  isDragging: SharedValue<boolean>;
+  isGestureReleaseAnimationRunning: SharedValue<boolean>;
+}
+
+export const [DialogAnimationProvider, useDialogAnimation] =
+  createContext<DialogAnimationContextValue>('DialogAnimationContext', {
+    strict: false,
+  });