@trading-game/design-intelligence-layer 1.0.3 → 1.0.4
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 +17 -12
- package/README.md +5 -2
- package/dist/index.cjs +801 -460
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +72 -12
- package/dist/index.d.ts +72 -12
- package/dist/index.js +884 -547
- package/dist/index.js.map +1 -1
- package/docs/components/accordion.md +1 -1
- package/docs/components/button.md +6 -1
- package/docs/components/carousel.md +13 -1
- package/docs/components/command.md +1 -1
- package/docs/components/context-menu.md +1 -1
- package/docs/components/dropdown-menu.md +1 -1
- package/docs/components/native-select.md +1 -1
- package/docs/components/navigation-button.md +2 -2
- package/docs/components/pagination.md +40 -1
- package/docs/components/slide-to-confirm.md +1 -1
- package/docs/components/slider.md +1 -1
- package/docs/components/switch.md +1 -1
- package/docs/components/textarea.md +1 -1
- package/docs/components/toast.md +90 -0
- package/docs/components/toggle.md +1 -1
- package/docs/foundations/colors.md +14 -6
- package/docs/foundations/shape-layout.md +1 -1
- package/docs/foundations/typography.md +2 -2
- package/docs/patterns/menus.md +1 -1
- package/guides/rules/design-system-consuming-project.mdc +45 -3
- package/package.json +1 -1
- package/src/styles.css +143 -7
package/dist/index.d.cts
CHANGED
|
@@ -218,6 +218,30 @@ declare function CardAction({ className, ...props }: React$1.ComponentProps<"div
|
|
|
218
218
|
declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
219
219
|
declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
220
220
|
|
|
221
|
+
declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
222
|
+
declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
|
|
223
|
+
declare function PaginationItem({ ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
224
|
+
type PaginationLinkProps = {
|
|
225
|
+
isActive?: boolean;
|
|
226
|
+
} & React$1.ComponentProps<"a">;
|
|
227
|
+
declare function PaginationLink({ className, isActive, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
228
|
+
declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
229
|
+
declare function PaginationNext({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
230
|
+
declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
231
|
+
type IndicatorSize = "sm" | "md" | "lg";
|
|
232
|
+
type PaginationIndicatorProps = Omit<React$1.ComponentProps<"nav">, "onChange"> & {
|
|
233
|
+
/** Zero-based current page. */
|
|
234
|
+
page: number;
|
|
235
|
+
/** Total pages. */
|
|
236
|
+
total: number;
|
|
237
|
+
onPageChange?: (page: number) => void;
|
|
238
|
+
size?: IndicatorSize;
|
|
239
|
+
/** Accessible name for the group. */
|
|
240
|
+
label?: string;
|
|
241
|
+
};
|
|
242
|
+
declare function PaginationDots({ className, page, total, onPageChange, size, label, ...props }: PaginationIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
243
|
+
declare function PaginationBar({ className, page, total, onPageChange, size, label, ...props }: PaginationIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
244
|
+
|
|
221
245
|
type CarouselApi = UseEmblaCarouselType[1];
|
|
222
246
|
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
223
247
|
type CarouselOptions = UseCarouselParameters[0];
|
|
@@ -233,6 +257,9 @@ declare function CarouselContent({ className, ...props }: React$1.ComponentProps
|
|
|
233
257
|
declare function CarouselItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
234
258
|
declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
|
|
235
259
|
declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
|
|
260
|
+
declare function CarouselDots({ variant, ...props }: Omit<React$1.ComponentProps<typeof PaginationDots>, "page" | "total" | "onPageChange"> & {
|
|
261
|
+
variant?: "dots" | "bar";
|
|
262
|
+
}): react_jsx_runtime.JSX.Element;
|
|
236
263
|
|
|
237
264
|
/**
|
|
238
265
|
* Chip — the design file's "one shape, four jobs" pill. Quick amounts and
|
|
@@ -521,17 +548,6 @@ interface NumpadProps extends Omit<React$1.ComponentProps<"div">, "onKeyDown" |
|
|
|
521
548
|
}
|
|
522
549
|
declare function Numpad({ className, onKeyPress, onClear, decimal, disabled, ...props }: NumpadProps): react_jsx_runtime.JSX.Element;
|
|
523
550
|
|
|
524
|
-
declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
525
|
-
declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
|
|
526
|
-
declare function PaginationItem({ ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
527
|
-
type PaginationLinkProps = {
|
|
528
|
-
isActive?: boolean;
|
|
529
|
-
} & React$1.ComponentProps<"a">;
|
|
530
|
-
declare function PaginationLink({ className, isActive, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
531
|
-
declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
532
|
-
declare function PaginationNext({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
533
|
-
declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
534
|
-
|
|
535
551
|
declare function Popover({ ...props }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
|
|
536
552
|
declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
537
553
|
declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime.JSX.Element;
|
|
@@ -735,6 +751,50 @@ declare function Skeleton({ className, ...props }: React.ComponentProps<"div">):
|
|
|
735
751
|
declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof Slider$1.Root>): react_jsx_runtime.JSX.Element;
|
|
736
752
|
|
|
737
753
|
declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
754
|
+
type ResultSnackbarOutcome = "win" | "loss";
|
|
755
|
+
interface ResultSnackbarProps extends Omit<React$1.ComponentProps<"div">, "children"> {
|
|
756
|
+
/** Outcome — drives the figure's ink, the drain colour, and the icon's twist. */
|
|
757
|
+
outcome: ResultSnackbarOutcome;
|
|
758
|
+
/**
|
|
759
|
+
* Pre-formatted, pre-signed figure — "+8.40" / "−5.00". Formatting stays
|
|
760
|
+
* with the consumer: rounding and the choice of a true Unicode minus are
|
|
761
|
+
* product decisions, not design-system ones.
|
|
762
|
+
*/
|
|
763
|
+
amount: string;
|
|
764
|
+
/** Currency code, shown inline after the figure at a smaller step. */
|
|
765
|
+
currency: string;
|
|
766
|
+
/** What was traded — "Rise", "Fall", "Matches 5". */
|
|
767
|
+
contractLabel: string;
|
|
768
|
+
/** How long it ran — "15 seconds", "5 ticks". */
|
|
769
|
+
duration: string;
|
|
770
|
+
/**
|
|
771
|
+
* Illustration slot, rendered in a fixed 40px box so every game's artwork
|
|
772
|
+
* occupies identical space and the text never shifts. Rise/Fall passes its
|
|
773
|
+
* thumbs illustration; Digits passes its settlement digit. Mark decorative
|
|
774
|
+
* artwork `aria-hidden` at the call site.
|
|
775
|
+
*/
|
|
776
|
+
icon?: React$1.ReactNode;
|
|
777
|
+
/**
|
|
778
|
+
* Count-up target — the absolute value of `amount`. Supply it to animate
|
|
779
|
+
* the figure up from zero; omit for a static figure. The last frame always
|
|
780
|
+
* snaps to `amount` verbatim, so the animation can never leave a rounding
|
|
781
|
+
* artefact on screen.
|
|
782
|
+
*/
|
|
783
|
+
amountValue?: number;
|
|
784
|
+
/** Which edge it travels from, and returns to. */
|
|
785
|
+
placement?: "top" | "bottom";
|
|
786
|
+
/** Time on screen before it leaves. */
|
|
787
|
+
durationMs?: number;
|
|
788
|
+
/** Fires once the exit finishes — never earlier, never twice. */
|
|
789
|
+
onDismiss?: () => void;
|
|
790
|
+
/**
|
|
791
|
+
* Sentence for assistive technology, which cannot read a figure/colour
|
|
792
|
+
* pairing. Defaults to a composed sentence; override for outcomes the
|
|
793
|
+
* default wording does not suit.
|
|
794
|
+
*/
|
|
795
|
+
announcement?: string;
|
|
796
|
+
}
|
|
797
|
+
declare function ResultSnackbar({ outcome, amount, currency, contractLabel, duration, icon, amountValue, placement, durationMs, onDismiss, announcement, className, ...props }: ResultSnackbarProps): react_jsx_runtime.JSX.Element;
|
|
738
798
|
|
|
739
799
|
interface SlideToConfirmProps extends Omit<React$1.ComponentProps<"div">, "onDragStart"> {
|
|
740
800
|
/** Fires once when the handle crosses the threshold (or on Enter/Space). */
|
|
@@ -1087,4 +1147,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
1087
1147
|
|
|
1088
1148
|
declare function useIsMobile(): boolean;
|
|
1089
1149
|
|
|
1090
|
-
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 };
|
|
1150
|
+
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, CarouselDots, 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, PaginationBar, PaginationContent, PaginationDots, 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, ResultSnackbar, type ResultSnackbarOutcome, type ResultSnackbarProps, 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
CHANGED
|
@@ -218,6 +218,30 @@ declare function CardAction({ className, ...props }: React$1.ComponentProps<"div
|
|
|
218
218
|
declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
219
219
|
declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
220
220
|
|
|
221
|
+
declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
222
|
+
declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
|
|
223
|
+
declare function PaginationItem({ ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
224
|
+
type PaginationLinkProps = {
|
|
225
|
+
isActive?: boolean;
|
|
226
|
+
} & React$1.ComponentProps<"a">;
|
|
227
|
+
declare function PaginationLink({ className, isActive, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
228
|
+
declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
229
|
+
declare function PaginationNext({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
230
|
+
declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
231
|
+
type IndicatorSize = "sm" | "md" | "lg";
|
|
232
|
+
type PaginationIndicatorProps = Omit<React$1.ComponentProps<"nav">, "onChange"> & {
|
|
233
|
+
/** Zero-based current page. */
|
|
234
|
+
page: number;
|
|
235
|
+
/** Total pages. */
|
|
236
|
+
total: number;
|
|
237
|
+
onPageChange?: (page: number) => void;
|
|
238
|
+
size?: IndicatorSize;
|
|
239
|
+
/** Accessible name for the group. */
|
|
240
|
+
label?: string;
|
|
241
|
+
};
|
|
242
|
+
declare function PaginationDots({ className, page, total, onPageChange, size, label, ...props }: PaginationIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
243
|
+
declare function PaginationBar({ className, page, total, onPageChange, size, label, ...props }: PaginationIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
244
|
+
|
|
221
245
|
type CarouselApi = UseEmblaCarouselType[1];
|
|
222
246
|
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
223
247
|
type CarouselOptions = UseCarouselParameters[0];
|
|
@@ -233,6 +257,9 @@ declare function CarouselContent({ className, ...props }: React$1.ComponentProps
|
|
|
233
257
|
declare function CarouselItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
234
258
|
declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
|
|
235
259
|
declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
|
|
260
|
+
declare function CarouselDots({ variant, ...props }: Omit<React$1.ComponentProps<typeof PaginationDots>, "page" | "total" | "onPageChange"> & {
|
|
261
|
+
variant?: "dots" | "bar";
|
|
262
|
+
}): react_jsx_runtime.JSX.Element;
|
|
236
263
|
|
|
237
264
|
/**
|
|
238
265
|
* Chip — the design file's "one shape, four jobs" pill. Quick amounts and
|
|
@@ -521,17 +548,6 @@ interface NumpadProps extends Omit<React$1.ComponentProps<"div">, "onKeyDown" |
|
|
|
521
548
|
}
|
|
522
549
|
declare function Numpad({ className, onKeyPress, onClear, decimal, disabled, ...props }: NumpadProps): react_jsx_runtime.JSX.Element;
|
|
523
550
|
|
|
524
|
-
declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
525
|
-
declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
|
|
526
|
-
declare function PaginationItem({ ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
527
|
-
type PaginationLinkProps = {
|
|
528
|
-
isActive?: boolean;
|
|
529
|
-
} & React$1.ComponentProps<"a">;
|
|
530
|
-
declare function PaginationLink({ className, isActive, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
531
|
-
declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
532
|
-
declare function PaginationNext({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
533
|
-
declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
534
|
-
|
|
535
551
|
declare function Popover({ ...props }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
|
|
536
552
|
declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
537
553
|
declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime.JSX.Element;
|
|
@@ -735,6 +751,50 @@ declare function Skeleton({ className, ...props }: React.ComponentProps<"div">):
|
|
|
735
751
|
declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof Slider$1.Root>): react_jsx_runtime.JSX.Element;
|
|
736
752
|
|
|
737
753
|
declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
754
|
+
type ResultSnackbarOutcome = "win" | "loss";
|
|
755
|
+
interface ResultSnackbarProps extends Omit<React$1.ComponentProps<"div">, "children"> {
|
|
756
|
+
/** Outcome — drives the figure's ink, the drain colour, and the icon's twist. */
|
|
757
|
+
outcome: ResultSnackbarOutcome;
|
|
758
|
+
/**
|
|
759
|
+
* Pre-formatted, pre-signed figure — "+8.40" / "−5.00". Formatting stays
|
|
760
|
+
* with the consumer: rounding and the choice of a true Unicode minus are
|
|
761
|
+
* product decisions, not design-system ones.
|
|
762
|
+
*/
|
|
763
|
+
amount: string;
|
|
764
|
+
/** Currency code, shown inline after the figure at a smaller step. */
|
|
765
|
+
currency: string;
|
|
766
|
+
/** What was traded — "Rise", "Fall", "Matches 5". */
|
|
767
|
+
contractLabel: string;
|
|
768
|
+
/** How long it ran — "15 seconds", "5 ticks". */
|
|
769
|
+
duration: string;
|
|
770
|
+
/**
|
|
771
|
+
* Illustration slot, rendered in a fixed 40px box so every game's artwork
|
|
772
|
+
* occupies identical space and the text never shifts. Rise/Fall passes its
|
|
773
|
+
* thumbs illustration; Digits passes its settlement digit. Mark decorative
|
|
774
|
+
* artwork `aria-hidden` at the call site.
|
|
775
|
+
*/
|
|
776
|
+
icon?: React$1.ReactNode;
|
|
777
|
+
/**
|
|
778
|
+
* Count-up target — the absolute value of `amount`. Supply it to animate
|
|
779
|
+
* the figure up from zero; omit for a static figure. The last frame always
|
|
780
|
+
* snaps to `amount` verbatim, so the animation can never leave a rounding
|
|
781
|
+
* artefact on screen.
|
|
782
|
+
*/
|
|
783
|
+
amountValue?: number;
|
|
784
|
+
/** Which edge it travels from, and returns to. */
|
|
785
|
+
placement?: "top" | "bottom";
|
|
786
|
+
/** Time on screen before it leaves. */
|
|
787
|
+
durationMs?: number;
|
|
788
|
+
/** Fires once the exit finishes — never earlier, never twice. */
|
|
789
|
+
onDismiss?: () => void;
|
|
790
|
+
/**
|
|
791
|
+
* Sentence for assistive technology, which cannot read a figure/colour
|
|
792
|
+
* pairing. Defaults to a composed sentence; override for outcomes the
|
|
793
|
+
* default wording does not suit.
|
|
794
|
+
*/
|
|
795
|
+
announcement?: string;
|
|
796
|
+
}
|
|
797
|
+
declare function ResultSnackbar({ outcome, amount, currency, contractLabel, duration, icon, amountValue, placement, durationMs, onDismiss, announcement, className, ...props }: ResultSnackbarProps): react_jsx_runtime.JSX.Element;
|
|
738
798
|
|
|
739
799
|
interface SlideToConfirmProps extends Omit<React$1.ComponentProps<"div">, "onDragStart"> {
|
|
740
800
|
/** Fires once when the handle crosses the threshold (or on Enter/Space). */
|
|
@@ -1087,4 +1147,4 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
1087
1147
|
|
|
1088
1148
|
declare function useIsMobile(): boolean;
|
|
1089
1149
|
|
|
1090
|
-
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 };
|
|
1150
|
+
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, CarouselDots, 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, PaginationBar, PaginationContent, PaginationDots, 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, ResultSnackbar, type ResultSnackbarOutcome, type ResultSnackbarProps, 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 };
|