Merge pull request #303 from mrzachnugent/@zach/cli-alert

feat(#269): add alert component to CLI

Author: mrzachnugent

apps/cli/README.md

@@ -19,6 +19,7 @@ If you do not add arguments, you will be prompted to select the `ui` components
 #### UI Components
 
 - `accordion`
+- `alert`
 - `alert-dialog`
 - `aspect-ratio`
 - `avatar`

apps/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-reusables/cli",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "Add react-native-reusables to your project.",
   "publishConfig": {
     "access": "public"

apps/cli/src/items/components.ts

@@ -14,6 +14,21 @@ export const COMPONENTS = [
       },
     ],
   },
+  {
+    name: 'alert',
+    dependencies: ['text'],
+    icons: [],
+    npmPackages: [],
+    paths: [
+      {
+        from: './node_modules/@rnr/reusables/src/components/ui/alert.tsx',
+        to: {
+          folder: 'ui',
+          file: 'alert.tsx',
+        },
+      },
+    ],
+  },
   {
     name: 'alert-dialog',
     dependencies: ['button', 'text'],

packages/reusables/src/components/ui/alert.tsx

@@ -2,8 +2,9 @@ import { useTheme } from '@react-navigation/native';
 import { cva, type VariantProps } from 'class-variance-authority';
 import type { LucideIcon } from 'lucide-react-native';
 import * as React from 'react';
-import { Text, View, type ViewProps } from 'react-native';
+import { View, type ViewProps } from 'react-native';
 import { cn } from '../../lib/utils';
+import { Text } from './text';
 
 const alertVariants = cva(
   'relative bg-background w-full rounded-lg border border-border p-4 shadow shadow-foreground/10',