@trading-game/design-intelligence-layer 0.9.0 → 0.9.2
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/AGENTS.md +4 -4
- package/README.md +5 -5
- package/dist/index.cjs +198 -51
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +17 -1
- package/dist/index.d.ts +17 -1
- package/dist/index.js +196 -50
- package/dist/index.js.map +1 -1
- package/guides/brand-voice/trading-game-brand-voice.md +325 -0
- package/guides/design-system-guide/trading-game-ds-guide.md +8 -7
- package/guides/rules/design-system-consuming-project.mdc +1 -1
- package/package.json +1 -1
- package/src/styles.css +2 -2
- package/guides/tone-of-voice/trading-game-tone-of-voice-and-campaign-brief.md +0 -290
package/dist/index.d.cts
CHANGED
|
@@ -556,6 +556,22 @@ declare function Slider({ className, defaultValue, value, min, max, ...props }:
|
|
|
556
556
|
|
|
557
557
|
declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
558
558
|
|
|
559
|
+
interface StepperProps {
|
|
560
|
+
value?: number;
|
|
561
|
+
defaultValue?: number;
|
|
562
|
+
onValueChange?: (value: number) => void;
|
|
563
|
+
min?: number;
|
|
564
|
+
max?: number;
|
|
565
|
+
step?: number;
|
|
566
|
+
disabled?: boolean;
|
|
567
|
+
placeholder?: string;
|
|
568
|
+
className?: string;
|
|
569
|
+
id?: string;
|
|
570
|
+
name?: string;
|
|
571
|
+
"aria-label"?: string;
|
|
572
|
+
}
|
|
573
|
+
declare function Stepper({ value: controlledValue, defaultValue, onValueChange, min, max, step, disabled, placeholder, className, id, name, "aria-label": ariaLabel, }: StepperProps): react_jsx_runtime.JSX.Element;
|
|
574
|
+
|
|
559
575
|
declare function Spinner({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
560
576
|
|
|
561
577
|
declare function Switch({ className, size, ...props }: React$1.ComponentProps<typeof Switch$1.Root> & {
|
|
@@ -611,4 +627,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
611
627
|
|
|
612
628
|
declare function useIsMobile(): boolean;
|
|
613
629
|
|
|
614
|
-
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, 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, 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, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TicketCard, type TicketCardProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, linkVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
|
|
630
|
+
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, 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, 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, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TicketCard, type TicketCardProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, linkVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
|
package/dist/index.d.ts
CHANGED
|
@@ -556,6 +556,22 @@ declare function Slider({ className, defaultValue, value, min, max, ...props }:
|
|
|
556
556
|
|
|
557
557
|
declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
558
558
|
|
|
559
|
+
interface StepperProps {
|
|
560
|
+
value?: number;
|
|
561
|
+
defaultValue?: number;
|
|
562
|
+
onValueChange?: (value: number) => void;
|
|
563
|
+
min?: number;
|
|
564
|
+
max?: number;
|
|
565
|
+
step?: number;
|
|
566
|
+
disabled?: boolean;
|
|
567
|
+
placeholder?: string;
|
|
568
|
+
className?: string;
|
|
569
|
+
id?: string;
|
|
570
|
+
name?: string;
|
|
571
|
+
"aria-label"?: string;
|
|
572
|
+
}
|
|
573
|
+
declare function Stepper({ value: controlledValue, defaultValue, onValueChange, min, max, step, disabled, placeholder, className, id, name, "aria-label": ariaLabel, }: StepperProps): react_jsx_runtime.JSX.Element;
|
|
574
|
+
|
|
559
575
|
declare function Spinner({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
560
576
|
|
|
561
577
|
declare function Switch({ className, size, ...props }: React$1.ComponentProps<typeof Switch$1.Root> & {
|
|
@@ -611,4 +627,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
611
627
|
|
|
612
628
|
declare function useIsMobile(): boolean;
|
|
613
629
|
|
|
614
|
-
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, 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, 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, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TicketCard, type TicketCardProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, linkVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
|
|
630
|
+
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, 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, 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, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TicketCard, type TicketCardProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, linkVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
|
package/dist/index.js
CHANGED
|
@@ -178,7 +178,7 @@ import { cva as cva2 } from "class-variance-authority";
|
|
|
178
178
|
import { Slot } from "radix-ui";
|
|
179
179
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
180
180
|
var buttonVariants = cva2(
|
|
181
|
-
"inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-
|
|
181
|
+
"inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-24 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 font-display font-bold",
|
|
182
182
|
{
|
|
183
183
|
variants: {
|
|
184
184
|
variant: {
|
|
@@ -227,7 +227,7 @@ function Button(_a) {
|
|
|
227
227
|
"data-variant": variant,
|
|
228
228
|
"data-size": size,
|
|
229
229
|
"data-loading": loading || void 0,
|
|
230
|
-
className: cn(buttonVariants({ variant, size, className }), loading && "pointer-events-none opacity-
|
|
230
|
+
className: cn(buttonVariants({ variant, size, className }), loading && "pointer-events-none opacity-24"),
|
|
231
231
|
"aria-busy": loading || void 0
|
|
232
232
|
}, props)
|
|
233
233
|
);
|
|
@@ -1481,7 +1481,7 @@ function Input(_a) {
|
|
|
1481
1481
|
type,
|
|
1482
1482
|
"data-slot": "input",
|
|
1483
1483
|
className: cn(
|
|
1484
|
-
"h-9 w-full min-w-0 rounded-sm border border-border-subtle bg-white/5 px-3 py-1 text-base text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-on-prominent-static-inverse file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-on-prominent placeholder:text-on-
|
|
1484
|
+
"h-9 w-full min-w-0 rounded-sm border border-border-subtle bg-white/5 px-3 py-1 text-base text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-on-prominent-static-inverse file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-on-prominent placeholder:text-on-subtle disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
1485
1485
|
"focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/[0.08]",
|
|
1486
1486
|
className
|
|
1487
1487
|
)
|
|
@@ -1498,7 +1498,7 @@ function Textarea(_a) {
|
|
|
1498
1498
|
__spreadValues({
|
|
1499
1499
|
"data-slot": "textarea",
|
|
1500
1500
|
className: cn(
|
|
1501
|
-
"flex field-sizing-content min-h-16 w-full rounded-sm border border-border-subtle bg-white/5 px-3 py-2 text-base text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none placeholder:text-on-
|
|
1501
|
+
"flex field-sizing-content min-h-16 w-full rounded-sm border border-border-subtle bg-white/5 px-3 py-2 text-base text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none placeholder:text-on-subtle focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/[0.08] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm",
|
|
1502
1502
|
className
|
|
1503
1503
|
)
|
|
1504
1504
|
}, props)
|
|
@@ -5675,12 +5675,157 @@ var Toaster = (_a) => {
|
|
|
5675
5675
|
);
|
|
5676
5676
|
};
|
|
5677
5677
|
|
|
5678
|
-
// components/ui/
|
|
5678
|
+
// components/ui/stepper.tsx
|
|
5679
|
+
import * as React10 from "react";
|
|
5680
|
+
import { Minus, Plus } from "lucide-react";
|
|
5679
5681
|
import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
5682
|
+
function clamp(value, min, max) {
|
|
5683
|
+
return Math.min(Math.max(value, min), max);
|
|
5684
|
+
}
|
|
5685
|
+
function getDecimalPlaces(n) {
|
|
5686
|
+
const s = String(n);
|
|
5687
|
+
const i = s.indexOf(".");
|
|
5688
|
+
return i === -1 ? 0 : s.length - i - 1;
|
|
5689
|
+
}
|
|
5690
|
+
function formatValue(value, decimalPlaces) {
|
|
5691
|
+
return decimalPlaces > 0 ? value.toFixed(decimalPlaces) : String(value);
|
|
5692
|
+
}
|
|
5693
|
+
function Stepper({
|
|
5694
|
+
value: controlledValue,
|
|
5695
|
+
defaultValue = 0,
|
|
5696
|
+
onValueChange,
|
|
5697
|
+
min = -Infinity,
|
|
5698
|
+
max = Infinity,
|
|
5699
|
+
step = 1,
|
|
5700
|
+
disabled,
|
|
5701
|
+
placeholder,
|
|
5702
|
+
className,
|
|
5703
|
+
id,
|
|
5704
|
+
name,
|
|
5705
|
+
"aria-label": ariaLabel
|
|
5706
|
+
}) {
|
|
5707
|
+
const isControlled = controlledValue !== void 0;
|
|
5708
|
+
const [internalValue, setInternalValue] = React10.useState(
|
|
5709
|
+
clamp(defaultValue, min, max)
|
|
5710
|
+
);
|
|
5711
|
+
const currentValue = isControlled ? controlledValue : internalValue;
|
|
5712
|
+
const decimalPlaces = getDecimalPlaces(step);
|
|
5713
|
+
const [displayString, setDisplayString] = React10.useState(
|
|
5714
|
+
formatValue(currentValue, decimalPlaces)
|
|
5715
|
+
);
|
|
5716
|
+
const [isFocused, setIsFocused] = React10.useState(false);
|
|
5717
|
+
React10.useEffect(() => {
|
|
5718
|
+
if (!isFocused) {
|
|
5719
|
+
setDisplayString(formatValue(currentValue, decimalPlaces));
|
|
5720
|
+
}
|
|
5721
|
+
}, [currentValue, decimalPlaces, isFocused]);
|
|
5722
|
+
function commit(next) {
|
|
5723
|
+
const clamped = clamp(next, min, max);
|
|
5724
|
+
const rounded = decimalPlaces > 0 ? parseFloat(clamped.toFixed(decimalPlaces)) : Math.round(clamped);
|
|
5725
|
+
if (!isControlled) setInternalValue(rounded);
|
|
5726
|
+
setDisplayString(formatValue(rounded, decimalPlaces));
|
|
5727
|
+
onValueChange == null ? void 0 : onValueChange(rounded);
|
|
5728
|
+
}
|
|
5729
|
+
function handleDecrement() {
|
|
5730
|
+
commit(currentValue - step);
|
|
5731
|
+
}
|
|
5732
|
+
function handleIncrement() {
|
|
5733
|
+
commit(currentValue + step);
|
|
5734
|
+
}
|
|
5735
|
+
function handleInputChange(e) {
|
|
5736
|
+
setDisplayString(e.target.value);
|
|
5737
|
+
}
|
|
5738
|
+
function handleBlur() {
|
|
5739
|
+
setIsFocused(false);
|
|
5740
|
+
const parsed = parseFloat(displayString);
|
|
5741
|
+
if (Number.isNaN(parsed)) {
|
|
5742
|
+
setDisplayString(formatValue(currentValue, decimalPlaces));
|
|
5743
|
+
} else {
|
|
5744
|
+
commit(parsed);
|
|
5745
|
+
}
|
|
5746
|
+
}
|
|
5747
|
+
function handleFocus() {
|
|
5748
|
+
setIsFocused(true);
|
|
5749
|
+
}
|
|
5750
|
+
function handleKeyDown(e) {
|
|
5751
|
+
if (e.key === "ArrowUp") {
|
|
5752
|
+
e.preventDefault();
|
|
5753
|
+
handleIncrement();
|
|
5754
|
+
} else if (e.key === "ArrowDown") {
|
|
5755
|
+
e.preventDefault();
|
|
5756
|
+
handleDecrement();
|
|
5757
|
+
} else if (e.key === "Enter") {
|
|
5758
|
+
e.preventDefault();
|
|
5759
|
+
const parsed = parseFloat(displayString);
|
|
5760
|
+
if (Number.isNaN(parsed)) {
|
|
5761
|
+
setDisplayString(formatValue(currentValue, decimalPlaces));
|
|
5762
|
+
} else {
|
|
5763
|
+
commit(parsed);
|
|
5764
|
+
}
|
|
5765
|
+
}
|
|
5766
|
+
}
|
|
5767
|
+
return /* @__PURE__ */ jsxs24(
|
|
5768
|
+
InputGroup,
|
|
5769
|
+
{
|
|
5770
|
+
"data-slot": "stepper",
|
|
5771
|
+
"data-disabled": disabled || void 0,
|
|
5772
|
+
className: cn("w-32", className),
|
|
5773
|
+
children: [
|
|
5774
|
+
/* @__PURE__ */ jsx51(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx51(
|
|
5775
|
+
InputGroupButton,
|
|
5776
|
+
{
|
|
5777
|
+
size: "icon-xs",
|
|
5778
|
+
variant: "secondary",
|
|
5779
|
+
onClick: handleDecrement,
|
|
5780
|
+
disabled: disabled || currentValue <= min,
|
|
5781
|
+
"aria-label": "Decrease value",
|
|
5782
|
+
children: /* @__PURE__ */ jsx51(Minus, { className: "size-3.5" })
|
|
5783
|
+
}
|
|
5784
|
+
) }),
|
|
5785
|
+
/* @__PURE__ */ jsx51(
|
|
5786
|
+
InputGroupInput,
|
|
5787
|
+
{
|
|
5788
|
+
type: "text",
|
|
5789
|
+
inputMode: "numeric",
|
|
5790
|
+
role: "spinbutton",
|
|
5791
|
+
"aria-valuemin": min === -Infinity ? void 0 : min,
|
|
5792
|
+
"aria-valuemax": max === Infinity ? void 0 : max,
|
|
5793
|
+
"aria-valuenow": currentValue,
|
|
5794
|
+
"aria-label": ariaLabel,
|
|
5795
|
+
value: displayString,
|
|
5796
|
+
onChange: handleInputChange,
|
|
5797
|
+
onBlur: handleBlur,
|
|
5798
|
+
onFocus: handleFocus,
|
|
5799
|
+
onKeyDown: handleKeyDown,
|
|
5800
|
+
disabled,
|
|
5801
|
+
placeholder,
|
|
5802
|
+
id,
|
|
5803
|
+
name,
|
|
5804
|
+
className: "text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
|
|
5805
|
+
}
|
|
5806
|
+
),
|
|
5807
|
+
/* @__PURE__ */ jsx51(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx51(
|
|
5808
|
+
InputGroupButton,
|
|
5809
|
+
{
|
|
5810
|
+
size: "icon-xs",
|
|
5811
|
+
variant: "secondary",
|
|
5812
|
+
onClick: handleIncrement,
|
|
5813
|
+
disabled: disabled || currentValue >= max,
|
|
5814
|
+
"aria-label": "Increase value",
|
|
5815
|
+
children: /* @__PURE__ */ jsx51(Plus, { className: "size-3.5" })
|
|
5816
|
+
}
|
|
5817
|
+
) })
|
|
5818
|
+
]
|
|
5819
|
+
}
|
|
5820
|
+
);
|
|
5821
|
+
}
|
|
5822
|
+
|
|
5823
|
+
// components/ui/spinner.tsx
|
|
5824
|
+
import { jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
5680
5825
|
var PILL_COUNT = 8;
|
|
5681
5826
|
function Spinner(_a) {
|
|
5682
5827
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5683
|
-
return /* @__PURE__ */
|
|
5828
|
+
return /* @__PURE__ */ jsxs25(
|
|
5684
5829
|
"div",
|
|
5685
5830
|
__spreadProps(__spreadValues({
|
|
5686
5831
|
role: "status",
|
|
@@ -5688,13 +5833,13 @@ function Spinner(_a) {
|
|
|
5688
5833
|
className: cn("relative inline-block size-4 text-current", className)
|
|
5689
5834
|
}, props), {
|
|
5690
5835
|
children: [
|
|
5691
|
-
/* @__PURE__ */
|
|
5836
|
+
/* @__PURE__ */ jsx52("style", { children: `
|
|
5692
5837
|
@keyframes spinner-fade {
|
|
5693
5838
|
0% { opacity: 1; }
|
|
5694
5839
|
100% { opacity: 0.15; }
|
|
5695
5840
|
}
|
|
5696
5841
|
` }),
|
|
5697
|
-
Array.from({ length: PILL_COUNT }, (_, i) => /* @__PURE__ */
|
|
5842
|
+
Array.from({ length: PILL_COUNT }, (_, i) => /* @__PURE__ */ jsx52(
|
|
5698
5843
|
"span",
|
|
5699
5844
|
{
|
|
5700
5845
|
style: {
|
|
@@ -5719,7 +5864,7 @@ function Spinner(_a) {
|
|
|
5719
5864
|
|
|
5720
5865
|
// components/ui/switch.tsx
|
|
5721
5866
|
import { Switch as SwitchPrimitive } from "radix-ui";
|
|
5722
|
-
import { jsx as
|
|
5867
|
+
import { jsx as jsx53 } from "react/jsx-runtime";
|
|
5723
5868
|
function Switch(_a) {
|
|
5724
5869
|
var _b = _a, {
|
|
5725
5870
|
className,
|
|
@@ -5728,7 +5873,7 @@ function Switch(_a) {
|
|
|
5728
5873
|
"className",
|
|
5729
5874
|
"size"
|
|
5730
5875
|
]);
|
|
5731
|
-
return /* @__PURE__ */
|
|
5876
|
+
return /* @__PURE__ */ jsx53(
|
|
5732
5877
|
SwitchPrimitive.Root,
|
|
5733
5878
|
__spreadProps(__spreadValues({
|
|
5734
5879
|
"data-slot": "switch",
|
|
@@ -5738,7 +5883,7 @@ function Switch(_a) {
|
|
|
5738
5883
|
className
|
|
5739
5884
|
)
|
|
5740
5885
|
}, props), {
|
|
5741
|
-
children: /* @__PURE__ */
|
|
5886
|
+
children: /* @__PURE__ */ jsx53(
|
|
5742
5887
|
SwitchPrimitive.Thumb,
|
|
5743
5888
|
{
|
|
5744
5889
|
"data-slot": "switch-thumb",
|
|
@@ -5752,15 +5897,15 @@ function Switch(_a) {
|
|
|
5752
5897
|
}
|
|
5753
5898
|
|
|
5754
5899
|
// components/ui/table.tsx
|
|
5755
|
-
import { jsx as
|
|
5900
|
+
import { jsx as jsx54 } from "react/jsx-runtime";
|
|
5756
5901
|
function Table(_a) {
|
|
5757
5902
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5758
|
-
return /* @__PURE__ */
|
|
5903
|
+
return /* @__PURE__ */ jsx54(
|
|
5759
5904
|
"div",
|
|
5760
5905
|
{
|
|
5761
5906
|
"data-slot": "table-container",
|
|
5762
5907
|
className: "relative w-full overflow-x-auto",
|
|
5763
|
-
children: /* @__PURE__ */
|
|
5908
|
+
children: /* @__PURE__ */ jsx54(
|
|
5764
5909
|
"table",
|
|
5765
5910
|
__spreadValues({
|
|
5766
5911
|
"data-slot": "table",
|
|
@@ -5772,7 +5917,7 @@ function Table(_a) {
|
|
|
5772
5917
|
}
|
|
5773
5918
|
function TableHeader(_a) {
|
|
5774
5919
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5775
|
-
return /* @__PURE__ */
|
|
5920
|
+
return /* @__PURE__ */ jsx54(
|
|
5776
5921
|
"thead",
|
|
5777
5922
|
__spreadValues({
|
|
5778
5923
|
"data-slot": "table-header",
|
|
@@ -5782,7 +5927,7 @@ function TableHeader(_a) {
|
|
|
5782
5927
|
}
|
|
5783
5928
|
function TableBody(_a) {
|
|
5784
5929
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5785
|
-
return /* @__PURE__ */
|
|
5930
|
+
return /* @__PURE__ */ jsx54(
|
|
5786
5931
|
"tbody",
|
|
5787
5932
|
__spreadValues({
|
|
5788
5933
|
"data-slot": "table-body",
|
|
@@ -5792,7 +5937,7 @@ function TableBody(_a) {
|
|
|
5792
5937
|
}
|
|
5793
5938
|
function TableFooter(_a) {
|
|
5794
5939
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5795
|
-
return /* @__PURE__ */
|
|
5940
|
+
return /* @__PURE__ */ jsx54(
|
|
5796
5941
|
"tfoot",
|
|
5797
5942
|
__spreadValues({
|
|
5798
5943
|
"data-slot": "table-footer",
|
|
@@ -5805,7 +5950,7 @@ function TableFooter(_a) {
|
|
|
5805
5950
|
}
|
|
5806
5951
|
function TableRow(_a) {
|
|
5807
5952
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5808
|
-
return /* @__PURE__ */
|
|
5953
|
+
return /* @__PURE__ */ jsx54(
|
|
5809
5954
|
"tr",
|
|
5810
5955
|
__spreadValues({
|
|
5811
5956
|
"data-slot": "table-row",
|
|
@@ -5818,7 +5963,7 @@ function TableRow(_a) {
|
|
|
5818
5963
|
}
|
|
5819
5964
|
function TableHead(_a) {
|
|
5820
5965
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5821
|
-
return /* @__PURE__ */
|
|
5966
|
+
return /* @__PURE__ */ jsx54(
|
|
5822
5967
|
"th",
|
|
5823
5968
|
__spreadValues({
|
|
5824
5969
|
"data-slot": "table-head",
|
|
@@ -5831,7 +5976,7 @@ function TableHead(_a) {
|
|
|
5831
5976
|
}
|
|
5832
5977
|
function TableCell(_a) {
|
|
5833
5978
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5834
|
-
return /* @__PURE__ */
|
|
5979
|
+
return /* @__PURE__ */ jsx54(
|
|
5835
5980
|
"td",
|
|
5836
5981
|
__spreadValues({
|
|
5837
5982
|
"data-slot": "table-cell",
|
|
@@ -5848,7 +5993,7 @@ function TableCaption(_a) {
|
|
|
5848
5993
|
} = _b, props = __objRest(_b, [
|
|
5849
5994
|
"className"
|
|
5850
5995
|
]);
|
|
5851
|
-
return /* @__PURE__ */
|
|
5996
|
+
return /* @__PURE__ */ jsx54(
|
|
5852
5997
|
"caption",
|
|
5853
5998
|
__spreadValues({
|
|
5854
5999
|
"data-slot": "table-caption",
|
|
@@ -5860,7 +6005,7 @@ function TableCaption(_a) {
|
|
|
5860
6005
|
// components/ui/tabs.tsx
|
|
5861
6006
|
import { cva as cva11 } from "class-variance-authority";
|
|
5862
6007
|
import { Tabs as TabsPrimitive } from "radix-ui";
|
|
5863
|
-
import { jsx as
|
|
6008
|
+
import { jsx as jsx55 } from "react/jsx-runtime";
|
|
5864
6009
|
function Tabs(_a) {
|
|
5865
6010
|
var _b = _a, {
|
|
5866
6011
|
className,
|
|
@@ -5869,7 +6014,7 @@ function Tabs(_a) {
|
|
|
5869
6014
|
"className",
|
|
5870
6015
|
"orientation"
|
|
5871
6016
|
]);
|
|
5872
|
-
return /* @__PURE__ */
|
|
6017
|
+
return /* @__PURE__ */ jsx55(
|
|
5873
6018
|
TabsPrimitive.Root,
|
|
5874
6019
|
__spreadValues({
|
|
5875
6020
|
"data-slot": "tabs",
|
|
@@ -5912,7 +6057,7 @@ function TabsList(_a) {
|
|
|
5912
6057
|
"variant",
|
|
5913
6058
|
"size"
|
|
5914
6059
|
]);
|
|
5915
|
-
return /* @__PURE__ */
|
|
6060
|
+
return /* @__PURE__ */ jsx55(
|
|
5916
6061
|
TabsPrimitive.List,
|
|
5917
6062
|
__spreadValues({
|
|
5918
6063
|
"data-slot": "tabs-list",
|
|
@@ -5930,7 +6075,7 @@ function TabsTrigger(_a) {
|
|
|
5930
6075
|
"className",
|
|
5931
6076
|
"iconPosition"
|
|
5932
6077
|
]);
|
|
5933
|
-
return /* @__PURE__ */
|
|
6078
|
+
return /* @__PURE__ */ jsx55(
|
|
5934
6079
|
TabsPrimitive.Trigger,
|
|
5935
6080
|
__spreadValues({
|
|
5936
6081
|
"data-slot": "tabs-trigger",
|
|
@@ -5956,7 +6101,7 @@ function TabsContent(_a) {
|
|
|
5956
6101
|
} = _b, props = __objRest(_b, [
|
|
5957
6102
|
"className"
|
|
5958
6103
|
]);
|
|
5959
|
-
return /* @__PURE__ */
|
|
6104
|
+
return /* @__PURE__ */ jsx55(
|
|
5960
6105
|
TabsPrimitive.Content,
|
|
5961
6106
|
__spreadValues({
|
|
5962
6107
|
"data-slot": "tabs-content",
|
|
@@ -5967,7 +6112,7 @@ function TabsContent(_a) {
|
|
|
5967
6112
|
|
|
5968
6113
|
// components/ui/ticket-card.tsx
|
|
5969
6114
|
import { ArrowRight as ArrowRight2 } from "lucide-react";
|
|
5970
|
-
import { jsx as
|
|
6115
|
+
import { jsx as jsx56, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
5971
6116
|
function TicketCard({
|
|
5972
6117
|
icon,
|
|
5973
6118
|
label,
|
|
@@ -5978,7 +6123,7 @@ function TicketCard({
|
|
|
5978
6123
|
stubDisabled = false,
|
|
5979
6124
|
className
|
|
5980
6125
|
}) {
|
|
5981
|
-
return /* @__PURE__ */
|
|
6126
|
+
return /* @__PURE__ */ jsxs26(
|
|
5982
6127
|
"div",
|
|
5983
6128
|
{
|
|
5984
6129
|
"data-slot": "ticket-card",
|
|
@@ -5988,27 +6133,27 @@ function TicketCard({
|
|
|
5988
6133
|
className
|
|
5989
6134
|
),
|
|
5990
6135
|
children: [
|
|
5991
|
-
/* @__PURE__ */
|
|
5992
|
-
icon && /* @__PURE__ */
|
|
5993
|
-
/* @__PURE__ */
|
|
5994
|
-
label && /* @__PURE__ */
|
|
5995
|
-
value && /* @__PURE__ */
|
|
6136
|
+
/* @__PURE__ */ jsxs26("div", { className: "relative flex min-w-0 flex-1 items-center gap-3 px-4 py-4 sm:gap-4 sm:px-5", children: [
|
|
6137
|
+
icon && /* @__PURE__ */ jsx56("div", { className: "flex shrink-0 size-11 rounded-full border-2 border-primary items-center justify-center text-primary sm:size-12", children: icon }),
|
|
6138
|
+
/* @__PURE__ */ jsxs26("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 overflow-hidden", children: [
|
|
6139
|
+
label && /* @__PURE__ */ jsx56("span", { className: "text-on-subtle uppercase tracking-widest text-xs font-semibold", children: label }),
|
|
6140
|
+
value && /* @__PURE__ */ jsx56("span", { className: "truncate text-lg font-bold text-on-prominent sm:text-xl", children: value })
|
|
5996
6141
|
] }),
|
|
5997
|
-
/* @__PURE__ */
|
|
6142
|
+
/* @__PURE__ */ jsx56(
|
|
5998
6143
|
"div",
|
|
5999
6144
|
{
|
|
6000
6145
|
"aria-hidden": true,
|
|
6001
6146
|
className: "pointer-events-none absolute right-0 top-0 z-10 size-5 -translate-y-1/2 translate-x-1/2 rounded-full bg-prominent"
|
|
6002
6147
|
}
|
|
6003
6148
|
),
|
|
6004
|
-
/* @__PURE__ */
|
|
6149
|
+
/* @__PURE__ */ jsx56(
|
|
6005
6150
|
"div",
|
|
6006
6151
|
{
|
|
6007
6152
|
"aria-hidden": true,
|
|
6008
6153
|
className: "pointer-events-none absolute bottom-0 right-0 z-10 size-5 translate-x-1/2 translate-y-1/2 rounded-full bg-prominent"
|
|
6009
6154
|
}
|
|
6010
6155
|
),
|
|
6011
|
-
/* @__PURE__ */
|
|
6156
|
+
/* @__PURE__ */ jsx56(
|
|
6012
6157
|
"div",
|
|
6013
6158
|
{
|
|
6014
6159
|
"aria-hidden": true,
|
|
@@ -6016,13 +6161,13 @@ function TicketCard({
|
|
|
6016
6161
|
}
|
|
6017
6162
|
)
|
|
6018
6163
|
] }),
|
|
6019
|
-
/* @__PURE__ */
|
|
6164
|
+
/* @__PURE__ */ jsx56(
|
|
6020
6165
|
"div",
|
|
6021
6166
|
{
|
|
6022
6167
|
className: cn(
|
|
6023
6168
|
"relative z-[1] inline-flex max-w-[72%] shrink-0 self-stretch sm:max-w-[44%]"
|
|
6024
6169
|
),
|
|
6025
|
-
children: /* @__PURE__ */
|
|
6170
|
+
children: /* @__PURE__ */ jsxs26(
|
|
6026
6171
|
"button",
|
|
6027
6172
|
{
|
|
6028
6173
|
type: "button",
|
|
@@ -6034,7 +6179,7 @@ function TicketCard({
|
|
|
6034
6179
|
stubDisabled ? "bg-primary/30 cursor-not-allowed opacity-50 pointer-events-none" : "bg-primary cursor-pointer hover:bg-primary-hover"
|
|
6035
6180
|
),
|
|
6036
6181
|
children: [
|
|
6037
|
-
!stubDisabled && /* @__PURE__ */
|
|
6182
|
+
!stubDisabled && /* @__PURE__ */ jsx56(
|
|
6038
6183
|
"span",
|
|
6039
6184
|
{
|
|
6040
6185
|
"aria-hidden": true,
|
|
@@ -6044,8 +6189,8 @@ function TicketCard({
|
|
|
6044
6189
|
}
|
|
6045
6190
|
}
|
|
6046
6191
|
),
|
|
6047
|
-
stubIcon != null ? stubIcon : /* @__PURE__ */
|
|
6048
|
-
stubLabel && /* @__PURE__ */
|
|
6192
|
+
stubIcon != null ? stubIcon : /* @__PURE__ */ jsx56(ArrowRight2, { className: "relative size-5 shrink-0 text-on-prominent-static-inverse" }),
|
|
6193
|
+
stubLabel && /* @__PURE__ */ jsx56("span", { className: "max-w-full text-balance text-center text-xs font-bold uppercase leading-tight tracking-wide text-on-prominent-static-inverse sm:tracking-widest", children: stubLabel })
|
|
6049
6194
|
]
|
|
6050
6195
|
}
|
|
6051
6196
|
)
|
|
@@ -6059,7 +6204,7 @@ function TicketCard({
|
|
|
6059
6204
|
// components/ui/toggle.tsx
|
|
6060
6205
|
import { cva as cva12 } from "class-variance-authority";
|
|
6061
6206
|
import { Toggle as TogglePrimitive } from "radix-ui";
|
|
6062
|
-
import { jsx as
|
|
6207
|
+
import { jsx as jsx57 } from "react/jsx-runtime";
|
|
6063
6208
|
var toggleVariants = cva12(
|
|
6064
6209
|
"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-secondary-hover hover:text-on-prominent focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-secondary-hover data-[state=on]:border-transparent data-[state=on]:text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
6065
6210
|
{
|
|
@@ -6090,7 +6235,7 @@ function Toggle(_a) {
|
|
|
6090
6235
|
"variant",
|
|
6091
6236
|
"size"
|
|
6092
6237
|
]);
|
|
6093
|
-
return /* @__PURE__ */
|
|
6238
|
+
return /* @__PURE__ */ jsx57(
|
|
6094
6239
|
TogglePrimitive.Root,
|
|
6095
6240
|
__spreadValues({
|
|
6096
6241
|
"data-slot": "toggle",
|
|
@@ -6100,10 +6245,10 @@ function Toggle(_a) {
|
|
|
6100
6245
|
}
|
|
6101
6246
|
|
|
6102
6247
|
// components/ui/toggle-group.tsx
|
|
6103
|
-
import * as
|
|
6248
|
+
import * as React11 from "react";
|
|
6104
6249
|
import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
|
|
6105
|
-
import { jsx as
|
|
6106
|
-
var ToggleGroupContext =
|
|
6250
|
+
import { jsx as jsx58 } from "react/jsx-runtime";
|
|
6251
|
+
var ToggleGroupContext = React11.createContext({
|
|
6107
6252
|
size: "default",
|
|
6108
6253
|
variant: "default",
|
|
6109
6254
|
spacing: 0
|
|
@@ -6122,7 +6267,7 @@ function ToggleGroup(_a) {
|
|
|
6122
6267
|
"spacing",
|
|
6123
6268
|
"children"
|
|
6124
6269
|
]);
|
|
6125
|
-
return /* @__PURE__ */
|
|
6270
|
+
return /* @__PURE__ */ jsx58(
|
|
6126
6271
|
ToggleGroupPrimitive.Root,
|
|
6127
6272
|
__spreadProps(__spreadValues({
|
|
6128
6273
|
"data-slot": "toggle-group",
|
|
@@ -6135,7 +6280,7 @@ function ToggleGroup(_a) {
|
|
|
6135
6280
|
className
|
|
6136
6281
|
)
|
|
6137
6282
|
}, props), {
|
|
6138
|
-
children: /* @__PURE__ */
|
|
6283
|
+
children: /* @__PURE__ */ jsx58(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
|
|
6139
6284
|
})
|
|
6140
6285
|
);
|
|
6141
6286
|
}
|
|
@@ -6151,8 +6296,8 @@ function ToggleGroupItem(_a) {
|
|
|
6151
6296
|
"variant",
|
|
6152
6297
|
"size"
|
|
6153
6298
|
]);
|
|
6154
|
-
const context =
|
|
6155
|
-
return /* @__PURE__ */
|
|
6299
|
+
const context = React11.useContext(ToggleGroupContext);
|
|
6300
|
+
return /* @__PURE__ */ jsx58(
|
|
6156
6301
|
ToggleGroupPrimitive.Item,
|
|
6157
6302
|
__spreadProps(__spreadValues({
|
|
6158
6303
|
"data-slot": "toggle-group-item",
|
|
@@ -6453,6 +6598,7 @@ export {
|
|
|
6453
6598
|
Skeleton,
|
|
6454
6599
|
Slider,
|
|
6455
6600
|
Spinner,
|
|
6601
|
+
Stepper,
|
|
6456
6602
|
Switch,
|
|
6457
6603
|
Table,
|
|
6458
6604
|
TableBody,
|