@psnext/design-system 1.5.1 → 2.0.0

package/dist/primitives/index.d.cts

@@ -41,25 +41,25 @@ import { n as nativeSelectVariants, t as NativeSelect } from "../index40.cjs";
 import { a as NavigationMenuLink, c as NavigationMenuViewport, i as NavigationMenuItem, l as navigationMenuTriggerStyle, n as NavigationMenuContent, o as NavigationMenuList, r as NavigationMenuIndicator, s as NavigationMenuTrigger, t as NavigationMenu } from "../index41.cjs";
 import { a as PopoverHeader, i as PopoverDescription, n as PopoverAnchor, o as PopoverTitle, r as PopoverContent, s as PopoverTrigger, t as Popover } from "../index42.cjs";
 import { a as NavRailMenuContent, c as NavRailMenuTrigger, d as NavRailSeparator, f as NavRailUser, i as NavRailMenu, l as NavRailMenuTriggerProps, n as NavRailItem, o as NavRailMenuItem, p as NavRailUserProps, r as NavRailItemProps, s as NavRailMenuItemProps, t as NavRail, u as NavRailMode } from "../index43.cjs";
-import { a as PaginationLink, i as PaginationItem, n as PaginationContent, o as PaginationNext, r as PaginationEllipsis, s as PaginationPrevious, t as Pagination } from "../index44.cjs";
-import { t as Progress } from "../index45.cjs";
-import { n as RadioGroupItem, r as RichRadioItem, t as RadioGroup } from "../index46.cjs";
-import { n as ResizablePanel, r as ResizablePanelGroup, t as ResizableHandle } from "../index47.cjs";
-import { n as ScrollBar, t as ScrollArea } from "../index48.cjs";
-import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../index49.cjs";
-import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../index50.cjs";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../index51.cjs";
-import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../index52.cjs";
-import { i as SkeletonObject, n as SkeletonAvatar, r as SkeletonLine, t as Skeleton } from "../index53.cjs";
-import { t as Slider } from "../index54.cjs";
-import { t as Toaster } from "../index55.cjs";
-import { t as Spinner } from "../index56.cjs";
-import { n as Switch, r as SwitchGroup, t as RichSwitchGroup } from "../index57.cjs";
-import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../index58.cjs";
-import { a as TabsTrigger, i as TabsList, n as TabsContent, o as tabsListVariants, r as TabsCounter, s as tabsTriggerVariants, t as Tabs } from "../index59.cjs";
-import { n as TextProps, r as textVariants, t as Text } from "../index60.cjs";
-import { n as textareaVariants, t as Textarea } from "../index61.cjs";
-import { a as useTheme, i as ThemeProvider, n as ThemeMode, r as ThemeProduct, t as ThemeContext } from "../index62.cjs";
-import { n as toggleVariants, t as Toggle } from "../index63.cjs";
-import { n as ToggleGroupItem, t as ToggleGroup } from "../index64.cjs";
+import { a as PaginationLink, i as PaginationItem, n as PaginationContent, o as PaginationNext, r as PaginationEllipsis, s as PaginationPrevious, t as Pagination } from "../index45.cjs";
+import { t as Progress } from "../index46.cjs";
+import { n as RadioGroupItem, r as RichRadioItem, t as RadioGroup } from "../index47.cjs";
+import { n as ResizablePanel, r as ResizablePanelGroup, t as ResizableHandle } from "../index48.cjs";
+import { n as ScrollBar, t as ScrollArea } from "../index49.cjs";
+import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../index50.cjs";
+import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../index51.cjs";
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../index52.cjs";
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../index53.cjs";
+import { i as SkeletonObject, n as SkeletonAvatar, r as SkeletonLine, t as Skeleton } from "../index54.cjs";
+import { t as Slider } from "../index55.cjs";
+import { t as Toaster } from "../index56.cjs";
+import { t as Spinner } from "../index57.cjs";
+import { n as Switch, r as SwitchGroup, t as RichSwitchGroup } from "../index58.cjs";
+import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../index59.cjs";
+import { a as TabsTrigger, i as TabsList, n as TabsContent, o as tabsListVariants, r as TabsCounter, s as tabsTriggerVariants, t as Tabs } from "../index60.cjs";
+import { n as TextProps, r as textVariants, t as Text } from "../index61.cjs";
+import { n as textareaVariants, t as Textarea } from "../index62.cjs";
+import { a as useTheme, i as ThemeProvider, n as ThemeMode, r as ThemeProduct, t as ThemeContext } from "../index63.cjs";
+import { n as toggleVariants, t as Toggle } from "../index64.cjs";
+import { n as ToggleGroupItem, t as ToggleGroup } from "../index65.cjs";
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonProps, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxTree, CheckboxTreeNode, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Credits, CreditsProps, CreditsVariant, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Heading, HeadingProps, HoverCard, HoverCardContent, HoverCardTrigger, ICON_NAMES, Icon, IconName, IconProps, InfoBanner, InfoBannerProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Link, LinkProps, Logo, LogoBrand, LogoVariant, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NavRail, NavRailItem, NavRailItemProps, NavRailMenu, NavRailMenuContent, NavRailMenuItem, NavRailMenuItemProps, NavRailMenuTrigger, NavRailMenuTriggerProps, NavRailMode, NavRailSeparator, NavRailUser, NavRailUserProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichCheckbox, RichRadioItem, RichSwitchGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorSpacing, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SkeletonAvatar, SkeletonLine, SkeletonObject, Slider, Spinner, Switch, SwitchGroup, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsCounter, TabsList, TabsTrigger, Text, TextProps, Textarea, ThemeContext, ThemeMode, ThemeProduct, ThemeProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, creditsVariants, emptyVariants, headingVariants, infoBannerVariants, inputVariants, linkVariants, nativeSelectVariants, navigationMenuTriggerStyle, tabsListVariants, tabsTriggerVariants, textVariants, textareaVariants, toggleVariants, useFormField, useSidebar, useTheme };

