@campxdev/react-native-blueprint 0.1.3 → 0.1.6

package/src/types/rn-primitives.d.ts

@@ -1,70 +1,1427 @@
-declare module '@rn-primitives/*' {
-  import type { ReactNode } from 'react';
-  import type { ViewProps } from 'react-native';
+/**
+ * Type augmentations for @rn-primitives/* packages
+ * This adds className and children support to all primitive components
+ */
+
+import type { ReactNode } from 'react';
+import type { ViewStyle, TextStyle } from 'react-native';
+
+declare global {
+  namespace JSX {
+    interface IntrinsicAttributes {
+      className?: string;
+      children?: React.ReactNode;
+    }
+  }
+}
+
+// Augment the actual primitive exports
+declare module '@rn-primitives/types' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type {
+    Pressable,
+    Text as RNText,
+    View,
+    TextInput,
+    ScrollView,
+  } from 'react-native';
+
+  export type PressableRef = React.ElementRef<typeof Pressable>;
+  export type ViewRef = React.ElementRef<typeof View>;
+  export type TextRef = React.ElementRef<typeof RNText>;
+  export type TextInputRef = React.ElementRef<typeof TextInput>;
+  export type ScrollViewRef = React.ElementRef<typeof ScrollView>;
 
-  export interface PrimitiveProps extends ViewProps {
+  export interface SlottableViewProps
+    extends ComponentPropsWithoutRef<typeof View> {
+    asChild?: boolean;
+    className?: string;
     children?: ReactNode;
+    style?: ViewStyle;
+  }
+
+  export interface SlottableTextProps
+    extends ComponentPropsWithoutRef<typeof RNText> {
+    asChild?: boolean;
     className?: string;
+    children?: ReactNode;
+    style?: TextStyle;
+  }
+
+  export interface SlottablePressableProps
+    extends ComponentPropsWithoutRef<typeof Pressable> {
     asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+    style?: ViewStyle;
   }
 
-  export interface PrimitiveComponentProps {
+  export interface SlottableTextInputProps
+    extends ComponentPropsWithoutRef<typeof TextInput> {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+    style?: TextStyle;
+  }
+
+  export interface SlottableScrollViewProps
+    extends ComponentPropsWithoutRef<typeof ScrollView> {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+    style?: ViewStyle;
+  }
+
+  export interface ForceMountable {
+    forceMount?: true;
+  }
+
+  export interface PositionedContentProps {
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
     children?: ReactNode;
     className?: string;
   }
 }
 
-// Augment specific primitive modules
-declare module '@rn-primitives/accordion' {
-  import type { ReactNode } from 'react';
-  export namespace Accordion {
-    interface RootProps {
-      children?: ReactNode;
-      className?: string;
-    }
-    interface ItemProps {
-      children?: ReactNode;
+// Slot components
+declare module '@rn-primitives/slot' {
+  import type {
+    PressableProps as RNPressableProps,
+    ViewProps as RNViewProps,
+    TextProps as RNTextProps,
+    TextInputProps as RNTextInputProps,
+  } from 'react-native';
+
+  export interface SlotProps extends RNViewProps {
+    children?: React.ReactNode;
+    className?: string;
+  }
+
+  export const Slot: React.ForwardRefExoticComponent<
+    SlotProps & React.RefAttributes<any>
+  >;
+
+  export const Pressable: React.ForwardRefExoticComponent<
+    RNPressableProps & {
       className?: string;
-    }
-    interface HeaderProps {
-      children?: ReactNode;
+      children?: React.ReactNode;
+      cssInterop?: boolean;
+    } & React.RefAttributes<any>
+  >;
+
+  export const Text: React.ForwardRefExoticComponent<
+    RNTextProps & {
       className?: string;
-    }
-    interface TriggerProps {
-      children?: ReactNode;
+      children?: React.ReactNode;
+      cssInterop?: boolean;
+    } & React.RefAttributes<any>
+  >;
+
+  export const View: React.ForwardRefExoticComponent<
+    RNViewProps & {
       className?: string;
-    }
-    interface ContentProps {
-      children?: ReactNode;
+      children?: React.ReactNode;
+      cssInterop?: boolean;
+    } & React.RefAttributes<any>
+  >;
+
+  export const TextInput: React.ForwardRefExoticComponent<
+    RNTextInputProps & {
       className?: string;
-    }
+      children?: React.ReactNode;
+      cssInterop?: boolean;
+    } & React.RefAttributes<any>
+  >;
+}
+
+// Accordion
+declare module '@rn-primitives/accordion' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type ItemRef = React.ElementRef<typeof View>;
+  export type HeaderRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    type: 'single' | 'multiple';
+    collapsible?: boolean;
+    defaultValue?: string | string[];
+    value?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    disabled?: boolean;
+  }
+
+  export interface ItemProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    value: string;
+    disabled?: boolean;
+  }
+
+  export interface HeaderProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    disabled?: boolean;
+  }
+
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    forceMount?: boolean;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Item: React.ForwardRefExoticComponent<ItemProps>;
+  export const Header: React.ForwardRefExoticComponent<HeaderProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentProps>;
+
+  export function useItemContext(): { isExpanded: boolean; disabled: boolean };
+}
+
+// Alert Dialog
+declare module '@rn-primitives/alert-dialog' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable, Text } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type PortalRef = React.ElementRef<typeof View>;
+  export type OverlayRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof View>;
+  export type TitleRef = React.ElementRef<typeof Text>;
+  export type DescriptionRef = React.ElementRef<typeof Text>;
+  export type ActionRef = React.ElementRef<typeof Pressable>;
+  export type CancelRef = React.ElementRef<typeof Pressable>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps extends BaseProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+  }
+
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface PortalProps extends BaseProps {
+    hostName?: string;
+    container?: React.RefObject<View>;
+  }
+  export interface OverlayProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    forceMount?: boolean;
+    closeOnPress?: boolean;
+  }
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    forceMount?: boolean;
+    alignOffset?: number;
+    insets?: { top?: number; bottom?: number; left?: number; right?: number };
+    avoidCollisions?: boolean;
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
   }
