Aurora Callout

1"use client"
2 
3import * as React from "react"
4import { cn } from "@/lib/utils"
5 
6function devWarn(message: string): void {
7  if (process.env.NODE_ENV !== "production") {
8    console.warn(message)
9  }
10}
11 
12export type CalloutVariant = "info" | "success" | "warn" | "error" | "neutral" | "rose"
13 
14type ToneTokens = { accent: string; bg: string; border: string; text: string; accentShadow: string; accentInset: string }
15 
16const toneMap: Record<CalloutVariant, ToneTokens> = {
17  info: {
18    accent:      "var(--aurora-info)",
19    bg:          "var(--aurora-info-surface)",
20    border:      "var(--aurora-info-border)",
21    text:        "var(--aurora-info-foreground)",
22    accentShadow: "0 0 10px var(--aurora-info)",
23    accentInset:  "inset 3px 0 0 var(--aurora-info)",
24  },
25  success: {
26    accent:      "var(--aurora-success)",
27    bg:          "var(--aurora-success-surface)",
28    border:      "var(--aurora-success-border)",
29    text:        "var(--aurora-success-foreground)",
30    accentShadow: "0 0 10px var(--aurora-success)",
31    accentInset:  "inset 3px 0 0 var(--aurora-success)",
32  },
33  warn: {
34    accent:      "var(--aurora-warn)",
35    bg:          "var(--aurora-warn-surface)",
36    border:      "var(--aurora-warn-border)",
37    text:        "var(--aurora-warn-foreground)",
38    accentShadow: "0 0 10px var(--aurora-warn)",
39    accentInset:  "inset 3px 0 0 var(--aurora-warn)",
40  },
41  error: {
42    accent:      "var(--aurora-error)",
43    bg:          "var(--aurora-error-surface)",
44    border:      "var(--aurora-error-border)",
45    text:        "var(--aurora-error-foreground)",
46    accentShadow: "0 0 10px var(--aurora-error)",
47    accentInset:  "inset 3px 0 0 var(--aurora-error)",
48  },
49  neutral: {
50    accent:      "var(--aurora-neutral)",
51    bg:          "var(--aurora-neutral-surface)",
52    border:      "var(--aurora-neutral-border)",
53    text:        "var(--aurora-neutral-foreground)",
54    accentShadow: "0 0 10px var(--aurora-neutral)",
55    accentInset:  "inset 3px 0 0 var(--aurora-neutral)",
56  },
57  rose: {
58    accent:      "var(--aurora-accent-pink)",
59    bg:          "var(--aurora-accent-pink-surface)",
60    border:      "var(--aurora-accent-pink-border)",
61    text:        "var(--aurora-accent-pink-foreground)",
62    accentShadow: "0 0 10px var(--aurora-accent-pink)",
63    accentInset:  "inset 3px 0 0 var(--aurora-accent-pink)",
64  },
65}
66 
67export interface CalloutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
68  variant?: CalloutVariant
69// … truncated