@tioelvis/next-template 1.0.6 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tioelvis/next-template",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "CLI to scaffold a Next.js + Tailwind project using shadcn/ui components",
   "type": "module",
   "bin": {

package/src/lib/utils.js

@@ -38,7 +38,10 @@ export async function get_prompts() {
       name: "components",
       message: "Which components do you want to install?",
       instructions: false,
-      choices: [{ title: "Accordion", value: "accordion" }],
+      choices: [
+        { title: "Accordion", value: "accordion" },
+        { title: "Alert", value: "alert" },
+      ],
     },
     {
       onCancel: () => {

package/src/main.js

@@ -94,6 +94,12 @@ async function main() {
     }
 
     console.log(chalk.green("\n✅ Project created successfully! 🚀"));
+
+    console.log(
+      chalk.yellow(
+        "📄 Make sure to add your API in the .env file, e.g.: API=http://localhost:9000"
+      )
+    );
     process.exit(0);
   } catch (error) {
     console.error(chalk.red("❌ Internal error"), error.message);

package/src/ui/components/alert.json

@@ -0,0 +1 @@
+[]

package/src/ui/components/alert.tsx

@@ -0,0 +1,66 @@
+import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive:
+          "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+);
+
+function Alert({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) {
+  return (
+    <div
+      data-slot="alert"
+      role="alert"
+      className={cn(alertVariants({ variant }), className)}
+      {...props}
+    />
+  );
+}
+
+function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-title"
+      className={cn(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function AlertDescription({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-description"
+      className={cn(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Alert, AlertTitle, AlertDescription };