@trading-game/design-intelligence-layer 0.14.0 → 0.15.1

package/dist/index.d.cts

@@ -65,7 +65,7 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
 declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "fill" | "default" | "standard" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-boost" | "ghost" | "ghost-success" | "ghost-fail" | "ghost-warning" | null | undefined;
+    variant?: "fill" | "default" | "standard" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-credit" | "ghost" | "ghost-success" | "ghost-fail" | "ghost-warning" | null | undefined;
     size?: "lg" | "md" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
@@ -662,7 +662,7 @@ type TicketCardProps = {
     compact?: boolean;
 };
 declare function TicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, compact, }: TicketCardProps): react_jsx_runtime.JSX.Element;
-type BoostTicketCardProps = {
+type CreditTicketCardProps = {
     className?: string;
     /** Optional icon rendered inside the left ring circle. */
     icon?: React$1.ReactNode;
@@ -678,45 +678,49 @@ type BoostTicketCardProps = {
     onStubClick?: () => void;
     /** Disables the stub button. */
     stubDisabled?: boolean;
-    /** Boost amount shown in the badge (e.g. "0.00"). */
-    boostAmount?: string;
-    /** Currency shown in the boost badge (e.g. "USDT"). */
-    boostCurrency?: string;
+    /** Optional leading icon shown inside the credit badge. */
+    badgeIcon?: React$1.ReactNode;
+    /** Prefix label shown inside the badge (e.g. "Credit", "Bonus"). */
+    badgeLabel?: string;
+    /** Value shown in the badge (e.g. "0.00"). */
+    badgeValue?: string;
+    /** Currency shown in the badge (e.g. "USDT"). */
+    badgeCurrency?: string;
     /**
-     * Optional content for the boost info tooltip. When provided, the trailing
-     * info icon on the boost badge becomes a focusable button that opens a
+     * Optional content for the badge info tooltip. When provided, the trailing
+     * info icon on the badge becomes a focusable button that opens a
      * tooltip with this content on hover/focus. When omitted, the info icon is
      * not rendered.
      */
-    boostInfo?: React$1.ReactNode;
+    badgeInfo?: React$1.ReactNode;
     /**
-     * Side the boost info tooltip opens on (desktop only — mobile always renders
+     * Side the badge info tooltip opens on (desktop only — mobile always renders
      * the info as a bottom-sheet drawer). Defaults to `"top"` to preserve the
      * current behaviour.
      */
-    boostInfoSide?: "top" | "bottom" | "left" | "right";
+    badgeInfoSide?: "top" | "bottom" | "left" | "right";
     /**
-     * Alignment of the boost info tooltip relative to its trigger (desktop only).
+     * Alignment of the badge info tooltip relative to its trigger (desktop only).
      * Defaults to `"center"`.
      */
-    boostInfoAlign?: "start" | "center" | "end";
+    badgeInfoAlign?: "start" | "center" | "end";
     /**
      * Heading shown at the top of the mobile drawer (forwarded to
      * `TooltipContent.title`). Desktop tooltip ignores this. When omitted, the
      * underlying `TooltipContent` falls back to its own `"Title"` placeholder.
      */
-    boostInfoTitle?: string;
+    badgeInfoTitle?: string;
     /**
      * Label on the dismiss button at the bottom of the mobile drawer (forwarded
      * to `TooltipContent.closeLabel`). Desktop tooltip ignores this. When
      * omitted, the underlying `TooltipContent` falls back to its own `"Label"`
      * placeholder.
      */
-    boostInfoCloseLabel?: string;
+    badgeInfoCloseLabel?: string;
     /** Compact (mobile) layout — reduces horizontal padding from 16px to 8px. */
     compact?: boolean;
 };
-declare function BoostTicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, boostAmount, boostCurrency, boostInfo, boostInfoSide, boostInfoAlign, boostInfoTitle, boostInfoCloseLabel, compact, }: BoostTicketCardProps): react_jsx_runtime.JSX.Element;
+declare function CreditTicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, badgeIcon, badgeLabel, badgeValue, badgeCurrency, badgeInfo, badgeInfoSide, badgeInfoAlign, badgeInfoTitle, badgeInfoCloseLabel, compact, }: CreditTicketCardProps): react_jsx_runtime.JSX.Element;
 /** Alias for the Figma-named variant. */
 declare const TicketCardDesktop: typeof TicketCard;
 
