@cdx-ui/components 0.0.1-beta.79 → 0.0.1-beta.80

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

@@ -2,21 +2,25 @@ import { type ReactNode } from 'react';
 import { View, type ViewProps } from 'react-native';
 import { type CardContentVariantProps, type CardFooterVariantProps, type CardVariantProps } from './styles';
 export interface CardProps extends ViewProps, CardVariantProps {
+    asChild?: boolean;
     className?: string;
     children?: ReactNode;
 }
 declare const CardRoot: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<View>>;
 export interface CardHeaderProps extends ViewProps {
+    asChild?: boolean;
     className?: string;
     children?: ReactNode;
 }
 declare const CardHeader: import("react").ForwardRefExoticComponent<CardHeaderProps & import("react").RefAttributes<View>>;
 export interface CardContentProps extends ViewProps, CardContentVariantProps {
+    asChild?: boolean;
     className?: string;
     children?: ReactNode;
 }
 declare const CardContent: import("react").ForwardRefExoticComponent<CardContentProps & import("react").RefAttributes<View>>;
 export interface CardFooterProps extends ViewProps, CardFooterVariantProps {
+    asChild?: boolean;
     className?: string;
     children?: ReactNode;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACtB,MAAM,UAAU,CAAC;AAYlB,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,gBAAgB;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,4FAgBb,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAUf,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,uBAAuB;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGAchB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,sBAAsB;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAcf,CAAC;AAQF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,MAAM,EAAE,OAAO,UAAU,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACtB,MAAM,UAAU,CAAC;AAUlB,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,gBAAgB;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,4FAsBb,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,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,mGAqBhB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,sBAAsB;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAqBf,CAAC;AAQF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,MAAM,EAAE,OAAO,UAAU,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,IAAI,EAIX,qBAAqB,CAAC"}

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

@@ -0,0 +1,21 @@
+import { Gesture } from 'react-native-gesture-handler';
+import { EntryOrExitLayoutType, useAnimatedStyle } from 'react-native-reanimated';
+import type { UseToastRootAnimationOptions } from './types';
+export declare const enteringTop: import("react-native-reanimated").ComplexAnimationBuilder;
+export declare const exitingTop: import("react-native-reanimated").ReanimatedKeyframe;
+export declare const enteringBottom: import("react-native-reanimated").ComplexAnimationBuilder;
+export declare const exitingBottom: import("react-native-reanimated").ReanimatedKeyframe;
+export interface UseToastRootAnimationResult {
+    rContainerStyle: ReturnType<typeof useAnimatedStyle>;
+    isAllAnimationsDisabled: boolean;
+    entering: EntryOrExitLayoutType | undefined;
+    exiting: EntryOrExitLayoutType | undefined;
+    panGesture: ReturnType<typeof Gesture.Pan>;
+}
+/**
+ * Animation hook for Toast root component
+ * Handles opacity, translateY, and scale animations based on toast index and placement
+ * Also handles gesture-based swipe to dismiss and rubber-band drag effects
+ */
+export declare function useToastRootAnimation(options: UseToastRootAnimationOptions): UseToastRootAnimationResult;
+//# sourceMappingURL=animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/animation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAEL,qBAAqB,EAMrB,gBAAgB,EAKjB,MAAM,yBAAyB,CAAC;AASjC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAI5D,eAAO,MAAM,WAAW,2DAKd,CAAC;AAEX,eAAO,MAAM,UAAU,sDAUP,CAAC;AAEjB,eAAO,MAAM,cAAc,2DAKjB,CAAC;AAEX,eAAO,MAAM,aAAa,sDAUV,CAAC;AAEjB,MAAM,WAAW,2BAA2B;IAC1C,eAAe,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACrD,uBAAuB,EAAE,OAAO,CAAC;IACjC,QAAQ,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC5C,OAAO,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC3C,UAAU,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;CAC5C;AAID;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,4BAA4B,GACpC,2BAA2B,CA+S7B"}

package/lib/typescript/components/Toast/hooks.d.ts

@@ -0,0 +1,17 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { ButtonProps } from '../Button';
+import { ToastColor } from './types';
+export declare function useButtonColor({ color, toastColor, }: {
+    color: ButtonProps['color'];
+    toastColor: ToastColor;
+}): "danger" | "warning" | "success" | "info" | "action";
+interface UseVerticalPlaceholderStylesParams {
+    rootClassName?: string;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function useVerticalPlaceholderStyles({ rootClassName, style, }: UseVerticalPlaceholderStylesParams): {
+    topStyle: ViewStyle;
+    bottomStyle: ViewStyle;
+};
+export {};
+//# sourceMappingURL=hooks.d.ts.map

package/lib/typescript/components/Toast/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5B,UAAU,EAAE,UAAU,CAAC;CACxB,wDAkBA;AAED,UAAU,kCAAkC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,aAAa,EACb,KAAK,GACN,EAAE,kCAAkC;;;EAkDpC"}

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

@@ -0,0 +1,28 @@
+import { View } from 'react-native';
+import type { DefaultToastProps, ToastDescriptionProps, ToastIconProps, ToastProps, ToastTitleProps } from './types';
+declare const ToastRoot: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<View>>;
+declare const ToastTitle: import("react").ForwardRefExoticComponent<ToastTitleProps & import("react").RefAttributes<View>>;
+declare const ToastDescription: import("react").ForwardRefExoticComponent<ToastDescriptionProps & import("react").RefAttributes<View>>;
+declare const ToastIcon: {
+    ({ asChild, className, style, as, ...props }: ToastIconProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+declare const ToastAction: import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<View>>;
+declare const ToastClose: import("react").ForwardRefExoticComponent<Omit<import("..").IconButtonProps, "as"> & {
+    as?: import("@cdx-ui/icons").ForgeIcon;
+} & import("react").RefAttributes<View>>;
+/**
+ * Default styled toast component for simplified toast.show() API
+ * Used internally when showing toasts with string or config object (without component)
+ */
+export declare function DefaultToast(props: DefaultToastProps): import("react/jsx-runtime").JSX.Element;
+type ToastCompoundComponent = typeof ToastRoot & {
+    Title: typeof ToastTitle;
+    Description: typeof ToastDescription;
+    Icon: typeof ToastIcon;
+    Action: typeof ToastAction;
+    Close: typeof ToastClose;
+};
+export declare const Toast: ToastCompoundComponent;
+export type { ToastColor, ToastPlacement, ToastRootAnimation, ToastProps, ToastTitleProps, ToastDescriptionProps, ToastIconProps, ToastActionProps, ToastCloseProps, ToastContextValue, ToastRootRef, DefaultToastProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AA8B9C,OAAO,KAAK,EACV,iBAAiB,EAIjB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACV,eAAe,EAChB,MAAM,SAAS,CAAC;AAuBjB,QAAA,MAAM,SAAS,6FAwNb,CAAC;AAIH,QAAA,MAAM,UAAU,kGAoBd,CAAC;AAIH,QAAA,MAAM,gBAAgB,wGAiBpB,CAAC;AAIH,QAAA,MAAM,SAAS;kDAAiD,cAAc;;CA4B7E,CAAC;AAMF,QAAA,MAAM,WAAW,2GAqBf,CAAC;AAIH,QAAA,MAAM,UAAU;;wCA8Bd,CAAC;AAIH;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAsDpD;AAWD,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,WAAW,EAAE,OAAO,gBAAgB,CAAC;IACrC,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,MAAM,EAAE,OAAO,WAAW,CAAC;IAC3B,KAAK,EAAE,OAAO,UAAU,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAMZ,sBAAsB,CAAC;AAE7B,YAAY,EACV,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,73 @@
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * Toast root styles
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className):
+ * The following properties are animated and cannot be overridden using Tailwind classes:
+ * - `opacity` - Animated for visibility transitions when toasts are pushed beyond visible stack limits
+ * - `transform` (translateY) - Animated for vertical position transitions when toasts are stacked, and for swipe-to-dismiss gestures
+ * - `transform` (scale) - Animated for size scaling transitions when toasts are stacked (toasts behind active one are scaled down)
+ * - `height` - Animated for height transitions when toast content changes
+ *
+ * To customize these properties, use the `animation` prop on `Toast.Root`:
+ * ```tsx
+ * <Toast.Root
+ *   animation={{
+ *     opacity: {
+ *       value: [1, 0],
+ *       timingConfig: { duration: 300 }
+ *     },
+ *     translateY: {
+ *       value: [0, 10],
+ *       timingConfig: { duration: 300 }
+ *     },
+ *     scale: {
+ *       value: [1, 0.97],
+ *       timingConfig: { duration: 300 }
+ *     }
+ *   }}
+ * />
+ * ```
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `Toast.Root`.
+ */
+export declare const toastRootVariants: (props?: ({
+    color?: "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Toast wrapper variants
+ *
+ * Applied to the outer `Animated.View` that carries `data-state="entering|open|closed"`.
+ * On web the CSS engine drives the enter/exit animation via `data-state` transitions —
+ * fade + short translate — replacing the Reanimated layout animations that ran on
+ * the same element on native. Native ignores these classes (no `web:` prefix hits).
+ *
+ * `placement` picks the slide direction so top-placed toasts translate up on close and
+ * bottom-placed toasts translate down. The unprefixed `-translate-y-2` / `translate-y-2`
+ * on the `top-*` / `bottom-*` variants also seeds the entering-state offset synchronously
+ * — CSS transitions to `translate-y-0` when `data-state` flips to `open`.
+ *
+ * `motion-reduce:transition-none` collapses the transition for users with
+ * `prefers-reduced-motion: reduce`. In that case `transitionend` may never fire, so
+ * the Toast component's safety timeout handles removal.
+ */
+export declare const toastWrapperVariants: (props?: ({
+    placement?: "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const toastLabelVariants: (props?: ({
+    color?: "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const toastDescriptionVariants: (props?: ({
+    color?: "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const toastIconVariants: (props?: ({
+    color?: "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const toastStyleSheet: {
+    root: {
+        borderCurve: "continuous";
+    };
+};
+export type ToastColorProps = VariantProps<typeof toastRootVariants>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,iBAAiB;;8EAuB7B,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,oBAAoB;;8EAsDhC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAa7B,CAAC;AAEH,eAAO,MAAM,wBAAwB;;8EAanC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;8EAa5B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;CAI1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}