chore: Move toaster to UI step 2

apps/dashboard/app/(app)/apis/[apiId]/_components/create-key/components/key-created-success-dialog.tsx

@@ -2,9 +2,8 @@
 
 import { ConfirmPopover } from "@/components/confirmation-popover";
 import { Dialog, DialogContent } from "@/components/ui/dialog";
-import { toast } from "@/components/ui/toaster";
 import { ArrowRight, Check, CircleInfo, Key2, Plus } from "@unkey/icons";
-import { Button, Code, CopyButton, InfoTooltip, VisibleButton } from "@unkey/ui";
+import { Button, Code, CopyButton, InfoTooltip, VisibleButton, toast } from "@unkey/ui";
 import { useRouter } from "next/navigation";
 import { useEffect, useRef, useState } from "react";
 import { UNNAMED_KEY } from "../create-key.constants";

apps/dashboard/app/(app)/apis/[apiId]/_components/create-key/components/metadata-setup.tsx

@@ -1,7 +1,6 @@
 "use client";
-import { toast } from "@/components/ui/toaster";
 import { Code } from "@unkey/icons";
-import { Button, FormTextarea } from "@unkey/ui";
+import { Button, FormTextarea, toast } from "@unkey/ui";
 import { useFormContext, useWatch } from "react-hook-form";
 import type { MetadataFormValues } from "../create-key.schema";
 import { ProtectionSwitch } from "./protection-switch";

apps/dashboard/app/(app)/apis/[apiId]/_components/create-key/hooks/use-create-identity.ts

@@ -1,5 +1,5 @@
-import { toast } from "@/components/ui/toaster";
 import { trpc } from "@/lib/trpc/client";
