@cdx-ui/primitives 0.0.1-alpha.9 → 0.0.1-beta.2

package/lib/typescript/otp-input/types.d.ts

@@ -0,0 +1,75 @@
+import type React from 'react';
+import type { ReactNode } from 'react';
+import type { TextInputProps, ViewProps } from 'react-native';
+export interface IOtpInputRootProps extends ViewProps {
+    /** Number of OTP cells (fixed). */
+    cellCount: number;
+    /** Controlled value: characters in order, length 0..`cellCount` (prefix fill). */
+    value: string;
+    onChangeText: (value: string) => void;
+    /**
+     * Called when the code is ready to verify again:
+     * - `value` becomes full (`length === cellCount`) after being shorter, or
+     * - `value` stays full but the string changes (user corrected a digit without dropping below full length).
+     * Does not fire on mount when `value` is already full and unchanged, nor on re-renders with the same full `value`.
+     */
+    onComplete?: () => void;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    /** When false, no SMS / Web OTP autofill hints on the first cell. @default true */
+    smsOtpAutofill?: boolean;
+    /**
+     * Override default digit-only filtering.
+     * Takes priority over `allowedCharacters` and `characterPattern` when truthy.
+     * Does not change the default `keyboardType` (`number-pad`); use `getCellProps` if the allowed
+     * character set needs a different keyboard.
+     */
+    filterInput?: (input: string) => string;
+    /**
+     * Keep only characters present in this string (treated as a set of code units).
+     * Used when `filterInput` is not provided. Takes priority over `characterPattern`.
+     * Default keyboard remains numeric; use `getCellProps` to set `keyboardType` when allowing letters/symbols.
+     */
+    allowedCharacters?: string;
+    /**
+     * Keep only characters matching this pattern (tested per code unit).
+     * Used when neither `filterInput` nor `allowedCharacters` is provided.
+     * Default keyboard remains numeric; use `getCellProps` to set `keyboardType` for non-digit input.
+     */
+    characterPattern?: RegExp;
+    /**
+     * Spread onto each cell after built-in field props (including `keyboardType="number-pad"`),
+     * so consumers can override `keyboardType`, `autoCapitalize`, etc. for non-digit OTPs.
+     */
+    getCellProps?: (index: number) => Partial<TextInputProps>;
+    /** Optional prefix for `testID` on each field: `${cellTestIdPrefix}:${index}:...` */
+    cellTestIdPrefix?: string;
+}
+export interface IOtpInputCellProps extends ViewProps {
+    children?: ReactNode;
+}
+export type IOtpInputFieldProps = TextInputProps;
+export interface OtpInputCellIndexContextValue {
+    cellIndex: number;
+}
+export interface OtpInputContextValue {
+    cellCount: number;
+    value: string;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    isReadOnly: boolean;
+    smsOtpAutofill: boolean;
+    filter: (input: string) => string;
+    getCellProps?: (index: number) => Partial<TextInputProps>;
+    cellTestIdPrefix?: string;
+    rootAccessibilityLabel?: string;
+    setFieldRef: (index: number, el: import('react-native').TextInput | null) => void;
+    handleFieldChange: (index: number, text: string) => void;
+    handleFieldKeyPress: (index: number, key: string) => void;
+}
+export type IOtpInputComponentType<RootProps, CellProps, FieldProps, RootRef = unknown, FieldRef = unknown> = React.ForwardRefExoticComponent<React.PropsWithoutRef<RootProps & IOtpInputRootProps> & React.RefAttributes<RootRef>> & {
+    Cell: React.ForwardRefExoticComponent<React.PropsWithoutRef<CellProps & IOtpInputCellProps> & React.RefAttributes<unknown>>;
+    Field: React.ForwardRefExoticComponent<React.PropsWithoutRef<FieldProps & IOtpInputFieldProps> & React.RefAttributes<FieldRef>>;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/otp-input/types.d.ts.map

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

package/lib/typescript/otp-input/utils/applyValueChange.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Pure OTP value transition for a controlled prefix string (no explicit empty slots).
+ * - Single-character edits use index-based replace/append (no reorder).
+ * - Multi-character input (paste/autofill) writes at `index` forward, then packs left.
+ */
+export declare function applyOtpInputChange(value: string, index: number, rawText: string, cellCount: number, filter: (input: string) => string): {
+    nextValue: string;
+    focusIndex: number;
+};
+//# sourceMappingURL=applyValueChange.d.ts.map

package/lib/typescript/otp-input/utils/applyValueChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyValueChange.d.ts","sourceRoot":"","sources":["../../../../src/otp-input/utils/applyValueChange.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAChC;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CA4C3C"}

package/lib/typescript/otp-input/utils/filterValue.d.ts

@@ -0,0 +1,7 @@
+/** Strip to digits (default OTP behavior). */
+export declare function filterDigits(input: string): string;
+/** Keep only characters present in `allowed` (treat as a set of UTF-16 code units). */
+export declare function filterAllowedCharacters(allowed: string): (input: string) => string;
+/** Keep only characters matching `re` (tested per UTF-16 code unit). */
+export declare function filterByRegExp(re: RegExp): (input: string) => string;
+//# sourceMappingURL=filterValue.d.ts.map

package/lib/typescript/otp-input/utils/filterValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterValue.d.ts","sourceRoot":"","sources":["../../../../src/otp-input/utils/filterValue.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD;AAED,uFAAuF;AACvF,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,IAK7C,OAAO,MAAM,YAUtB;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,IAC/B,OAAO,MAAM,YAWtB"}

package/lib/typescript/overlay/OverlayContainer.d.ts

@@ -12,7 +12,11 @@ export interface OverlayContainerProps {
  * Cross-platform overlay container.
  *
  * - Web: renders children into a `createPortal` at `document.body` with
- *   `position: fixed` and `zIndex: 50`.
+ *   `position: fixed` and `zIndex: 50`. Uses a plain `View` rather than
+ *   Reanimated's `Animated.View` because Reanimated's layout animations
+ *   (`entering`/`exiting`) rely on `require()` calls that break silently
+ *   in Vite production bundles, leaving elements stuck at opacity 0.
+ *   See: https://github.com/software-mansion/react-native-reanimated/issues/6775
  * - Native: renders children inside a transparent `<Modal>` with a
  *   backdrop `<Pressable>` that calls `onDismiss` on press.
  *

package/lib/typescript/overlay/OverlayContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayContainer.d.ts","sourceRoot":"","sources":["../../../src/overlay/OverlayContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAW/E,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CA+BjC"}
+{"version":3,"file":"OverlayContainer.d.ts","sourceRoot":"","sources":["../../../src/overlay/OverlayContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAG/E,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CAyBjC"}

package/lib/typescript/overlay/index.d.ts

@@ -2,5 +2,6 @@ export { OverlayContainer } from './OverlayContainer';
 export type { OverlayContainerProps } from './OverlayContainer';
 export { useAnchorPosition, type AnchorLayout } from './useAnchorPosition';
 export { useDismissOverlay } from './useDismissOverlay';
+export { useEscapeKey } from './useEscapeKey';
 export { useOverlayPosition, type OverlayPosition, OverlayInsetsProvider, type EdgeInsets, } from './useOverlayPosition';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,kBAAkB,EAClB,KAAK,eAAe,EACpB,qBAAqB,EACrB,KAAK,UAAU,GAChB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,KAAK,eAAe,EACpB,qBAAqB,EACrB,KAAK,UAAU,GAChB,MAAM,sBAAsB,CAAC"}

package/lib/typescript/overlay/useEscapeKey.d.ts

@@ -0,0 +1,6 @@
+/**
+ * No-op on native — Escape key dismissal is not applicable.
+ * Native uses the system back gesture / hardware button via Modal.
+ */
+export declare function useEscapeKey(_open: boolean, _onEscape: () => void): void;
+//# sourceMappingURL=useEscapeKey.d.ts.map

package/lib/typescript/overlay/useEscapeKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscapeKey.d.ts","sourceRoot":"","sources":["../../../src/overlay/useEscapeKey.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,QAAI"}

package/lib/typescript/overlay/useEscapeKey.web.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Closes an overlay when the user presses the Escape key.
+ * Web-only — native platforms use Modal's `onRequestClose` for back/dismiss.
+ */
+export declare function useEscapeKey(open: boolean, onEscape: () => void): void;
+//# sourceMappingURL=useEscapeKey.web.d.ts.map

package/lib/typescript/overlay/useEscapeKey.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscapeKey.web.d.ts","sourceRoot":"","sources":["../../../src/overlay/useEscapeKey.web.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,QAoB/D"}

package/lib/typescript/progress/context.d.ts

@@ -0,0 +1,13 @@
+import type { ProgressDataState } from './types';
+export interface ProgressContextValue {
+    /** Clamped value in [0, max], or null when indeterminate */
+    readonly value: number | null;
+    readonly max: number;
+    readonly percent: number;
+    readonly state: ProgressDataState;
+}
+export declare const ProgressProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: ProgressContextValue;
+}>, useProgressContext: () => ProgressContextValue;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/progress/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/progress/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,WAAW,oBAAoB;IACnC,4DAA4D;IAC5D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC;CACnC;AAED,eAAO,MAAO,gBAAgB;;;IAAE,kBAAkB,4BACM,CAAC"}

package/lib/typescript/progress/createProgressIndicator.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+export declare const createProgressIndicator: <T, R = unknown>(BaseIndicator: React.ComponentType<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithoutRef<T>> & React.RefAttributes<R>>;
+//# sourceMappingURL=createProgressIndicator.d.ts.map

package/lib/typescript/progress/createProgressIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createProgressIndicator.d.ts","sourceRoot":"","sources":["../../../src/progress/createProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,uBAAuB,GAAI,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,eAAe,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,8GA0BzF,CAAC"}

package/lib/typescript/progress/createProgressRoot.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { InterfaceProgressProps } from './types';
+export declare const createProgressRoot: <T, R = unknown>(BaseRoot: React.ComponentType<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithoutRef<T> & InterfaceProgressProps> & React.RefAttributes<R>>;
+//# sourceMappingURL=createProgressRoot.d.ts.map

package/lib/typescript/progress/createProgressRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createProgressRoot.d.ts","sourceRoot":"","sources":["../../../src/progress/createProgressRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAqB,MAAM,SAAS,CAAC;AA8BzE,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,uIA0E/E,CAAC"}

package/lib/typescript/progress/index.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import type { IProgressComponentType } from './types';
+export type { IProgressProps, IProgressComponentType, ProgressDataState } from './types';
+export type { ProgressContextValue } from './context';
+export { useProgressContext } from './context';
+export declare function createProgress<RootProps, IndicatorProps, RootRef = unknown, IndicatorRef = unknown>(components: {
+    Root: React.ComponentType<RootProps>;
+    Indicator: React.ComponentType<IndicatorProps>;
+}): IProgressComponentType<RootProps, IndicatorProps, RootRef, IndicatorRef>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACzF,YAAY,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,wBAAgB,cAAc,CAC5B,SAAS,EACT,cAAc,EACd,OAAO,GAAG,OAAO,EACjB,YAAY,GAAG,OAAO,EACtB,UAAU,EAAE;IACZ,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;CAChD,GASO,sBAAsB,CAAC,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,CAAC,CAC/E"}

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

@@ -0,0 +1,25 @@
+import type { ForwardRefExoticComponent, PropsWithoutRef, ReactNode, RefAttributes } from 'react';
+import type { ViewProps } from 'react-native';
+export type ProgressDataState = 'complete' | 'indeterminate' | 'loading';
+export interface InterfaceProgressProps extends Omit<ViewProps, 'children'> {
+    /**
+     * Current value in the range [0, max], or `null` for indeterminate progress.
+     * Omit or use a number for determinate progress; default is `0`.
+     */
+    readonly value?: number | null;
+    /**
+     * Maximum value (minimum is always 0).
+     * @default 100
+     */
+    readonly max?: number;
+    /**
+     * Optional label for `accessibilityValue.text` when determinate.
+     */
+    readonly getValueLabel?: (value: number, max: number) => string;
+    readonly children?: ReactNode;
+}
+export type IProgressComponentType<RootProps, IndicatorProps, RootRef = unknown, IndicatorRef = unknown> = ForwardRefExoticComponent<PropsWithoutRef<RootProps & InterfaceProgressProps> & RefAttributes<RootRef>> & {
+    Indicator: ForwardRefExoticComponent<PropsWithoutRef<IndicatorProps> & RefAttributes<IndicatorRef>>;
+};
+export type IProgressProps = InterfaceProgressProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,eAAe,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAChE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,sBAAsB,CAChC,SAAS,EACT,cAAc,EACd,OAAO,GAAG,OAAO,EACjB,YAAY,GAAG,OAAO,IACpB,yBAAyB,CAC3B,eAAe,CAAC,SAAS,GAAG,sBAAsB,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CAC7E,GAAG;IACF,SAAS,EAAE,yBAAyB,CAClC,eAAe,CAAC,cAAc,CAAC,GAAG,aAAa,CAAC,YAAY,CAAC,CAC9D,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC"}

package/lib/typescript/select/context.d.ts

@@ -1,17 +1,24 @@
-import type { InteractionState, SelectContextValue, SelectItemInteractionState } from './types';
-export declare const SelectContext: import("react").Context<SelectContextValue>;
-export declare const useSelectContext: () => SelectContextValue;
+import type { InteractionState } from '../types';
+import type { SelectContextValue, SelectItemInteractionState } from './types';
+export declare const SelectProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: SelectContextValue;
+}>, useSelectContext: () => SelectContextValue;
 /**
  * Propagates the trigger's interaction state (hover, focus, active, etc.) to
  * child components like SelectValue and SelectIcon so they can apply matching
  * data-attribute styles.
  */
-export declare const SelectTriggerContext: import("react").Context<InteractionState>;
-export declare const useSelectTriggerContext: () => InteractionState;
+export declare const SelectTriggerProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: InteractionState;
+}>, useSelectTriggerContext: () => InteractionState;
 /**
  * Propagates the item's interaction and selection state (hover, focus, active,
  * highlighted, checked, etc.) to child components like SelectItemLabel.
  */
-export declare const SelectItemContext: import("react").Context<SelectItemInteractionState>;
-export declare const useSelectItemContext: () => SelectItemInteractionState;
+export declare const SelectItemProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: SelectItemInteractionState;
+}>, useSelectItemContext: () => SelectItemInteractionState;
 //# sourceMappingURL=context.d.ts.map

package/lib/typescript/select/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/select/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAqBhG,eAAO,MAAM,aAAa,6CAAyD,CAAC;AAEpF,eAAO,MAAM,gBAAgB,0BAAkC,CAAC;AAEhE;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,2CAM/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,wBAAyC,CAAC;AAE9E;;;GAGG;AACH,eAAO,MAAM,iBAAiB,qDAQ5B,CAAC;AAEH,eAAO,MAAM,oBAAoB,kCAAsC,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/select/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE9E,eAAO,MAAO,cAAc;;;IAAE,gBAAgB,0BACM,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAO,qBAAqB;;;IAAE,uBAAuB,wBACH,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAO,kBAAkB;;;IAAE,oBAAoB,kCACU,CAAC"}

package/lib/typescript/select/createSelectRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,iFA0HlE,CAAC"}
+{"version":3,"file":"createSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,iFA8HlE,CAAC"}

package/lib/typescript/select/createSelectTrigger.d.ts

@@ -1,12 +1,7 @@
 import type React from 'react';
+import type { InteractionState } from '../types';
 import type { ISelectTriggerProps } from './types';
 export declare const createSelectTrigger: <T>(BaseTrigger: React.ComponentType<T>) => React.ForwardRefExoticComponent<Omit<ISelectTriggerProps, "children"> & {
-    children?: (({ hovered, pressed, focused, focusVisible, disabled, }: {
-        hovered?: boolean;
-        pressed?: boolean;
-        focused?: boolean;
-        focusVisible?: boolean;
-        disabled?: boolean;
-    }) => React.ReactNode) | React.ReactNode;
+    children?: ((state: InteractionState) => React.ReactNode) | React.ReactNode;
 } & React.RefAttributes<unknown>>;
 //# sourceMappingURL=createSelectTrigger.d.ts.map

package/lib/typescript/select/createSelectTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,aAAa,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;eAa/D,CAAC,CAAC,EACA,OAAO,EACP,OAAO,EACP,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,EAAE;QACD,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC,GACtB,KAAK,CAAC,SAAS;iCA2JxB,CAAC"}
+{"version":3,"file":"createSelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,aAAa,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;eAaxD,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS;iCAiMhF,CAAC"}

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

@@ -2,7 +2,6 @@ import type { PropsWithoutRef, ReactNode, RefAttributes, RefObject } from 'react
 import type { PressableProps, ViewProps } from 'react-native';
 import type { EntryOrExitLayoutType } from 'react-native-reanimated';
 import type { InteractionState } from '../types';
-export type { InteractionState };
 export interface SelectItemInteractionState extends InteractionState {
     highlighted: boolean;
     checked: boolean;
@@ -29,6 +28,8 @@ export interface ISelectTriggerProps extends PressableProps {
     isFocused?: boolean;
     isFocusVisible?: boolean;
     isDisabled?: boolean;
+    /** @platform web — merged with form field helper/error ids */
+    'aria-describedby'?: string;
 }
 export interface ISelectValueProps {
     placeholder?: string;
@@ -79,6 +80,8 @@ export interface SelectContextValue {
     activeValue: string | undefined;
     setActiveValue: (value: string | undefined) => void;
     accessibilityLabel: string | undefined;
+    /** From `Form.Field` via `useFormControl` on the select root (helper/error `aria-describedby`). */
+    ariaDescribedBy?: string;
 }
 export type ISelectComponentType<RootProps, TriggerProps, ValueProps, IconProps, ContentProps, ItemProps, ItemLabelProps, TriggerRef = unknown, ValueRef = unknown> = React.ForwardRefExoticComponent<PropsWithoutRef<RootProps & ISelectProps> & RefAttributes<unknown>> & {
     Trigger: React.ForwardRefExoticComponent<PropsWithoutRef<TriggerProps & ISelectTriggerProps> & RefAttributes<TriggerRef>>;

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

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

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

@@ -0,0 +1,11 @@
+import type React from 'react';
+type CreatePortalFn = (children: React.ReactNode, container: Element) => React.ReactPortal;
+/**
+ * A reference to `ReactDOM.createPortal` on web, `undefined` on native.
+ *
+ * Loaded lazily via `require` so that native bundles never reference
+ * `react-dom`, which would cause a build error on native platforms.
+ */
+export declare const createPortalFn: CreatePortalFn | undefined;
+export {};
+//# sourceMappingURL=createPortal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createPortal.d.ts","sourceRoot":"","sources":["../../../src/utils/createPortal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,cAAc,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,KAAK,KAAK,CAAC,WAAW,CAAC;AAE3F;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,GAAG,SAQ1C,CAAC"}

package/lib/typescript/utils/dataAttributes.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataAttributes.web.d.ts","sourceRoot":"","sources":["../../../src/utils/dataAttributes.web.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,KAAK,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,GAAG;IACzE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;CAC3C,CAUA"}
+{"version":3,"file":"dataAttributes.web.d.ts","sourceRoot":"","sources":["../../../src/utils/dataAttributes.web.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,KAAK,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,GAAG;IACzE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;CAC3C,CAQA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.0.1-alpha.9",
+  "version": "0.0.1-beta.2",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -25,7 +25,12 @@
     "targets": [
       "commonjs",
       "module",
-      "typescript"
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
     ]
   },
   "peerDependencies": {
@@ -52,7 +57,7 @@
     "@react-native-aria/interactions": "^0.2.16",
     "@react-stately/checkbox": "3.7.4",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/utils": "0.0.1-alpha.9"
+    "@cdx-ui/utils": "0.0.1-beta.2"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/avatar/context.tsx

@@ -0,0 +1,5 @@
+import { createContext } from '@cdx-ui/utils';
+import type { IAvatarContextValue } from './types';
+
+export const [AvatarProvider, useAvatarContext] =
+  createContext<IAvatarContextValue>('AvatarContext');

package/src/avatar/createAvatarBadge.tsx

@@ -0,0 +1,12 @@
+import type React from 'react';
+import { forwardRef } from 'react';
+import type { IAvatarBadgeProps } from './types';
+
+export const createAvatarBadge = <T,>(BaseBadge: React.ComponentType<T>) =>
+  forwardRef<unknown, IAvatarBadgeProps>(({ children, ...props }, ref) => {
+    return (
+      <BaseBadge ref={ref} {...(props as T)}>
+        {children}
+      </BaseBadge>
+    );
+  });

package/src/avatar/createAvatarIcon.tsx

@@ -0,0 +1,16 @@
+import type React from 'react';
+import { forwardRef } from 'react';
+import { useAvatarContext } from './context';
+import type { IAvatarIconProps } from './types';
+
+export const createAvatarIcon = <T,>(BaseIcon: React.ComponentType<T>) =>
+  forwardRef<unknown, IAvatarIconProps>(({ children, style, ...props }, ref) => {
+    const { imageLoaded, imageError } = useAvatarContext();
+    const visible = !imageLoaded || imageError;
+
+    return (
+      <BaseIcon ref={ref} style={[style, !visible && { opacity: 0 }]} {...(props as T)}>
+        {children}
+      </BaseIcon>
+    );
+  });

package/src/avatar/createAvatarImage.tsx

@@ -0,0 +1,40 @@
+import type React from 'react';
+import { forwardRef, useEffect, useMemo } from 'react';
+import { useAvatarContext } from './context';
+import type { IAvatarImageProps } from './types';
+
+export const createAvatarImage = <T,>(BaseImage: React.ComponentType<T>) =>
+  forwardRef<unknown, IAvatarImageProps>(({ src, source, onLoad, onError, ...props }, ref) => {
+    const { imageError, setImageLoaded, setImageError } = useAvatarContext();
+
+    const resolvedSource = useMemo(() => (src ? { uri: src } : source), [src, source]);
+
+    useEffect(() => {
+      if (!resolvedSource) {
+        setImageError(true);
+      } else {
+        setImageError(false);
+        setImageLoaded(false);
+      }
+    }, [resolvedSource, setImageError, setImageLoaded]);
+
+    if (!resolvedSource || imageError) {
+      return null;
+    }
+
+    return (
+      <BaseImage
+        ref={ref}
+        source={resolvedSource}
+        onLoad={(e: unknown) => {
+          setImageLoaded(true);
+          (onLoad as (e: unknown) => void)?.(e);
+        }}
+        onError={(e: unknown) => {
+          setImageError(true);
+          (onError as (e: unknown) => void)?.(e);
+        }}
+        {...(props as T)}
+      />
+    );
+  });

package/src/avatar/createAvatarRoot.tsx

@@ -0,0 +1,23 @@
+import type React from 'react';
+import { forwardRef, useMemo, useState } from 'react';
+import { AvatarProvider } from './context';
+import type { IAvatarProps } from './types';
+
+export const createAvatarRoot = <T,>(BaseAvatar: React.ComponentType<T>) =>
+  forwardRef<unknown, IAvatarProps>(({ children, ...props }, ref) => {
+    const [imageLoaded, setImageLoaded] = useState(false);
+    const [imageError, setImageError] = useState(false);
+
+    const contextValue = useMemo(
+      () => ({ imageLoaded, imageError, setImageLoaded, setImageError }),
+      [imageLoaded, imageError],
+    );
+
+    return (
+      <AvatarProvider value={contextValue}>
+        <BaseAvatar ref={ref} role="img" accessibilityRole="image" {...(props as T)}>
+          {children}
+        </BaseAvatar>
+      </AvatarProvider>
+    );
+  });

package/src/avatar/createAvatarText.tsx

@@ -0,0 +1,30 @@
+import type React from 'react';
+import { forwardRef } from 'react';
+import { useAvatarContext } from './context';
+import type { IAvatarTextProps } from './types';
+
+function getInitials(name: string): string {
+  const words = name.trim().split(/\s+/);
+  let result = '';
+  for (const word of words) {
+    if (word.length > 0) {
+      result += word.charAt(0);
+    }
+    if (result.length >= 2) break;
+  }
+  return result.toUpperCase();
+}
+
+export const createAvatarText = <T,>(BaseText: React.ComponentType<T>) =>
+  forwardRef<unknown, IAvatarTextProps>(({ children, style, ...props }, ref) => {
+    const { imageLoaded, imageError } = useAvatarContext();
+    const visible = !imageLoaded || imageError;
+
+    const text = typeof children === 'string' ? getInitials(children) : children;
+
+    return (
+      <BaseText ref={ref} style={[style, !visible && { opacity: 0 }]} {...(props as T)}>
+        {text}
+      </BaseText>
+    );
+  });

package/src/avatar/index.ts

@@ -0,0 +1,43 @@
+import type React from 'react';
+import { createAvatarBadge } from './createAvatarBadge';
+import { createAvatarIcon } from './createAvatarIcon';
+import { createAvatarText } from './createAvatarText';
+import { createAvatarImage } from './createAvatarImage';
+import { createAvatarRoot } from './createAvatarRoot';
+import type { IAvatarComponentType } from './types';
+
+export type {
+  IAvatarBadgeProps,
+  IAvatarComponentType,
+  IAvatarIconProps,
+  IAvatarTextProps,
+  IAvatarImageProps,
+  IAvatarProps,
+} from './types';
+
+export function createAvatar<Root, Image, Text, Icon, Badge>(BaseComponents: {
+  Root: React.ComponentType<Root>;
+  Image: React.ComponentType<Image>;
+  Text: React.ComponentType<Text>;
+  Icon: React.ComponentType<Icon>;
+  Badge: React.ComponentType<Badge>;
+}) {
+  const Avatar = createAvatarRoot(BaseComponents.Root);
+  const AvatarImage = createAvatarImage(BaseComponents.Image);
+  const Text = createAvatarText(BaseComponents.Text);
+  const AvatarIcon = createAvatarIcon(BaseComponents.Icon);
+  const Badge = createAvatarBadge(BaseComponents.Badge);
+
+  Avatar.displayName = 'AvatarPrimitive';
+  AvatarImage.displayName = 'AvatarPrimitive.Image';
+  Text.displayName = 'AvatarPrimitive.Text';
+  AvatarIcon.displayName = 'AvatarPrimitive.Icon';
+  Badge.displayName = 'AvatarPrimitive.Badge';
+
+  return Object.assign(Avatar, {
+    Image: AvatarImage,
+    Text,
+    Icon: AvatarIcon,
+    Badge,
+  }) as unknown as IAvatarComponentType<Root, Image, Text, Icon, Badge>;
+}