+  export interface TitleProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {}
+  export interface DescriptionProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {}
+  export interface ActionProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface CancelProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Portal: React.ForwardRefExoticComponent<PortalProps>;
+  export const Overlay: React.ForwardRefExoticComponent<OverlayProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentRef>;
+  export const Title: React.ForwardRefExoticComponent<TitleProps>;
+  export const Description: React.ForwardRefExoticComponent<DescriptionProps>;
+  export const Action: React.ForwardRefExoticComponent<ActionProps>;
+  export const Cancel: React.ForwardRefExoticComponent<CancelProps>;
 }
 
+// Dialog
 declare module '@rn-primitives/dialog' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable, Text } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type PortalRef = React.ElementRef<typeof View>;
+  export type OverlayRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof View>;
+  export type TitleRef = React.ElementRef<typeof Text>;
+  export type DescriptionRef = React.ElementRef<typeof Text>;
+  export type CloseRef = React.ElementRef<typeof Pressable>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps extends BaseProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    modal?: boolean;
+  }
+
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface PortalProps extends BaseProps {
+    hostName?: string;
+    container?: React.RefObject<View>;
+  }
+  export interface OverlayProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    forceMount?: boolean;
+    closeOnPress?: boolean;
+  }
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    forceMount?: boolean;
+    alignOffset?: number;
+    insets?: { top?: number; bottom?: number; left?: number; right?: number };
+    avoidCollisions?: boolean;
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+  }
+  export interface TitleProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {}
+  export interface DescriptionProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {}
+  export interface CloseProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Portal: React.ForwardRefExoticComponent<PortalProps>;
+  export const Overlay: React.ForwardRefExoticComponent<OverlayProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentProps>;
+  export const Title: React.ForwardRefExoticComponent<TitleProps>;
+  export const Description: React.ForwardRefExoticComponent<DescriptionProps>;
+  export const Close: React.ForwardRefExoticComponent<CloseProps>;
+}
+
+// Checkbox
+declare module '@rn-primitives/checkbox' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { Pressable, View } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof Pressable>;
+  export type IndicatorRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    checked?: boolean | 'indeterminate';
+    onCheckedChange?: (checked: boolean | 'indeterminate') => void;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    value?: string;
+  }
+
+  export interface IndicatorProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    forceMount?: boolean;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Indicator: React.ForwardRefExoticComponent<IndicatorProps>;
+
+  export function useRootContext(): {
+    checked: boolean | 'indeterminate';
+    disabled: boolean;
+  };
+}
+
+// Context Menu
+declare module '@rn-primitives/context-menu' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable, Text } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type PortalRef = React.ElementRef<typeof View>;
+  export type OverlayRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof View>;
+  export type ItemRef = React.ElementRef<typeof Pressable>;
+  export type GroupRef = React.ElementRef<typeof View>;
+  export type LabelRef = React.ElementRef<typeof Text>;
+  export type CheckboxItemRef = React.ElementRef<typeof Pressable>;
+  export type RadioItemRef = React.ElementRef<typeof Pressable>;
+  export type RadioGroupRef = React.ElementRef<typeof View>;
+  export type ItemIndicatorRef = React.ElementRef<typeof View>;
+  export type SeparatorRef = React.ElementRef<typeof View>;
+  export type SubRef = React.ElementRef<typeof View>;
+  export type SubTriggerRef = React.ElementRef<typeof Pressable>;
+  export type SubContentRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps extends BaseProps {
+    onOpenChange?: (open: boolean) => void;
+  }
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface PortalProps extends BaseProps {}
+  export interface OverlayProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+  }
+  export interface ItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    disabled?: boolean;
+    textValue?: string;
+    onSelect?: () => void;
+  }
+  export interface GroupProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface LabelProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {}
+  export interface CheckboxItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    textValue?: string;
+  }
+  export interface RadioItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    value: string;
+    disabled?: boolean;
+    textValue?: string;
+  }
+  export interface RadioGroupProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+  }
+  export interface ItemIndicatorProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface SeparatorProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface SubProps extends BaseProps {}
+  export interface SubTriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface SubContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Portal: React.ForwardRefExoticComponent<PortalProps>;
+  export const Overlay: React.ForwardRefExoticComponent<OverlayProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentProps>;
+  export const Item: React.ForwardRefExoticComponent<ItemProps>;
+  export const Group: React.ForwardRefExoticComponent<GroupProps>;
+  export const Label: React.ForwardRefExoticComponent<LabelProps>;
+  export const CheckboxItem: React.ForwardRefExoticComponent<CheckboxItemProps>;
+  export const RadioItem: React.ForwardRefExoticComponent<RadioItemProps>;
+  export const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps>;
+  export const ItemIndicator: React.ForwardRefExoticComponent<ItemIndicatorProps>;
+  export const Separator: React.ForwardRefExoticComponent<SeparatorProps>;
+  export const Sub: React.ForwardRefExoticComponent<SubProps>;
+  export const SubTrigger: React.ForwardRefExoticComponent<SubTriggerProps>;
+  export const SubContent: React.ForwardRefExoticComponent<SubContentProps>;
+}
+
+// Dropdown Menu
+declare module '@rn-primitives/dropdown-menu' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable, Text } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type PortalRef = React.ElementRef<typeof View>;
+  export type OverlayRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof View>;
+  export type ItemRef = React.ElementRef<typeof Pressable>;
+  export type GroupRef = React.ElementRef<typeof View>;
+  export type LabelRef = React.ElementRef<typeof Text>;
+  export type CheckboxItemRef = React.ElementRef<typeof Pressable>;
+  export type RadioItemRef = React.ElementRef<typeof Pressable>;
+  export type RadioGroupRef = React.ElementRef<typeof View>;
+  export type ItemIndicatorRef = React.ElementRef<typeof View>;
+  export type SeparatorRef = React.ElementRef<typeof View>;
+  export type SubRef = React.ElementRef<typeof View>;
+  export type SubTriggerRef = React.ElementRef<typeof Pressable>;
+  export type SubContentRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps extends BaseProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+  }
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface PortalProps extends BaseProps {}
+  export interface OverlayProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+  }
+  export interface ItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    disabled?: boolean;
+    textValue?: string;
+    onSelect?: () => void;
+  }
+  export interface GroupProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface LabelProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {}
+  export interface CheckboxItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    textValue?: string;
+  }
+  export interface RadioItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    value: string;
+    disabled?: boolean;
+    textValue?: string;
+  }
+  export interface RadioGroupProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+  }
+  export interface ItemIndicatorProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface SeparatorProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface SubProps extends BaseProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+  }
+  export interface SubTriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface SubContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Portal: React.ForwardRefExoticComponent<PortalProps>;
+  export const Overlay: React.ForwardRefExoticComponent<OverlayProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentProps>;
+  export const Item: React.ForwardRefExoticComponent<ItemProps>;
+  export const Group: React.ForwardRefExoticComponent<GroupProps>;
+  export const Label: React.ForwardRefExoticComponent<LabelProps>;
+  export const CheckboxItem: React.ForwardRefExoticComponent<CheckboxItemProps>;
+  export const RadioItem: React.ForwardRefExoticComponent<RadioItemProps>;
+  export const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps>;
+  export const ItemIndicator: React.ForwardRefExoticComponent<ItemIndicatorProps>;
+  export const Separator: React.ForwardRefExoticComponent<SeparatorProps>;
+  export const Sub: React.ForwardRefExoticComponent<SubProps>;
+  export const SubTrigger: React.ForwardRefExoticComponent<SubTriggerProps>;
+  export const SubContent: React.ForwardRefExoticComponent<SubContentProps>;
+}
+
+// Hover Card
+declare module '@rn-primitives/hover-card' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type PortalRef = React.ElementRef<typeof View>;
+  export type OverlayRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps extends BaseProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+  }
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface PortalProps extends BaseProps {}
+  export interface OverlayProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Portal: React.ForwardRefExoticComponent<PortalProps>;
+  export const Overlay: React.ForwardRefExoticComponent<OverlayProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentProps>;
+}
+
+// Label
+declare module '@rn-primitives/label' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { Text } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof Text>;
+
+  export interface RootProps extends ComponentPropsWithoutRef<typeof Text> {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    nativeID?: string;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const useRootContext: () => { nativeID: string | undefined };
+}
+
+// Menubar
+declare module '@rn-primitives/menubar' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable, Text } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type MenuRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type PortalRef = React.ElementRef<typeof View>;
+  export type OverlayRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof View>;
+  export type ItemRef = React.ElementRef<typeof Pressable>;
+  export type GroupRef = React.ElementRef<typeof View>;
+  export type LabelRef = React.ElementRef<typeof Text>;
+  export type CheckboxItemRef = React.ElementRef<typeof Pressable>;
+  export type RadioItemRef = React.ElementRef<typeof Pressable>;
+  export type RadioGroupRef = React.ElementRef<typeof View>;
+  export type ItemIndicatorRef = React.ElementRef<typeof View>;
+  export type SeparatorRef = React.ElementRef<typeof View>;
+  export type SubRef = React.ElementRef<typeof View>;
+  export type SubTriggerRef = React.ElementRef<typeof Pressable>;
+  export type SubContentRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    value?: string;
+    onValueChange?: (value: string | undefined) => void;
+  }
+  export interface MenuProps extends BaseProps {
+    value: string;
+  }
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface PortalProps extends BaseProps {}
+  export interface OverlayProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    overlayStyle?: any;
+  }
+  export interface ItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    disabled?: boolean;
+    textValue?: string;
+    onSelect?: () => void;
+  }
+  export interface GroupProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface LabelProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {}
+  export interface CheckboxItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    textValue?: string;
+  }
+  export interface RadioItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    value: string;
+    disabled?: boolean;
+    textValue?: string;
+  }
+  export interface RadioGroupProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+  }
+  export interface ItemIndicatorProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface SeparatorProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface SubProps extends BaseProps {}
+  export interface SubTriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface SubContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Menu: React.ForwardRefExoticComponent<MenuProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Portal: React.ForwardRefExoticComponent<PortalProps>;
+  export const Overlay: React.ForwardRefExoticComponent<OverlayProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentProps>;
+  export const Item: React.ForwardRefExoticComponent<ItemProps>;
+  export const Group: React.ForwardRefExoticComponent<GroupProps>;
+  export const Label: React.ForwardRefExoticComponent<LabelProps>;
+  export const CheckboxItem: React.ForwardRefExoticComponent<CheckboxItemProps>;
+  export const RadioItem: React.ForwardRefExoticComponent<RadioItemProps>;
+  export const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps>;
+  export const ItemIndicator: React.ForwardRefExoticComponent<ItemIndicatorProps>;
+  export const Separator: React.ForwardRefExoticComponent<SeparatorProps>;
+  export const Sub: React.ForwardRefExoticComponent<SubProps>;
+  export const SubTrigger: React.ForwardRefExoticComponent<SubTriggerProps>;
+  export const SubContent: React.ForwardRefExoticComponent<SubContentProps>;
+}
+
+// Popover
+declare module '@rn-primitives/popover' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type PortalRef = React.ElementRef<typeof View>;
+  export type OverlayRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof View>;
+  export type CloseRef = React.ElementRef<typeof Pressable>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps extends BaseProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+  }
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface PortalProps extends BaseProps {}
+  export interface OverlayProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    closeOnPress?: boolean;
+  }
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+  }
+  export interface CloseProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Portal: React.ForwardRefExoticComponent<PortalProps>;
+  export const Overlay: React.ForwardRefExoticComponent<OverlayProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentProps>;
+  export const Close: React.ForwardRefExoticComponent<CloseProps>;
+}
+
+// Progress
+declare module '@rn-primitives/progress' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type IndicatorRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    value?: number | null;
+    max?: number;
+  }
+
+  export interface IndicatorProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Indicator: React.ForwardRefExoticComponent<IndicatorProps>;
+
+  export function useRootContext(): { value: number | null; max: number };
+}
+
+// Radio Group
+declare module '@rn-primitives/radio-group' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type ItemRef = React.ElementRef<typeof Pressable>;
+  export type IndicatorRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+  }
+
+  export interface ItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    value: string;
+    disabled?: boolean;
+  }
+
+  export interface IndicatorProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Item: React.ForwardRefExoticComponent<ItemProps>;
+  export const Indicator: React.ForwardRefExoticComponent<IndicatorProps>;
+
+  export function useRootContext(): {
+    value: string | undefined;
+    disabled: boolean;
+  };
+  export function useItemContext(): { checked: boolean; disabled: boolean };
+}
+
+// Select
+declare module '@rn-primitives/select' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable, Text, ScrollView } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type PortalRef = React.ElementRef<typeof View>;
+  export type OverlayRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof ScrollView>;
+  export type ItemRef = React.ElementRef<typeof Pressable>;
+  export type ItemTextRef = React.ElementRef<typeof Text>;
+  export type ItemIndicatorRef = React.ElementRef<typeof View>;
+  export type GroupRef = React.ElementRef<typeof View>;
+  export type LabelRef = React.ElementRef<typeof Text>;
+  export type SeparatorRef = React.ElementRef<typeof View>;
+  export type ValueRef = React.ElementRef<typeof Text>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps extends BaseProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    defaultValue?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+  }
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface PortalProps extends BaseProps {}
+  export interface OverlayProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    closeOnPress?: boolean;
+  }
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof ScrollView>,
+      BaseProps {
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    position?: 'popper' | 'item-aligned';
+  }
+  export interface ItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    value: string;
+    disabled?: boolean;
+    textValue?: string;
+  }
+  export interface ItemTextProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {}
+  export interface ItemIndicatorProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface GroupProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface LabelProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {}
+  export interface SeparatorProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface ValueProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {
+    placeholder?: string;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Portal: React.ForwardRefExoticComponent<PortalProps>;
+  export const Overlay: React.ForwardRefExoticComponent<OverlayProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentProps>;
+  export const Item: React.ForwardRefExoticComponent<ItemProps>;
+  export const ItemText: React.ForwardRefExoticComponent<ItemTextProps>;
+  export const ItemIndicator: React.ForwardRefExoticComponent<ItemIndicatorProps>;
+  export const Group: React.ForwardRefExoticComponent<GroupProps>;
+  export const Label: React.ForwardRefExoticComponent<LabelProps>;
+  export const Separator: React.ForwardRefExoticComponent<SeparatorProps>;
+  export const Value: React.ForwardRefExoticComponent<ValueProps>;
+}
+
+// Separator
+declare module '@rn-primitives/separator' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+
+  export interface RootProps extends ComponentPropsWithoutRef<typeof View> {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+    decorative?: boolean;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+}
+
+// Slider
+declare module '@rn-primitives/slider' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type TrackRef = React.ElementRef<typeof View>;
+  export type RangeRef = React.ElementRef<typeof View>;
+  export type ThumbRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    value?: number[];
+    onValueChange?: (value: number[]) => void;
+    defaultValue?: number[];
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    inverted?: boolean;
+  }
+
+  export interface TrackProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface RangeProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+  export interface ThumbProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Track: React.ForwardRefExoticComponent<TrackProps>;
+  export const Range: React.ForwardRefExoticComponent<RangeProps>;
+  export const Thumb: React.ForwardRefExoticComponent<ThumbProps>;
+}
+
+// Switch
+declare module '@rn-primitives/switch' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { Pressable, View } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof Pressable>;
+  export type ThumbRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    value?: string;
+  }
+
+  export interface ThumbProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Thumb: React.ForwardRefExoticComponent<ThumbProps>;
+
+  export function useRootContext(): { checked: boolean; disabled: boolean };
+}
+
+// Tabs
+declare module '@rn-primitives/tabs' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type ListRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    defaultValue?: string;
+    orientation?: 'horizontal' | 'vertical';
+    dir?: 'ltr' | 'rtl';
+    activationMode?: 'automatic' | 'manual';
+  }
+
+  export interface ListProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    value: string;
+    disabled?: boolean;
+  }
+
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    value: string;
+    forceMount?: boolean;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const List: React.ForwardRefExoticComponent<ListProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentProps>;
+}
+
+// Toggle
+declare module '@rn-primitives/toggle' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { Pressable } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof Pressable>;
+
+  export interface RootProps
+    extends ComponentPropsWithoutRef<typeof Pressable> {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    defaultPressed?: boolean;
+    disabled?: boolean;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+
+  export function useRootContext(): { pressed: boolean; disabled: boolean };
+}
+
+// Toggle Group
+declare module '@rn-primitives/toggle-group' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type ItemRef = React.ElementRef<typeof Pressable>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootSingleProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    type: 'single';
+    value?: string;
+    onValueChange?: (value: string) => void;
+    defaultValue?: string;
+    disabled?: boolean;
+  }
+
+  export interface RootMultipleProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    type: 'multiple';
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
+    defaultValue?: string[];
+    disabled?: boolean;
+  }
+
+  export type RootProps = RootSingleProps | RootMultipleProps;
+
+  export interface ItemProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {
+    value: string;
+    disabled?: boolean;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Item: React.ForwardRefExoticComponent<ItemProps>;
+}
+
+// Tooltip
+declare module '@rn-primitives/tooltip' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable, Text } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type PortalRef = React.ElementRef<typeof View>;
+  export type OverlayRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof View>;
+  export type TextRef = React.ElementRef<typeof Text>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps extends BaseProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    delayDuration?: number;
+    skipDelayDuration?: number;
+    disableHoverableContent?: boolean;
+  }
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface PortalProps extends BaseProps {}
+  export interface OverlayProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+  }
+  export interface TextProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {}
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Portal: React.ForwardRefExoticComponent<PortalProps>;
+  export const Overlay: React.ForwardRefExoticComponent<OverlayProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentProps>;
+  export const Text: React.ForwardRefExoticComponent<TextProps>;
+}
+
+// Collapsible
+declare module '@rn-primitives/collapsible' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Pressable } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type TriggerRef = React.ElementRef<typeof Pressable>;
+  export type ContentRef = React.ElementRef<typeof View>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+  }
+
+  export interface TriggerProps
+    extends ComponentPropsWithoutRef<typeof Pressable>,
+      BaseProps {}
+
+  export interface ContentProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {
+    forceMount?: boolean;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Trigger: React.ForwardRefExoticComponent<TriggerProps>;
+  export const Content: React.ForwardRefExoticComponent<ContentProps>;
+}
+
+// Avatar
+declare module '@rn-primitives/avatar' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View, Image, Text } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+  export type ImageRef = React.ElementRef<typeof Image>;
+  export type FallbackRef = React.ElementRef<typeof Text>;
+
+  interface BaseProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export interface RootProps
+    extends ComponentPropsWithoutRef<typeof View>,
+      BaseProps {}
+
+  export interface ImageProps
+    extends ComponentPropsWithoutRef<typeof Image>,
+      BaseProps {
+    source: { uri: string } | number;
+  }
+
+  export interface FallbackProps
+    extends ComponentPropsWithoutRef<typeof Text>,
+      BaseProps {}
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+  export const Image: React.ForwardRefExoticComponent<ImageProps>;
+  export const Fallback: React.ForwardRefExoticComponent<FallbackProps>;
+}
+
+// Aspect Ratio
+declare module '@rn-primitives/aspect-ratio' {
+  import type { ComponentPropsWithoutRef } from 'react';
+  import type { View } from 'react-native';
+
+  export type RootRef = React.ElementRef<typeof View>;
+
+  export interface RootProps extends ComponentPropsWithoutRef<typeof View> {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    ratio?: number;
+  }
+
+  export const Root: React.ForwardRefExoticComponent<RootProps>;
+}
+
+// Portal
+declare module '@rn-primitives/portal' {
   import type { ReactNode } from 'react';
-  export namespace Dialog {
-    interface OverlayProps {
-      children?: ReactNode;
-      className?: string;
-    }
-    interface ContentProps {
-      children?: ReactNode;
-      className?: string;
-    }
-    interface TitleProps {
-      children?: ReactNode;
-      className?: string;
-    }
-    interface DescriptionProps {
-      children?: ReactNode;
-      className?: string;
-    }
-    interface CloseProps {
-      children?: ReactNode;
-      className?: string;
-    }
+
+  export interface PortalProps {
+    name?: string;
+    children?: ReactNode;
   }
+
+  export interface PortalHostProps {
+    name?: string;
+  }
+
+  export const Portal: React.FC<PortalProps>;
+  export const PortalHost: React.FC<PortalHostProps>;
+  export function usePortal(name?: string): {
+    addPortal: (children: ReactNode) => string;
+    removePortal: (key: string) => void;
+    updatePortal: (key: string, children: ReactNode) => void;
+  };
 }
 
 export {};