Aurora Button

1"use client"
2 
3/**
4 * Aurora Button — operator-grade action control.
5 * Border + glow (the tight hard ring), never a flooded fill or soft corner halo.
6 *
7 * Visual layer lives in registry/aurora/styles/aurora-components.css
8 * (`@layer components`, reads only `--aurora-*` tokens) so it renders
9 * pixel-identical in dark + `.light` and Tailwind utilities can override it.
10 * Architecture stays shadcn: `Slot`/`asChild`, `cva` `buttonVariants`, `VariantProps`,
11 * `React.memo`.
12 */
13 
14import * as React from "react"
15import { Slot } from "@radix-ui/react-slot"
16import { cva, type VariantProps } from "class-variance-authority"
17import { cn } from "@/lib/utils"
18 
19export type ButtonVariant =
20  | "aurora"
21  | "neutral"
22  | "rose"
23  | "success"
24  | "warn"
25  | "ghost"
26  | "destructive"
27  | "plain"
28 
29export type ButtonSize = "sm" | "default" | "lg" | "icon" | "unstyled"
30 
31// ─── cva (class selection + buttonVariants export) ─────────────────────────────
32 
33const buttonVariants = cva("aurora-btn", {
34  variants: {
35    variant: {
36      aurora: "aurora-btn--aurora",
37      neutral: "aurora-btn--neutral",
38      rose: "aurora-btn--rose",
39      success: "aurora-btn--success",
40      warn: "aurora-btn--warn",
41      ghost: "aurora-btn--ghost",
42      destructive: "aurora-btn--destructive",
43      plain: "aurora-btn--plain",
44    },
45    size: {
46      sm: "aurora-btn--sm",
47      default: "",
48      lg: "aurora-btn--lg",
49      icon: "aurora-btn--icon",
50      unstyled: "aurora-btn--unstyled",
51    },
52  },
53  defaultVariants: {
54    variant: "neutral",
55    size: "default",
56  },
57})
58 
59export interface ButtonProps
60  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
61    VariantProps<typeof buttonVariants> {
62  /** Intent. `aurora` is the lit-outline cyan primary; rose is send/agent; warn is the clay-orange caution. */
63  variant?: ButtonVariant
64  size?: ButtonSize
65  /** Slow glow pulse to draw attention without bouncing. Respects reduced-motion. */
66  pulse?: boolean
67  /** Flood the variant accent as a solid fill (the one hero/armed action per surface). Default false = lit-outline. */
68  filled?: boolean
69  /** Swap content for a spinner and block interaction. Width holds steady so the button doesn't jump. */
70  loading?: boolean
71  /** Stretch to fill the container width (forms, stacked CTAs, mobile). */
72  block?: boolean
73  /** Fully rounded pill shape (filter chips, compact toolbars). */
74  shape?: "default" | "pill"
75// … truncated