@campxdev/react-native-blueprint 0.1.4 → 0.1.7

package/src/types/components.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Component-specific type declarations
+ */
+
+import type { TextInputProps, TextInput as RNTextInput } from 'react-native';
+import type { ComponentType } from 'react';
+
+// Input component types
+export interface InputProps extends Omit<TextInputProps, 'editable'> {
+  className?: string;
+  placeholderClassName?: string;
+  editable?: boolean;
+}
+
+export type TextInput = RNTextInput;
+
+// NativeWind cssInterop types
+declare module 'nativewind' {
+  /**
+   * Apply CSS interop to a component, allowing it to accept className prop
+   * @param component - The component to apply interop to
+   * @param mapping - Mapping configuration
+   * @returns The component with className support
+   */
+  export function cssInterop<T extends ComponentType<any>>(
+    component: T,
+    mapping: Record<
+      string,
+      string | { target: string; nativeStyleToProp?: Record<string, string> }
+    >
+  ): T;
+
+  export function useColorScheme(): {
+    colorScheme: 'light' | 'dark';
+    setColorScheme: (scheme: 'light' | 'dark') => void;
+    toggleColorScheme: () => void;
+  };
+}

package/src/types/global.d.ts

@@ -21,15 +21,189 @@ declare module 'react-native' {
   interface PressableProps {
     className?: string;
   }
+
+  interface TouchableOpacityProps {
+    className?: string;
+  }
+
+  interface TouchableHighlightProps {
+    className?: string;
+  }
+
+  interface TouchableWithoutFeedbackProps {
+    className?: string;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  interface FlatListProps<ItemT = any> {
+    className?: string;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  interface SectionListProps<ItemT = any, SectionT = any> {
+    className?: string;
+  }
+
+  interface TextInputProps {
+    className?: string;
+  }
+
+  interface SafeAreaViewProps {
+    className?: string;
+  }
+
+  interface KeyboardAvoidingViewProps {
+    className?: string;
+  }
+
+  interface ModalProps {
+    className?: string;
+  }
+
+  interface ActivityIndicatorProps {
+    className?: string;
+  }
+
+  interface SwitchProps {
+    className?: string;
+  }
 }
 
 declare module 'react-native-reanimated' {
+  import type {
+    ViewProps,
+    TextProps,
+    ImageProps,
+    ScrollViewProps,
+  } from 'react-native';
+
+  export interface BaseAnimationBuilder {
+    duration(durationMs: number): BaseAnimationBuilder;
+    delay(delayMs: number): BaseAnimationBuilder;
+    withInitialValues(values: Record<string, any>): BaseAnimationBuilder;
+    withCallback(callback: (finished: boolean) => void): BaseAnimationBuilder;
+  }
+
+  export interface LayoutAnimation extends BaseAnimationBuilder {}
+  export interface EntryExitAnimation extends BaseAnimationBuilder {}
+
+  export type AnimatedProps<P> = P & {
+    style?: any; // Allow any style including animated styles from useAnimatedStyle
+    animatedProps?: Partial<P>;
+    layout?: any; // Allow any layout animation
+    entering?: any; // Allow any entering animation
+    exiting?: any; // Allow any exiting animation
+    className?: string;
+    children?: React.ReactNode;
+    pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only';
+  };
+
   namespace Animated {
-    interface AnimatedProps {
-      children?: React.ReactNode;
-      className?: string;
-    }
+    export const View: React.ForwardRefExoticComponent<
+      AnimatedProps<ViewProps> & React.RefAttributes<any>
+    >;
+    export const Text: React.ForwardRefExoticComponent<
+      AnimatedProps<TextProps> & React.RefAttributes<any>
+    >;
+    export const Image: React.ForwardRefExoticComponent<
+      AnimatedProps<ImageProps> & React.RefAttributes<any>
+    >;
+    export const ScrollView: React.ForwardRefExoticComponent<
+      AnimatedProps<ScrollViewProps> & React.RefAttributes<any>
+    >;
+  }
+}
+
+declare module 'react-native-gesture-handler' {
+  interface GestureHandlerProperties {
+    className?: string;
+  }
+
+  interface PanGestureHandlerProps {
+    className?: string;
+  }
+
+  interface TapGestureHandlerProps {
+    className?: string;
+  }
+
+  interface LongPressGestureHandlerProps {
+    className?: string;
+  }
+}
+
+declare module 'react-native-svg' {
+  interface SvgProps {
+    className?: string;
+  }
+
+  interface PathProps {
+    className?: string;
+  }
+
+  interface CircleProps {
+    className?: string;
+  }
+
+  interface RectProps {
+    className?: string;
+  }
+
+  interface LineProps {
+    className?: string;
+  }
+
+  interface PolygonProps {
+    className?: string;
+  }
+
+  interface PolylineProps {
+    className?: string;
+  }
+
+  interface EllipseProps {
+    className?: string;
+  }
+
+  interface GProps {
+    className?: string;
+  }
+}
+
+// BottomSheet
+declare module '@gorhom/bottom-sheet' {
+  import type { ViewProps } from 'react-native';
+  import type { ReactNode } from 'react';
+
+  export interface BottomSheetViewProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+    style?: any;
+  }
+
+  export const BottomSheetView: React.FC<BottomSheetViewProps>;
+}
+
+// Lucide React Native
+declare module 'lucide-react-native' {
+  import type { ComponentType } from 'react';
+  import type { ViewStyle } from 'react-native';
+
+  export interface LucideProps {
+    color?: string;
+    size?: number | string;
+    strokeWidth?: number;
+    absoluteStrokeWidth?: boolean;
+    style?: ViewStyle;
+    className?: string;
+    fill?: string;
   }
+
+  export type LucideIcon = ComponentType<LucideProps>;
+
+  export const ChevronDown: LucideIcon;
+  // Add other icon exports as needed
+  export * from 'lucide-react-native';
 }
 
 declare global {