package/dist/primitives/index.d.ts

@@ -41,25 +41,25 @@ import { n as nativeSelectVariants, t as NativeSelect } from "../index40.js";
 import { a as NavigationMenuLink, c as NavigationMenuViewport, i as NavigationMenuItem, l as navigationMenuTriggerStyle, n as NavigationMenuContent, o as NavigationMenuList, r as NavigationMenuIndicator, s as NavigationMenuTrigger, t as NavigationMenu } from "../index41.js";
 import { a as PopoverHeader, i as PopoverDescription, n as PopoverAnchor, o as PopoverTitle, r as PopoverContent, s as PopoverTrigger, t as Popover } from "../index42.js";
 import { a as NavRailMenuContent, c as NavRailMenuTrigger, d as NavRailSeparator, f as NavRailUser, i as NavRailMenu, l as NavRailMenuTriggerProps, n as NavRailItem, o as NavRailMenuItem, p as NavRailUserProps, r as NavRailItemProps, s as NavRailMenuItemProps, t as NavRail, u as NavRailMode } from "../index43.js";
-import { a as PaginationLink, i as PaginationItem, n as PaginationContent, o as PaginationNext, r as PaginationEllipsis, s as PaginationPrevious, t as Pagination } from "../index44.js";
-import { t as Progress } from "../index45.js";
-import { n as RadioGroupItem, r as RichRadioItem, t as RadioGroup } from "../index46.js";
-import { n as ResizablePanel, r as ResizablePanelGroup, t as ResizableHandle } from "../index47.js";
-import { n as ScrollBar, t as ScrollArea } from "../index48.js";
-import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../index49.js";
-import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../index50.js";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../index51.js";
-import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../index52.js";
-import { i as SkeletonObject, n as SkeletonAvatar, r as SkeletonLine, t as Skeleton } from "../index53.js";
-import { t as Slider } from "../index54.js";
-import { t as Toaster } from "../index55.js";
-import { t as Spinner } from "../index56.js";
-import { n as Switch, r as SwitchGroup, t as RichSwitchGroup } from "../index57.js";
-import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../index58.js";
-import { a as TabsTrigger, i as TabsList, n as TabsContent, o as tabsListVariants, r as TabsCounter, s as tabsTriggerVariants, t as Tabs } from "../index59.js";
-import { n as TextProps, r as textVariants, t as Text } from "../index60.js";
-import { n as textareaVariants, t as Textarea } from "../index61.js";
-import { a as useTheme, i as ThemeProvider, n as ThemeMode, r as ThemeProduct, t as ThemeContext } from "../index62.js";
-import { n as toggleVariants, t as Toggle } from "../index63.js";
-import { n as ToggleGroupItem, t as ToggleGroup } from "../index64.js";
+import { a as PaginationLink, i as PaginationItem, n as PaginationContent, o as PaginationNext, r as PaginationEllipsis, s as PaginationPrevious, t as Pagination } from "../index45.js";
+import { t as Progress } from "../index46.js";
+import { n as RadioGroupItem, r as RichRadioItem, t as RadioGroup } from "../index47.js";
+import { n as ResizablePanel, r as ResizablePanelGroup, t as ResizableHandle } from "../index48.js";
+import { n as ScrollBar, t as ScrollArea } from "../index49.js";
+import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../index50.js";
+import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../index51.js";
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../index52.js";
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../index53.js";
+import { i as SkeletonObject, n as SkeletonAvatar, r as SkeletonLine, t as Skeleton } from "../index54.js";
+import { t as Slider } from "../index55.js";
+import { t as Toaster } from "../index56.js";
+import { t as Spinner } from "../index57.js";
+import { n as Switch, r as SwitchGroup, t as RichSwitchGroup } from "../index58.js";
+import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../index59.js";
+import { a as TabsTrigger, i as TabsList, n as TabsContent, o as tabsListVariants, r as TabsCounter, s as tabsTriggerVariants, t as Tabs } from "../index60.js";
+import { n as TextProps, r as textVariants, t as Text } from "../index61.js";
+import { n as textareaVariants, t as Textarea } from "../index62.js";
+import { a as useTheme, i as ThemeProvider, n as ThemeMode, r as ThemeProduct, t as ThemeContext } from "../index63.js";
+import { n as toggleVariants, t as Toggle } from "../index64.js";
+import { n as ToggleGroupItem, t as ToggleGroup } from "../index65.js";
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonProps, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxTree, CheckboxTreeNode, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Credits, CreditsProps, CreditsVariant, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Heading, HeadingProps, HoverCard, HoverCardContent, HoverCardTrigger, ICON_NAMES, Icon, IconName, IconProps, InfoBanner, InfoBannerProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Link, LinkProps, Logo, LogoBrand, LogoVariant, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NavRail, NavRailItem, NavRailItemProps, NavRailMenu, NavRailMenuContent, NavRailMenuItem, NavRailMenuItemProps, NavRailMenuTrigger, NavRailMenuTriggerProps, NavRailMode, NavRailSeparator, NavRailUser, NavRailUserProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichCheckbox, RichRadioItem, RichSwitchGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorSpacing, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SkeletonAvatar, SkeletonLine, SkeletonObject, Slider, Spinner, Switch, SwitchGroup, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsCounter, TabsList, TabsTrigger, Text, TextProps, Textarea, ThemeContext, ThemeMode, ThemeProduct, ThemeProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, creditsVariants, emptyVariants, headingVariants, infoBannerVariants, inputVariants, linkVariants, nativeSelectVariants, navigationMenuTriggerStyle, tabsListVariants, tabsTriggerVariants, textVariants, textareaVariants, toggleVariants, useFormField, useSidebar, useTheme };