@@ -731,8 +735,193 @@ declare function ToggleGroup({ className, variant, size, spacing, children, ...p
 }): react_jsx_runtime.JSX.Element;
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
+type ResultBlockStatus = "win" | "loss";
+type ResultBlockCta = "next-round" | "go-again" | "conversion";
+type ResultBlockProps = {
+    status: ResultBlockStatus;
+    amount: string;
+    currency: string;
+    contractLabel: string;
+    pickedDigit?: number;
+    duration: string;
+    ctaMode: ResultBlockCta;
+};
+declare function ResultBlock({ status, amount, currency, contractLabel, pickedDigit, duration, ctaMode, }: ResultBlockProps): react_jsx_runtime.JSX.Element;
+type ResultDialogProps = {
+    title: string;
+    body: React$1.ReactNode;
+    primaryLabel: string;
+    secondaryLabel: string;
+};
+declare function ResultDialog({ title, body, primaryLabel, secondaryLabel, }: ResultDialogProps): react_jsx_runtime.JSX.Element;
+
+type HeaderNavigationBlockProps = {
+    /** Back button click handler. Back arrow is rendered only when provided. */
+    onBack?: () => void;
+    /** Optional badge shown between back and balance (e.g. "Demo" indicator). */
+    badge?: {
+        label: string;
+        variant?: React$1.ComponentProps<typeof Badge>["variant"];
+    };
+    /** Required balance display. */
+    balance: {
+        amount: string;
+        currency: string;
+    };
+    /** History button config. When `count` is provided, a numeric badge overlays the icon. */
+    history?: {
+        count?: number;
+        onClick?: () => void;
+        "aria-label"?: string;
+    };
+    /** Right-side icon-button slot (e.g. sound toggle, settings). Rendered after the history button. */
+    actions?: React$1.ReactNode;
+};
+declare function HeaderNavigationBlock({ onBack, badge, balance, history, actions, }: HeaderNavigationBlockProps): react_jsx_runtime.JSX.Element;
+
+type FAQItem = {
+    value: string;
+    question: string;
+    answer: string;
+};
+type FAQBlockProps = {
+    /** Section eyebrow above the heading. Defaults to "FAQ Section". */
+    eyebrow?: string;
+    /** Heading text. Defaults to "Frequently asked questions". */
+    title?: string;
+    /** Body paragraph between heading and accordion. */
+    intro?: React$1.ReactNode;
+    /** Q&A items. */
+    items: FAQItem[];
+    /** Which item is open by default. Defaults to the first item's `value`. */
+    defaultValue?: string;
+    /** Footer "Need more help?" card. Hidden if undefined. */
+    helpCard?: {
+        title: string;
+        body: string;
+        ctaLabel: string;
+        onCtaClick?: () => void;
+    };
+    /** Layout density. "desktop" is the default; "mobile" reduces type scale and padding. */
+    layout?: "desktop" | "mobile";
+};
+declare function FAQBlock({ eyebrow, title, intro, items, defaultValue, helpCard, layout, }: FAQBlockProps): react_jsx_runtime.JSX.Element;
+
+type HeroBlockTagline = {
+    /** Primary label (e.g. "What's new"). */
+    label: string;
+    /** Secondary text shown after a separator (e.g. "Just shipped v2.0"). */
+    suffix?: string;
+};
+type HeroBlockCta = {
+    label: string;
+    onClick?: () => void;
+    /** When true on the primary CTA in the centred layout, renders a trailing arrow. */
+    trailingArrow?: boolean;
+};
+type HeroBlockProps = {
+    /** "centered" = single column, no image; "split" = two-column desktop with image. Default: "centered". */
+    layout?: "centered" | "split";
+    tagline?: HeroBlockTagline;
+    heading: string;
+    body: string;
+    primaryCta: HeroBlockCta;
+    /** Shown only in "split" layout. */
+    secondaryCta?: HeroBlockCta;
+    /** Image content for "split" layout. Defaults to a subtle placeholder square. */
+    image?: React$1.ReactNode;
+};
+declare function HeroBlock({ layout, tagline, heading, body, primaryCta, secondaryCta, image, }: HeroBlockProps): react_jsx_runtime.JSX.Element;
+
+type AuthBlockMode = "sign-in" | "sign-up";
+type AuthBlockProvider = "google" | "telegram" | "x";
+type AuthBlockProps = {
+    mode: AuthBlockMode;
+    /** Logo source URL (consumer-provided). Renders the small icon in the header lockup. */
+    logoSrc: string;
+    /** Wordmark text in the header lockup. Defaults to "trading.game". */
+    wordmark?: string;
+    /** OAuth providers to show as buttons. Default: all three. Order is preserved. */
+    providers?: AuthBlockProvider[];
+    /** Submit handler. Receives just the email field for v1 (form is single-field). */
+    onSubmit?: (data: {
+        email: string;
+    }) => void;
+    /** Footer link href (sign-in → sign-up, sign-up → sign-in). */
+    crossLinkHref?: string;
+    /** Unique prefix for input IDs (allows multiple instances on the same page). */
+    idPrefix?: string;
+};
+declare function AuthBlock({ mode, logoSrc, wordmark, providers, onSubmit, crossLinkHref, idPrefix, }: AuthBlockProps): react_jsx_runtime.JSX.Element;
+
+type NavBarBlockLink = {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+};
+type NavBarBlockProps = {
+    /** Brand logo URLs and alt text. */
+    brand: {
+        fullLogoSrc: string;
+        iconLogoSrc: string;
+        alt: string;
+    };
+    /** Primary nav links. */
+    links: NavBarBlockLink[];
+    /** Sign-in button. Hidden if omitted. Default label: "Sign in". */
+    signIn?: {
+        label?: string;
+        onClick?: () => void;
+    };
+    /** Sign-up button. Hidden if omitted. Default label: "Sign up". */
+    signUp?: {
+        label?: string;
+        onClick?: () => void;
+    };
+};
+declare function NavBarBlock({ brand, links, signIn, signUp }: NavBarBlockProps): react_jsx_runtime.JSX.Element;
+
+type PositionBase = {
+    market: string;
+    duration: string;
+    stake: string;
+    pnl: string;
+    win: boolean;
+};
+type RiseFallPosition = PositionBase & {
+    kind: "rise-fall";
+    direction: "Rise" | "Fall";
+};
+type SwipePosition = PositionBase & {
+    kind: "swipe";
+    direction: "Up" | "Down";
+};
+type BoxOPosition = PositionBase & {
+    kind: "box-o";
+    multiplier: string;
+};
+type DigitsPosition = PositionBase & {
+    kind: "digits";
+    type: "matches" | "differs" | "odd" | "even" | "over" | "under";
+    digit?: string;
+};
+type Position = RiseFallPosition | SwipePosition | BoxOPosition | DigitsPosition;
+type OpenPositionsBlockProps = {
+    /** Consumer-provided trigger element. Wrapped with a Sheet/Drawer trigger asChild. */
+    trigger: React$1.ReactNode;
+    /** Sheet/drawer title. Default: "Positions". */
+    sheetTitle?: string;
+    /** Position items to render in the list. Empty array → emptyState is shown. */
+    positions: Position[];
+    /** Footer link handler. The button label is fixed: "View transaction history". */
+    onViewHistory?: () => void;
+    /** Replaces the default empty state when positions.length === 0. */
+    emptyState?: React$1.ReactNode;
+};
+declare function OpenPositionsBlock({ trigger, sheetTitle, positions, onViewHistory, emptyState, }: OpenPositionsBlockProps): react_jsx_runtime.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
 declare function useIsMobile(): boolean;
 
