@trading-game/design-intelligence-layer 0.12.3 → 0.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -15
- package/dist/index.cjs +38 -35
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +9 -8
- package/dist/index.d.ts +9 -8
- package/dist/index.js +38 -36
- package/dist/index.js.map +1 -1
- package/guides/design-system-guide/trading-game-ds-guide.md +45 -28
- package/guides/rules/design-system-consuming-project.mdc +23 -8
- package/package.json +1 -1
- package/src/styles.css +39 -11
package/dist/index.d.cts
CHANGED
|
@@ -14,6 +14,7 @@ import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
|
14
14
|
import { OTPInput } from 'input-otp';
|
|
15
15
|
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
16
16
|
import { ToasterProps } from 'sonner';
|
|
17
|
+
export { toast } from 'sonner';
|
|
17
18
|
import { ClassValue } from 'clsx';
|
|
18
19
|
|
|
19
20
|
declare function Accordion({ ...props }: React$1.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime.JSX.Element;
|
|
@@ -64,7 +65,7 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
|
|
|
64
65
|
declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
65
66
|
|
|
66
67
|
declare const badgeVariants: (props?: ({
|
|
67
|
-
variant?: "fill" | "default" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-
|
|
68
|
+
variant?: "fill" | "default" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-boost" | "ghost" | "ghost-success" | "ghost-fail" | "ghost-warning" | null | undefined;
|
|
68
69
|
size?: "lg" | "md" | "sm" | null | undefined;
|
|
69
70
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
70
71
|
declare function Badge({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
@@ -638,7 +639,7 @@ type TicketCardProps = {
|
|
|
638
639
|
compact?: boolean;
|
|
639
640
|
};
|
|
640
641
|
declare function TicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, compact, }: TicketCardProps): react_jsx_runtime.JSX.Element;
|
|
641
|
-
type
|
|
642
|
+
type BoostTicketCardProps = {
|
|
642
643
|
className?: string;
|
|
643
644
|
/** Optional icon rendered inside the left ring circle. */
|
|
644
645
|
icon?: React$1.ReactNode;
|
|
@@ -654,14 +655,14 @@ type CreditTicketCardProps = {
|
|
|
654
655
|
onStubClick?: () => void;
|
|
655
656
|
/** Disables the stub button. */
|
|
656
657
|
stubDisabled?: boolean;
|
|
657
|
-
/**
|
|
658
|
-
|
|
659
|
-
/** Currency shown in the
|
|
660
|
-
|
|
658
|
+
/** Boost amount shown in the badge (e.g. "0.00"). */
|
|
659
|
+
boostAmount?: string;
|
|
660
|
+
/** Currency shown in the boost badge (e.g. "USDT"). */
|
|
661
|
+
boostCurrency?: string;
|
|
661
662
|
/** Compact (mobile) layout — reduces horizontal padding from 16px to 8px. */
|
|
662
663
|
compact?: boolean;
|
|
663
664
|
};
|
|
664
|
-
declare function
|
|
665
|
+
declare function BoostTicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, boostAmount, boostCurrency, compact, }: BoostTicketCardProps): react_jsx_runtime.JSX.Element;
|
|
665
666
|
/** Alias for the Figma-named variant. */
|
|
666
667
|
declare const TicketCardDesktop: typeof TicketCard;
|
|
667
668
|
|
|
@@ -680,4 +681,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
680
681
|
|
|
681
682
|
declare function useIsMobile(): boolean;
|
|
682
683
|
|
|
683
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, 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, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger,
|
|
684
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BoostTicketCard, type BoostTicketCardProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, 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, HoverCard, HoverCardContent, HoverCardTrigger, 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, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationButton, 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, 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, Slider, Spinner, Stepper, type StepperProps, type StepperSize, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TicketCard, TicketCardDesktop, type TicketCardProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
|
package/dist/index.d.ts
CHANGED
|
@@ -14,6 +14,7 @@ import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
|
14
14
|
import { OTPInput } from 'input-otp';
|
|
15
15
|
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
16
16
|
import { ToasterProps } from 'sonner';
|
|
17
|
+
export { toast } from 'sonner';
|
|
17
18
|
import { ClassValue } from 'clsx';
|
|
18
19
|
|
|
19
20
|
declare function Accordion({ ...props }: React$1.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime.JSX.Element;
|
|
@@ -64,7 +65,7 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
|
|
|
64
65
|
declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
65
66
|
|
|
66
67
|
declare const badgeVariants: (props?: ({
|
|
67
|
-
variant?: "fill" | "default" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-
|
|
68
|
+
variant?: "fill" | "default" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-boost" | "ghost" | "ghost-success" | "ghost-fail" | "ghost-warning" | null | undefined;
|
|
68
69
|
size?: "lg" | "md" | "sm" | null | undefined;
|
|
69
70
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
70
71
|
declare function Badge({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
@@ -638,7 +639,7 @@ type TicketCardProps = {
|
|
|
638
639
|
compact?: boolean;
|
|
639
640
|
};
|
|
640
641
|
declare function TicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, compact, }: TicketCardProps): react_jsx_runtime.JSX.Element;
|
|
641
|
-
type
|
|
642
|
+
type BoostTicketCardProps = {
|
|
642
643
|
className?: string;
|
|
643
644
|
/** Optional icon rendered inside the left ring circle. */
|
|
644
645
|
icon?: React$1.ReactNode;
|
|
@@ -654,14 +655,14 @@ type CreditTicketCardProps = {
|
|
|
654
655
|
onStubClick?: () => void;
|
|
655
656
|
/** Disables the stub button. */
|
|
656
657
|
stubDisabled?: boolean;
|
|
657
|
-
/**
|
|
658
|
-
|
|
659
|
-
/** Currency shown in the
|
|
660
|
-
|
|
658
|
+
/** Boost amount shown in the badge (e.g. "0.00"). */
|
|
659
|
+
boostAmount?: string;
|
|
660
|
+
/** Currency shown in the boost badge (e.g. "USDT"). */
|
|
661
|
+
boostCurrency?: string;
|
|
661
662
|
/** Compact (mobile) layout — reduces horizontal padding from 16px to 8px. */
|
|
662
663
|
compact?: boolean;
|
|
663
664
|
};
|
|
664
|
-
declare function
|
|
665
|
+
declare function BoostTicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, boostAmount, boostCurrency, compact, }: BoostTicketCardProps): react_jsx_runtime.JSX.Element;
|
|
665
666
|
/** Alias for the Figma-named variant. */
|
|
666
667
|
declare const TicketCardDesktop: typeof TicketCard;
|
|
667
668
|
|
|
@@ -680,4 +681,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
680
681
|
|
|
681
682
|
declare function useIsMobile(): boolean;
|
|
682
683
|
|
|
683
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, 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, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger,
|
|
684
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BoostTicketCard, type BoostTicketCardProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, 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, HoverCard, HoverCardContent, HoverCardTrigger, 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, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationButton, 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, 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, Slider, Spinner, Stepper, type StepperProps, type StepperSize, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TicketCard, TicketCardDesktop, type TicketCardProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
|
package/dist/index.js
CHANGED
|
@@ -227,12 +227,12 @@ var buttonVariants = cva2(
|
|
|
227
227
|
variants: {
|
|
228
228
|
variant: {
|
|
229
229
|
// Primary brand blue (#2323FF)
|
|
230
|
-
primary: "bg-primary text-on-
|
|
230
|
+
primary: "bg-primary text-on-primary hover:bg-primary-hover",
|
|
231
231
|
// Primary Inverse — white bg + blue text; for use on dark/coloured surfaces
|
|
232
|
-
"primary-inverse": "bg-
|
|
232
|
+
"primary-inverse": "bg-primary-inverse text-on-primary-inverse hover:bg-primary-inverse/80",
|
|
233
233
|
secondary: "bg-transparent border-[1.5px] border-border-prominent text-on-prominent hover:bg-secondary-hover",
|
|
234
234
|
// Secondary Inverse — white border + white text; for use on dark/coloured surfaces
|
|
235
|
-
"secondary-inverse": "bg-transparent border-[1.5px] border-
|
|
235
|
+
"secondary-inverse": "bg-transparent border-[1.5px] border-primary-inverse text-on-prominent-inverse hover:bg-primary-inverse/10",
|
|
236
236
|
tertiary: "bg-transparent text-primary hover:bg-primary/[0.08]"
|
|
237
237
|
},
|
|
238
238
|
size: {
|
|
@@ -243,7 +243,7 @@ var buttonVariants = cva2(
|
|
|
243
243
|
icon: "size-12 rounded-xs [&_svg:not([class*='size-'])]:size-4",
|
|
244
244
|
"icon-lg": "size-12 rounded-xs [&_svg:not([class*='size-'])]:size-4",
|
|
245
245
|
"icon-md": "size-10 rounded-xs [&_svg:not([class*='size-'])]:size-4",
|
|
246
|
-
"icon-sm": "size-
|
|
246
|
+
"icon-sm": "size-8 rounded-xs [&_svg:not([class*='size-'])]:size-[14px]",
|
|
247
247
|
"icon-xs": "size-6 rounded-xs [&_svg:not([class*='size-'])]:size-3"
|
|
248
248
|
}
|
|
249
249
|
},
|
|
@@ -542,7 +542,7 @@ function AvatarBadge(_a) {
|
|
|
542
542
|
__spreadValues({
|
|
543
543
|
"data-slot": "avatar-badge",
|
|
544
544
|
className: cn(
|
|
545
|
-
"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-on-
|
|
545
|
+
"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-on-primary ring-2 ring-prominent select-none",
|
|
546
546
|
"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
|
|
547
547
|
"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
|
|
548
548
|
"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
|
|
@@ -593,16 +593,16 @@ var badgeVariants = cva3(
|
|
|
593
593
|
variants: {
|
|
594
594
|
variant: {
|
|
595
595
|
// Default (solid)
|
|
596
|
-
default: "bg-primary text-on-
|
|
597
|
-
"default-success": "bg-semantic-win text-on-
|
|
598
|
-
"default-fail": "bg-semantic-loss text-on-
|
|
599
|
-
"default-warning": "bg-semantic-warning text-on-
|
|
596
|
+
default: "bg-primary text-on-primary [a&]:hover:bg-primary/90",
|
|
597
|
+
"default-success": "bg-semantic-win text-on-semantic-win [a&]:hover:bg-semantic-win/90",
|
|
598
|
+
"default-fail": "bg-semantic-loss text-on-semantic-loss [a&]:hover:bg-semantic-loss/90",
|
|
599
|
+
"default-warning": "bg-semantic-warning text-on-semantic-warning [a&]:hover:bg-semantic-warning/90",
|
|
600
600
|
// Fill (tint)
|
|
601
601
|
fill: "bg-primary/10 border-transparent text-primary",
|
|
602
602
|
"fill-success": "bg-semantic-win/10 border-transparent text-semantic-win",
|
|
603
603
|
"fill-fail": "bg-semantic-loss/10 border-transparent text-semantic-loss",
|
|
604
604
|
"fill-warning": "bg-semantic-warning/10 border-transparent text-semantic-warning",
|
|
605
|
-
"fill-
|
|
605
|
+
"fill-boost": "bg-semantic-boost/16 border-transparent text-on-semantic-boost !text-xs !font-semibold",
|
|
606
606
|
// Ghost (transparent)
|
|
607
607
|
ghost: "bg-transparent border-transparent text-primary [a&]:hover:bg-secondary-hover [a&]:hover:text-primary",
|
|
608
608
|
"ghost-success": "bg-transparent border-transparent text-semantic-win [a&]:hover:bg-semantic-win/10 [a&]:hover:text-semantic-win",
|
|
@@ -1491,7 +1491,7 @@ function Checkbox(_a) {
|
|
|
1491
1491
|
__spreadProps(__spreadValues({
|
|
1492
1492
|
"data-slot": "checkbox",
|
|
1493
1493
|
className: cn(
|
|
1494
|
-
"peer size-4 shrink-0 rounded-[2px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-on-
|
|
1494
|
+
"peer size-4 shrink-0 rounded-[2px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-on-primary",
|
|
1495
1495
|
className
|
|
1496
1496
|
)
|
|
1497
1497
|
}, props), {
|
|
@@ -1549,7 +1549,7 @@ var inputVariants = cva4(
|
|
|
1549
1549
|
[
|
|
1550
1550
|
"w-full min-w-0 rounded-sm border border-border-subtle bg-white/5",
|
|
1551
1551
|
"text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none",
|
|
1552
|
-
"selection:bg-primary selection:text-on-
|
|
1552
|
+
"selection:bg-primary selection:text-on-primary",
|
|
1553
1553
|
"file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-on-prominent",
|
|
1554
1554
|
"placeholder:text-on-subtle",
|
|
1555
1555
|
"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
|
|
@@ -4109,7 +4109,7 @@ function NativeSelect(_a) {
|
|
|
4109
4109
|
"data-slot": "native-select",
|
|
4110
4110
|
"data-size": size,
|
|
4111
4111
|
className: cn(
|
|
4112
|
-
"h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-on-
|
|
4112
|
+
"h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-on-primary placeholder:text-on-subtle disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1",
|
|
4113
4113
|
"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
|
|
4114
4114
|
className
|
|
4115
4115
|
)
|
|
@@ -5110,7 +5110,7 @@ function TooltipContent(_a) {
|
|
|
5110
5110
|
"data-slot": "tooltip-content",
|
|
5111
5111
|
sideOffset,
|
|
5112
5112
|
className: cn(
|
|
5113
|
-
"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-primary border-0 px-3 py-1.5 text-xs font-medium text-balance text-on-
|
|
5113
|
+
"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-primary border-0 px-3 py-1.5 text-xs font-medium text-balance text-on-primary fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
|
|
5114
5114
|
className
|
|
5115
5115
|
)
|
|
5116
5116
|
}, props), {
|
|
@@ -5828,7 +5828,7 @@ function Slider(_a) {
|
|
|
5828
5828
|
);
|
|
5829
5829
|
}
|
|
5830
5830
|
|
|
5831
|
-
// components/ui/
|
|
5831
|
+
// components/ui/toast.tsx
|
|
5832
5832
|
import {
|
|
5833
5833
|
CircleCheckIcon,
|
|
5834
5834
|
InfoIcon,
|
|
@@ -5837,7 +5837,7 @@ import {
|
|
|
5837
5837
|
TriangleAlertIcon
|
|
5838
5838
|
} from "lucide-react";
|
|
5839
5839
|
import { useTheme } from "next-themes";
|
|
5840
|
-
import { Toaster as Sonner } from "sonner";
|
|
5840
|
+
import { Toaster as Sonner, toast } from "sonner";
|
|
5841
5841
|
import { jsx as jsx52 } from "react/jsx-runtime";
|
|
5842
5842
|
var Toaster = (_a) => {
|
|
5843
5843
|
var props = __objRest(_a, []);
|
|
@@ -5860,15 +5860,15 @@ var Toaster = (_a) => {
|
|
|
5860
5860
|
},
|
|
5861
5861
|
toastOptions: {
|
|
5862
5862
|
classNames: {
|
|
5863
|
-
toast: "!bg-[var(--
|
|
5864
|
-
title: "!text-[var(--on-prominent-
|
|
5865
|
-
description: "!text-[var(--on-prominent-
|
|
5866
|
-
actionButton: "!bg-[var(--primary)] !text-[var(--on-
|
|
5863
|
+
toast: "!bg-[var(--prominent-inverse)] !border-none",
|
|
5864
|
+
title: "!text-[var(--on-prominent-inverse)] !font-display !font-bold",
|
|
5865
|
+
description: "!text-[var(--on-prominent-inverse)] !opacity-60 !font-body",
|
|
5866
|
+
actionButton: "!bg-[var(--primary-inverse)] !text-[var(--on-primary-inverse)]"
|
|
5867
5867
|
}
|
|
5868
5868
|
},
|
|
5869
5869
|
style: {
|
|
5870
|
-
"--normal-bg": "var(--
|
|
5871
|
-
"--normal-text": "var(--on-prominent-
|
|
5870
|
+
"--normal-bg": "var(--prominent-inverse)",
|
|
5871
|
+
"--normal-text": "var(--on-prominent-inverse)",
|
|
5872
5872
|
"--normal-border": "transparent",
|
|
5873
5873
|
"--border-radius": "var(--radius)"
|
|
5874
5874
|
}
|
|
@@ -6280,7 +6280,7 @@ function TabsContent(_a) {
|
|
|
6280
6280
|
}
|
|
6281
6281
|
|
|
6282
6282
|
// components/ui/ticket-card.tsx
|
|
6283
|
-
import { ArrowRight as ArrowRight2,
|
|
6283
|
+
import { ArrowRight as ArrowRight2, Info, Rocket } from "lucide-react";
|
|
6284
6284
|
import { Fragment as Fragment3, jsx as jsx57, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
6285
6285
|
function TicketCard({
|
|
6286
6286
|
className,
|
|
@@ -6344,14 +6344,14 @@ function TicketCard({
|
|
|
6344
6344
|
}
|
|
6345
6345
|
}
|
|
6346
6346
|
),
|
|
6347
|
-
/* @__PURE__ */ jsx57(ArrowRight2, { className: "size-4 text-on-
|
|
6348
|
-
/* @__PURE__ */ jsx57("span", { className: "text-sm font-semibold text-on-
|
|
6347
|
+
/* @__PURE__ */ jsx57(ArrowRight2, { className: "size-4 text-on-primary" }),
|
|
6348
|
+
/* @__PURE__ */ jsx57("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
|
|
6349
6349
|
]
|
|
6350
6350
|
}
|
|
6351
6351
|
)
|
|
6352
6352
|
] }) });
|
|
6353
6353
|
}
|
|
6354
|
-
function
|
|
6354
|
+
function BoostTicketCard({
|
|
6355
6355
|
className,
|
|
6356
6356
|
icon,
|
|
6357
6357
|
label,
|
|
@@ -6360,8 +6360,8 @@ function CreditTicketCard({
|
|
|
6360
6360
|
stubLabel,
|
|
6361
6361
|
onStubClick,
|
|
6362
6362
|
stubDisabled = false,
|
|
6363
|
-
|
|
6364
|
-
|
|
6363
|
+
boostAmount = "0.00",
|
|
6364
|
+
boostCurrency = "USDT",
|
|
6365
6365
|
compact = false
|
|
6366
6366
|
}) {
|
|
6367
6367
|
return /* @__PURE__ */ jsx57("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs27("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
|
|
@@ -6378,12 +6378,13 @@ function CreditTicketCard({
|
|
|
6378
6378
|
] })
|
|
6379
6379
|
] })
|
|
6380
6380
|
] }),
|
|
6381
|
-
/* @__PURE__ */ jsxs27(Badge, { variant: "fill-
|
|
6382
|
-
/* @__PURE__ */ jsx57(
|
|
6383
|
-
"
|
|
6384
|
-
|
|
6381
|
+
/* @__PURE__ */ jsxs27(Badge, { variant: "fill-boost", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
|
|
6382
|
+
/* @__PURE__ */ jsx57(Rocket, { className: "!size-3.5", strokeWidth: 2 }),
|
|
6383
|
+
"Boost: ",
|
|
6384
|
+
boostAmount,
|
|
6385
6385
|
" ",
|
|
6386
|
-
|
|
6386
|
+
boostCurrency,
|
|
6387
|
+
/* @__PURE__ */ jsx57(Info, { className: "!size-3.5", strokeWidth: 2, "aria-label": "More info about boost" })
|
|
6387
6388
|
] })
|
|
6388
6389
|
] })
|
|
6389
6390
|
] }),
|
|
@@ -6424,8 +6425,8 @@ function CreditTicketCard({
|
|
|
6424
6425
|
}
|
|
6425
6426
|
}
|
|
6426
6427
|
),
|
|
6427
|
-
/* @__PURE__ */ jsx57(ArrowRight2, { className: "size-4 text-on-
|
|
6428
|
-
/* @__PURE__ */ jsx57("span", { className: "text-sm font-semibold text-on-
|
|
6428
|
+
/* @__PURE__ */ jsx57(ArrowRight2, { className: "size-4 text-on-primary" }),
|
|
6429
|
+
/* @__PURE__ */ jsx57("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
|
|
6429
6430
|
]
|
|
6430
6431
|
}
|
|
6431
6432
|
)
|
|
@@ -6578,6 +6579,7 @@ export {
|
|
|
6578
6579
|
AvatarGroupCount,
|
|
6579
6580
|
AvatarImage,
|
|
6580
6581
|
Badge,
|
|
6582
|
+
BoostTicketCard,
|
|
6581
6583
|
Breadcrumb,
|
|
6582
6584
|
BreadcrumbEllipsis,
|
|
6583
6585
|
BreadcrumbItem,
|
|
@@ -6649,7 +6651,6 @@ export {
|
|
|
6649
6651
|
ContextMenuSubContent,
|
|
6650
6652
|
ContextMenuSubTrigger,
|
|
6651
6653
|
ContextMenuTrigger,
|
|
6652
|
-
CreditTicketCard,
|
|
6653
6654
|
Dialog,
|
|
6654
6655
|
DialogClose,
|
|
6655
6656
|
DialogContent,
|
|
@@ -6865,6 +6866,7 @@ export {
|
|
|
6865
6866
|
navigationButtonVariants,
|
|
6866
6867
|
navigationMenuTriggerStyle,
|
|
6867
6868
|
tabsListVariants,
|
|
6869
|
+
toast,
|
|
6868
6870
|
toggleVariants,
|
|
6869
6871
|
useComboboxAnchor,
|
|
6870
6872
|
useDirection,
|