@campxdev/react-native-blueprint 0.1.0 → 0.1.2

package/src/components/ui/Skeleton.tsx

@@ -46,7 +46,7 @@ function Skeleton({
 }: React.ComponentProps<typeof View> & React.RefAttributes<View>) {
   return (
     <View
-      className={cn('bg-accent animate-pulse rounded-md', className)}
+      className={cn('bg-muted animate-pulse rounded-md', className)}
       {...props}
     />
   );

package/src/components/ui/index.ts

@@ -21,6 +21,7 @@ export * from './Icon';
 export * from './Input';
 export * from './Label';
 export * from './Menubar';
+export * from './Native-Only-Animated-View';
 export * from './NavBar';
 export * from './Popover';
 export * from './Progress';

package/src/types/global.d.ts

@@ -0,0 +1,44 @@
+import 'react-native';
+import 'react-native-reanimated';
+
+declare module 'react-native' {
+  interface ViewProps {
+    className?: string;
+  }
+
+  interface TextProps {
+    className?: string;
+  }
+
+  interface ImageProps {
+    className?: string;
+  }
+
+  interface ScrollViewProps {
+    className?: string;
+  }
+
+  interface PressableProps {
+    className?: string;
+  }
+}
+
+declare module 'react-native-reanimated' {
+  namespace Animated {
+    interface AnimatedProps {
+      children?: React.ReactNode;
+      className?: string;
+    }
+  }
+}
+
+declare global {
+  namespace JSX {
+    interface IntrinsicAttributes {
+      children?: React.ReactNode;
+      className?: string;
+    }
+  }
+}
+
+export {};

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

@@ -0,0 +1,70 @@
+declare module '@rn-primitives/*' {
+  import type { ReactNode } from 'react';
+  import type { ViewProps } from 'react-native';
+
+  export interface PrimitiveProps extends ViewProps {
+    children?: ReactNode;
+    className?: string;
+    asChild?: boolean;
+  }
+
+  export interface PrimitiveComponentProps {
+    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;
+      className?: string;
+    }
+    interface HeaderProps {
+      children?: ReactNode;
+      className?: string;
+    }
+    interface TriggerProps {
+      children?: ReactNode;
+      className?: string;
+    }
+    interface ContentProps {
+      children?: ReactNode;
+      className?: string;
+    }
+  }
+}
+
+declare module '@rn-primitives/dialog' {
+  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 {};