@cdx-ui/components 0.0.1-beta.18 → 0.0.1-beta.181

package/lib/module/providers/toast/toast-config.context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","ToastConfigContext","undefined","useToastConfig"],"sourceRoot":"../../../../src","sources":["providers/toast/toast-config.context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGjD;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,gBAAGF,aAAa,CAAgCG,SAAS,CAAC;;AAElF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAA,EAAkC;EAC9D,OAAOH,UAAU,CAACC,kBAAkB,CAAC;AACvC;AAEA,SAASA,kBAAkB","ignoreList":[]}

package/lib/module/providers/toast/toast-item-renderer.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import { memo } from 'react';
+/**
+ * Memoized toast item component to prevent unnecessary re-renders
+ * Only re-renders when the toast item itself changes
+ */
+export const ToastItemRenderer = /*#__PURE__*/memo(({
+  toastItem,
+  show,
+  hide,
+  index,
+  total,
+  heights,
+  maxVisibleToasts
+}) => {
+  if (typeof toastItem.component !== 'function') {
+    throw new Error('Toast component must be a function that receives ToastComponentProps');
+  }
+  const content = toastItem.component({
+    id: toastItem.id,
+    placement: toastItem.placement,
+    index,
+    total,
+    heights,
+    maxVisibleToasts,
+    show,
+    hide
+  });
+  return content;
+}, (prevProps, nextProps) => {
+  // Only re-render if the toast ID, component reference, index, or
+  // pending-removal flag changed. `pendingRemoval` flips when the
+  // provider marks a toast closed on web so the Toast component can
+  // play its exit transition — the renderer must propagate that
+  // change even though the id and component reference are unchanged.
+  // show, hide, total, and heights are stable references.
+  return prevProps.toastItem.id === nextProps.toastItem.id && prevProps.toastItem.component === nextProps.toastItem.component && prevProps.toastItem.placement === nextProps.toastItem.placement && prevProps.toastItem.pendingRemoval === nextProps.toastItem.pendingRemoval && prevProps.index === nextProps.index && prevProps.total === nextProps.total && prevProps.heights === nextProps.heights;
+});
+//# sourceMappingURL=toast-item-renderer.js.map

package/lib/module/providers/toast/toast-item-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","ToastItemRenderer","toastItem","show","hide","index","total","heights","maxVisibleToasts","component","Error","content","id","placement","prevProps","nextProps","pendingRemoval"],"sourceRoot":"../../../../src","sources":["providers/toast/toast-item-renderer.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,gBAAGD,IAAI,CACnC,CAAC;EAAEE,SAAS;EAAEC,IAAI;EAAEC,IAAI;EAAEC,KAAK;EAAEC,KAAK;EAAEC,OAAO;EAAEC;AAAyC,CAAC,KAAK;EAC9F,IAAI,OAAON,SAAS,CAACO,SAAS,KAAK,UAAU,EAAE;IAC7C,MAAM,IAAIC,KAAK,CAAC,sEAAsE,CAAC;EACzF;EAEA,MAAMC,OAAO,GAAGT,SAAS,CAACO,SAAS,CAAC;IAClCG,EAAE,EAAEV,SAAS,CAACU,EAAE;IAChBC,SAAS,EAAEX,SAAS,CAACW,SAAS;IAC9BR,KAAK;IACLC,KAAK;IACLC,OAAO;IACPC,gBAAgB;IAChBL,IAAI;IACJC;EACF,CAAC,CAAC;EAEF,OAAOO,OAAO;AAChB,CAAC,EACD,CAACG,SAAS,EAAEC,SAAS,KAAK;EACxB;EACA;EACA;EACA;EACA;EACA;EACA,OACED,SAAS,CAACZ,SAAS,CAACU,EAAE,KAAKG,SAAS,CAACb,SAAS,CAACU,EAAE,IACjDE,SAAS,CAACZ,SAAS,CAACO,SAAS,KAAKM,SAAS,CAACb,SAAS,CAACO,SAAS,IAC/DK,SAAS,CAACZ,SAAS,CAACW,SAAS,KAAKE,SAAS,CAACb,SAAS,CAACW,SAAS,IAC/DC,SAAS,CAACZ,SAAS,CAACc,cAAc,KAAKD,SAAS,CAACb,SAAS,CAACc,cAAc,IACzEF,SAAS,CAACT,KAAK,KAAKU,SAAS,CAACV,KAAK,IACnCS,SAAS,CAACR,KAAK,KAAKS,SAAS,CAACT,KAAK,IACnCQ,SAAS,CAACP,OAAO,KAAKQ,SAAS,CAACR,OAAO;AAE3C,CACF,CAAC","ignoreList":[]}