-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, type TooltipVariant, badgeVariants, buttonVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AuthBlock, type AuthBlockMode, type AuthBlockProps, type AuthBlockProvider, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, type BoxOPosition, 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, CreditTicketCard, type CreditTicketCardProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DigitsPosition, 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, FAQBlock, type FAQBlockProps, type FAQItem, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeaderNavigationBlock, type HeaderNavigationBlockProps, HeroBlock, type HeroBlockCta, type HeroBlockProps, type HeroBlockTagline, 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, NavBarBlock, type NavBarBlockLink, type NavBarBlockProps, NavigationButton, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, OpenPositionsBlock, type OpenPositionsBlockProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type Position, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResultBlock, type ResultBlockCta, type ResultBlockProps, type ResultBlockStatus, ResultDialog, type ResultDialogProps, type RiseFallPosition, 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, type SwipePosition, 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, type TooltipVariant, badgeVariants, buttonVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };

package/dist/index.d.ts

@@ -65,7 +65,7 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
 declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "fill" | "default" | "standard" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-boost" | "ghost" | "ghost-success" | "ghost-fail" | "ghost-warning" | null | undefined;
+    variant?: "fill" | "default" | "standard" | "default-success" | "default-fail" | "default-warning" | "fill-success" | "fill-fail" | "fill-warning" | "fill-credit" | "ghost" | "ghost-success" | "ghost-fail" | "ghost-warning" | null | undefined;
     size?: "lg" | "md" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
