chore: Move alert to UI (#4485)

* Moved alert to ui and swapped usages

Author: MichaelUnkey

apps/dashboard/app/(app)/[workspaceSlug]/apis/[apiId]/_components/create-key/components/key-secret-section.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { SecretKey } from "@/app/(app)/[workspaceSlug]/apis/[apiId]/_components/create-key/components/secret-key";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 import { CircleInfo } from "@unkey/icons";
+import { Alert, AlertDescription, AlertTitle } from "@unkey/ui";
 import { Code, CopyButton, VisibleButton } from "@unkey/ui";
 import { useState } from "react";
 

apps/dashboard/app/(app)/[workspaceSlug]/identities/[identityId]/page.tsx

@@ -1,5 +1,4 @@
 import { PageContent } from "@/components/page-content";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 import {
   Table,
   TableBody,
@@ -13,6 +12,7 @@ import { clickhouse } from "@/lib/clickhouse";
 import { db } from "@/lib/db";
 import { formatNumber } from "@/lib/fmt";
 import { ChevronRight, Minus } from "@unkey/icons";
+import { Alert, AlertDescription, AlertTitle } from "@unkey/ui";
 import { Badge, Button, Code, CopyButton } from "@unkey/ui";
 import ms from "ms";
 import Link from "next/link";

apps/dashboard/components/dashboard/root-key-table/index.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { Alert } from "@/components/ui/alert";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -10,7 +9,9 @@ import {
 import { trpc } from "@/lib/trpc/client";
 import type { ColumnDef } from "@tanstack/react-table";
 import { ArrowOppositeDirectionY, Dots, Minus, Trash } from "@unkey/icons";
+
 import {
+  Alert,
   Badge,
   Button,
   Checkbox,

apps/dashboard/components/ui/alert.tsx internal/ui/src/components/alert.tsxapps/dashboard/components/ui/alert.tsx renamed to internal/ui/src/components/alert.tsx

@@ -1,7 +1,7 @@
 import { type VariantProps, cva } from "class-variance-authority";
 import * as React from "react";
 
-import { cn } from "@/lib/utils";
+import { cn } from "../lib/utils";
 
 const alertVariants = cva(
   "relative w-full rounded-lg border p-4 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",

internal/ui/src/index.ts

@@ -1,3 +1,4 @@
+export * from "./components/alert";
 export * from "./components/badge";
 export * from "./components/buttons/button";
 export * from "./components/buttons/copy-button";