package/lib/module/providers/toast/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/providers/toast/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["providers/toast/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/styles/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+
+// packages/components/src/styles/constants.ts
+// Semantic constants for Forge UI component styling.
+
+// ─── Transitions ─────────────────────────────────────────
+export const TRANSITION_COLORS = 'transition-colors duration-150';
+
+// ─── Disabled ────────────────────────────────────────────
+export const DISABLED_OPACITY = 'data-[disabled=true]:opacity-50';
+export const DISABLED_CURSOR = 'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none';
+//# sourceMappingURL=constants.js.map

package/lib/module/styles/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/constants.ts"],"mappings":";;AAAA;AACA;;AAEA;AACA,OAAO,MAAMA,iBAAiB,GAAG,gCAAgC;;AAEjE;AACA,OAAO,MAAMC,gBAAgB,GAAG,iCAAiC;AACjE,OAAO,MAAMC,eAAe,GAC1B,kFAAkF","ignoreList":[]}

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

@@ -0,0 +1,90 @@
+import { type ReactNode } from 'react';
+import { Text, View, type TextProps, type ViewProps } from 'react-native';
+import { type IAccordionContentProps, type IAccordionItemProps, type IAccordionProps, type IAccordionTriggerProps } from '@cdx-ui/primitives';
+export type AccordionProps = IAccordionProps & {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+};
+declare const AccordionRoot: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<View>>;
+export interface AccordionItemProps extends IAccordionItemProps {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+    /** Removes horizontal padding so trigger and content can render edge to edge. @default false */
+    fullBleed?: boolean;
+    /** Renders a separator below the item when true. @default true */
+    showSeparator?: boolean;
+}
+declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<View>>;
+export interface AccordionTriggerProps extends IAccordionTriggerProps {
+    /**
+     * Substitute the rendered trigger element with the single child. The child must
+     * be another Forge primitive (IconButton, Chip, Button) — anything whose
+     * underlying Pressable accepts Pressable-shaped handlers. When set, the
+     * auto-injected expand indicator is skipped and `accordionTriggerVariants` is not
+     * applied so the substituted component's own appearance wins.
+     */
+    asChild?: boolean;
+    /**
+     * Replaces the default open/closed chevron. Pass `null` to suppress the
+     * indicator. When `asChild` is set, only an explicitly provided indicator is
+     * appended to the substituted child.
+     */
+    indicator?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+}
+declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<View>>;
+export interface AccordionIndicatorProps extends ViewProps {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const AccordionIndicator: import("react").ForwardRefExoticComponent<AccordionIndicatorProps & import("react").RefAttributes<View>>;
+export interface AccordionLeadingSlotProps extends ViewProps {
+    asChild?: boolean;
+    className?: string;
+    'aria-hidden'?: boolean;
+}
+declare const AccordionLeadingSlot: import("react").ForwardRefExoticComponent<AccordionLeadingSlotProps & import("react").RefAttributes<View>>;
+export interface AccordionLabelProps extends ViewProps {
+    asChild?: boolean;
+    className?: string;
+}
+declare const AccordionLabel: import("react").ForwardRefExoticComponent<AccordionLabelProps & import("react").RefAttributes<View>>;
+export interface AccordionTitleProps extends TextProps {
+    asChild?: boolean;
+    className?: string;
+}
+declare const AccordionTitle: import("react").ForwardRefExoticComponent<AccordionTitleProps & import("react").RefAttributes<Text>>;
+export interface AccordionDescriptionProps extends TextProps {
+    asChild?: boolean;
+    className?: string;
+}
+declare const AccordionDescription: import("react").ForwardRefExoticComponent<AccordionDescriptionProps & import("react").RefAttributes<Text>>;
+export interface AccordionMetaProps extends TextProps {
+    asChild?: boolean;
+    className?: string;
+}
+declare const AccordionMeta: import("react").ForwardRefExoticComponent<AccordionMetaProps & import("react").RefAttributes<Text>>;
+export interface AccordionContentProps extends IAccordionContentProps {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const AccordionContent: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<View>>;
+type AccordionCompoundComponent = typeof AccordionRoot & {
+    Item: typeof AccordionItem;
+    Trigger: typeof AccordionTrigger;
+    LeadingSlot: typeof AccordionLeadingSlot;
+    Label: typeof AccordionLabel;
+    Title: typeof AccordionTitle;
+    Description: typeof AccordionDescription;
+    Meta: typeof AccordionMeta;
+    Indicator: typeof AccordionIndicator;
+    Content: typeof AccordionContent;
+};
+export declare const Accordion: AccordionCompoundComponent;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,17 @@
+export declare const accordionRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionItemVariants: (props?: ({
+    showSeparator?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const accordionTriggerVariants: (props?: ({
+    fullBleed?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const accordionLeadingSlotVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionMetaVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionIndicatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionContentVariants: (props?: ({
+    fullBleed?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=styles.d.ts.map