@@ -662,7 +662,7 @@ type TicketCardProps = {
     compact?: boolean;
 };
 declare function TicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, compact, }: TicketCardProps): react_jsx_runtime.JSX.Element;
-type BoostTicketCardProps = {
+type CreditTicketCardProps = {
     className?: string;
     /** Optional icon rendered inside the left ring circle. */
     icon?: React$1.ReactNode;
@@ -678,45 +678,49 @@ type BoostTicketCardProps = {
     onStubClick?: () => void;
     /** Disables the stub button. */
     stubDisabled?: boolean;
-    /** Boost amount shown in the badge (e.g. "0.00"). */
-    boostAmount?: string;
-    /** Currency shown in the boost badge (e.g. "USDT"). */
-    boostCurrency?: string;
+    /** Optional leading icon shown inside the credit badge. */
+    badgeIcon?: React$1.ReactNode;
+    /** Prefix label shown inside the badge (e.g. "Credit", "Bonus"). */
+    badgeLabel?: string;
+    /** Value shown in the badge (e.g. "0.00"). */
+    badgeValue?: string;
+    /** Currency shown in the badge (e.g. "USDT"). */
+    badgeCurrency?: string;
     /**
-     * Optional content for the boost info tooltip. When provided, the trailing
-     * info icon on the boost badge becomes a focusable button that opens a
+     * Optional content for the badge info tooltip. When provided, the trailing
+     * info icon on the badge becomes a focusable button that opens a
      * tooltip with this content on hover/focus. When omitted, the info icon is
      * not rendered.
      */
-    boostInfo?: React$1.ReactNode;
+    badgeInfo?: React$1.ReactNode;
     /**
-     * Side the boost info tooltip opens on (desktop only — mobile always renders
+     * Side the badge info tooltip opens on (desktop only — mobile always renders
      * the info as a bottom-sheet drawer). Defaults to `"top"` to preserve the
      * current behaviour.
      */
-    boostInfoSide?: "top" | "bottom" | "left" | "right";
+    badgeInfoSide?: "top" | "bottom" | "left" | "right";
     /**
-     * Alignment of the boost info tooltip relative to its trigger (desktop only).
+     * Alignment of the badge info tooltip relative to its trigger (desktop only).
      * Defaults to `"center"`.
      */
-    boostInfoAlign?: "start" | "center" | "end";
+    badgeInfoAlign?: "start" | "center" | "end";
     /**
      * Heading shown at the top of the mobile drawer (forwarded to
      * `TooltipContent.title`). Desktop tooltip ignores this. When omitted, the
      * underlying `TooltipContent` falls back to its own `"Title"` placeholder.
      */
-    boostInfoTitle?: string;
+    badgeInfoTitle?: string;
     /**
      * Label on the dismiss button at the bottom of the mobile drawer (forwarded
      * to `TooltipContent.closeLabel`). Desktop tooltip ignores this. When
      * omitted, the underlying `TooltipContent` falls back to its own `"Label"`
      * placeholder.
      */
-    boostInfoCloseLabel?: string;
+    badgeInfoCloseLabel?: string;
     /** Compact (mobile) layout — reduces horizontal padding from 16px to 8px. */
     compact?: boolean;
 };
-declare function BoostTicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, boostAmount, boostCurrency, boostInfo, boostInfoSide, boostInfoAlign, boostInfoTitle, boostInfoCloseLabel, compact, }: BoostTicketCardProps): react_jsx_runtime.JSX.Element;
+declare function CreditTicketCard({ className, icon, label, value, currency, stubLabel, onStubClick, stubDisabled, badgeIcon, badgeLabel, badgeValue, badgeCurrency, badgeInfo, badgeInfoSide, badgeInfoAlign, badgeInfoTitle, badgeInfoCloseLabel, compact, }: CreditTicketCardProps): react_jsx_runtime.JSX.Element;
 /** Alias for the Figma-named variant. */
 declare const TicketCardDesktop: typeof TicketCard;
 
