@evinvest/uikit 0.11.2 → 0.12.0

package/README.md

@@ -69,6 +69,10 @@ rung by how loud the thing should be, never by what it means; see
 five, binding rungs it does not distinguish to the same value, which is what
 lets a kit component reference an accent at all.
 
+Variant names follow the same kind of unenforceable rule — a variant names the
+state, never its appearance (`Red`) and never its selection (`Default`); see
+[`docs/spec/variants.md`](../../docs/spec/variants.md).
+
 `styles/tokens.css` is generated by `nix run .#gen` from the repo-root
 `tokens.css` shared with the Rust feature — flattened, so it is self-contained —
 and carries EV's values: a single dark palette on `:root, .dark`. A consumer

package/dist/index.d.ts

@@ -167,7 +167,7 @@ declare function useHoverIntent(opts: {
 declare function mergeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
 
 declare const alertVariants: {
-    readonly default: "bg-card text-ink";
+    readonly neutral: "bg-card text-ink";
     readonly destructive: "text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-accent-error/90";
 };
 type AlertVariant = keyof typeof alertVariants;
@@ -184,7 +184,7 @@ declare function AvatarImage({ className, onError, ...props }: React.ComponentPr
 declare function AvatarFallback({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
 declare const badgeVariants: {
-    readonly default: "border-transparent bg-primary text-on-primary [a&]:hover:bg-primary/90";
+    readonly primary: "border-transparent bg-primary text-on-primary [a&]:hover:bg-primary/90";
     readonly secondary: "border-transparent bg-secondary text-on-secondary [a&]:hover:bg-secondary/90";
     readonly destructive: "border-transparent bg-accent-error text-on-accent-error [a&]:hover:bg-accent-error/90 focus-visible:ring-accent-error/20";
     readonly outline: "text-ink [a&]:hover:bg-hover [a&]:hover:text-ink";
@@ -210,7 +210,7 @@ declare function BreadcrumbSeparator({ children, className, ...props }: React.Co
 declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 
 declare const buttonVariantClasses: {
-    readonly default: "bg-primary text-on-primary hover:bg-primary/90";
+    readonly primary: "bg-primary text-on-primary hover:bg-primary/90";
     readonly secondary: "bg-secondary text-on-secondary hover:bg-secondary/80";
     readonly outline: "border bg-transparent shadow-xs hover:bg-hover hover:text-ink";
     readonly ghost: "hover:bg-hover hover:text-ink";
@@ -219,7 +219,7 @@ declare const buttonVariantClasses: {
 };
 type ButtonVariant = keyof typeof buttonVariantClasses;
 declare const buttonSizeClasses: {
-    readonly default: "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3";
+    readonly md: "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3";
     readonly xs: "h-7 gap-1 px-2 text-xs has-[>svg]:px-1.5";
     readonly sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5";
     readonly lg: "h-10 px-6 has-[>svg]:px-4";
@@ -278,7 +278,7 @@ declare function CardContent({ className, ...props }: React.ComponentProps<"div"
 declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
 declare const emptyMediaVariants: {
-    readonly default: "bg-transparent";
+    readonly bare: "bg-transparent";
     readonly icon: "bg-muted text-ink flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6";
 };
 type EmptyMediaVariant = keyof typeof emptyMediaVariants;
@@ -421,18 +421,18 @@ interface SeparatorProps extends React.ComponentProps<"div"> {
 declare function Separator({ className, orientation, ...props }: SeparatorProps): React.JSX.Element;
 
 declare const itemVariants: {
-    readonly default: "bg-transparent";
+    readonly bare: "bg-transparent";
     readonly outline: "border-border";
     readonly muted: "bg-muted/50";
 };
 type ItemVariant = keyof typeof itemVariants;
 declare const itemSizes: {
-    readonly default: "p-4 gap-4";
+    readonly md: "p-4 gap-4";
     readonly sm: "py-3 px-4 gap-2.5";
 };
 type ItemSize = keyof typeof itemSizes;
 declare const itemMediaVariants: {
-    readonly default: "bg-transparent";
+    readonly bare: "bg-transparent";
     readonly icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4";
     readonly image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover";
 };
@@ -490,7 +490,7 @@ declare function Spinner({ className, ...props }: React.ComponentProps<"svg">):
  * what you want off an error page); pass `linkComponent` (e.g. `next/link`) for
  * soft navigation from a client boundary.
  */
-type StatusAccent = "teal" | "gold" | "red" | "blue";
+type Accent = "trace" | "debug" | "info" | "warn" | "error";
 /**
  * A status CTA is a Button at the page's accent: the canonical button string,
  * then the mono/uppercase treatment the error pages wear, then the accent.
@@ -499,7 +499,7 @@ type StatusAccent = "teal" | "gold" | "red" | "blue";
  * slot — a retry button wired to Next's `reset`, say — has to be able to match
  * the CTAs beside it, and the accent colour maps are ours.
  */
-declare function statusCtaClass(accent: StatusAccent, variant: ButtonVariant): string;
+declare function statusCtaClass(accent: Accent, variant: ButtonVariant): string;
 interface StatusLinkData {
     label: string;
     href: string;
@@ -507,7 +507,7 @@ interface StatusLinkData {
     leadingArrow?: boolean;
 }
 interface StatusScreenProps {
-    accent: StatusAccent;
+    accent: Accent;
     eyebrow: string;
     code: string;
     headlineLead: string;
@@ -673,12 +673,12 @@ interface TabsContentProps extends React.ComponentProps<"div"> {
 declare function TabsContent({ className, value, children, ...props }: TabsContentProps): React.JSX.Element | null;
 
 declare const toggleVariantClasses: {
-    readonly default: "bg-transparent";
+    readonly bare: "bg-transparent";
     readonly outline: "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink";
 };
 type ToggleVariant = keyof typeof toggleVariantClasses;
 declare const toggleSizeClasses: {
-    readonly default: "h-9 px-2 min-w-9";
+    readonly md: "h-9 px-2 min-w-9";
     readonly xs: "h-7 px-1 min-w-7";
     readonly sm: "h-8 px-1.5 min-w-8";
     readonly lg: "h-10 px-2.5 min-w-10";
@@ -773,7 +773,7 @@ declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps)
 
 declare const sidebarMenuButtonSizeClasses: {
     readonly xs: "h-7 text-xs";
-    readonly default: "h-8 text-sm";
+    readonly sm: "h-8 text-sm";
     readonly lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!";
 };
 type SidebarMenuButtonSize = keyof typeof sidebarMenuButtonSizeClasses;
@@ -961,7 +961,7 @@ declare function DropdownMenuContent({ className, sideOffset, children, ...props
 declare function DropdownMenuGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 interface DropdownMenuItemProps extends React.ComponentProps<"div"> {
     inset?: boolean;
-    variant?: "default" | "destructive";
+    variant?: "neutral" | "destructive";
     disabled?: boolean;
 }
 declare function DropdownMenuItem({ className, inset, variant, disabled, onClick, onKeyDown, ...props }: DropdownMenuItemProps): React.JSX.Element;
@@ -1017,7 +1017,7 @@ declare function ContextMenuGroup({ className, ...props }: React.ComponentProps<
 declare function ContextMenuContent({ className, children, ...props }: React.ComponentProps<"div">): React.JSX.Element | null;
 interface ContextMenuItemProps extends React.ComponentProps<"div"> {
     inset?: boolean;
-    variant?: "default" | "destructive";
+    variant?: "neutral" | "destructive";
     disabled?: boolean;
 }
 declare function ContextMenuItem({ className, inset, variant, disabled, onClick, onKeyDown, ...props }: ContextMenuItemProps): React.JSX.Element;
@@ -1070,7 +1070,7 @@ declare function MenubarContent({ className, children, align, ...props }: React.
 declare function MenubarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<"div"> & {
     inset?: boolean;
-    variant?: "default" | "destructive";
+    variant?: "neutral" | "destructive";
 }): React.JSX.Element;
 declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<"div"> & {
     checked?: boolean;
@@ -1255,7 +1255,7 @@ interface SelectProps {
 }
 declare function Select({ value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, children, }: SelectProps): React.JSX.Element;
 interface SelectTriggerProps extends React.ComponentProps<"button"> {
-    size?: "sm" | "default";
+    size?: "sm" | "md";
 }
 declare function SelectTrigger({ className, size, onClick, children, ...props }: SelectTriggerProps): React.JSX.Element;
 interface SelectValueProps extends React.ComponentProps<"span"> {
@@ -1375,11 +1375,11 @@ interface CalendarProps {
 declare function Calendar({ selected, onSelect, month, defaultMonth, onMonthChange, today, className, }: CalendarProps): React.JSX.Element;
 
 declare const toastVariantClasses: {
-    readonly default: "bg-popover text-ink border-border";
-    readonly success: "bg-popover text-ink border-positive/40";
-    readonly error: "bg-popover text-ink border-accent-error/50";
+    readonly neutral: "bg-popover text-ink border-border";
+    readonly positive: "bg-popover text-ink border-positive/40";
     readonly info: "bg-popover text-ink border-border";
-    readonly warning: "bg-popover text-ink border-border";
+    readonly warn: "bg-popover text-ink border-border";
+    readonly error: "bg-popover text-ink border-accent-error/50";
 };
 type ToastVariant = keyof typeof toastVariantClasses;
 declare const positionClasses: {
@@ -1419,15 +1419,15 @@ interface Toast {
 }
 interface ToastFn {
     (message: React.ReactNode, opts?: ToastOptions): number;
-    success: (message: React.ReactNode, opts?: ToastOptions) => number;
+    positive: (message: React.ReactNode, opts?: ToastOptions) => number;
     error: (message: React.ReactNode, opts?: ToastOptions) => number;
     info: (message: React.ReactNode, opts?: ToastOptions) => number;
-    warning: (message: React.ReactNode, opts?: ToastOptions) => number;
+    warn: (message: React.ReactNode, opts?: ToastOptions) => number;
     dismiss: (id: number) => void;
 }
 /**
- * Global toast handle. `toast(msg)` enqueues a neutral toast; the `.success`,
- * `.error`, `.info` and `.warning` helpers pin the variant; `toast.dismiss(id)`
+ * Global toast handle. `toast(msg)` enqueues a neutral toast; the `.positive`,
+ * `.error`, `.info` and `.warn` helpers pin the variant; `toast.dismiss(id)`
  * removes one early. Mirrors Rust's `use_toaster()` handle methods.
  */
 declare const toast: ToastFn;
@@ -1478,4 +1478,4 @@ interface ResizableHandleProps extends React.ComponentProps<"div"> {
 }
 declare function ResizableHandle({ className, index, withHandle, children, ...props }: ResizableHandleProps): React.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, type AlertDialogProps, AlertDialogTitle, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, AlertTitle, type AlertVariant, type Align, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BadgeVariant, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonSize, type ButtonVariant, type ButtonVariantsOptions, Calendar, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselEdgeFade, CarouselItem, CarouselNext, CarouselPrevious, type CarouselProps, type ChartConfig, ChartContainer, type ChartItem, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Check, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupProps, CommandInput, CommandItem, type CommandItemProps, CommandList, type CommandProps, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, DialogTrigger, type DialogTriggerProps, Display, Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, type DrawerProps, DrawerTitle, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyMediaVariant, EmptyTitle, Eyebrow, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOrientation, FieldSeparator, FieldSet, FieldTitle, type FloatingResult, Footer, type FooterLink, type FooterLinkGroup, type FooterOffice, type FooterProps, Forbidden, Form, FormControl, FormDescription, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, type HoverIntentHandlers, InfoTip, InfoTipContent, type InfoTipContentProps, type InfoTipProps, InfoTipTrigger, type InfoTipTriggerProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonAlign, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupButtonSize, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemMediaProps, type ItemMediaVariant, type ItemProps, ItemSeparator, type ItemSize, ItemTitle, type ItemVariant, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, type MenubarMenuProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, type MenubarSubProps, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotFound, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type Polarity, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, Progress, type ProgressProps, Prose, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResizableDirection, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, ScrollBar, type ScrollBarOrientation, type ScrollBarProps, Section, SectionDescriptor, type SectionDescriptorProps, SectionHead, type SectionHeadProps, type SectionProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorOrientation, type SeparatorProps, ServerError, type ServerErrorProps, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, type SheetProps, SheetTitle, SheetTrigger, type SheetTriggerProps, type Side, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, type SidebarMenuButtonSize, SidebarMenuItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SliderProps, Slot, type SlotProps, Spinner, Stat, type StatProps, type StatusAccent, type StatusLinkData, type StatusPageProps, StatusScreen, type StatusScreenProps, type Surface, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type Toast, type ToastFn, type ToastOptions, type ToastPosition, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToggleSize, type ToggleVariant, type ToggleVariantsOptions, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, buttonVariants, cn, mergeRefs, navigationMenuTriggerStyle, statusCtaClass, toast, toggleVariants, useControllableState, useDismissableLayer, useFloating, useFocusScope, useHoverIntent, usePresence, useRovingFocus, useSidebar };
+export { type Accent, Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, type AlertDialogProps, AlertDialogTitle, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, AlertTitle, type AlertVariant, type Align, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BadgeVariant, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonSize, type ButtonVariant, type ButtonVariantsOptions, Calendar, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselEdgeFade, CarouselItem, CarouselNext, CarouselPrevious, type CarouselProps, type ChartConfig, ChartContainer, type ChartItem, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Check, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, type CommandGroupProps, CommandInput, CommandItem, type CommandItemProps, CommandList, type CommandProps, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, DialogTrigger, type DialogTriggerProps, Display, Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, type DrawerProps, DrawerTitle, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyMediaProps, type EmptyMediaVariant, EmptyTitle, Eyebrow, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, type FieldOrientation, FieldSeparator, FieldSet, FieldTitle, type FloatingResult, Footer, type FooterLink, type FooterLinkGroup, type FooterOffice, type FooterProps, Forbidden, Form, FormControl, FormDescription, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, type HoverIntentHandlers, InfoTip, InfoTipContent, type InfoTipContentProps, type InfoTipProps, InfoTipTrigger, type InfoTipTriggerProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonAlign, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupButtonSize, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemMediaProps, type ItemMediaVariant, type ItemProps, ItemSeparator, type ItemSize, ItemTitle, type ItemVariant, Kbd, KbdGroup, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, type MenubarMenuProps, MenubarRadioGroup, type MenubarRadioGroupProps, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, type MenubarSubProps, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotFound, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type Polarity, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, Progress, type ProgressProps, Prose, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResizableDirection, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, ScrollArea, ScrollBar, type ScrollBarOrientation, type ScrollBarProps, Section, SectionDescriptor, type SectionDescriptorProps, SectionHead, type SectionHeadProps, type SectionProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, type SeparatorOrientation, type SeparatorProps, ServerError, type ServerErrorProps, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, type SheetProps, SheetTitle, SheetTrigger, type SheetTriggerProps, type Side, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, type SidebarMenuButtonProps, type SidebarMenuButtonSize, SidebarMenuItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SliderProps, Slot, type SlotProps, Spinner, Stat, type StatProps, type StatusLinkData, type StatusPageProps, StatusScreen, type StatusScreenProps, type Surface, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type Toast, type ToastFn, type ToastOptions, type ToastPosition, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToggleSize, type ToggleVariant, type ToggleVariantsOptions, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps, buttonVariants, cn, mergeRefs, navigationMenuTriggerStyle, statusCtaClass, toast, toggleVariants, useControllableState, useDismissableLayer, useFloating, useFocusScope, useHoverIntent, usePresence, useRovingFocus, useSidebar };

package/dist/index.js

@@ -333,7 +333,7 @@ import "react";
 // src/generated/alert.ts
 var ALERT_BASE = "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current";
 var alertVariants = {
-  "default": "bg-card text-ink",
+  "neutral": "bg-card text-ink",
   "destructive": "text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-accent-error/90"
 };
 var ALERT_TITLE = "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight";
@@ -341,7 +341,7 @@ var ALERT_DESCRIPTION = "text-ink-soft col-start-2 grid justify-items-start gap-
 
 // src/components/alert.tsx
 import { jsx } from "react/jsx-runtime";
-function Alert({ className, variant = "default", ...props }) {
+function Alert({ className, variant = "neutral", ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -436,7 +436,7 @@ import "react";
 // src/generated/badge.ts
 var BADGE_BASE = "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 gap-1 overflow-hidden [&>svg]:size-3 [&>svg]:pointer-events-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error";
 var badgeVariants = {
-  "default": "border-transparent bg-primary text-on-primary [a&]:hover:bg-primary/90",
+  "primary": "border-transparent bg-primary text-on-primary [a&]:hover:bg-primary/90",
   "secondary": "border-transparent bg-secondary text-on-secondary [a&]:hover:bg-secondary/90",
   "destructive": "border-transparent bg-accent-error text-on-accent-error [a&]:hover:bg-accent-error/90 focus-visible:ring-accent-error/20",
   "outline": "text-ink [a&]:hover:bg-hover [a&]:hover:text-ink",
@@ -447,7 +447,7 @@ var badgeVariants = {
 import { jsx as jsx3 } from "react/jsx-runtime";
 function Badge({
   className,
-  variant = "default",
+  variant = "primary",
   asChild = false,
   ...props
 }) {
@@ -592,7 +592,7 @@ import "react";
 // src/generated/button.ts
 var BUTTON_BASE = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--control-radius)] text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error";
 var buttonVariantClasses = {
-  "default": "bg-primary text-on-primary hover:bg-primary/90",
+  "primary": "bg-primary text-on-primary hover:bg-primary/90",
   "secondary": "bg-secondary text-on-secondary hover:bg-secondary/80",
   "outline": "border bg-transparent shadow-xs hover:bg-hover hover:text-ink",
   "ghost": "hover:bg-hover hover:text-ink",
@@ -600,7 +600,7 @@ var buttonVariantClasses = {
   "link": "text-primary underline-offset-4 hover:underline"
 };
 var buttonSizeClasses = {
-  "default": "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3",
+  "md": "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3",
   "xs": "h-7 gap-1 px-2 text-xs has-[>svg]:px-1.5",
   "sm": "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
   "lg": "h-10 px-6 has-[>svg]:px-4",
@@ -615,16 +615,16 @@ var buttonSizeClasses = {
 // src/components/button.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 function buttonVariants({
-  variant = "default",
-  size = "default",
+  variant = "primary",
+  size = "md",
   className
 } = {}) {
   return cn(BUTTON_BASE, buttonVariantClasses[variant], buttonSizeClasses[size], className);
 }
 function Button({
   className,
-  variant = "default",
-  size = "default",
+  variant = "primary",
+  size = "md",
   asChild = false,
   href,
   ...props
@@ -800,7 +800,7 @@ var EMPTY = "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 roun
 var EMPTY_HEADER = "flex max-w-sm flex-col items-center gap-2 text-center";
 var EMPTY_MEDIA_BASE = "flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0";
 var emptyMediaVariants = {
-  "default": "bg-transparent",
+  "bare": "bg-transparent",
   "icon": "bg-muted text-ink flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
 };
 var EMPTY_TITLE = "text-lg font-medium tracking-tight";
@@ -827,7 +827,7 @@ function EmptyHeader({
 }
 function EmptyMedia({
   className,
-  variant = "default",
+  variant = "bare",
   ...props
 }) {
   return /* @__PURE__ */ jsx8(
@@ -1460,17 +1460,17 @@ var ITEM_GROUP = "group/item-group flex flex-col";
 var ITEM_SEPARATOR = "my-0";
 var ITEM_BASE = "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-hover/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]";
 var itemVariants = {
-  "default": "bg-transparent",
+  "bare": "bg-transparent",
   "outline": "border-border",
   "muted": "bg-muted/50"
 };
 var itemSizes = {
-  "default": "p-4 gap-4",
+  "md": "p-4 gap-4",
   "sm": "py-3 px-4 gap-2.5"
 };
 var ITEM_MEDIA_BASE = "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5";
 var itemMediaVariants = {
-  "default": "bg-transparent",
+  "bare": "bg-transparent",
   "icon": "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
   "image": "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
 };
@@ -1510,8 +1510,8 @@ function ItemSeparator({
 }
 function Item({
   className,
-  variant = "default",
-  size = "default",
+  variant = "bare",
+  size = "md",
   asChild = false,
   ...props
 }) {
@@ -1529,7 +1529,7 @@ function Item({
 }
 function ItemMedia({
   className,
-  variant = "default",
+  variant = "bare",
   ...props
 }) {
   return /* @__PURE__ */ jsx18(
@@ -1727,7 +1727,7 @@ function PaginationPrevious({
     PaginationLink,
     {
       "aria-label": "Go to previous page",
-      size: "default",
+      size: "md",
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
@@ -1745,7 +1745,7 @@ function PaginationNext({
     PaginationLink,
     {
       "aria-label": "Go to next page",
-      size: "default",
+      size: "md",
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
@@ -1849,22 +1849,25 @@ function Spinner({ className, ...props }) {
 import "react";
 import { jsx as jsx24, jsxs as jsxs6 } from "react/jsx-runtime";
 var ACCENT_TEXT = {
-  teal: "text-accent-debug",
-  gold: "text-accent-warn",
-  red: "text-accent-error",
-  blue: "text-accent-info"
+  trace: "text-accent-trace",
+  debug: "text-accent-debug",
+  info: "text-accent-info",
+  warn: "text-accent-warn",
+  error: "text-accent-error"
 };
 var BTN_FILLED = {
-  teal: "bg-accent-debug text-background hover:bg-accent-debug/90",
-  gold: "bg-accent-warn text-background hover:bg-accent-warn/90",
-  red: "bg-accent-error text-on-accent-error hover:bg-accent-error/90",
-  blue: "bg-accent-info text-on-accent-info hover:bg-accent-info/90"
+  trace: "bg-accent-trace text-on-accent-trace hover:bg-accent-trace/90",
+  debug: "bg-accent-debug text-background hover:bg-accent-debug/90",
+  info: "bg-accent-info text-on-accent-info hover:bg-accent-info/90",
+  warn: "bg-accent-warn text-background hover:bg-accent-warn/90",
+  error: "bg-accent-error text-on-accent-error hover:bg-accent-error/90"
 };
 var BTN_OUTLINE = {
-  teal: "border border-accent-debug/40 text-accent-debug hover:bg-accent-debug/10",
-  gold: "border border-accent-warn/40 text-accent-warn hover:bg-accent-warn/10",
-  red: "border border-accent-error/40 text-accent-error hover:bg-accent-error/10",
-  blue: "border border-accent-info/40 text-accent-info hover:bg-accent-info/10"
+  trace: "border border-accent-trace/40 text-accent-trace hover:bg-accent-trace/10",
+  debug: "border border-accent-debug/40 text-accent-debug hover:bg-accent-debug/10",
+  info: "border border-accent-info/40 text-accent-info hover:bg-accent-info/10",
+  warn: "border border-accent-warn/40 text-accent-warn hover:bg-accent-warn/10",
+  error: "border border-accent-error/40 text-accent-error hover:bg-accent-error/10"
 };
 function statusCtaClass(accent, variant) {
   return cn(
@@ -1937,7 +1940,7 @@ function StatusScreen({
       /* @__PURE__ */ jsx24("p", { className: "mx-auto mt-5 max-w-md text-sm leading-relaxed text-ink/60 sm:text-base", children: subtext }),
       /* @__PURE__ */ jsxs6("div", { className: "mt-9 flex flex-col items-center gap-3 sm:flex-row", children: [
         children,
-        links?.map((link) => /* @__PURE__ */ jsxs6(L, { href: link.href, className: statusCtaClass(accent, link.variant ?? "default"), children: [
+        links?.map((link) => /* @__PURE__ */ jsxs6(L, { href: link.href, className: statusCtaClass(accent, link.variant ?? "primary"), children: [
           link.leadingArrow ? /* @__PURE__ */ jsx24(ArrowLeftIcon, { className: "mr-2 h-4 w-4" }) : null,
           link.label
         ] }, link.label))
@@ -1949,7 +1952,7 @@ function NotFound({ linkComponent = "a", homeHref = "/", contactHref = "/contact
   return /* @__PURE__ */ jsx24(
     StatusScreen,
     {
-      accent: "teal",
+      accent: "debug",
       eyebrow: "Page not found",
       code: "404",
       headlineLead: "You've reached ",
@@ -1967,7 +1970,7 @@ function Forbidden({ linkComponent = "a", homeHref = "/", contactHref = "/contac
   return /* @__PURE__ */ jsx24(
     StatusScreen,
     {
-      accent: "gold",
+      accent: "warn",
       eyebrow: "Access forbidden",
       code: "403",
       headlineLead: "This harbour is ",
@@ -1985,7 +1988,7 @@ function ServerError({ linkComponent = "a", homeHref = "/", reset }) {
   return /* @__PURE__ */ jsx24(
     StatusScreen,
     {
-      accent: "red",
+      accent: "error",
       eyebrow: "Server error",
       code: "500",
       headlineLead: "Our systems are ",
@@ -1997,7 +2000,7 @@ function ServerError({ linkComponent = "a", homeHref = "/", reset }) {
         "button",
         {
           type: "button",
-          className: statusCtaClass("red", "default"),
+          className: statusCtaClass("error", "primary"),
           onClick: () => reset ? reset() : window.location.reload(),
           children: "Try again"
         }
@@ -2519,11 +2522,11 @@ import "react";
 // src/generated/toggle.ts
 var TOGGLE_BASE = "inline-flex items-center justify-center gap-2 rounded-[var(--control-radius)] text-sm font-medium hover:bg-muted hover:text-ink-soft disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-hover data-[state=on]:text-ink [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error whitespace-nowrap";
 var toggleVariantClasses = {
-  "default": "bg-transparent",
+  "bare": "bg-transparent",
   "outline": "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink"
 };
 var toggleSizeClasses = {
-  "default": "h-9 px-2 min-w-9",
+  "md": "h-9 px-2 min-w-9",
   "xs": "h-7 px-1 min-w-7",
   "sm": "h-8 px-1.5 min-w-8",
   "lg": "h-10 px-2.5 min-w-10",
@@ -2533,16 +2536,16 @@ var toggleSizeClasses = {
 // src/components/toggle.tsx
 import { jsx as jsx30 } from "react/jsx-runtime";
 function toggleVariants({
-  variant = "default",
-  size = "default",
+  variant = "bare",
+  size = "md",
   className
 } = {}) {
   return cn(TOGGLE_BASE, toggleVariantClasses[variant], toggleSizeClasses[size], className);
 }
 function Toggle({
   className,
-  variant = "default",
-  size = "default",
+  variant = "bare",
+  size = "md",
   pressed,
   defaultPressed = false,
   onPressedChange,
@@ -2575,8 +2578,8 @@ function Toggle({
 import * as React41 from "react";
 import { jsx as jsx31 } from "react/jsx-runtime";
 var ToggleGroupContext = React41.createContext({
-  variant: "default",
-  size: "default",
+  variant: "bare",
+  size: "md",
   value: [],
   toggle: () => {
   }
@@ -2587,8 +2590,8 @@ function toArray(v) {
 }
 function ToggleGroup({
   className,
-  variant = "default",
-  size = "default",
+  variant = "bare",
+  size = "md",
   type = "single",
   value,
   defaultValue,
@@ -2638,8 +2641,8 @@ function ToggleGroupItem({
   ...props
 }) {
   const context = React41.useContext(ToggleGroupContext);
-  const resolvedVariant = context.variant || variant || "default";
-  const resolvedSize = context.size || size || "default";
+  const resolvedVariant = context.variant || variant || "bare";
+  const resolvedSize = context.size || size || "md";
   const on = context.value.includes(value);
   return /* @__PURE__ */ jsx31(
     "button",
@@ -3074,7 +3077,7 @@ import * as React47 from "react";
 var SIDEBAR_MENU_BUTTON_BASE = "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-ring transition-[width,height,padding] hover:bg-hover hover:text-ink focus-visible:ring-2 active:bg-hover active:text-ink disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-hover data-[active=true]:font-medium data-[active=true]:text-ink data-[state=open]:hover:bg-hover data-[state=open]:hover:text-ink group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0";
 var sidebarMenuButtonSizeClasses = {
   "xs": "h-7 text-xs",
-  "default": "h-8 text-sm",
+  "sm": "h-8 text-sm",
   "lg": "h-12 text-sm group-data-[collapsible=icon]:p-0!"
 };
 var SIDEBAR_WRAPPER = "group/sidebar-wrapper has-data-[variant=inset]:bg-secondary flex min-h-svh w-full";
@@ -3354,7 +3357,7 @@ function SidebarMenuButton({
   asChild = false,
   isActive = false,
   variant = "ghost",
-  size = "default",
+  size = "sm",
   className,
   ...props
 }) {
@@ -4276,7 +4279,7 @@ function DropdownMenuGroup({ className, ...props }) {
 function DropdownMenuItem({
   className,
   inset,
-  variant = "default",
+  variant = "neutral",
   disabled,
   onClick,
   onKeyDown,
@@ -4590,7 +4593,7 @@ function ContextMenuContent({ className, children, ...props }) {
 function ContextMenuItem({
   className,
   inset,
-  variant = "default",
+  variant = "neutral",
   disabled,
   onClick,
   onKeyDown,
@@ -4910,7 +4913,7 @@ function MenubarGroup({ className, ...props }) {
 function MenubarItem({
   className,
   inset,
-  variant = "default",
+  variant = "neutral",
   ...props
 }) {
   return /* @__PURE__ */ jsx46(
@@ -6031,7 +6034,7 @@ function Select({
 }
 function SelectTrigger({
   className,
-  size = "default",
+  size = "md",
   onClick,
   children,
   ...props
@@ -6831,11 +6834,11 @@ import * as React66 from "react";
 // src/generated/sonner.ts
 var TOAST_BASE = "pointer-events-auto flex w-full items-start gap-3 rounded-md border p-4 text-sm shadow-lg";
 var toastVariantClasses = {
-  "default": "bg-popover text-ink border-border",
-  "success": "bg-popover text-ink border-positive/40",
-  "error": "bg-popover text-ink border-accent-error/50",
+  "neutral": "bg-popover text-ink border-border",
+  "positive": "bg-popover text-ink border-positive/40",
   "info": "bg-popover text-ink border-border",
-  "warning": "bg-popover text-ink border-border"
+  "warn": "bg-popover text-ink border-border",
+  "error": "bg-popover text-ink border-accent-error/50"
 };
 var TOASTER_BASE = "pointer-events-none fixed z-100 w-[calc(100%-2rem)] max-w-sm";
 var positionClasses = {
@@ -6869,7 +6872,7 @@ var store = /* @__PURE__ */ (() => {
       message,
       description: opts.description,
       duration: opts.duration ?? DEFAULT_DURATION,
-      variant: opts.variant ?? "default",
+      variant: opts.variant ?? "neutral",
       state: "open"
     };
     toasts = [...toasts, next];
@@ -6898,10 +6901,10 @@ var store = /* @__PURE__ */ (() => {
 var toast = Object.assign(
   (message, opts) => store.add(message, opts),
   {
-    success: (message, opts) => store.add(message, { ...opts, variant: "success" }),
+    positive: (message, opts) => store.add(message, { ...opts, variant: "positive" }),
     error: (message, opts) => store.add(message, { ...opts, variant: "error" }),
     info: (message, opts) => store.add(message, { ...opts, variant: "info" }),
-    warning: (message, opts) => store.add(message, { ...opts, variant: "warning" }),
+    warn: (message, opts) => store.add(message, { ...opts, variant: "warn" }),
     dismiss: (id) => store.dismiss(id)
   }
 );