@trading-game/design-intelligence-layer 1.0.0 → 1.0.2

package/dist/index.d.cts

@@ -199,13 +199,16 @@ declare function CalendarDayButton({ className, day, modifiers, ...props }: Reac
  * Card shell — the design file's shared surface language: card surface,
  * hairline border, 18px (2xl) radius, flat (no shadow, per system rule).
  *
- * `variant="frosted-on-brand"` is the frosted shell for sitting over
- * hero/game art: white 72% + blur + soft white hairline, identical in both
- * themes. (`glass` is its @deprecated alias — deleted at v1.0.)
- * `interactive` opts into the design file's desktop-only hover lift.
+ * The tinted-glass family, one look per surface (same split as Button):
+ * `variant="frosted"` sits on page surfaces — solid brand-selected tint +
+ * brand ink, no blur (there's no art underneath to frost). `frosted-on-brand`
+ * is the actual frosted shell for sitting over hero/game art: white 72% +
+ * blur + soft white hairline, identical in both themes. (`glass` is its
+ * @deprecated alias — deleted at v1.0.) `interactive` opts into the design
+ * file's desktop-only hover lift.
  */
 declare function Card({ className, variant, interactive, ...props }: React$1.ComponentProps<"div"> & {
-    variant?: "default" | "frosted-on-brand" | "glass";
+    variant?: "default" | "frosted" | "frosted-on-brand" | "glass";
     interactive?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -537,7 +540,35 @@ declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<"
 declare function PopoverTitle({ className, ...props }: React$1.ComponentProps<"h2">): react_jsx_runtime.JSX.Element;
 declare function PopoverDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
 
-declare function Progress({ className, value, ...props }: React$1.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime.JSX.Element;
+type ProgressVariant = "bar" | "dots" | "ring";
+type ProgressBarSize = "sm" | "md" | "lg";
+type ProgressRingSize = "sm" | "md" | "lg" | "xl";
+interface ProgressProps extends Omit<React$1.ComponentProps<typeof Progress$1.Root>, "children"> {
+    variant?: ProgressVariant;
+    /** bar/dots: sm | md | lg · ring: sm | md | lg | xl */
+    size?: ProgressBarSize | ProgressRingSize;
+    /** bar only — the setup-meter row above the track. */
+    label?: React$1.ReactNode;
+    /** bar only — right side of the meter row (e.g. "2 of 5"). */
+    valueLabel?: React$1.ReactNode;
+    /** dots only — number of segments. */
+    segments?: number;
+    /**
+     * Self-running timer in ms — drives the value smoothly instead of `value`
+     * (countdown drains, countup fills). Remount (change `key`) to restart.
+     */
+    timer?: number;
+    /** Timer direction: `down` drains 100 → 0, `up` fills 0 → 100. */
+    direction?: "down" | "up";
+    /** Fires once when the timer finishes. */
+    onTimerEnd?: () => void;
+    /**
+     * ring only — centred content (e.g. the countdown number). Pass a function
+     * to render from the live value: `(pct) => Math.ceil((pct / 100) * 5)`.
+     */
+    children?: React$1.ReactNode | ((pct: number) => React$1.ReactNode);
+}
+declare function Progress({ className, value, variant, size, label, valueLabel, segments, timer, direction, onTimerEnd, children, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
 
 interface ProfilePhotoProps extends Omit<React$1.ComponentProps<"div">, "children"> {
     /** Photo URL. Omit to show the placeholder glyph. */
@@ -705,15 +736,28 @@ declare function Slider({ className, defaultValue, value, min, max, ...props }:
 
 declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
-type StepperSize = "sm" | "md" | "lg";
+interface SlideToConfirmProps extends Omit<React$1.ComponentProps<"div">, "onDragStart"> {
+    /** Fires once when the handle crosses the threshold (or on Enter/Space). */
+    onConfirm?: () => void;
+    /** Track label. */
+    label?: React$1.ReactNode;
+    /** Label shown in the confirmed state. */
+    confirmedLabel?: React$1.ReactNode;
+    disabled?: boolean;
+    /** Controlled confirmed state — pass `false` to reset the control. */
+    confirmed?: boolean;
+}
+declare function SlideToConfirm({ onConfirm, label, confirmedLabel, disabled, confirmed: controlledConfirmed, className, ...props }: SlideToConfirmProps): react_jsx_runtime.JSX.Element;
+
 interface StepperProps {
+    /** Uppercase label above the amount, e.g. "Stake (USDT)". */
+    label?: React$1.ReactNode;
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
     min?: number;
     max?: number;
     step?: number;
-    size?: StepperSize;
     disabled?: boolean;
     placeholder?: string;
     className?: string;
@@ -721,7 +765,34 @@ interface StepperProps {
     name?: string;
     "aria-label"?: string;
 }
-declare function Stepper({ value: controlledValue, defaultValue, onValueChange, min, max, step, size, disabled, placeholder, className, id, name, "aria-label": ariaLabel, }: StepperProps): react_jsx_runtime.JSX.Element;
+declare function Stepper({ label, value: controlledValue, defaultValue, onValueChange, min, max, step, disabled, placeholder, className, id, name, "aria-label": ariaLabel, }: StepperProps): react_jsx_runtime.JSX.Element;
+
+type StepsShape = "circle" | "square";
+type StepsOrientation = "horizontal" | "vertical";
+type StepsSize = "sm" | "md";
+type StepState = "done" | "active" | "upcoming";
+declare function Steps({ shape, orientation, size, className, children, ...props }: React$1.ComponentProps<"ol"> & {
+    shape?: StepsShape;
+    orientation?: StepsOrientation;
+    size?: StepsSize;
+}): react_jsx_runtime.JSX.Element;
+interface StepProps extends Omit<React$1.ComponentProps<"li">, "title"> {
+    /** done = success fill + check · active = brand fill · upcoming = muted surface */
+    state?: StepState;
+    /** Replaces the automatic step number inside the indicator. */
+    icon?: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    /** Small uppercase marker beside the title (e.g. "Start here"). */
+    tag?: React$1.ReactNode;
+    /** Injected by Steps — do not pass. */
+    index?: number;
+    /** Injected by Steps — do not pass. */
+    isFirst?: boolean;
+    /** Injected by Steps — do not pass. */
+    isLast?: boolean;
+}
+declare function Step({ state, icon, title, description, tag, index, isFirst, isLast, className, ...props }: StepProps): react_jsx_runtime.JSX.Element;
 
 declare function Spinner({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
@@ -752,15 +823,14 @@ declare function TabsContent({ className, ...props }: React$1.ComponentProps<typ
 declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
 declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
     size?: "lg" | "sm" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare function Toggle({ className, size, ...props }: React$1.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
-declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
+declare function ToggleGroup({ className, size, spacing, children, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
     spacing?: number;
 }): 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;
+declare function ToggleGroupItem({ className, children, 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";
@@ -1017,4 +1087,4 @@ declare function cn(...inputs: ClassValue[]): string;
 
 declare function useIsMobile(): boolean;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertLayout, type AlertProps, type AlertVariant, AspectRatio, AuthBlock, type AuthBlockMode, type AuthBlockProps, type AuthBlockProvider, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, type BannerProps, BottomNavigation, BottomNavigationAI, BottomNavigationItem, 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, Checkbox, Chip, 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, type DigitsPosition, 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, GameLoadingBlock, type GameLoadingBlockProps, 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, Label, Link, type LoaderCheckpoint, 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, Numpad, type NumpadKey, type NumpadProps, OpenPositionsBlock, type OpenPositionsBlockProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type Position, ProfilePhoto, type ProfilePhotoProps, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResultBlock, type ResultBlockCta, type ResultBlockProps, type ResultBlockStatus, ResultDialog, type ResultDialogProps, type RiseFallPosition, ScrollArea, ScrollBar, SectionMessage, type SectionMessageLayout, type SectionMessageProps, type SectionMessageSize, type SectionMessageVariant, 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, type SmoothProgressInput, type SmoothProgressState, Spinner, Stepper, type StepperProps, type StepperSize, type SwipePosition, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TooltipVariant, alertVariants, badgeVariants, buttonVariants, chipVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, sectionMessageVariants, tabsListVariants, toggleVariants, useFieldSize, useIsMobile, useSidebar, useSmoothProgress };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertLayout, type AlertProps, type AlertVariant, AspectRatio, AuthBlock, type AuthBlockMode, type AuthBlockProps, type AuthBlockProvider, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, type BannerProps, BottomNavigation, BottomNavigationAI, BottomNavigationItem, 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, Checkbox, Chip, 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, type DigitsPosition, 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, GameLoadingBlock, type GameLoadingBlockProps, 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, Label, Link, type LoaderCheckpoint, 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, Numpad, type NumpadKey, type NumpadProps, OpenPositionsBlock, type OpenPositionsBlockProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type Position, ProfilePhoto, type ProfilePhotoProps, Progress, type ProgressBarSize, type ProgressProps, type ProgressRingSize, type ProgressVariant, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResultBlock, type ResultBlockCta, type ResultBlockProps, type ResultBlockStatus, ResultDialog, type ResultDialogProps, type RiseFallPosition, ScrollArea, ScrollBar, SectionMessage, type SectionMessageLayout, type SectionMessageProps, type SectionMessageSize, type SectionMessageVariant, 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, SlideToConfirm, type SlideToConfirmProps, Slider, type SmoothProgressInput, type SmoothProgressState, Spinner, Step, type StepProps, type StepState, Stepper, type StepperProps, Steps, type StepsOrientation, type StepsShape, type StepsSize, type SwipePosition, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TooltipVariant, alertVariants, badgeVariants, buttonVariants, chipVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, sectionMessageVariants, tabsListVariants, toggleVariants, useFieldSize, useIsMobile, useSidebar, useSmoothProgress };

package/dist/index.d.ts

@@ -199,13 +199,16 @@ declare function CalendarDayButton({ className, day, modifiers, ...props }: Reac
  * Card shell — the design file's shared surface language: card surface,
  * hairline border, 18px (2xl) radius, flat (no shadow, per system rule).
  *
- * `variant="frosted-on-brand"` is the frosted shell for sitting over
- * hero/game art: white 72% + blur + soft white hairline, identical in both
- * themes. (`glass` is its @deprecated alias — deleted at v1.0.)
- * `interactive` opts into the design file's desktop-only hover lift.
+ * The tinted-glass family, one look per surface (same split as Button):
+ * `variant="frosted"` sits on page surfaces — solid brand-selected tint +
+ * brand ink, no blur (there's no art underneath to frost). `frosted-on-brand`
+ * is the actual frosted shell for sitting over hero/game art: white 72% +
+ * blur + soft white hairline, identical in both themes. (`glass` is its
+ * @deprecated alias — deleted at v1.0.) `interactive` opts into the design
+ * file's desktop-only hover lift.
  */
 declare function Card({ className, variant, interactive, ...props }: React$1.ComponentProps<"div"> & {
-    variant?: "default" | "frosted-on-brand" | "glass";
+    variant?: "default" | "frosted" | "frosted-on-brand" | "glass";
     interactive?: boolean;
 }): react_jsx_runtime.JSX.Element;
 declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -537,7 +540,35 @@ declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<"
 declare function PopoverTitle({ className, ...props }: React$1.ComponentProps<"h2">): react_jsx_runtime.JSX.Element;
 declare function PopoverDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
 
-declare function Progress({ className, value, ...props }: React$1.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime.JSX.Element;
+type ProgressVariant = "bar" | "dots" | "ring";
+type ProgressBarSize = "sm" | "md" | "lg";
+type ProgressRingSize = "sm" | "md" | "lg" | "xl";
+interface ProgressProps extends Omit<React$1.ComponentProps<typeof Progress$1.Root>, "children"> {
+    variant?: ProgressVariant;
+    /** bar/dots: sm | md | lg · ring: sm | md | lg | xl */
+    size?: ProgressBarSize | ProgressRingSize;
+    /** bar only — the setup-meter row above the track. */
+    label?: React$1.ReactNode;
+    /** bar only — right side of the meter row (e.g. "2 of 5"). */
+    valueLabel?: React$1.ReactNode;
+    /** dots only — number of segments. */
+    segments?: number;
+    /**
+     * Self-running timer in ms — drives the value smoothly instead of `value`
+     * (countdown drains, countup fills). Remount (change `key`) to restart.
+     */
+    timer?: number;
+    /** Timer direction: `down` drains 100 → 0, `up` fills 0 → 100. */
+    direction?: "down" | "up";
+    /** Fires once when the timer finishes. */
+    onTimerEnd?: () => void;
+    /**
+     * ring only — centred content (e.g. the countdown number). Pass a function
+     * to render from the live value: `(pct) => Math.ceil((pct / 100) * 5)`.
+     */
+    children?: React$1.ReactNode | ((pct: number) => React$1.ReactNode);
+}
+declare function Progress({ className, value, variant, size, label, valueLabel, segments, timer, direction, onTimerEnd, children, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
 
 interface ProfilePhotoProps extends Omit<React$1.ComponentProps<"div">, "children"> {
     /** Photo URL. Omit to show the placeholder glyph. */
@@ -705,15 +736,28 @@ declare function Slider({ className, defaultValue, value, min, max, ...props }:
 
 declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
-type StepperSize = "sm" | "md" | "lg";
+interface SlideToConfirmProps extends Omit<React$1.ComponentProps<"div">, "onDragStart"> {
+    /** Fires once when the handle crosses the threshold (or on Enter/Space). */
+    onConfirm?: () => void;
+    /** Track label. */
+    label?: React$1.ReactNode;
+    /** Label shown in the confirmed state. */
+    confirmedLabel?: React$1.ReactNode;
+    disabled?: boolean;
+    /** Controlled confirmed state — pass `false` to reset the control. */
+    confirmed?: boolean;
+}
+declare function SlideToConfirm({ onConfirm, label, confirmedLabel, disabled, confirmed: controlledConfirmed, className, ...props }: SlideToConfirmProps): react_jsx_runtime.JSX.Element;
+
 interface StepperProps {
+    /** Uppercase label above the amount, e.g. "Stake (USDT)". */
+    label?: React$1.ReactNode;
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
     min?: number;
     max?: number;
     step?: number;
-    size?: StepperSize;
     disabled?: boolean;
     placeholder?: string;
     className?: string;
@@ -721,7 +765,34 @@ interface StepperProps {
     name?: string;
     "aria-label"?: string;
 }
-declare function Stepper({ value: controlledValue, defaultValue, onValueChange, min, max, step, size, disabled, placeholder, className, id, name, "aria-label": ariaLabel, }: StepperProps): react_jsx_runtime.JSX.Element;
+declare function Stepper({ label, value: controlledValue, defaultValue, onValueChange, min, max, step, disabled, placeholder, className, id, name, "aria-label": ariaLabel, }: StepperProps): react_jsx_runtime.JSX.Element;
+
+type StepsShape = "circle" | "square";
+type StepsOrientation = "horizontal" | "vertical";
+type StepsSize = "sm" | "md";
+type StepState = "done" | "active" | "upcoming";
+declare function Steps({ shape, orientation, size, className, children, ...props }: React$1.ComponentProps<"ol"> & {
+    shape?: StepsShape;
+    orientation?: StepsOrientation;
+    size?: StepsSize;
+}): react_jsx_runtime.JSX.Element;
+interface StepProps extends Omit<React$1.ComponentProps<"li">, "title"> {
+    /** done = success fill + check · active = brand fill · upcoming = muted surface */
+    state?: StepState;
+    /** Replaces the automatic step number inside the indicator. */
+    icon?: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    /** Small uppercase marker beside the title (e.g. "Start here"). */
+    tag?: React$1.ReactNode;
+    /** Injected by Steps — do not pass. */
+    index?: number;
+    /** Injected by Steps — do not pass. */
+    isFirst?: boolean;
+    /** Injected by Steps — do not pass. */
+    isLast?: boolean;
+}
+declare function Step({ state, icon, title, description, tag, index, isFirst, isLast, className, ...props }: StepProps): react_jsx_runtime.JSX.Element;
 
 declare function Spinner({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
@@ -752,15 +823,14 @@ declare function TabsContent({ className, ...props }: React$1.ComponentProps<typ
 declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
 declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
     size?: "lg" | "sm" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare function Toggle({ className, size, ...props }: React$1.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
-declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
+declare function ToggleGroup({ className, size, spacing, children, ...props }: React$1.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
     spacing?: number;
 }): 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;
+declare function ToggleGroupItem({ className, children, 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";
@@ -1017,4 +1087,4 @@ declare function cn(...inputs: ClassValue[]): string;
 
 declare function useIsMobile(): boolean;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertLayout, type AlertProps, type AlertVariant, AspectRatio, AuthBlock, type AuthBlockMode, type AuthBlockProps, type AuthBlockProvider, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, type BannerProps, BottomNavigation, BottomNavigationAI, BottomNavigationItem, 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, Checkbox, Chip, 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, type DigitsPosition, 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, GameLoadingBlock, type GameLoadingBlockProps, 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, Label, Link, type LoaderCheckpoint, 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, Numpad, type NumpadKey, type NumpadProps, OpenPositionsBlock, type OpenPositionsBlockProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type Position, ProfilePhoto, type ProfilePhotoProps, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResultBlock, type ResultBlockCta, type ResultBlockProps, type ResultBlockStatus, ResultDialog, type ResultDialogProps, type RiseFallPosition, ScrollArea, ScrollBar, SectionMessage, type SectionMessageLayout, type SectionMessageProps, type SectionMessageSize, type SectionMessageVariant, 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, type SmoothProgressInput, type SmoothProgressState, Spinner, Stepper, type StepperProps, type StepperSize, type SwipePosition, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TooltipVariant, alertVariants, badgeVariants, buttonVariants, chipVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, sectionMessageVariants, tabsListVariants, toggleVariants, useFieldSize, useIsMobile, useSidebar, useSmoothProgress };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertLayout, type AlertProps, type AlertVariant, AspectRatio, AuthBlock, type AuthBlockMode, type AuthBlockProps, type AuthBlockProvider, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Banner, type BannerProps, BottomNavigation, BottomNavigationAI, BottomNavigationItem, 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, Checkbox, Chip, 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, type DigitsPosition, 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, GameLoadingBlock, type GameLoadingBlockProps, 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, Label, Link, type LoaderCheckpoint, 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, Numpad, type NumpadKey, type NumpadProps, OpenPositionsBlock, type OpenPositionsBlockProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type Position, ProfilePhoto, type ProfilePhotoProps, Progress, type ProgressBarSize, type ProgressProps, type ProgressRingSize, type ProgressVariant, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResultBlock, type ResultBlockCta, type ResultBlockProps, type ResultBlockStatus, ResultDialog, type ResultDialogProps, type RiseFallPosition, ScrollArea, ScrollBar, SectionMessage, type SectionMessageLayout, type SectionMessageProps, type SectionMessageSize, type SectionMessageVariant, 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, SlideToConfirm, type SlideToConfirmProps, Slider, type SmoothProgressInput, type SmoothProgressState, Spinner, Step, type StepProps, type StepState, Stepper, type StepperProps, Steps, type StepsOrientation, type StepsShape, type StepsSize, type SwipePosition, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TooltipVariant, alertVariants, badgeVariants, buttonVariants, chipVariants, cn, inputVariants, linkVariants, navigationButtonVariants, navigationMenuTriggerStyle, sectionMessageVariants, tabsListVariants, toggleVariants, useFieldSize, useIsMobile, useSidebar, useSmoothProgress };