@cdx-ui/components 0.0.1-beta.10 → 0.0.1-beta.100

package/lib/module/styles/primitives.js

@@ -1,40 +1,69 @@
 "use strict";
 
 // packages/components/src/styles/primitives.ts
-// Semantic constants for CDX UI component styling.
+// Semantic constants for Forge UI component styling.
 
 // ─── Colors ──────────────────────────────────────────────
 // Surface & background
+/** @deprecated Use `bg-surface-primary` (--color-surface-primary) instead. */
 export const COLOR_BG_PRIMARY = 'bg-white';
+/** @deprecated Use `bg-surface-secondary` (--color-surface-secondary) instead. */
 export const COLOR_BG_SUBTLE = 'bg-slate-50';
+/** @deprecated Use `bg-surface-neutral-subtle` (--color-surface-neutral-subtle) instead. */
 export const COLOR_BG_MUTED = 'bg-slate-100';
+/** @deprecated Use `bg-base-950` (--color-base-950) instead. */
 export const COLOR_BG_INVERSE = 'bg-slate-900';
 
 // Border
+/** @deprecated Use `border-stroke-secondary` (--color-stroke-secondary) instead. */
 export const COLOR_BORDER_DEFAULT = 'border-slate-200';
+/** @deprecated Use `border-stroke-hover` (--color-stroke-hover) instead. */
 export const COLOR_BORDER_STRONG = 'border-slate-300';
+/** @deprecated Use `border-stroke-focus` (--color-stroke-focus) instead. */
 export const COLOR_BORDER_FOCUS = 'border-slate-900';
+/** @deprecated Use `border-stroke-danger` (--color-stroke-danger) instead. */
 export const COLOR_BORDER_INVALID = 'border-red-500';
 
 // Text
+/** @deprecated Use `text-content-primary` (--color-content-primary) instead. */
 export const COLOR_TEXT_PRIMARY = 'text-slate-900';
+/** @deprecated Use `text-content-secondary` (--color-content-secondary) instead. */
 export const COLOR_TEXT_SECONDARY = 'text-slate-500';
+/** @deprecated Use `text-content-tertiary` (--color-content-tertiary) instead. */
 export const COLOR_TEXT_MUTED = 'text-slate-400';
+/** @deprecated Use the appropriate `text-content-*-on-strong` token for the surface color, e.g. `text-content-action-on-strong` (--color-content-action-on-strong). */
 export const COLOR_TEXT_INVERSE = 'text-white';
+/** @deprecated Use `text-content-tertiary` (--color-content-tertiary) instead. */
 export const COLOR_TEXT_PLACEHOLDER = 'text-slate-400';
+/** @deprecated Use `text-content-danger` (--color-content-danger) instead. */
 export const COLOR_TEXT_INVALID = 'text-red-600';
 
 // Brand / Action
+/** @deprecated Use `bg-surface-action-strong` (--color-surface-action-strong) instead. */
 export const COLOR_BRAND_DEFAULT = 'bg-slate-900';
+/** @deprecated Use `bg-surface-action-strong-hover` (--color-surface-action-strong-hover) instead. */
 export const COLOR_BRAND_HOVER = 'bg-slate-800';
+/** @deprecated Use `bg-surface-action-strong-active` (--color-surface-action-strong-active) instead. */
 export const COLOR_BRAND_ACTIVE = 'bg-slate-700';
 
 // Accent (for checked states, active indicators)
+/** @deprecated Use `bg-surface-action-strong` (--color-surface-action-strong) instead. */
 export const COLOR_ACCENT_DEFAULT = 'bg-slate-900';
+/** @deprecated Use `border-stroke-action` (--color-stroke-action) instead. */
 export const COLOR_ACCENT_BORDER = 'border-slate-900';
 