package/dist/primitives/index.js

@@ -39,13 +39,12 @@ import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup,
 import { Kbd, KbdGroup } from "./Kbd/index.js";
 import { Link, linkVariants } from "./Link/index.js";
 import { t as Logo } from "../Logo.js";
-import { ThemeContext, ThemeProvider, useTheme } from "./ThemeProvider/index.js";
 import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./Menubar/index.js";
 import { NativeSelect, nativeSelectVariants } from "./NativeSelect/index.js";
 import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from "./NavigationMenu/index.js";
 import { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./Popover/index.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./Tooltip/index.js";
-import { NavRail, NavRailItem, NavRailMenu, NavRailMenuContent, NavRailMenuItem, NavRailMenuTrigger, NavRailSeparator, NavRailUser } from "./NavRail/index.js";
+import { NavRail, NavRailItem, NavRailMenu, NavRailMenuContent, NavRailMenuItem, NavRailMenuTrigger, NavRailSeparator, NavRailUser } from "../patterns/NavRail/index.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./Pagination/index.js";
 import { Progress } from "./Progress/index.js";
 import { RadioGroup, RadioGroupItem, RichRadioItem } from "./RadioGroup/index.js";
@@ -60,6 +59,7 @@ import { RichSwitchGroup, Switch, SwitchGroup } from "./Switch/index.js";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./Table/index.js";
 import { Tabs, TabsContent, TabsCounter, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./Tabs/index.js";
 import { Text, textVariants } from "./Text/index.js";
+import { ThemeContext, ThemeProvider, useTheme } from "./ThemeProvider/index.js";
 import { Toggle, toggleVariants } from "./Toggle/index.js";
 import { ToggleGroup, ToggleGroupItem } from "./ToggleGroup/index.js";
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxTree, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Credits, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Heading, HoverCard, HoverCardContent, HoverCardTrigger, ICON_NAMES, Icon, InfoBanner, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Link, Logo, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NavRail, NavRailItem, NavRailMenu, NavRailMenuContent, NavRailMenuItem, NavRailMenuTrigger, NavRailSeparator, NavRailUser, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichCheckbox, RichRadioItem, RichSwitchGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SkeletonAvatar, SkeletonLine, SkeletonObject, Slider, Spinner, Switch, SwitchGroup, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsCounter, TabsList, TabsTrigger, Text, Textarea, ThemeContext, ThemeProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, creditsVariants, emptyVariants, headingVariants, infoBannerVariants, inputVariants, linkVariants, nativeSelectVariants, navigationMenuTriggerStyle, tabsListVariants, tabsTriggerVariants, textVariants, textareaVariants, toggleVariants, useFormField, useSidebar, useTheme };

package/dist/styles/base.css

@@ -12,10 +12,10 @@
 @scope (html) to (.ds-no-base) {
   @layer base {
     * {
-      @apply border-border outline-ring/50;
+      @apply border-primary-border outline-focus/50;
     }
     body {
-      @apply bg-background text-foreground;
+      @apply bg-primary-bg text-primary-txt;
     }
 
     /* Raw heading tags pick up the heading type scale by default (Tailwind's
@@ -72,7 +72,12 @@
 }
 
 .skeleton-shimmer {
-  background: linear-gradient(90deg, var(--muted) 25%, var(--accent) 50%, var(--muted) 75%);
+  background: linear-gradient(
+    90deg,
+    var(--muted-bg) 25%,
+    var(--secondary-bg) 50%,
+    var(--muted-bg) 75%
+  );
   background-size: 200% 100%;
 }
 
@@ -85,7 +90,7 @@
 /* Reduced-motion fallback — static muted block, no animation */
 @media (prefers-reduced-motion: reduce) {
   .skeleton-shimmer {
-    background: var(--muted);
+    background: var(--muted-bg);
   }
 }
 
@@ -117,3 +122,17 @@
     width: 35%;
   }
 }
+
+/* ── Logo wordmark ink ────────────────────────────────────────
+   The product logos hard-code their brand colours (see
+   primitives/Logo/marks/brand-colors.ts) but the wordmark text
+   follows the page mode for legibility. Class-driven — not
+   React-driven — so VR <html>-class toggles and provider-less
+   usage render correctly. Outside the @scope hole on purpose:
+   logos keep their ink inside ds-no-base subtrees too. */
+:root {
+  --logo-mark-dark: #111827;
+}
+.dark {
+  --logo-mark-dark: #ffffff;
+}

package/dist/styles/brand-scopes.css

@@ -0,0 +1,49 @@
+/* ============================================================
+   Nested brand scoping.
+
+   The brand-derived aliases (--brand-50/200/700/800/950,
+   --brand-500-primary, --brand-gradient-from) are declared in
+   tokens/mode-light.css (:root) and tokens/mode-dark.css (.dark).
+   CSS custom properties substitute their var() chains at the
+   element where they are DEFINED, so a nested `.theme-*` wrapper
+   that redefines --theme-brand-* does not re-resolve the aliases
+   it inherits from :root — every nested scope would render the
+   root brand. Root-level switching (ThemeProvider toggling the
+   class on <html>) is unaffected either way.
+
+   These rules re-declare the aliases on the `.theme-*` scopes
+   themselves so section-level brand wrappers (stories, side-by-
+   side brand demos, future white-label surfaces) resolve against
+   their own --theme-brand-* stops.
+
+   KEEP IN LOCKSTEP with tokens/mode-light.css + mode-dark.css
+   (including the static dark values for --brand-50/--brand-200,
+   which the dark Figma ramp pins instead of mapping to stops).
+   ============================================================ */
+
+.theme-slingshot,
+.theme-bodhi,
+.theme-sustain {
+  --brand-gradient-from: var(--theme-brand-200);
+  --brand-50: var(--theme-brand-50);
+  --brand-200: var(--theme-brand-200);
+  --brand-800: var(--theme-brand-800);
+  --brand-950: var(--theme-brand-950);
+  --brand-500-primary: var(--theme-brand-500-primary);
+  --brand-700: var(--theme-brand-700);
+}
+
+.dark.theme-slingshot,
+.dark.theme-bodhi,
+.dark.theme-sustain,
+.dark .theme-slingshot,
+.dark .theme-bodhi,
+.dark .theme-sustain {
+  --brand-gradient-from: var(--theme-brand-950);
+  --brand-50: #3d000d;
+  --brand-200: #6c0016;
+  --brand-800: var(--theme-brand-200);
+  --brand-950: var(--theme-brand-50);
+  --brand-500-primary: var(--theme-brand-500-primary);
+  --brand-700: var(--theme-brand-200);
+}

package/dist/styles/glass.css

@@ -1,8 +1,10 @@
 /* ============================================================
-   Glass-morphism surface tints — ported from the previous DS
-   (not in the Figma export). Used app-wide for glass panels and by
-   the Sheet `glass` overlay variant. Base in :root/.dark; brand
-   overrides per theme. Pair with `backdrop-blur-*`.
+   LEGACY glass-morphism tints — ported from the previous DS (not in
+   the Figma export). As of the pass-2 migration no design-system
+   component uses these; only --glass-blur is part of the live
+   contract (backdrop-blur-glass). The tint variables are kept solely
+   for apps/prototype/src/ds-legacy. New code should use the
+   glass-20/40/60/none-bg tokens instead.
    ============================================================ */
 
 :root {
@@ -12,7 +14,7 @@
   --glass-light: rgba(255, 255, 255, 0.4);
   --glass-medium: rgba(255, 255, 255, 0.5);
   /* Backdrop blur radius for glass surfaces (GlassSurface primitive). */
-  --glass-blur: 45px;
+  --glass-blur: 10px;
 }
 
 .dark {
@@ -32,7 +34,8 @@
   --glass-medium: rgba(255, 255, 255, 0.5);
 }
 
-.theme-slingshot.dark {
+.theme-slingshot.dark,
+.dark .theme-slingshot {
   --glass-heavy: rgba(31, 40, 50, 0.8);
   --glass-strong: rgba(31, 40, 50, 0.8);
   --glass-subtle: rgba(31, 40, 50, 0.3);
@@ -49,7 +52,8 @@
   --glass-medium: rgba(226, 232, 240, 0.5);
 }
 
-.theme-bodhi.dark {
+.theme-bodhi.dark,
+.dark .theme-bodhi {
   --glass-heavy: rgba(30, 41, 59, 0.8);
   --glass-strong: rgba(30, 41, 59, 0.8);
   --glass-subtle: rgba(30, 41, 59, 0.3);
@@ -66,7 +70,8 @@
   --glass-medium: rgba(255, 255, 255, 0.5);
 }
 
-.theme-sustain.dark {
+.theme-sustain.dark,
+.dark .theme-sustain {
   --glass-heavy: rgba(31, 40, 50, 0.8);
   --glass-strong: rgba(31, 40, 50, 0.8);
   --glass-subtle: rgba(31, 40, 50, 0.3);

package/dist/styles/index.css

@@ -17,30 +17,29 @@
    ============================================================ */
 
 /* ── Primitive scales ─────────────────────────────────────── */
-@import "./tokens/colors.css";
-@import "./tokens/alpha.css";
+/* Raw color/alpha scales are NOT shipped — they exist only inside Figma;
+   mode tokens carry resolved values. */
 @import "./tokens/spacing.css";
 @import "./tokens/border-radius.css";
 @import "./tokens/shadows.css";
 @import "./tokens/typography.css";
-@import "./tokens/chart-colors-light.css";
-@import "./tokens/chart-colors-dark.css";
 
-/* ── Mode (light / dark) ──────────────────────────────────── */
+/* ── Mode (light / dark) — bg/txt/border/chart/glass/focus ── */
 @import "./tokens/mode-light.css";
 @import "./tokens/mode-dark.css";
 
-/* ── Brand themes (scoped to .theme-*) ────────────────────── */
+/* ── Brand themes (--theme-brand-*; Slingshot is the :root default) ── */
 @import "./tokens/theme-slingshot.css";
 @import "./tokens/theme-bodhi.css";
 @import "./tokens/theme-sustain.css";
 
+/* ── Re-substitute brand-derived aliases inside nested .theme-*
+      scopes (section-level brand wrappers; see brand-scopes.css) ─ */
+@import "./brand-scopes.css";
+
 /* ── Glass-morphism surface tints (per brand + mode) ──────── */
 @import "./glass.css";
 
-/* ── Semantic role aliases (shadcn/Radix names) ───────────── */
-@import "./semantic.css";
-
 /* ── Tailwind theme bridge (@custom-variant + @theme inline) ─ */
 @import "./theme.css";
 

package/dist/styles/theme.css

@@ -1,123 +1,174 @@
 /* ============================================================
    @psnext/design-system — Tailwind v4 theme bridge.
 
-   Maps design-system vars to Tailwind utility namespaces so
-   semantic utilities (bg-primary, text-muted-foreground,
-   border-border, rounded-lg, shadow-md, …) resolve to our tokens
-   and react to light/dark + brand switching.
+   Maps design-system vars to Tailwind utility namespaces so the
+   token utilities resolve to our vars and react to light/dark +
+   brand switching.
+
+   Naming contract: Tailwind puts every theme color in ONE
+   namespace (a bg color is also available to text-*, border-*, …
+   — unavoidable), so the token NAME carries the usage context:
+
+     bg-primary-bg / bg-info-bg          ← backgrounds (-bg)
+     text-primary-txt / text-danger-txt  ← content     (-txt)
+     border-primary-border               ← borders     (-border)
+     ring-focus / ring-focus-error       ← focus rings
+     bg-chart-blue / fill-chart-blue     ← charts (chart-*)
+     brand-*, *-gradient-from/-to        ← context-free
 
    `inline` is required: the values reference other CSS vars that
    are reassigned at runtime by .dark / .theme-* selectors.
 
    Imported by a consuming app AFTER `@import "tailwindcss"` and the
-   token/semantic vars (see styles/index.css).
+   token vars (see styles/index.css).
    ============================================================ */
 
 /* Class-based dark mode (.dark) instead of OS prefers-color-scheme, so the
    `.dark` selector our mode tokens use also drives `dark:` utilities. */
 @custom-variant dark (&:where(.dark, .dark *));
 
+/* The AI gradient (button/input borders, AI affordances) is not in the Figma
+   export yet — hand-authored here per design discussion 2026-07. The `to` stop
+   follows border/primary-invert (gray-400 light / gray-600 dark), matching the
+   binding on the Figma AI button.
+   TODO(design): add bg/ai-gradient-* to the Figma mode collection. */
+:root {
+  --ai-gradient-from: var(--brand-500-primary);
+  --ai-gradient-to: var(--primary-invert-border);
+}
+
+/* Gradient pill/box border for AI affordances (AI Button variant; AI inputs in
+   later passes). Two-layer background: the inner fill (override per state via
+   `--ai-surface`, e.g. `hover:[--ai-surface:var(--secondary-hover-bg)]`) clipped
+   to padding-box, the gradient clipped to border-box. Follows the element's
+   border-radius. */
+@utility ai-border {
+  border-width: 2px;
+  border-color: transparent;
+  background:
+    linear-gradient(var(--ai-surface, var(--primary-bg)), var(--ai-surface, var(--primary-bg)))
+      padding-box,
+    linear-gradient(90deg, var(--ai-gradient-from), var(--ai-gradient-to)) border-box;
+}
+
 @theme inline {
-  /* ── Semantic colors (→ bg-*, text-*, border-*, ring-*) ── */
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  /* `*-destructive-foreground` = the destructive content red; the on-destructive
-     foreground (white) is `*-destructive-content-foreground`. See semantic.css. */
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-destructive-content-foreground: var(--destructive-content-foreground);
-  --color-destructive-subtle: var(--destructive-subtle);
-  --color-destructive-subtle-foreground: var(--destructive-subtle-foreground);
-  --color-destructive-alpha: var(--destructive-alpha);
-  --color-destructive-border: var(--destructive-border);
-  --color-error: var(--error);
-  --color-error-subtle: var(--error-subtle);
-  --color-error-foreground: var(--error-foreground);
-  --color-error-bold-foreground: var(--error-bold-foreground);
-  /* Inverse surface pair (→ bg-inverse / text-inverse-foreground / fill-inverse). */
-  --color-inverse: var(--inverse);
-  --color-inverse-foreground: var(--inverse-foreground);
-  --color-border: var(--border); /* this is good */
-  --color-input: var(--input);
-  --color-switch-background: var(--switch-background);
-  --color-input-background: var(--input-background);
-  --color-ring: var(--ring);
-  --color-ring-error: var(--ring-error);
-
-  /* ── Sidebar ──────────────────────────────────────────── */
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-
-  /* ── Charts ───────────────────────────────────────────── */
+  /* ── Backgrounds (-bg) ────────────────────────────────── */
+  --color-primary-bg: var(--primary-bg);
+  --color-primary-invert-bg: var(--primary-invert-bg);
+  --color-secondary-bg: var(--secondary-bg);
+  --color-muted-bg: var(--muted-bg);
+  --color-info-bg: var(--info-bg);
+  --color-success-bg: var(--success-bg);
+  --color-warning-bg: var(--warning-bg);
+  --color-danger-bg: var(--danger-bg);
+  /* Interaction states (hover partners live next to their base color). */
+  --color-primary-invert-hover-bg: var(--primary-invert-hover-bg);
+  --color-secondary-hover-bg: var(--secondary-hover-bg);
+  --color-outline-bg: var(--outline-bg);
+  --color-outline-hover-bg: var(--outline-hover-bg);
+  --color-ghost-bg: var(--ghost-bg);
+  --color-ghost-hover-bg: var(--ghost-hover-bg);
+  --color-toggle-active-bg: var(--toggle-active-bg);
+  --color-input-bg: var(--input-bg);
+  --color-switch-active-bg: var(--switch-active-bg);
+  --color-navbar-active-bg: var(--navbar-active-bg);
+  --color-overlay-bg: var(--overlay-bg);
+  /* Glass surfaces (pair with backdrop-blur / --blur-glass). */
+  --color-glass-20-bg: var(--glass-20-bg);
+  --color-glass-40-bg: var(--glass-40-bg);
+  --color-glass-60-bg: var(--glass-60-bg);
+  --color-glass-none-bg: var(--glass-none-bg);
+
+  /* ── Content (-txt) — text and icon fills ─────────────── */
+  --color-primary-txt: var(--primary-txt);
+  --color-primary-invert-txt: var(--primary-invert-txt);
+  --color-secondary-txt: var(--secondary-txt);
+  --color-muted-txt: var(--muted-txt);
+  --color-info-txt: var(--info-txt);
+  --color-success-txt: var(--success-txt);
+  --color-warning-txt: var(--warning-txt);
+  --color-danger-txt: var(--danger-txt);
+
+  /* ── Borders (-border) ────────────────────────────────── */
+  --color-primary-border: var(--primary-border);
+  --color-primary-invert-border: var(--primary-invert-border);
+  --color-secondary-border: var(--secondary-border);
+  --color-muted-border: var(--muted-border);
+  --color-selected-border: var(--selected-border);
+  --color-info-border: var(--info-border);
+  --color-success-border: var(--success-border);
+  --color-warning-border: var(--warning-border);
+  --color-danger-border: var(--danger-border);
+
+  /* ── Focus rings (→ ring-focus / ring-focus-error) ────── */
+  --color-focus: var(--focus);
+  --color-focus-error: var(--focus-error);
+
+  /* ── Brand (context-free; follows .theme-*, flips in .dark) ── */
+  --color-brand-50: var(--brand-50);
+  --color-brand-200: var(--brand-200);
+  --color-brand-500-primary: var(--brand-500-primary);
+  /* 700 is a code-only stop (AI button label) — see style-dictionary.config.mjs */
+  --color-brand-700: var(--brand-700);
+  --color-brand-800: var(--brand-800);
+  --color-brand-950: var(--brand-950);
+
+  /* ── Gradients (context-free stops → from- / to- utilities) ── */
+  --color-brand-gradient-from: var(--brand-gradient-from);
+  --color-brand-gradient-to: var(--brand-gradient-to);
+  --color-ai-gradient-from: var(--ai-gradient-from);
+  --color-ai-gradient-to: var(--ai-gradient-to);
+
+  /* ── Charts (chart-* prefix carries the context) ──────── */
+  /* Categorical multi-series palette (Figma categorical/chart 1-5). Charts are
+     either single-tone (brand-500-primary) or multi-colored via this ramp. */
   --color-chart-1: var(--chart-1);
   --color-chart-2: var(--chart-2);
   --color-chart-3: var(--chart-3);
   --color-chart-4: var(--chart-4);
   --color-chart-5: var(--chart-5);
-  /* Brand-tinted ramp (follows the active product) → bg-chart-brand-*, fill-chart-brand-* */
-  --color-chart-brand-1: var(--chart-brand-1);
-  --color-chart-brand-2: var(--chart-brand-2);
-  --color-chart-brand-3: var(--chart-brand-3);
-  --color-chart-brand-4: var(--chart-brand-4);
-  --color-chart-brand-5: var(--chart-brand-5);
-
-  /* ── Brand surfaces (follow the active product) ───────── */
-  --color-brand-surface: var(--brand-surface);
-  --color-brand-surface-foreground: var(--brand-surface-foreground);
-  --color-brand-accent: var(--brand-accent);
-  --color-brand-accent-foreground: var(--brand-accent-foreground);
-
-  /* ── Page Gradient ───────────────────── */
-  --color-page-gradient-edge: var(--page-gradient-edge);
-  --color-page-gradient-mid: var(--page-gradient-mid);
-
-  /* ── Glass Colors ───────────────────── */
-  --color-glass-heavy: var(--glass-heavy);
-  --color-glass-strong: var(--glass-strong);
-  --color-glass-subtle: var(--glass-subtle);
-  --color-glass-light: var(--glass-light);
-  --color-glass-medium: var(--glass-medium);
+  --color-chart-blue: var(--chart-blue);
+  --color-chart-blue-subtle: var(--chart-blue-subtle);
+  --color-chart-emerald: var(--chart-emerald);
+  --color-chart-emerald-subtle: var(--chart-emerald-subtle);
+  --color-chart-amber: var(--chart-amber);
+  --color-chart-amber-subtle: var(--chart-amber-subtle);
+  --color-chart-red: var(--chart-red);
+  --color-chart-red-subtle: var(--chart-red-subtle);
+  --color-chart-purple: var(--chart-purple);
+  --color-chart-purple-subtle: var(--chart-purple-subtle);
+  --color-chart-lime: var(--chart-lime);
+  --color-chart-lime-subtle: var(--chart-lime-subtle);
+  --color-chart-indigo: var(--chart-indigo);
+  --color-chart-indigo-subtle: var(--chart-indigo-subtle);
+  --color-chart-orange: var(--chart-orange);
+  --color-chart-orange-subtle: var(--chart-orange-subtle);
 
   /* ── Blur ───────────────────── */
   --blur-glass: var(--glass-blur);
 
-  /* ── Radius (→ rounded-* utilities) ───────────────────── */
-  --radius-xs: var(--rounded-xs);
-  --radius-sm: var(--rounded-sm);
-  --radius-md: var(--rounded-md);
-  --radius-lg: var(--rounded-lg);
-  --radius-5: var(--rounded-5);
+  /* ── Radius (→ rounded-* utilities, px-named) ─────────── */
+  /* Tailwind's default t-shirt sizes (rounded-sm/md/lg/…) are cleared so only
+     the design scale exists: the number IS the pixel value (rounded-8 = 8px). */
+  --radius-*: initial;
+  --radius-none: var(--rounded-none);
+  --radius-2: var(--rounded-2);
+  --radius-4: var(--rounded-4);
+  --radius-6: var(--rounded-6);
+  --radius-8: var(--rounded-8);
   --radius-10: var(--rounded-10);
-  --radius-xl: var(--rounded-xl);
-  --radius-2xl: var(--rounded-2xl);
-  --radius-3xl: var(--rounded-3xl);
+  --radius-12: var(--rounded-12);
+  --radius-16: var(--rounded-16);
+  --radius-24: var(--rounded-24);
+  --radius-32: var(--rounded-32);
+  --radius-full: var(--rounded-full);
 
-  /* ── Shadows (→ shadow-* utilities) ───────────────────── */
-  --shadow-2xs: var(--shadow-2xs);
-  --shadow-xs: var(--shadow-xs);
+  /* ── Shadows (→ shadow-sm/md/lg/xl only) ──────────────── */
+  --shadow-*: initial;
   --shadow-sm: var(--shadow-sm);
   --shadow-md: var(--shadow-md);
   --shadow-lg: var(--shadow-lg);
   --shadow-xl: var(--shadow-xl);
-  --shadow-2xl: var(--shadow-2xl);
 
   /* ── Font families (→ font-sans / font-heading / font-mono) ── */
   /* Brand font first, then a system fallback stack so text stays styled if the