+import { toast } from "@unkey/ui";
 
 export const useCreateIdentity = (
   onSuccess?: (data: { identityId: string; externalId: string }) => void,

apps/dashboard/app/(app)/apis/[apiId]/_components/create-key/hooks/use-create-key.tsx

@@ -1,5 +1,5 @@
-import { toast } from "@/components/ui/toaster";
 import { trpc } from "@/lib/trpc/client";
+import { toast } from "@unkey/ui";
 
 export const useCreateKey = (
   onSuccess: (data: {

apps/dashboard/app/(app)/apis/[apiId]/_components/create-key/hooks/use-fetch-identities/index.ts

@@ -1,7 +1,7 @@
 "use client";
 
-import { toast } from "@/components/ui/toaster";
 import { trpc } from "@/lib/trpc/client";
+import { toast } from "@unkey/ui";
 import { useMemo } from "react";
 
 const MAX_IDENTITY_FETCH_LIMIT = 10;

apps/dashboard/app/(app)/apis/[apiId]/_components/create-key/index.tsx

@@ -14,10 +14,10 @@ import {
   NavigableDialogHeader,
   NavigableDialogNav,
   NavigableDialogRoot,
+  toast,
 } from "@unkey/ui";
 import { type FC, useEffect, useState } from "react";
 import { FormProvider } from "react-hook-form";
-import { toast } from "sonner";
 import { KeyCreatedSuccessDialog } from "./components/key-created-success-dialog";
 import { SectionLabel } from "./components/section-label";
 import { type DialogSectionName, SECTIONS } from "./create-key.constants";

apps/dashboard/app/(app)/apis/[apiId]/_overview/components/controls/components/logs-search/index.tsx

@@ -1,7 +1,5 @@
-import { toast } from "@/components/ui/toaster";
 import { trpc } from "@/lib/trpc/client";
-import { LLMSearch } from "@unkey/ui";
-import { transformStructuredOutputToFilters } from "@unkey/ui";
+import { LLMSearch, toast, transformStructuredOutputToFilters } from "@unkey/ui";
 import { useFilters } from "../../../../hooks/use-filters";
 
 export const LogsSearch = ({ apiId }: { apiId: string }) => {

apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/log-details/components/log-outcome-distribution-section.tsx

@@ -1,8 +1,7 @@
 import { formatNumber } from "@/lib/fmt";
 import { cn } from "@/lib/utils";
 import { Clone } from "@unkey/icons";
-import { Button, Card, CardContent } from "@unkey/ui";
-import { toast } from "sonner";
+import { Button, Card, CardContent, toast } from "@unkey/ui";
 import { formatOutcomeName, getOutcomeColor } from "../../../../../utils";
 
 export const OutcomeDistributionSection = ({

apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/log-details/components/log-section.tsx

@@ -1,7 +1,6 @@
 "use client";
-import { toast } from "@/components/ui/toaster";
 import { Clone } from "@unkey/icons";
-import { Button, Card, CardContent } from "@unkey/ui";
+import { Button, Card, CardContent, toast } from "@unkey/ui";
 
 export const LogSection = ({
   details,

apps/dashboard/app/(app)/apis/[apiId]/_overview/components/table/components/log-details/components/roles-permissions.tsx

@@ -1,6 +1,5 @@
-import { toast } from "@/components/ui/toaster";
 import { Clone } from "@unkey/icons";
-import { Button, Card, CardContent } from "@unkey/ui";
+import { Button, Card, CardContent, toast } from "@unkey/ui";
 
 type Role = {
   name: string;

apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/components/controls/components/logs-search/index.tsx

@@ -1,7 +1,5 @@
-import { toast } from "@/components/ui/toaster";
 import { trpc } from "@/lib/trpc/client";
-import { LLMSearch } from "@unkey/ui";
-import { transformStructuredOutputToFilters } from "@unkey/ui";
+import { LLMSearch, toast, transformStructuredOutputToFilters } from "@unkey/ui";
 import type { KeyDetailsFilterValue } from "../../../../filters.schema";
 import { useFilters } from "../../../../hooks/use-filters";
 

apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/components/table/components/log-details/index.tsx

@@ -7,8 +7,8 @@ import { LogHeader } from "@/app/(app)/logs/components/table/log-details/compone
 import { LogSection } from "@/app/(app)/logs/components/table/log-details/components/log-section";
 import { DEFAULT_DRAGGABLE_WIDTH } from "@/app/(app)/logs/constants";
 import { safeParseJson } from "@/app/(app)/logs/utils";
-import { toast } from "@/components/ui/toaster";
 import type { KeyDetailsLog } from "@unkey/clickhouse/src/verifications";
+import { toast } from "@unkey/ui";
 import { useFetchRequestDetails } from "./components/hooks/use-logs-query";
 
 const createPanelStyle = (distanceToTop: number) => ({

apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/_components/components/controls/components/logs-search/index.tsx

@@ -1,7 +1,6 @@
-import { toast } from "@/components/ui/toaster";
 import { trpc } from "@/lib/trpc/client";
-import { LLMSearch } from "@unkey/ui";
-import { transformStructuredOutputToFilters } from "@unkey/ui";
+import { LLMSearch, toast, transformStructuredOutputToFilters } from "@unkey/ui";
+
 import { useFilters } from "../../../../hooks/use-filters";
 
 export const LogsSearch = ({ keyspaceId }: { keyspaceId: string }) => {

apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/_components/components/table/components/hidden-value.tsx

@@ -1,6 +1,6 @@
-import { toast } from "@/components/ui/toaster";
 import { cn } from "@/lib/utils";
 import { CircleLock } from "@unkey/icons";
+import { toast } from "@unkey/ui";
 
 export const HiddenValueCell = ({
   value,

apps/dashboard/app/layout.tsx

@@ -1,6 +1,6 @@
 import { CommandMenu } from "@/components/dashboard/command-menu";
-import { Toaster } from "@/components/ui/toaster";
 import { PHProvider, PostHogPageview } from "@/providers/PostHogProvider";
+import { Toaster } from "@unkey/ui";
 import "@/styles/tailwind/tailwind.css";
 import "@unkey/ui/css";
 

apps/dashboard/components/ui/toaster.tsx

@@ -1,5 +1,6 @@
 "use client";
 import { useTheme } from "next-themes";
+import type * as React from "react";
 import { Toaster as Sonner, toast } from "sonner";
 
 type ToasterProps = React.ComponentProps<typeof Sonner>;