-// Semantic colors (danger, warning, success, info)
-// Kept for Button's 5-color system
+/**
+ * @deprecated Use semantic token classes directly instead. Map each color key to its
+ * corresponding `--color-surface-*`, `--color-stroke-*`, and `--color-content-*` tokens:
+ * - `bg` → `bg-surface-{color}-strong` (--color-surface-{color}-strong)
+ * - `bgHover` → `bg-surface-{color}-strong-hover` (--color-surface-{color}-strong-hover)
+ * - `bgActive` → `bg-surface-{color}-strong-active` (--color-surface-{color}-strong-active)
+ * - `border` → `border-stroke-{color}` (--color-stroke-{color})
+ * - `text` → `text-content-{color}` (--color-content-{color})
+ * - `ring` → `ring-[--color-stroke-focus]` (--color-stroke-focus)
+ *
+ * See Button/styles.ts for a complete migration example.
+ */
 export const SEMANTIC_COLORS = {
   action: {
     bg: 'bg-slate-900',
@@ -79,21 +108,29 @@ export const SEMANTIC_COLORS = {
 };
 
 // ─── Focus ───────────────────────────────────────────────
+/** @deprecated Use `ring-2 ring-[--color-stroke-focus] ring-offset-2` (--color-stroke-focus) instead. */
 export const FOCUS_RING = 'ring-2 ring-slate-400/50 ring-offset-2';
 
 // ─── Radius ──────────────────────────────────────────────
-export const RADIUS_SM = 'rounded-lg'; // buttons, inputs, checkboxes
-export const RADIUS_MD = 'rounded-xl'; // cards, dropdowns, modals
-export const RADIUS_FULL = 'rounded-full'; // pills, avatars, switches
+/** @deprecated Use `rounded-[var(--border-radius-button)]` for buttons/inputs or `rounded-[var(--border-radius-default)]` for containers. */
+export const RADIUS_SM = 'rounded-lg';
+/** @deprecated Use `rounded-[var(--border-radius-default)]` for cards/containers. */
+export const RADIUS_MD = 'rounded-xl';
+/** @deprecated Use `rounded-[var(--border-radius-round)]` for circular elements (icon buttons, radio, pills). */
+export const RADIUS_FULL = 'rounded-full';
 
 // ─── Shadows ─────────────────────────────────────────────
+
+/** @deprecated Use `shadow-sm` directly instead */
 export const SHADOW_SM = 'shadow-sm';
+/** @deprecated Use `shadow-md` directly instead */
 export const SHADOW_MD = 'shadow-md';
 
 // ─── Sizing ──────────────────────────────────────────────
 // Unified size scale for interactive/form components (Button, Input, Select, Checkbox).
 // Only two sizes: 'default' (regular) and 'small' (compact).
 // NOTE: Text and Heading use a separate typography scale (xs/sm/md/lg/xl) — not this.
+/** @deprecated */
 export const SIZE_SCALE = {
   default: {
     height: 'h-10',

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

@@ -1 +1 @@
-{"version":3,"names":["COLOR_BG_PRIMARY","COLOR_BG_SUBTLE","COLOR_BG_MUTED","COLOR_BG_INVERSE","COLOR_BORDER_DEFAULT","COLOR_BORDER_STRONG","COLOR_BORDER_FOCUS","COLOR_BORDER_INVALID","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","COLOR_TEXT_MUTED","COLOR_TEXT_INVERSE","COLOR_TEXT_PLACEHOLDER","COLOR_TEXT_INVALID","COLOR_BRAND_DEFAULT","COLOR_BRAND_HOVER","COLOR_BRAND_ACTIVE","COLOR_ACCENT_DEFAULT","COLOR_ACCENT_BORDER","SEMANTIC_COLORS","action","bg","bgHover","bgActive","border","text","ring","danger","warning","success","info","FOCUS_RING","RADIUS_SM","RADIUS_MD","RADIUS_FULL","SHADOW_SM","SHADOW_MD","SIZE_SCALE","default","height","px","gap","small","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/primitives.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["COLOR_BG_PRIMARY","COLOR_BG_SUBTLE","COLOR_BG_MUTED","COLOR_BG_INVERSE","COLOR_BORDER_DEFAULT","COLOR_BORDER_STRONG","COLOR_BORDER_FOCUS","COLOR_BORDER_INVALID","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","COLOR_TEXT_MUTED","COLOR_TEXT_INVERSE","COLOR_TEXT_PLACEHOLDER","COLOR_TEXT_INVALID","COLOR_BRAND_DEFAULT","COLOR_BRAND_HOVER","COLOR_BRAND_ACTIVE","COLOR_ACCENT_DEFAULT","COLOR_ACCENT_BORDER","SEMANTIC_COLORS","action","bg","bgHover","bgActive","border","text","ring","danger","warning","success","info","FOCUS_RING","RADIUS_SM","RADIUS_MD","RADIUS_FULL","SHADOW_SM","SHADOW_MD","SIZE_SCALE","default","height","px","gap","small","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR"],"sourceRoot":"../../../src","sources":["styles/primitives.ts"],"mappings":";;AAAA;AACA;;AAEA;AACA;AACA;AACA,OAAO,MAAMA,gBAAgB,GAAG,UAAU;AAC1C;AACA,OAAO,MAAMC,eAAe,GAAG,aAAa;AAC5C;AACA,OAAO,MAAMC,cAAc,GAAG,cAAc;AAC5C;AACA,OAAO,MAAMC,gBAAgB,GAAG,cAAc;;AAE9C;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAG,kBAAkB;AACtD;AACA,OAAO,MAAMC,mBAAmB,GAAG,kBAAkB;AACrD;AACA,OAAO,MAAMC,kBAAkB,GAAG,kBAAkB;AACpD;AACA,OAAO,MAAMC,oBAAoB,GAAG,gBAAgB;;AAEpD;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAG,gBAAgB;AAClD;AACA,OAAO,MAAMC,oBAAoB,GAAG,gBAAgB;AACpD;AACA,OAAO,MAAMC,gBAAgB,GAAG,gBAAgB;AAChD;AACA,OAAO,MAAMC,kBAAkB,GAAG,YAAY;AAC9C;AACA,OAAO,MAAMC,sBAAsB,GAAG,gBAAgB;AACtD;AACA,OAAO,MAAMC,kBAAkB,GAAG,cAAc;;AAEhD;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAG,cAAc;AACjD;AACA,OAAO,MAAMC,iBAAiB,GAAG,cAAc;AAC/C;AACA,OAAO,MAAMC,kBAAkB,GAAG,cAAc;;AAEhD;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAG,cAAc;AAClD;AACA,OAAO,MAAMC,mBAAmB,GAAG,kBAAkB;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAG;EAC7BC,MAAM,EAAE;IACNC,EAAE,EAAE,cAAc;IAClBC,OAAO,EAAE,cAAc;IACvBC,QAAQ,EAAE,cAAc;IACxBC,MAAM,EAAE,kBAAkB;IAC1BC,IAAI,EAAE,gBAAgB;IACtBC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACNN,EAAE,EAAE,YAAY;IAChBC,OAAO,EAAE,YAAY;IACrBC,QAAQ,EAAE,YAAY;IACtBC,MAAM,EAAE,gBAAgB;IACxBC,IAAI,EAAE,cAAc;IACpBC,IAAI,EAAE;EACR,CAAC;EACDE,OAAO,EAAE;IACPP,EAAE,EAAE,cAAc;IAClBC,OAAO,EAAE,cAAc;IACvBC,QAAQ,EAAE,cAAc;IACxBC,MAAM,EAAE,kBAAkB;IAC1BC,IAAI,EAAE,gBAAgB;IACtBC,IAAI,EAAE;EACR,CAAC;EACDG,OAAO,EAAE;IACPR,EAAE,EAAE,cAAc;IAClBC,OAAO,EAAE,cAAc;IACvBC,QAAQ,EAAE,cAAc;IACxBC,MAAM,EAAE,kBAAkB;IAC1BC,IAAI,EAAE,gBAAgB;IACtBC,IAAI,EAAE;EACR,CAAC;EACDI,IAAI,EAAE;IACJT,EAAE,EAAE,YAAY;IAChBC,OAAO,EAAE,YAAY;IACrBC,QAAQ,EAAE,YAAY;IACtBC,MAAM,EAAE,gBAAgB;IACxBC,IAAI,EAAE,cAAc;IACpBC,IAAI,EAAE;EACR;AACF,CAAU;;AAEV;AACA;AACA,OAAO,MAAMK,UAAU,GAAG,wCAAwC;;AAElE;AACA;AACA,OAAO,MAAMC,SAAS,GAAG,YAAY;AACrC;AACA,OAAO,MAAMC,SAAS,GAAG,YAAY;AACrC;AACA,OAAO,MAAMC,WAAW,GAAG,cAAc;;AAEzC;;AAEA;AACA,OAAO,MAAMC,SAAS,GAAG,WAAW;AACpC;AACA,OAAO,MAAMC,SAAS,GAAG,WAAW;;AAEpC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAG;EACxBC,OAAO,EAAE;IAAEC,MAAM,EAAE,MAAM;IAAEC,EAAE,EAAE,MAAM;IAAEC,GAAG,EAAE,OAAO;IAAEhB,IAAI,EAAE;EAAY,CAAC;EACxEiB,KAAK,EAAE;IAAEH,MAAM,EAAE,KAAK;IAAEC,EAAE,EAAE,MAAM;IAAEC,GAAG,EAAE,SAAS;IAAEhB,IAAI,EAAE;EAAU;AACtE,CAAU;;AAEV;AACA,OAAO,MAAMkB,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,2 @@
+export * from './useCombinedAnimationDisabledState';
+//# 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"}

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/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 'class-variance-authority';
+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,0BAA0B,CAAC;AAIlE,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

@@ -15,11 +15,12 @@ export interface AlertDialogCancelProps extends Omit<ButtonProps, 'variant'> {
 declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<View>>;
 type AlertDialogCompoundComponent = typeof AlertDialogRoot & {
     Trigger: typeof Dialog.Trigger;
-    Content: typeof Dialog.Content;
+    Popup: typeof Dialog.Popup;
     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":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAMzD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;CAAG;AAEhE,QAAA,MAAM,eAAe,mFAqBpB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,qFAgBtB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,qFAmBtB,CAAC;AAOF,KAAK,4BAA4B,GAAG,OAAO,eAAe,GAAG;IAC3D,OAAO,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IAC/B,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC3B,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC3B,WAAW,EAAE,OAAO,MAAM,CAAC,WAAW,CAAC;IACvC,OAAO,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IAC/B,IAAI,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC3B,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,MAAM,EAAE,OAAO,iBAAiB,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,WAAW,EAYlB,4BAA4B,CAAC"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAClG,OAAO,EAAgB,KAAK,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE7F,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EACL,KAAK,kBAAkB,EAMxB,MAAM,UAAU,CAAC;AAoBlB,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,EAAE,kBAAkB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,8FAgBf,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,iBAAiB;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,oGAWf,CAAC;AAQH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAgBf,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU;qCAAoC,eAAe;;CAKlE,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGAgBhB,CAAC;AAQF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAKb,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAClG,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EACL,KAAK,kBAAkB,EAMxB,MAAM,UAAU,CAAC;AAgClB,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,EAAE,kBAAkB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,8FAqBf,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,iBAAiB;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,oGAyChB,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,kGAuBf,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU;8CAA6C,eAAe;;CAyB3E,CAAC;AAQF;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW,mGAkBhB,CAAC;AAQF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAKb,uBAAuB,CAAC;AAE9B,YAAY,EAAE,kBAAkB,EAAE,CAAC"}