@@ -731,8 +735,193 @@ declare function ToggleGroup({ className, variant, size, spacing, children, ...p
 }): react_jsx_runtime.JSX.Element;
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
+type ResultBlockStatus = "win" | "loss";
+type ResultBlockCta = "next-round" | "go-again" | "conversion";
+type ResultBlockProps = {
+    status: ResultBlockStatus;
+    amount: string;
+    currency: string;
+    contractLabel: string;
+    pickedDigit?: number;
+    duration: string;
+    ctaMode: ResultBlockCta;
+};
+declare function ResultBlock({ status, amount, currency, contractLabel, pickedDigit, duration, ctaMode, }: ResultBlockProps): react_jsx_runtime.JSX.Element;
+type ResultDialogProps = {
+    title: string;
+    body: React$1.ReactNode;
+    primaryLabel: string;
+    secondaryLabel: string;
+};
+declare function ResultDialog({ title, body, primaryLabel, secondaryLabel, }: ResultDialogProps): react_jsx_runtime.JSX.Element;
+
+type HeaderNavigationBlockProps = {
+    /** Back button click handler. Back arrow is rendered only when provided. */
+    onBack?: () => void;
+    /** Optional badge shown between back and balance (e.g. "Demo" indicator). */
+    badge?: {
+        label: string;
+        variant?: React$1.ComponentProps<typeof Badge>["variant"];
+    };
+    /** Required balance display. */
+    balance: {
+        amount: string;
+        currency: string;
+    };
+    /** History button config. When `count` is provided, a numeric badge overlays the icon. */
+    history?: {
+        count?: number;
+        onClick?: () => void;
+        "aria-label"?: string;
+    };
+    /** Right-side icon-button slot (e.g. sound toggle, settings). Rendered after the history button. */
+    actions?: React$1.ReactNode;
+};
+declare function HeaderNavigationBlock({ onBack, badge, balance, history, actions, }: HeaderNavigationBlockProps): react_jsx_runtime.JSX.Element;
+
+type FAQItem = {
+    value: string;
+    question: string;
+    answer: string;
+};
+type FAQBlockProps = {
+    /** Section eyebrow above the heading. Defaults to "FAQ Section". */
+    eyebrow?: string;
+    /** Heading text. Defaults to "Frequently asked questions". */
+    title?: string;
+    /** Body paragraph between heading and accordion. */
+    intro?: React$1.ReactNode;
+    /** Q&A items. */
+    items: FAQItem[];
+    /** Which item is open by default. Defaults to the first item's `value`. */
+    defaultValue?: string;
+    /** Footer "Need more help?" card. Hidden if undefined. */
+    helpCard?: {
+        title: string;
+        body: string;
+        ctaLabel: string;
+        onCtaClick?: () => void;
+    };
+    /** Layout density. "desktop" is the default; "mobile" reduces type scale and padding. */
+    layout?: "desktop" | "mobile";
+};
+declare function FAQBlock({ eyebrow, title, intro, items, defaultValue, helpCard, layout, }: FAQBlockProps): react_jsx_runtime.JSX.Element;
+
+type HeroBlockTagline = {
+    /** Primary label (e.g. "What's new"). */
+    label: string;
+    /** Secondary text shown after a separator (e.g. "Just shipped v2.0"). */
+    suffix?: string;
+};
+type HeroBlockCta = {
+    label: string;
+    onClick?: () => void;
+    /** When true on the primary CTA in the centred layout, renders a trailing arrow. */
+    trailingArrow?: boolean;
+};
+type HeroBlockProps = {
+    /** "centered" = single column, no image; "split" = two-column desktop with image. Default: "centered". */
+    layout?: "centered" | "split";
+    tagline?: HeroBlockTagline;
+    heading: string;
+    body: string;
+    primaryCta: HeroBlockCta;
+    /** Shown only in "split" layout. */
+    secondaryCta?: HeroBlockCta;
+    /** Image content for "split" layout. Defaults to a subtle placeholder square. */
+    image?: React$1.ReactNode;
+};
+declare function HeroBlock({ layout, tagline, heading, body, primaryCta, secondaryCta, image, }: HeroBlockProps): react_jsx_runtime.JSX.Element;
+
+type AuthBlockMode = "sign-in" | "sign-up";
+type AuthBlockProvider = "google" | "telegram" | "x";
+type AuthBlockProps = {
+    mode: AuthBlockMode;
+    /** Logo source URL (consumer-provided). Renders the small icon in the header lockup. */
+    logoSrc: string;
+    /** Wordmark text in the header lockup. Defaults to "trading.game". */
+    wordmark?: string;
+    /** OAuth providers to show as buttons. Default: all three. Order is preserved. */
+    providers?: AuthBlockProvider[];
+    /** Submit handler. Receives just the email field for v1 (form is single-field). */
+    onSubmit?: (data: {
+        email: string;
+    }) => void;
+    /** Footer link href (sign-in → sign-up, sign-up → sign-in). */
+    crossLinkHref?: string;
+    /** Unique prefix for input IDs (allows multiple instances on the same page). */
+    idPrefix?: string;
+};
+declare function AuthBlock({ mode, logoSrc, wordmark, providers, onSubmit, crossLinkHref, idPrefix, }: AuthBlockProps): react_jsx_runtime.JSX.Element;
+
+type NavBarBlockLink = {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+};
+type NavBarBlockProps = {
+    /** Brand logo URLs and alt text. */
+    brand: {
+        fullLogoSrc: string;
+        iconLogoSrc: string;
+        alt: string;
+    };
+    /** Primary nav links. */
+    links: NavBarBlockLink[];
+    /** Sign-in button. Hidden if omitted. Default label: "Sign in". */
+    signIn?: {
+        label?: string;
+        onClick?: () => void;
+    };
+    /** Sign-up button. Hidden if omitted. Default label: "Sign up". */
+    signUp?: {
+        label?: string;
+        onClick?: () => void;
+    };
+};
+declare function NavBarBlock({ brand, links, signIn, signUp }: NavBarBlockProps): react_jsx_runtime.JSX.Element;
+
+type PositionBase = {
+    market: string;
+    duration: string;
+    stake: string;
+    pnl: string;
+    win: boolean;
+};
+type RiseFallPosition = PositionBase & {
+    kind: "rise-fall";
+    direction: "Rise" | "Fall";
+};
+type SwipePosition = PositionBase & {
+    kind: "swipe";
+    direction: "Up" | "Down";
+};
+type BoxOPosition = PositionBase & {
+    kind: "box-o";
+    multiplier: string;
+};
+type DigitsPosition = PositionBase & {
+    kind: "digits";
+    type: "matches" | "differs" | "odd" | "even" | "over" | "under";
+    digit?: string;
+};
+type Position = RiseFallPosition | SwipePosition | BoxOPosition | DigitsPosition;
+type OpenPositionsBlockProps = {
+    /** Consumer-provided trigger element. Wrapped with a Sheet/Drawer trigger asChild. */
+    trigger: React$1.ReactNode;
+    /** Sheet/drawer title. Default: "Positions". */
+    sheetTitle?: string;
+    /** Position items to render in the list. Empty array → emptyState is shown. */
+    positions: Position[];
+    /** Footer link handler. The button label is fixed: "View transaction history". */
+    onViewHistory?: () => void;
+    /** Replaces the default empty state when positions.length === 0. */
+    emptyState?: React$1.ReactNode;
+};
+declare function OpenPositionsBlock({ trigger, sheetTitle, positions, onViewHistory, emptyState, }: OpenPositionsBlockProps): react_jsx_runtime.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
 declare function useIsMobile(): boolean;
 
-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, type TooltipVariant, badgeVariants, buttonVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AuthBlock, type AuthBlockMode, type AuthBlockProps, type AuthBlockProvider, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, type BoxOPosition, 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, CreditTicketCard, type CreditTicketCardProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DigitsPosition, 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, FAQBlock, type FAQBlockProps, type FAQItem, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeaderNavigationBlock, type HeaderNavigationBlockProps, HeroBlock, type HeroBlockCta, type HeroBlockProps, type HeroBlockTagline, 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, NavBarBlock, type NavBarBlockLink, type NavBarBlockProps, NavigationButton, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, OpenPositionsBlock, type OpenPositionsBlockProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type Position, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResultBlock, type ResultBlockCta, type ResultBlockProps, type ResultBlockStatus, ResultDialog, type ResultDialogProps, type RiseFallPosition, 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, type SwipePosition, 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, type TooltipVariant, badgeVariants, buttonVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };