@cdx-ui/components 0.0.1-beta.14 → 0.0.1-beta.141

package/lib/module/styles.css

@@ -1,6 +1 @@
 @source './**/*.{ts,tsx}';
-
-/* TODO: Can we keep this? Check with Michael/Jack */
-*:focus {
-  outline: none;
-}

package/lib/module/utils/positionToDataIcon.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { dataAttributes } from '@cdx-ui/primitives';
+
+/**
+ * Position hint accepted by icon/spinner-bearing styled slots
+ * (`Button.Icon`, `Button.Spinner`, `Chip.Icon`, etc.). Maps to a logical
+ * `data-icon` attribute that CVA targets for leading/trailing padding.
+ *
+ * `'leading'`  → `data-icon="inline-start"`
+ * `'trailing'` → `data-icon="inline-end"`
+ */
+
+/**
+ * Returns the data-attribute spread props for the requested position, or
+ * `undefined` when no position is set (so the attribute is omitted entirely
+ * and baseline spacing applies).
+ *
+ * Spread the result onto the rendered element:
+ *
+ * ```tsx
+ * <Icon {...positionToDataIcon(position)} />
+ * ```
+ *
+ * Spacing rules live in CVA variant strings, targeting the attribute via
+ * logical-property utilities so RTL flips automatically:
+ *
+ * ```ts
+ * cva(['data-[icon=inline-start]:me-1.5 data-[icon=inline-end]:ms-1.5'], { ... });
+ * ```
+ */
+export function positionToDataIcon(position) {
+  if (!position) return undefined;
+  return dataAttributes({
+    icon: position === 'leading' ? 'inline-start' : 'inline-end'
+  });
+}
+//# sourceMappingURL=positionToDataIcon.js.map

package/lib/module/utils/positionToDataIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dataAttributes","positionToDataIcon","position","undefined","icon"],"sourceRoot":"../../../src","sources":["utils/positionToDataIcon.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,oBAAoB;;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,QAA2B,EAAE;EAC9D,IAAI,CAACA,QAAQ,EAAE,OAAOC,SAAS;EAC/B,OAAOH,cAAc,CAAC;IAAEI,IAAI,EAAEF,QAAQ,KAAK,SAAS,GAAG,cAAc,GAAG;EAAa,CAAC,CAAC;AACzF","ignoreList":[]}

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

@@ -0,0 +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

@@ -0,0 +1 @@
+{"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/useCombinedAnimationDisabledState.d.ts

@@ -0,0 +1,22 @@
+import type { AnimationRoot } from '../types';
+/**
+ * Hook to combine global, parent, and own animation disabled states
+ *
+ * @description
+ * This hook combines three sources of animation disabled state:
+ * 1. Global state from GlobalAnimationSettingsProvider
+ * 2. Parent state from AnimationSettingsContext (component tree cascading)
+ * 3. Own state from the component's animation prop
+ *
+ * Priority: Global > Parent > Own (global wins if enabled)
+ *
+ * @param animation - Root animation configuration for the component
+ * @returns Combined isAllAnimationsDisabled value
+ *
+ * @example
+ * ```tsx
+ * const isAllAnimationsDisabled = useCombinedAnimationDisabledState(animation);
+ * ```
+ */
+export declare function useCombinedAnimationDisabledState<TConfig extends Record<string, any>>(animation: AnimationRoot<TConfig> | undefined): boolean;
+//# sourceMappingURL=useCombinedAnimationDisabledState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCombinedAnimationDisabledState.d.ts","sourceRoot":"","sources":["../../../../src/animation/hooks/useCombinedAnimationDisabledState.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iCAAiC,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnF,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,SAAS,GAC5C,OAAO,CAiBT"}

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;;;;;;;;;;;;;;;;;;;;;;;;;EA+LvC"}

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;;;;;;;;EA2DhF"}

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/animation/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './hooks';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/animation/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/lib/typescript/animation/types.d.ts

@@ -0,0 +1,105 @@
+import type { BaseAnimationBuilder, EntryOrExitLayoutType, LayoutAnimationFunction, WithSpringConfig, WithTimingConfig } from 'react-native-reanimated';
+/**
+ * Universal animation prop type
+ * - `true` or `undefined`: Use default animations
+ * - `false` or `"disabled"`: Disable all animations
+ * - `object`: Custom animation configuration
+ *   - Can include `state?: 'disabled' | boolean | undefined` to disable animations while customizing properties
+ */
+export type Animation<TConfig extends Record<string, any> = Record<string, any>> = boolean | 'disabled' | (TConfig & {
+    state?: 'disabled' | boolean;
+});
+export type AnimationDisabled = 'disabled' | false;
+/**
+ * Root-level animation prop type with cascading control
+ * - `true` or `undefined`: Use default animations
+ * - `false` or `"disabled"`: Disable only root animations (children can still animate)
+ * - `"disable-all"`: Disable all animations including children (cascades down)
+ * - `object`: Custom animation configuration
+ *   - Can include `state?: 'disabled' | 'disable-all' | boolean` to disable animations while customizing properties
+ */
+export type AnimationRoot<TConfig extends Record<string, any> = Record<string, any>> = boolean | 'disabled' | 'disable-all' | (TConfig & {
+    state?: 'disabled' | 'disable-all' | boolean;
+});
+export type AnimationRootDisableAll = Extract<AnimationRoot, 'disable-all'>;
+/**
+ * Animation value that can be a custom config
+ * Used for granular animation control within a component
+ */
+export type AnimationValue<TConfig extends Record<string, any> = Record<string, any>> = TConfig;
+export type LayoutTransition = BaseAnimationBuilder | LayoutAnimationFunction | typeof BaseAnimationBuilder | undefined;
+/**
+ * Spring animation configuration
+ */
+export interface SpringAnimationConfig {
+    type: 'spring';
+    config?: WithSpringConfig;
+}
+/**
+ * Timing animation configuration
+ */
+export interface TimingAnimationConfig {
+    type: 'timing';
+    config?: WithTimingConfig;
+}
+/**
+ * Animation configuration for popup overlay components (Dialog, Select, BottomSheet, Popover, etc.)
+ * Supports both progress-based opacity animation and entering/exiting animations
+ */
+export type PopupOverlayAnimation = Animation<{
+    /**
+     * Opacity animation configuration (progress-based)
+     * Takes effect for bottom-sheet/dialog presentation
+     * @default [0, 1, 0] - opacity values for [idle, open, close] states
+     */
+    opacity?: AnimationValue<{
+        /**
+         * Opacity values [idle, open, close]
+         * @default [0, 1, 0]
+         */
+        value?: [number, number, number];
+    }>;
+    /**
+     * Takes effect for popover presentation
+     * @default FadeIn with duration 200ms
+     */
+    entering?: EntryOrExitLayoutType;
+    /**
+     * Takes effect for popover presentation
+     * @default FadeOut with duration 150ms
+     */
+    exiting?: EntryOrExitLayoutType;
+}>;
+/**
+ * Animation configuration for popup dialog content components (Dialog, Select dialog presentation)
+ * Supports opacity and scale animations
+ */
+export type PopupDialogContentAnimation = Animation<{
+    /**
+     * Custom Keyframe animation for entering transition
+     * @default Keyframe with scale, and opacity (200ms)
+     */
+    entering?: EntryOrExitLayoutType;
+    /**
+     * Custom Keyframe animation for exiting transition
+     * @default Keyframe mirroring entering animation (150ms)
+     */
+    exiting?: EntryOrExitLayoutType;
+}>;
+/**
+ * Animation configuration for popup popover content components (Popover, Select popover presentation)
+ * Supports custom Keyframe animations for entering and exiting transitions
+ */
+export type PopupPopoverContentAnimation = Animation<{
+    /**
+     * Custom Keyframe animation for entering transition
+     * @default Keyframe with translateY/translateX, scale, and opacity (200ms)
+     */
+    entering?: EntryOrExitLayoutType;
+    /**
+     * Custom Keyframe animation for exiting transition
+     * @default Keyframe mirroring entering animation (150ms)
+     */
+    exiting?: EntryOrExitLayoutType;
+}>;
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/animation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/animation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAEjC;;;;;;GAMG;AACH,MAAM,MAAM,SAAS,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAC3E,OAAO,GACP,UAAU,GACV,CAAC,OAAO,GAAG;IAAE,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;CAAE,CAAC,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,KAAK,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAC/E,OAAO,GACP,UAAU,GACV,aAAa,GACb,CAAC,OAAO,GAAG;IAAE,KAAK,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,OAAO,CAAA;CAAE,CAAC,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;AAE5E;;;GAGG;AACH,MAAM,MAAM,cAAc,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhG,MAAM,MAAM,gBAAgB,GACxB,oBAAoB,GACpB,uBAAuB,GACvB,OAAO,oBAAoB,GAC3B,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC;IAC5C;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;QACvB;;;WAGG;QACH,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;KAClC,CAAC,CAAC;IACH;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC;CACjC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GAAG,SAAS,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC;CACjC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,MAAM,4BAA4B,GAAG,SAAS,CAAC;IACnD;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC;CACjC,CAAC,CAAC"}

package/lib/typescript/animation/utils.d.ts

@@ -0,0 +1,120 @@
+import type { Animation, AnimationRoot, AnimationValue } from './types';
+/**
+ * Check if the entire animation is disabled
+ * @param animation - Animation configuration
+ * @returns true if animation is disabled
+ */
+export declare function isAnimationDisabled<TConfig extends Record<string, any>>(animation: Animation<TConfig> | AnimationRoot<TConfig> | undefined): boolean;
+/**
+ * Check if root animation should cascade disable to all children
+ * @param animation - Root animation configuration
+ * @returns true if all animations should be disabled (including children)
+ */
+export declare function shouldDisableAll<TConfig extends Record<string, any>>(animation: AnimationRoot<TConfig> | undefined): boolean;
+/**
+ * Get animation state including config and disabled status
+ * @param animation - Animation configuration
+ * @returns Object with animationConfig and isAnimationDisabled
+ */
+export declare function getAnimationState<TConfig extends Record<string, any>>(animation: Animation<TConfig> | undefined): {
+    animationConfig: TConfig | undefined;
+    isAnimationDisabled: boolean;
+};
+/**
+ * Get root animation state including config, disabled status, and cascade flag
+ * @param animation - Root animation configuration
+ * @returns Object with animationConfig, isAnimationDisabled, and isAllAnimationsDisabled
+ */
+export declare function getRootAnimationState<TConfig extends Record<string, any>>(animation: AnimationRoot<TConfig> | undefined): {
+    animationConfig: TConfig | undefined;
+    isAnimationDisabled: boolean;
+    isAllAnimationsDisabled: boolean;
+};
+/**
+ * Get animation value property or return default
+ * Extracts a property from the animation value config object
+ *
+ * @param options - Object containing animationValue, property, and defaultValue
+ * @param options.animationValue - The animation value configuration
+ * @param options.property - Property name to extract
+ * @param options.defaultValue - Default value if property is not found
+ * @returns The property value or default (never undefined)
+ *
+ * @example
+ * const scaleValue = getAnimationValueProperty({
+ *   animationValue: animation?.scale,
+ *   property: 'value',
+ *   defaultValue: 0.95
+ * });
+ */
+export declare function getAnimationValueProperty<TConfig extends Record<string, any>, K extends keyof TConfig, D extends NonNullable<TConfig[K]>>(options: {
+    animationValue: AnimationValue<TConfig> | undefined;
+    property: K;
+    defaultValue: D;
+}): D;
+/**
+ * Get animation value merged config or return default
+ * Merges the animation value config with defaults, useful when you need multiple properties
+ *
+ * @param options - Object containing animationValue, property, and defaultValue
+ * @param options.animationValue - The animation value configuration
+ * @param options.property - Property name to extract from the config
+ * @param options.defaultValue - Default configuration object
+ * @returns The merged config object or default
+ *
+ * @example
+ * const scaleConfig = getAnimationValueMergedConfig({
+ *   animationValue: animation?.scale,
+ *   property: 'timingConfig',
+ *   defaultValue: { duration: 150 }
+ * });
+ */
+export declare function getAnimationValueMergedConfig<TConfig extends Record<string, any>, K extends keyof TConfig>(options: {
+    animationValue: AnimationValue<TConfig> | undefined;
+    property: K;
+    defaultValue: TConfig[K];
+}): TConfig[K];
+/**
+ * Determine if animations should be disabled based on disabled flags
+ * Priority: isAllAnimationsDisabled > isAnimationDisabled
+ *
+ * @param options - Object containing isAnimationDisabled and isAllAnimationsDisabled
+ * @param options.isAnimationDisabled - Whether animation is explicitly disabled
+ * @param options.isAllAnimationsDisabled - Whether all animations should be disabled (cascading from root/global)
+ * @returns true if animations should be disabled, false otherwise
+ *
+ * @example
+ * const isDisabled = getIsAnimationDisabledValue({
+ *   isAnimationDisabled: false,
+ *   isAllAnimationsDisabled: true
+ * });
+ * // Returns: true (all animations disabled takes priority)
+ */
+export declare function getIsAnimationDisabledValue(options: {
+    isAnimationDisabled: boolean;
+    isAllAnimationsDisabled: boolean | undefined;
+}): boolean;
+/**
+ * Combine global, parent, and own animation disabled states
+ * Priority: Global > Parent > Own (global wins if enabled)
+ *
+ * @param options - Object containing globalIsAllAnimationsDisabled, parentIsAllAnimationsDisabled, and ownIsAllAnimationsDisabled
+ * @param options.globalIsAllAnimationsDisabled - Whether global provider has disable-all (from GlobalAnimationSettingsProvider)
+ * @param options.parentIsAllAnimationsDisabled - Whether parent context has disable-all (from AnimationSettingsContext)
+ * @param options.ownIsAllAnimationsDisabled - Whether own animation prop has disable-all
+ * @returns Combined isAllAnimationsDisabled value (global || parent || own)
+ *
+ * @example
+ * const combined = getCombinedAnimationDisabledState({
+ *   globalIsAllAnimationsDisabled: true,
+ *   parentIsAllAnimationsDisabled: false,
+ *   ownIsAllAnimationsDisabled: false
+ * });
+ * // Returns: true (global wins)
+ */
+export declare function getCombinedAnimationDisabledState(options: {
+    globalIsAllAnimationsDisabled?: boolean;
+    parentIsAllAnimationsDisabled: boolean | undefined;
+    ownIsAllAnimationsDisabled: boolean;
+}): boolean;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/animation/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/animation/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAExE;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrE,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,GAAG,SAAS,GACjE,OAAO,CAaT;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClE,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,SAAS,GAC5C,OAAO,CAaT;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnE,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,SAAS,GACxC;IACD,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAWA;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACvE,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,SAAS,GAC5C;IACD,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,uBAAuB,EAAE,OAAO,CAAC;CAClC,CAaA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnC,CAAC,SAAS,MAAM,OAAO,EACvB,CAAC,SAAS,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EACjC,OAAO,EAAE;IACT,cAAc,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IACpD,QAAQ,EAAE,CAAC,CAAC;IACZ,YAAY,EAAE,CAAC,CAAC;CACjB,GAAG,CAAC,CAQJ;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,6BAA6B,CAC3C,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnC,CAAC,SAAS,MAAM,OAAO,EACvB,OAAO,EAAE;IACT,cAAc,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IACpD,QAAQ,EAAE,CAAC,CAAC;IACZ,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CAC1B,GAAG,OAAO,CAAC,CAAC,CAAC,CAeb;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE;IACnD,mBAAmB,EAAE,OAAO,CAAC;IAC7B,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9C,GAAG,OAAO,CAeV;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iCAAiC,CAAC,OAAO,EAAE;IACzD,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,6BAA6B,EAAE,OAAO,GAAG,SAAS,CAAC;IACnD,0BAA0B,EAAE,OAAO,CAAC;CACrC,GAAG,OAAO,CAmBV"}

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

@@ -0,0 +1,67 @@
+import React, { type ReactNode } from 'react';
+import { Text, View, type TextProps, type ViewProps } from 'react-native';
+import type { ForgeIcon } from '@cdx-ui/icons';
+import { type IconProps } from '../Icon';
+import { type AlertSeverity, type AlertVariantProps } from './styles';
+export interface AlertProps extends ViewProps, AlertVariantProps {
+    /**
+     * Replace the root element with the consumer's child element via `Slot`.
+     * When `true`, children are rendered as-is (no automatic icon/text/actions
+     * layout splitting). Severity context is still provided so sub-components
+     * receive the correct styles.
+     */
+    asChild?: boolean;
+    /** Severity level that controls background colour, icon, and live-region urgency. */
+    severity?: AlertSeverity;
+    className?: string;
+    /**
+     * Sub-components (`Alert.Icon`, `Alert.Title`, `Alert.Description`,
+     * `Alert.Actions`) must be rendered as **direct** children — wrapping them
+     * in HOCs or `memo()` will break the automatic layout splitting.
+     */
+    children?: ReactNode;
+}
+declare const AlertRoot: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<View>>;
+export interface AlertIconProps extends Omit<IconProps, 'as'> {
+    asChild?: boolean;
+    /**
+     * Override the auto-rendered severity icon. Omit to use the default icon for
+     * the current severity (EmergencyHome, Warning, CheckCircle, or Info).
+     * Not required when `asChild` is set.
+     */
+    as?: ForgeIcon;
+}
+declare const AlertIconComponent: React.ForwardRefExoticComponent<AlertIconProps & React.RefAttributes<View>>;
+export interface AlertTitleProps extends TextProps {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<Text>>;
+export interface AlertDescriptionProps extends TextProps {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<Text>>;
+export interface AlertActionsProps extends ViewProps {
+    /**
+     * Replace the wrapper element with the consumer's child via `Slot`.
+     * **Note:** when `true`, automatic `color={severity}` injection on
+     * direct `Button`/`IconButton` children is bypassed — the consumer
+     * must set `color` explicitly.
+     */
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertActions: React.ForwardRefExoticComponent<AlertActionsProps & React.RefAttributes<View>>;
+type AlertCompoundComponent = typeof AlertRoot & {
+    Icon: typeof AlertIconComponent;
+    Title: typeof AlertTitle;
+    Description: typeof AlertDescription;
+    Actions: typeof AlertActions;
+};
+export declare const Alert: AlertCompoundComponent;
+export type { AlertVariantProps, AlertSeverity };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAQL,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACvB,MAAM,UAAU,CAAC;AA6BlB,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,iBAAiB;IAC9D;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,yEA2Ed,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,EAAE,CAAC,EAAE,SAAS,CAAC;CAChB;AAED,QAAA,MAAM,kBAAkB,6EA2BvB,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,8EAkBf,CAAC;AAQF,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,oFAkBrB,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,gFA0BjB,CAAC;AAQF,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,IAAI,EAAE,OAAO,kBAAkB,CAAC;IAChC,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,WAAW,EAAE,OAAO,gBAAgB,CAAC;IACrC,OAAO,EAAE,OAAO,YAAY,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,KAAK,EAKZ,sBAAsB,CAAC;AAE7B,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,19 @@
+import { type VariantProps } from '@cdx-ui/utils';
+export type AlertSeverity = 'danger' | 'warning' | 'success' | 'info';
+export declare const alertRootVariants: (props?: ({
+    severity?: "danger" | "warning" | "success" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const alertIconVariants: (props?: ({
+    severity?: "danger" | "warning" | "success" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const alertBodyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const alertTextVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const alertTitleVariants: (props?: ({
+    severity?: "danger" | "warning" | "success" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const alertDescriptionVariants: (props?: ({
+    severity?: "danger" | "warning" | "success" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const alertActionsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type AlertVariantProps = VariantProps<typeof alertRootVariants>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAIvD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAItE,eAAO,MAAM,iBAAiB;;8EAe7B,CAAC;AAIF,eAAO,MAAM,iBAAiB;;8EAY5B,CAAC;AAIH,eAAO,MAAM,iBAAiB,oFAAqD,CAAC;AAIpF,eAAO,MAAM,iBAAiB,oFAAmD,CAAC;AAIlF,eAAO,MAAM,kBAAkB;;8EAY7B,CAAC;AAIH,eAAO,MAAM,wBAAwB;;8EAYnC,CAAC;AAIH,eAAO,MAAM,oBAAoB,oFAAgE,CAAC;AAIlG,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

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

@@ -1,25 +1,28 @@
-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>>;
+declare const AlertDialogRoot: import("react").ForwardRefExoticComponent<AlertDialogRootProps & import("react").RefAttributes<View>>;
+export interface AlertDialogPopupProps extends DialogPopupProps {
+}
+declare const AlertDialogPopup: import("react").ForwardRefExoticComponent<AlertDialogPopupProps & import("react").RefAttributes<View>>;
 export interface AlertDialogActionProps extends Omit<ButtonProps, 'variant'> {
     readonly asChild?: boolean;
 }
-declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<View>>;
+declare const AlertDialogAction: import("react").ForwardRefExoticComponent<AlertDialogActionProps & import("react").RefAttributes<View>>;
 export interface AlertDialogCancelProps extends Omit<ButtonProps, 'variant'> {
     readonly asChild?: boolean;
 }
-declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<View>>;
+declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<AlertDialogCancelProps & import("react").RefAttributes<View>>;
 type AlertDialogCompoundComponent = typeof AlertDialogRoot & {
     Trigger: typeof Dialog.Trigger;
-    Content: typeof Dialog.Content;
+    Popup: typeof AlertDialogPopup;
     Header: typeof Dialog.Header;
     Title: typeof Dialog.Title;
     Description: typeof Dialog.Description;
-    Body: typeof Dialog.Body;
+    Content: typeof Dialog.Content;
+    Text: typeof Dialog.Text;
     Footer: typeof Dialog.Footer;
     Close: typeof Dialog.Close;
     Action: typeof AlertDialogAction;

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,qFAoBtB,CAAC;AAOF,KAAK,4BAA4B,GAAG,OAAO,eAAe,GAAG;IAC3D,OAAO,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IAC/B,OAAO,EAAE,OAAO,MAAM,CAAC,OAAO,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,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,EAWlB,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.tsx"],"names":[],"mappings":"AACA,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,uGAqBpB,CAAC;AAOF,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;CAAG;AAElE,QAAA,MAAM,gBAAgB,wGAIrB,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,yGAgBtB,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,yGAmBtB,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/Avatar/index.d.ts

@@ -9,25 +9,37 @@ export interface AvatarProps extends ViewProps, IAvatarProps, AvatarVariantProps
 }
 declare const AvatarRoot: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<View>>;
 export interface AvatarImageProps extends Omit<ImageProps, 'source'>, IAvatarImageProps {
+    asChild?: boolean;
     className?: string;
 }
 declare const AvatarImage: import("react").ForwardRefExoticComponent<AvatarImageProps & import("react").RefAttributes<Image>>;
 export interface AvatarTextProps extends TextProps {
+    asChild?: boolean;
     className?: string;
     children?: ReactNode;
 }
 declare const AvatarText: import("react").ForwardRefExoticComponent<AvatarTextProps & import("react").RefAttributes<Text>>;
 export interface AvatarIconProps extends Omit<IconProps, 'children'> {
+    asChild?: boolean;
     className?: string;
 }
 declare const AvatarIcon: {
-    ({ className, style, ...props }: AvatarIconProps): import("react/jsx-runtime").JSX.Element;
+    ({ asChild, className, style, ...props }: AvatarIconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+/**
+ * @deprecated Use the generic `Badge` component instead.
+ * Wrap your `Avatar` in `<Badge placement="bottom-end" overlap="circular">` for equivalent behavior.
+ */
 export interface AvatarBadgeProps extends ViewProps {
+    asChild?: boolean;
     className?: string;
     children?: ReactNode;
 }
+/**
+ * @deprecated Use the generic `Badge` component instead.
+ * Wrap your `Avatar` in `<Badge placement="bottom-end" overlap="circular">` for equivalent behavior.
+ */
 declare const AvatarBadge: import("react").ForwardRefExoticComponent<AvatarBadgeProps & import("react").RefAttributes<View>>;
 type AvatarCompoundComponent = typeof AvatarRoot & {
     Image: typeof AvatarImage;
@@ -36,5 +48,5 @@ type AvatarCompoundComponent = typeof AvatarRoot & {
     Badge: typeof AvatarBadge;
 };
 export declare const Avatar: AvatarCompoundComponent;
-export {};
+export type { AvatarVariantProps };
 //# sourceMappingURL=index.d.ts.map