snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

2026-09-15 22:44:43 +05:00
commit 1416db152c
5727 changed files with 630238 additions and 0 deletions
--- a/apps/v4/registry/bases/aria/ui/sonner.tsx
+++ b/apps/v4/registry/bases/aria/ui/sonner.tsx
@@ -0,0 +1,85 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { Toaster as Sonner, type ToasterProps } from "sonner"
+
+import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      icons={{
+        success: (
+          <IconPlaceholder
+            lucide="CircleCheckIcon"
+            tabler="IconCircleCheck"
+            hugeicons="CheckmarkCircle02Icon"
+            phosphor="CheckCircleIcon"
+            remixicon="RiCheckboxCircleLine"
+            className="size-4"
+          />
+        ),
+        info: (
+          <IconPlaceholder
+            lucide="InfoIcon"
+            tabler="IconInfoCircle"
+            hugeicons="InformationCircleIcon"
+            phosphor="InfoIcon"
+            remixicon="RiInformationLine"
+            className="size-4"
+          />
+        ),
+        warning: (
+          <IconPlaceholder
+            lucide="TriangleAlertIcon"
+            tabler="IconAlertTriangle"
+            hugeicons="Alert02Icon"
+            phosphor="WarningIcon"
+            remixicon="RiErrorWarningLine"
+            className="size-4"
+          />
+        ),
+        error: (
+          <IconPlaceholder
+            lucide="OctagonXIcon"
+            tabler="IconAlertOctagon"
+            hugeicons="MultiplicationSignCircleIcon"
+            phosphor="XCircleIcon"
+            remixicon="RiCloseCircleLine"
+            className="size-4"
+          />
+        ),
+        loading: (
+          <IconPlaceholder
+            lucide="Loader2Icon"
+            tabler="IconLoader"
+            hugeicons="Loading03Icon"
+            phosphor="SpinnerIcon"
+            remixicon="RiLoaderLine"
+            className="size-4 animate-spin"
+          />
+        ),
+      }}
+      style={
+        {
+          "--normal-bg": "var(--popover)",
+          "--normal-text": "var(--popover-foreground)",
+          "--normal-border": "var(--border)",
+          "--border-radius": "var(--radius)",
+        } as React.CSSProperties
+      }
+      toastOptions={{
+        classNames: {
+          toast: "cn-toast",
+        },
+      }}
+      {...props}
+    />
+  )
+}
+
+export { Toaster }