@deriv-ds/design-intelligence-layer 0.4.2 → 0.4.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 +15 -3
- package/README.md +66 -9
- package/dist/index.cjs +5498 -1038
- package/dist/index.d.cts +258 -5
- package/dist/index.d.ts +258 -5
- package/dist/index.js +5377 -958
- package/guides/design-system-guide/deriv-design-intelligence-guide.md +4 -4
- package/guides/design-system-guide/icon-reference.md +202 -0
- package/guides/design-system-guide/quill-ds-guide.md +4 -4
- package/guides/rules/design-system-consuming-project.mdc +27 -13
- package/package.json +14 -7
- package/src/styles.css +10 -0
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
|
|
3
5
|
import { Accordion as Accordion$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Separator as Separator$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, Direction, DropdownMenu as DropdownMenu$1, Label as Label$1, Slot, HoverCard as HoverCard$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Tooltip as Tooltip$1, Slider as Slider$1, Switch as Switch$1, Tabs, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
|
|
4
6
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
7
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -16,6 +18,164 @@ import * as ResizablePrimitive from 'react-resizable-panels';
|
|
|
16
18
|
import { ToasterProps } from 'sonner';
|
|
17
19
|
import { ClassValue } from 'clsx';
|
|
18
20
|
|
|
21
|
+
declare const boldIconMap: {
|
|
22
|
+
"arrow-down-to-line": IconDefinition;
|
|
23
|
+
"arrow-left": IconDefinition;
|
|
24
|
+
"arrow-right": IconDefinition;
|
|
25
|
+
"arrow-right-arrow-left": IconDefinition;
|
|
26
|
+
"arrows-left-right": IconDefinition;
|
|
27
|
+
"arrow-trend-down": IconDefinition;
|
|
28
|
+
"arrow-trend-up": IconDefinition;
|
|
29
|
+
"arrow-up-from-line": IconDefinition;
|
|
30
|
+
"arrow-up-right": IconDefinition;
|
|
31
|
+
"arrow-up-right-from-square": IconDefinition;
|
|
32
|
+
bell: IconDefinition;
|
|
33
|
+
"book-open": IconDefinition;
|
|
34
|
+
calculator: IconDefinition;
|
|
35
|
+
"chart-bar": IconDefinition;
|
|
36
|
+
"chart-candlestick": IconDefinition;
|
|
37
|
+
"chart-line": IconDefinition;
|
|
38
|
+
check: IconDefinition;
|
|
39
|
+
"chevron-down": IconDefinition;
|
|
40
|
+
"chevron-left": IconDefinition;
|
|
41
|
+
"chevron-right": IconDefinition;
|
|
42
|
+
"chevron-up": IconDefinition;
|
|
43
|
+
circle: IconDefinition;
|
|
44
|
+
"circle-check": IconDefinition;
|
|
45
|
+
"circle-exclamation": IconDefinition;
|
|
46
|
+
"circle-info": IconDefinition;
|
|
47
|
+
"clock-rotate-left": IconDefinition;
|
|
48
|
+
copy: IconDefinition;
|
|
49
|
+
"dollar-sign": IconDefinition;
|
|
50
|
+
ellipsis: IconDefinition;
|
|
51
|
+
envelope: IconDefinition;
|
|
52
|
+
"envelope-open": IconDefinition;
|
|
53
|
+
eye: IconDefinition;
|
|
54
|
+
"eye-slash": IconDefinition;
|
|
55
|
+
"file-lines": IconDefinition;
|
|
56
|
+
"file-xmark": IconDefinition;
|
|
57
|
+
fingerprint: IconDefinition;
|
|
58
|
+
gear: IconDefinition;
|
|
59
|
+
"grip-vertical": IconDefinition;
|
|
60
|
+
house: IconDefinition;
|
|
61
|
+
"house-blank": IconDefinition;
|
|
62
|
+
image: IconDefinition;
|
|
63
|
+
inbox: IconDefinition;
|
|
64
|
+
"magnifying-glass": IconDefinition;
|
|
65
|
+
minus: IconDefinition;
|
|
66
|
+
moon: IconDefinition;
|
|
67
|
+
phone: IconDefinition;
|
|
68
|
+
plus: IconDefinition;
|
|
69
|
+
"right-from-bracket": IconDefinition;
|
|
70
|
+
"rotate-right": IconDefinition;
|
|
71
|
+
sparkles: IconDefinition;
|
|
72
|
+
spinner: IconDefinition;
|
|
73
|
+
square: IconDefinition;
|
|
74
|
+
"square-check": IconDefinition;
|
|
75
|
+
"square-minus": IconDefinition;
|
|
76
|
+
star: IconDefinition;
|
|
77
|
+
sun: IconDefinition;
|
|
78
|
+
"table-cells-large": IconDefinition;
|
|
79
|
+
"table-columns": IconDefinition;
|
|
80
|
+
trash: IconDefinition;
|
|
81
|
+
"trash-can": IconDefinition;
|
|
82
|
+
"triangle-exclamation": IconDefinition;
|
|
83
|
+
user: IconDefinition;
|
|
84
|
+
wallet: IconDefinition;
|
|
85
|
+
xmark: IconDefinition;
|
|
86
|
+
"brand-harmony-os": IconDefinition;
|
|
87
|
+
"brand-huawei": IconDefinition;
|
|
88
|
+
"brand-huawei-app-gallery": IconDefinition;
|
|
89
|
+
"brand-ios": IconDefinition;
|
|
90
|
+
"brand-ipados": IconDefinition;
|
|
91
|
+
"brand-macos": IconDefinition;
|
|
92
|
+
"brand-microsoft-store": IconDefinition;
|
|
93
|
+
"brand-trustpilot": IconDefinition;
|
|
94
|
+
deriv: IconDefinition;
|
|
95
|
+
"box-archive-circle-arrow-down": IconDefinition;
|
|
96
|
+
"box-archive-circle-arrow-up": IconDefinition;
|
|
97
|
+
"chart-line-up-down-clock": IconDefinition;
|
|
98
|
+
"chart-trend-down": IconDefinition;
|
|
99
|
+
"chart-trend-still": IconDefinition;
|
|
100
|
+
"chart-trend-up": IconDefinition;
|
|
101
|
+
"circle-user-slash": IconDefinition;
|
|
102
|
+
"deal-cancellation": IconDefinition;
|
|
103
|
+
"deal-protection": IconDefinition;
|
|
104
|
+
"deriv-p2p": IconDefinition;
|
|
105
|
+
"fiat-offramp": IconDefinition;
|
|
106
|
+
"fiat-onramp": IconDefinition;
|
|
107
|
+
"field-password": IconDefinition;
|
|
108
|
+
"horizontal-rule-dashed": IconDefinition;
|
|
109
|
+
"lock-pattern": IconDefinition;
|
|
110
|
+
"mobile-notch-rotate": IconDefinition;
|
|
111
|
+
ohlc: IconDefinition;
|
|
112
|
+
passkey: IconDefinition;
|
|
113
|
+
"stop-loss": IconDefinition;
|
|
114
|
+
"take-profit": IconDefinition;
|
|
115
|
+
"user-tie-circle-dollar": IconDefinition;
|
|
116
|
+
"wallet-circle-minus": IconDefinition;
|
|
117
|
+
"wallet-circle-plus": IconDefinition;
|
|
118
|
+
"wallet-signal": IconDefinition;
|
|
119
|
+
"book-circle-question": IconDefinition;
|
|
120
|
+
"book-open-cover-circle-question": IconDefinition;
|
|
121
|
+
"chart-tradingview": IconDefinition;
|
|
122
|
+
"hand-gesture-swipe-left-right": IconDefinition;
|
|
123
|
+
"hand-gesture-tap-left": IconDefinition;
|
|
124
|
+
"hand-gesture-tap-right": IconDefinition;
|
|
125
|
+
options: IconDefinition;
|
|
126
|
+
"playback-speed": IconDefinition;
|
|
127
|
+
"puzzles-piece-two": IconDefinition;
|
|
128
|
+
quill: IconDefinition;
|
|
129
|
+
"rotate-device": IconDefinition;
|
|
130
|
+
"user-circle-arrow-right": IconDefinition;
|
|
131
|
+
"user-circle-arrow-up": IconDefinition;
|
|
132
|
+
"calendar-circle-arrow-left": IconDefinition;
|
|
133
|
+
"calendar-circle-arrow-right": IconDefinition;
|
|
134
|
+
"chart-line-clock": IconDefinition;
|
|
135
|
+
"crosshairs-slash": IconDefinition;
|
|
136
|
+
"file-lines-magnifying-glass": IconDefinition;
|
|
137
|
+
"handshake-lock": IconDefinition;
|
|
138
|
+
"handshake-shield": IconDefinition;
|
|
139
|
+
"memo-shield": IconDefinition;
|
|
140
|
+
"page-circle-arrow-right": IconDefinition;
|
|
141
|
+
"pen-field-circle-xmark": IconDefinition;
|
|
142
|
+
"pen-field-lock": IconDefinition;
|
|
143
|
+
"pen-field-slash": IconDefinition;
|
|
144
|
+
"rectangle-history-circle-dollar": IconDefinition;
|
|
145
|
+
"shield-circle-check": IconDefinition;
|
|
146
|
+
"shield-halved-circle-minus": IconDefinition;
|
|
147
|
+
"shield-halved-lock": IconDefinition;
|
|
148
|
+
"shield-lock": IconDefinition;
|
|
149
|
+
"user-circle-dollar": IconDefinition;
|
|
150
|
+
"user-large-circle-dollar": IconDefinition;
|
|
151
|
+
"users-line-circle-dollar": IconDefinition;
|
|
152
|
+
"users-rectangle-circle-dollar": IconDefinition;
|
|
153
|
+
};
|
|
154
|
+
type IconName = keyof typeof boldIconMap;
|
|
155
|
+
type IconWeight = "regular" | "bold" | "fill";
|
|
156
|
+
interface IconProps {
|
|
157
|
+
name: IconName;
|
|
158
|
+
/**
|
|
159
|
+
* Weight on the density ramp:
|
|
160
|
+
* - "regular" → thin outline (pro-light)
|
|
161
|
+
* - "bold" → medium outline (pro-regular) — default
|
|
162
|
+
* - "fill" → filled glyph (pro-solid)
|
|
163
|
+
*
|
|
164
|
+
* If the requested weight isn't mapped for this icon, falls back to bold.
|
|
165
|
+
*/
|
|
166
|
+
weight?: IconWeight;
|
|
167
|
+
className?: string;
|
|
168
|
+
style?: React$1.CSSProperties;
|
|
169
|
+
"aria-hidden"?: boolean | "true" | "false";
|
|
170
|
+
"aria-label"?: string;
|
|
171
|
+
title?: string;
|
|
172
|
+
}
|
|
173
|
+
declare function Icon({ name, weight, className, style, ...rest }: IconProps): react_jsx_runtime.JSX.Element;
|
|
174
|
+
/** Every icon name in the system, alphabetical. */
|
|
175
|
+
declare const ICON_NAMES: IconName[];
|
|
176
|
+
/** Which weights are mapped for a given icon — used by the library page. */
|
|
177
|
+
declare function iconAvailableWeights(name: IconName): IconWeight[];
|
|
178
|
+
|
|
19
179
|
type AccordionVariant = "fill" | "elevate" | "outline" | "flush";
|
|
20
180
|
type AccordionSize = "xs" | "sm" | "md" | "lg";
|
|
21
181
|
/**
|
|
@@ -156,12 +316,13 @@ declare function NotificationDivider({ className }: {
|
|
|
156
316
|
}): react_jsx_runtime.JSX.Element;
|
|
157
317
|
|
|
158
318
|
declare const sectionMessageVariants: (props?: ({
|
|
159
|
-
variant?: "
|
|
319
|
+
variant?: "warning" | "info" | "information" | "success" | "danger" | "default" | "error" | null | undefined;
|
|
160
320
|
size?: "sm" | "md" | null | undefined;
|
|
161
321
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
162
322
|
declare function SectionMessage({ className, variant, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof sectionMessageVariants>): react_jsx_runtime.JSX.Element;
|
|
163
323
|
declare function SectionMessageTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
164
324
|
declare function SectionMessageDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
325
|
+
declare function SectionMessageIcon({ className, children, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
165
326
|
|
|
166
327
|
declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime.JSX.Element;
|
|
167
328
|
|
|
@@ -222,8 +383,8 @@ declare function BreadcrumbSeparator({ children, className, ...props }: React$1.
|
|
|
222
383
|
declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
223
384
|
|
|
224
385
|
declare const buttonVariants: (props?: ({
|
|
225
|
-
variant?: "
|
|
226
|
-
size?: "
|
|
386
|
+
variant?: "ghost" | "primary" | "secondary" | "tertiary" | null | undefined;
|
|
387
|
+
size?: "icon" | "xs" | "sm" | "md" | "lg" | "icon-lg" | "icon-md" | "icon-sm" | "icon-xs" | null | undefined;
|
|
227
388
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
228
389
|
declare function Button({ className, variant, size, asChild, loading, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
229
390
|
asChild?: boolean;
|
|
@@ -657,7 +818,7 @@ declare function PopoverDescription({ className, ...props }: React$1.ComponentPr
|
|
|
657
818
|
|
|
658
819
|
declare const progressVariants: (props?: ({
|
|
659
820
|
size?: "sm" | "md" | null | undefined;
|
|
660
|
-
variant?: "
|
|
821
|
+
variant?: "inverse" | "normal" | null | undefined;
|
|
661
822
|
color?: "red" | "yellow" | "green" | "blue" | "default" | null | undefined;
|
|
662
823
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
663
824
|
declare function Progress({ className, value, size, variant, color, ...props }: React$1.ComponentProps<typeof Progress$1.Root> & VariantProps<typeof progressVariants>): react_jsx_runtime.JSX.Element;
|
|
@@ -910,4 +1071,96 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
910
1071
|
|
|
911
1072
|
declare function useIsMobile(): boolean;
|
|
912
1073
|
|
|
913
|
-
|
|
1074
|
+
type ActionButtonState = "default" | "disabled" | "loading";
|
|
1075
|
+
type ActionButtonSurface = "dark" | "light";
|
|
1076
|
+
interface HeroActionButtonProps {
|
|
1077
|
+
label: string;
|
|
1078
|
+
icon: React__default.ElementType;
|
|
1079
|
+
primary?: boolean;
|
|
1080
|
+
state?: ActionButtonState;
|
|
1081
|
+
surface?: ActionButtonSurface;
|
|
1082
|
+
colClass?: string;
|
|
1083
|
+
onClick?: () => void;
|
|
1084
|
+
}
|
|
1085
|
+
declare function HeroActionButton({ label, icon: Icon, primary, state, surface, colClass, onClick, }: HeroActionButtonProps): react_jsx_runtime.JSX.Element;
|
|
1086
|
+
|
|
1087
|
+
declare function HeroMobileHomeTitleSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1088
|
+
declare function HeroMobileHomeTotalAssetsSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1089
|
+
declare function HeroMobileHomeTitle({ onReset: _onReset }: {
|
|
1090
|
+
onReset?: () => void;
|
|
1091
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1092
|
+
declare function HeroMobileHomeTotalAssets(): react_jsx_runtime.JSX.Element;
|
|
1093
|
+
|
|
1094
|
+
declare function HeroDesktopHomeOnboardingSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1095
|
+
declare function HeroDesktopHomeWithBalanceSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1096
|
+
declare function HeroDesktopHomeOnboarding({ onReset: _onReset }: {
|
|
1097
|
+
onReset?: () => void;
|
|
1098
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1099
|
+
declare function HeroDesktopHomeWithBalance(): react_jsx_runtime.JSX.Element;
|
|
1100
|
+
|
|
1101
|
+
declare function HeroMobileMainSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1102
|
+
declare function HeroMobileMain(): react_jsx_runtime.JSX.Element;
|
|
1103
|
+
|
|
1104
|
+
declare function HeroDesktopMainSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1105
|
+
declare function HeroDesktopMain(): react_jsx_runtime.JSX.Element;
|
|
1106
|
+
|
|
1107
|
+
declare function HeroMobileSecondarySkeleton(): react_jsx_runtime.JSX.Element;
|
|
1108
|
+
declare function HeroMobileSecondary(): react_jsx_runtime.JSX.Element;
|
|
1109
|
+
|
|
1110
|
+
declare function HeroDesktopSecondarySkeleton(): react_jsx_runtime.JSX.Element;
|
|
1111
|
+
declare function HeroDesktopSecondary(): react_jsx_runtime.JSX.Element;
|
|
1112
|
+
|
|
1113
|
+
type TransactionType = "deposit" | "withdraw" | "transfer" | "convert";
|
|
1114
|
+
|
|
1115
|
+
declare function HeroMobileTransaction({ type }: {
|
|
1116
|
+
type: TransactionType;
|
|
1117
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1118
|
+
|
|
1119
|
+
declare const NAV_ITEMS$1: readonly [{
|
|
1120
|
+
readonly id: "home";
|
|
1121
|
+
readonly label: "Home";
|
|
1122
|
+
}, {
|
|
1123
|
+
readonly id: "cfds";
|
|
1124
|
+
readonly label: "CFDs";
|
|
1125
|
+
}, {
|
|
1126
|
+
readonly id: "options";
|
|
1127
|
+
readonly label: "Options";
|
|
1128
|
+
}, {
|
|
1129
|
+
readonly id: "portfolio";
|
|
1130
|
+
readonly label: "Portfolio";
|
|
1131
|
+
}];
|
|
1132
|
+
type NavMobileBottomBarItemId = (typeof NAV_ITEMS$1)[number]["id"];
|
|
1133
|
+
declare function NavMobileBottomBar({ activeId, badges, onTabChange, }: {
|
|
1134
|
+
activeId?: NavMobileBottomBarItemId;
|
|
1135
|
+
badges?: Partial<Record<NavMobileBottomBarItemId, number>>;
|
|
1136
|
+
onTabChange?: (id: NavMobileBottomBarItemId) => void;
|
|
1137
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1138
|
+
|
|
1139
|
+
declare const NAV_ITEMS: readonly [{
|
|
1140
|
+
readonly id: "home";
|
|
1141
|
+
readonly label: "Home";
|
|
1142
|
+
}, {
|
|
1143
|
+
readonly id: "cfds";
|
|
1144
|
+
readonly label: "CFDs";
|
|
1145
|
+
}, {
|
|
1146
|
+
readonly id: "options";
|
|
1147
|
+
readonly label: "Options";
|
|
1148
|
+
}, {
|
|
1149
|
+
readonly id: "portfolio";
|
|
1150
|
+
readonly label: "Portfolio";
|
|
1151
|
+
}];
|
|
1152
|
+
type NavDesktopSidebarItemId = (typeof NAV_ITEMS)[number]["id"];
|
|
1153
|
+
declare function NavDesktopSidebar({ activeId, badges, onNavChange, }: {
|
|
1154
|
+
activeId?: NavDesktopSidebarItemId;
|
|
1155
|
+
badges?: Partial<Record<NavDesktopSidebarItemId, number>>;
|
|
1156
|
+
onNavChange?: (id: NavDesktopSidebarItemId) => void;
|
|
1157
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1158
|
+
|
|
1159
|
+
type NavbarItemId = "home" | "cfds" | "options" | "portfolio";
|
|
1160
|
+
declare function Navbar({ activeId, badges, onNavChange, }: {
|
|
1161
|
+
activeId?: NavbarItemId;
|
|
1162
|
+
badges?: Partial<Record<NavbarItemId, number>>;
|
|
1163
|
+
onNavChange?: (id: NavbarItemId) => void;
|
|
1164
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1165
|
+
|
|
1166
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionSize, AccordionTrigger, type AccordionVariant, type ActionButtonState, type ActionButtonSurface, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BadgeDot, 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, CheckboxField, Chip, CodeInput, CodeInputGroup, CodeInputSeparator, CodeInputSlot, Collapsible, CollapsibleContent, CollapsibleItem, 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, HeroActionButton, HeroDesktopHomeOnboarding, HeroDesktopHomeOnboardingSkeleton, HeroDesktopHomeWithBalance, HeroDesktopHomeWithBalanceSkeleton, HeroDesktopMain, HeroDesktopMainSkeleton, HeroDesktopSecondary, HeroDesktopSecondarySkeleton, HeroMobileHomeTitle, HeroMobileHomeTitleSkeleton, HeroMobileHomeTotalAssets, HeroMobileHomeTotalAssetsSkeleton, HeroMobileMain, HeroMobileMainSkeleton, HeroMobileSecondary, HeroMobileSecondarySkeleton, HeroMobileTransaction, HoverCard, HoverCardContent, HoverCardTrigger, ICON_NAMES, Icon, type IconName, type IconProps, type IconWeight, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, Link, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemFlag, ListItemFooter, ListItemGroup, ListItemHeader, ListItemIcon, ListItemMedia, ListItemSeparator, ListItemTitle, LoadingSpinner, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavDesktopSidebar, type NavDesktopSidebarItemId, NavMobileBottomBar, type NavMobileBottomBarItemId, Navbar, type NavbarItemId, NotificationBanner, type NotificationBannerProps, NotificationDivider, NotificationItem, type NotificationItemProps, type NotificationVariant, Pagination, PaginationBullets, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupField, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchField, SectionMessage, SectionMessageDescription, SectionMessageIcon, SectionMessageTitle, SegmentedControl, SegmentedControlContent, SegmentedControlList, SegmentedControlTrigger, 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, Snackbar, Spinner, Stepper, type StepperProps, Switch, Tab, TabContent, TabList, TabTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tag, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TransactionType, buttonVariants, cardVariants, chipVariants, cn, codeInputSlotVariants, iconAvailableWeights, inputGroupVariants, inputOTPSlotVariants, inputWrapperVariants as inputVariants, linkVariants, progressVariants, searchFieldVariants, segmentedControlListVariants, tabListVariants, tagVariants, textareaWrapperVariants as textareaVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
|
|
3
5
|
import { Accordion as Accordion$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Separator as Separator$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, Direction, DropdownMenu as DropdownMenu$1, Label as Label$1, Slot, HoverCard as HoverCard$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Tooltip as Tooltip$1, Slider as Slider$1, Switch as Switch$1, Tabs, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
|
|
4
6
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
7
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -16,6 +18,164 @@ import * as ResizablePrimitive from 'react-resizable-panels';
|
|
|
16
18
|
import { ToasterProps } from 'sonner';
|
|
17
19
|
import { ClassValue } from 'clsx';
|
|
18
20
|
|
|
21
|
+
declare const boldIconMap: {
|
|
22
|
+
"arrow-down-to-line": IconDefinition;
|
|
23
|
+
"arrow-left": IconDefinition;
|
|
24
|
+
"arrow-right": IconDefinition;
|
|
25
|
+
"arrow-right-arrow-left": IconDefinition;
|
|
26
|
+
"arrows-left-right": IconDefinition;
|
|
27
|
+
"arrow-trend-down": IconDefinition;
|
|
28
|
+
"arrow-trend-up": IconDefinition;
|
|
29
|
+
"arrow-up-from-line": IconDefinition;
|
|
30
|
+
"arrow-up-right": IconDefinition;
|
|
31
|
+
"arrow-up-right-from-square": IconDefinition;
|
|
32
|
+
bell: IconDefinition;
|
|
33
|
+
"book-open": IconDefinition;
|
|
34
|
+
calculator: IconDefinition;
|
|
35
|
+
"chart-bar": IconDefinition;
|
|
36
|
+
"chart-candlestick": IconDefinition;
|
|
37
|
+
"chart-line": IconDefinition;
|
|
38
|
+
check: IconDefinition;
|
|
39
|
+
"chevron-down": IconDefinition;
|
|
40
|
+
"chevron-left": IconDefinition;
|
|
41
|
+
"chevron-right": IconDefinition;
|
|
42
|
+
"chevron-up": IconDefinition;
|
|
43
|
+
circle: IconDefinition;
|
|
44
|
+
"circle-check": IconDefinition;
|
|
45
|
+
"circle-exclamation": IconDefinition;
|
|
46
|
+
"circle-info": IconDefinition;
|
|
47
|
+
"clock-rotate-left": IconDefinition;
|
|
48
|
+
copy: IconDefinition;
|
|
49
|
+
"dollar-sign": IconDefinition;
|
|
50
|
+
ellipsis: IconDefinition;
|
|
51
|
+
envelope: IconDefinition;
|
|
52
|
+
"envelope-open": IconDefinition;
|
|
53
|
+
eye: IconDefinition;
|
|
54
|
+
"eye-slash": IconDefinition;
|
|
55
|
+
"file-lines": IconDefinition;
|
|
56
|
+
"file-xmark": IconDefinition;
|
|
57
|
+
fingerprint: IconDefinition;
|
|
58
|
+
gear: IconDefinition;
|
|
59
|
+
"grip-vertical": IconDefinition;
|
|
60
|
+
house: IconDefinition;
|
|
61
|
+
"house-blank": IconDefinition;
|
|
62
|
+
image: IconDefinition;
|
|
63
|
+
inbox: IconDefinition;
|
|
64
|
+
"magnifying-glass": IconDefinition;
|
|
65
|
+
minus: IconDefinition;
|
|
66
|
+
moon: IconDefinition;
|
|
67
|
+
phone: IconDefinition;
|
|
68
|
+
plus: IconDefinition;
|
|
69
|
+
"right-from-bracket": IconDefinition;
|
|
70
|
+
"rotate-right": IconDefinition;
|
|
71
|
+
sparkles: IconDefinition;
|
|
72
|
+
spinner: IconDefinition;
|
|
73
|
+
square: IconDefinition;
|
|
74
|
+
"square-check": IconDefinition;
|
|
75
|
+
"square-minus": IconDefinition;
|
|
76
|
+
star: IconDefinition;
|
|
77
|
+
sun: IconDefinition;
|
|
78
|
+
"table-cells-large": IconDefinition;
|
|
79
|
+
"table-columns": IconDefinition;
|
|
80
|
+
trash: IconDefinition;
|
|
81
|
+
"trash-can": IconDefinition;
|
|
82
|
+
"triangle-exclamation": IconDefinition;
|
|
83
|
+
user: IconDefinition;
|
|
84
|
+
wallet: IconDefinition;
|
|
85
|
+
xmark: IconDefinition;
|
|
86
|
+
"brand-harmony-os": IconDefinition;
|
|
87
|
+
"brand-huawei": IconDefinition;
|
|
88
|
+
"brand-huawei-app-gallery": IconDefinition;
|
|
89
|
+
"brand-ios": IconDefinition;
|
|
90
|
+
"brand-ipados": IconDefinition;
|
|
91
|
+
"brand-macos": IconDefinition;
|
|
92
|
+
"brand-microsoft-store": IconDefinition;
|
|
93
|
+
"brand-trustpilot": IconDefinition;
|
|
94
|
+
deriv: IconDefinition;
|
|
95
|
+
"box-archive-circle-arrow-down": IconDefinition;
|
|
96
|
+
"box-archive-circle-arrow-up": IconDefinition;
|
|
97
|
+
"chart-line-up-down-clock": IconDefinition;
|
|
98
|
+
"chart-trend-down": IconDefinition;
|
|
99
|
+
"chart-trend-still": IconDefinition;
|
|
100
|
+
"chart-trend-up": IconDefinition;
|
|
101
|
+
"circle-user-slash": IconDefinition;
|
|
102
|
+
"deal-cancellation": IconDefinition;
|
|
103
|
+
"deal-protection": IconDefinition;
|
|
104
|
+
"deriv-p2p": IconDefinition;
|
|
105
|
+
"fiat-offramp": IconDefinition;
|
|
106
|
+
"fiat-onramp": IconDefinition;
|
|
107
|
+
"field-password": IconDefinition;
|
|
108
|
+
"horizontal-rule-dashed": IconDefinition;
|
|
109
|
+
"lock-pattern": IconDefinition;
|
|
110
|
+
"mobile-notch-rotate": IconDefinition;
|
|
111
|
+
ohlc: IconDefinition;
|
|
112
|
+
passkey: IconDefinition;
|
|
113
|
+
"stop-loss": IconDefinition;
|
|
114
|
+
"take-profit": IconDefinition;
|
|
115
|
+
"user-tie-circle-dollar": IconDefinition;
|
|
116
|
+
"wallet-circle-minus": IconDefinition;
|
|
117
|
+
"wallet-circle-plus": IconDefinition;
|
|
118
|
+
"wallet-signal": IconDefinition;
|
|
119
|
+
"book-circle-question": IconDefinition;
|
|
120
|
+
"book-open-cover-circle-question": IconDefinition;
|
|
121
|
+
"chart-tradingview": IconDefinition;
|
|
122
|
+
"hand-gesture-swipe-left-right": IconDefinition;
|
|
123
|
+
"hand-gesture-tap-left": IconDefinition;
|
|
124
|
+
"hand-gesture-tap-right": IconDefinition;
|
|
125
|
+
options: IconDefinition;
|
|
126
|
+
"playback-speed": IconDefinition;
|
|
127
|
+
"puzzles-piece-two": IconDefinition;
|
|
128
|
+
quill: IconDefinition;
|
|
129
|
+
"rotate-device": IconDefinition;
|
|
130
|
+
"user-circle-arrow-right": IconDefinition;
|
|
131
|
+
"user-circle-arrow-up": IconDefinition;
|
|
132
|
+
"calendar-circle-arrow-left": IconDefinition;
|
|
133
|
+
"calendar-circle-arrow-right": IconDefinition;
|
|
134
|
+
"chart-line-clock": IconDefinition;
|
|
135
|
+
"crosshairs-slash": IconDefinition;
|
|
136
|
+
"file-lines-magnifying-glass": IconDefinition;
|
|
137
|
+
"handshake-lock": IconDefinition;
|
|
138
|
+
"handshake-shield": IconDefinition;
|
|
139
|
+
"memo-shield": IconDefinition;
|
|
140
|
+
"page-circle-arrow-right": IconDefinition;
|
|
141
|
+
"pen-field-circle-xmark": IconDefinition;
|
|
142
|
+
"pen-field-lock": IconDefinition;
|
|
143
|
+
"pen-field-slash": IconDefinition;
|
|
144
|
+
"rectangle-history-circle-dollar": IconDefinition;
|
|
145
|
+
"shield-circle-check": IconDefinition;
|
|
146
|
+
"shield-halved-circle-minus": IconDefinition;
|
|
147
|
+
"shield-halved-lock": IconDefinition;
|
|
148
|
+
"shield-lock": IconDefinition;
|
|
149
|
+
"user-circle-dollar": IconDefinition;
|
|
150
|
+
"user-large-circle-dollar": IconDefinition;
|
|
151
|
+
"users-line-circle-dollar": IconDefinition;
|
|
152
|
+
"users-rectangle-circle-dollar": IconDefinition;
|
|
153
|
+
};
|
|
154
|
+
type IconName = keyof typeof boldIconMap;
|
|
155
|
+
type IconWeight = "regular" | "bold" | "fill";
|
|
156
|
+
interface IconProps {
|
|
157
|
+
name: IconName;
|
|
158
|
+
/**
|
|
159
|
+
* Weight on the density ramp:
|
|
160
|
+
* - "regular" → thin outline (pro-light)
|
|
161
|
+
* - "bold" → medium outline (pro-regular) — default
|
|
162
|
+
* - "fill" → filled glyph (pro-solid)
|
|
163
|
+
*
|
|
164
|
+
* If the requested weight isn't mapped for this icon, falls back to bold.
|
|
165
|
+
*/
|
|
166
|
+
weight?: IconWeight;
|
|
167
|
+
className?: string;
|
|
168
|
+
style?: React$1.CSSProperties;
|
|
169
|
+
"aria-hidden"?: boolean | "true" | "false";
|
|
170
|
+
"aria-label"?: string;
|
|
171
|
+
title?: string;
|
|
172
|
+
}
|
|
173
|
+
declare function Icon({ name, weight, className, style, ...rest }: IconProps): react_jsx_runtime.JSX.Element;
|
|
174
|
+
/** Every icon name in the system, alphabetical. */
|
|
175
|
+
declare const ICON_NAMES: IconName[];
|
|
176
|
+
/** Which weights are mapped for a given icon — used by the library page. */
|
|
177
|
+
declare function iconAvailableWeights(name: IconName): IconWeight[];
|
|
178
|
+
|
|
19
179
|
type AccordionVariant = "fill" | "elevate" | "outline" | "flush";
|
|
20
180
|
type AccordionSize = "xs" | "sm" | "md" | "lg";
|
|
21
181
|
/**
|
|
@@ -156,12 +316,13 @@ declare function NotificationDivider({ className }: {
|
|
|
156
316
|
}): react_jsx_runtime.JSX.Element;
|
|
157
317
|
|
|
158
318
|
declare const sectionMessageVariants: (props?: ({
|
|
159
|
-
variant?: "
|
|
319
|
+
variant?: "warning" | "info" | "information" | "success" | "danger" | "default" | "error" | null | undefined;
|
|
160
320
|
size?: "sm" | "md" | null | undefined;
|
|
161
321
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
162
322
|
declare function SectionMessage({ className, variant, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof sectionMessageVariants>): react_jsx_runtime.JSX.Element;
|
|
163
323
|
declare function SectionMessageTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
164
324
|
declare function SectionMessageDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
325
|
+
declare function SectionMessageIcon({ className, children, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
165
326
|
|
|
166
327
|
declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime.JSX.Element;
|
|
167
328
|
|
|
@@ -222,8 +383,8 @@ declare function BreadcrumbSeparator({ children, className, ...props }: React$1.
|
|
|
222
383
|
declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
223
384
|
|
|
224
385
|
declare const buttonVariants: (props?: ({
|
|
225
|
-
variant?: "
|
|
226
|
-
size?: "
|
|
386
|
+
variant?: "ghost" | "primary" | "secondary" | "tertiary" | null | undefined;
|
|
387
|
+
size?: "icon" | "xs" | "sm" | "md" | "lg" | "icon-lg" | "icon-md" | "icon-sm" | "icon-xs" | null | undefined;
|
|
227
388
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
228
389
|
declare function Button({ className, variant, size, asChild, loading, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
229
390
|
asChild?: boolean;
|
|
@@ -657,7 +818,7 @@ declare function PopoverDescription({ className, ...props }: React$1.ComponentPr
|
|
|
657
818
|
|
|
658
819
|
declare const progressVariants: (props?: ({
|
|
659
820
|
size?: "sm" | "md" | null | undefined;
|
|
660
|
-
variant?: "
|
|
821
|
+
variant?: "inverse" | "normal" | null | undefined;
|
|
661
822
|
color?: "red" | "yellow" | "green" | "blue" | "default" | null | undefined;
|
|
662
823
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
663
824
|
declare function Progress({ className, value, size, variant, color, ...props }: React$1.ComponentProps<typeof Progress$1.Root> & VariantProps<typeof progressVariants>): react_jsx_runtime.JSX.Element;
|
|
@@ -910,4 +1071,96 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
910
1071
|
|
|
911
1072
|
declare function useIsMobile(): boolean;
|
|
912
1073
|
|
|
913
|
-
|
|
1074
|
+
type ActionButtonState = "default" | "disabled" | "loading";
|
|
1075
|
+
type ActionButtonSurface = "dark" | "light";
|
|
1076
|
+
interface HeroActionButtonProps {
|
|
1077
|
+
label: string;
|
|
1078
|
+
icon: React__default.ElementType;
|
|
1079
|
+
primary?: boolean;
|
|
1080
|
+
state?: ActionButtonState;
|
|
1081
|
+
surface?: ActionButtonSurface;
|
|
1082
|
+
colClass?: string;
|
|
1083
|
+
onClick?: () => void;
|
|
1084
|
+
}
|
|
1085
|
+
declare function HeroActionButton({ label, icon: Icon, primary, state, surface, colClass, onClick, }: HeroActionButtonProps): react_jsx_runtime.JSX.Element;
|
|
1086
|
+
|
|
1087
|
+
declare function HeroMobileHomeTitleSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1088
|
+
declare function HeroMobileHomeTotalAssetsSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1089
|
+
declare function HeroMobileHomeTitle({ onReset: _onReset }: {
|
|
1090
|
+
onReset?: () => void;
|
|
1091
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1092
|
+
declare function HeroMobileHomeTotalAssets(): react_jsx_runtime.JSX.Element;
|
|
1093
|
+
|
|
1094
|
+
declare function HeroDesktopHomeOnboardingSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1095
|
+
declare function HeroDesktopHomeWithBalanceSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1096
|
+
declare function HeroDesktopHomeOnboarding({ onReset: _onReset }: {
|
|
1097
|
+
onReset?: () => void;
|
|
1098
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1099
|
+
declare function HeroDesktopHomeWithBalance(): react_jsx_runtime.JSX.Element;
|
|
1100
|
+
|
|
1101
|
+
declare function HeroMobileMainSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1102
|
+
declare function HeroMobileMain(): react_jsx_runtime.JSX.Element;
|
|
1103
|
+
|
|
1104
|
+
declare function HeroDesktopMainSkeleton(): react_jsx_runtime.JSX.Element;
|
|
1105
|
+
declare function HeroDesktopMain(): react_jsx_runtime.JSX.Element;
|
|
1106
|
+
|
|
1107
|
+
declare function HeroMobileSecondarySkeleton(): react_jsx_runtime.JSX.Element;
|
|
1108
|
+
declare function HeroMobileSecondary(): react_jsx_runtime.JSX.Element;
|
|
1109
|
+
|
|
1110
|
+
declare function HeroDesktopSecondarySkeleton(): react_jsx_runtime.JSX.Element;
|
|
1111
|
+
declare function HeroDesktopSecondary(): react_jsx_runtime.JSX.Element;
|
|
1112
|
+
|
|
1113
|
+
type TransactionType = "deposit" | "withdraw" | "transfer" | "convert";
|
|
1114
|
+
|
|
1115
|
+
declare function HeroMobileTransaction({ type }: {
|
|
1116
|
+
type: TransactionType;
|
|
1117
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1118
|
+
|
|
1119
|
+
declare const NAV_ITEMS$1: readonly [{
|
|
1120
|
+
readonly id: "home";
|
|
1121
|
+
readonly label: "Home";
|
|
1122
|
+
}, {
|
|
1123
|
+
readonly id: "cfds";
|
|
1124
|
+
readonly label: "CFDs";
|
|
1125
|
+
}, {
|
|
1126
|
+
readonly id: "options";
|
|
1127
|
+
readonly label: "Options";
|
|
1128
|
+
}, {
|
|
1129
|
+
readonly id: "portfolio";
|
|
1130
|
+
readonly label: "Portfolio";
|
|
1131
|
+
}];
|
|
1132
|
+
type NavMobileBottomBarItemId = (typeof NAV_ITEMS$1)[number]["id"];
|
|
1133
|
+
declare function NavMobileBottomBar({ activeId, badges, onTabChange, }: {
|
|
1134
|
+
activeId?: NavMobileBottomBarItemId;
|
|
1135
|
+
badges?: Partial<Record<NavMobileBottomBarItemId, number>>;
|
|
1136
|
+
onTabChange?: (id: NavMobileBottomBarItemId) => void;
|
|
1137
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1138
|
+
|
|
1139
|
+
declare const NAV_ITEMS: readonly [{
|
|
1140
|
+
readonly id: "home";
|
|
1141
|
+
readonly label: "Home";
|
|
1142
|
+
}, {
|
|
1143
|
+
readonly id: "cfds";
|
|
1144
|
+
readonly label: "CFDs";
|
|
1145
|
+
}, {
|
|
1146
|
+
readonly id: "options";
|
|
1147
|
+
readonly label: "Options";
|
|
1148
|
+
}, {
|
|
1149
|
+
readonly id: "portfolio";
|
|
1150
|
+
readonly label: "Portfolio";
|
|
1151
|
+
}];
|
|
1152
|
+
type NavDesktopSidebarItemId = (typeof NAV_ITEMS)[number]["id"];
|
|
1153
|
+
declare function NavDesktopSidebar({ activeId, badges, onNavChange, }: {
|
|
1154
|
+
activeId?: NavDesktopSidebarItemId;
|
|
1155
|
+
badges?: Partial<Record<NavDesktopSidebarItemId, number>>;
|
|
1156
|
+
onNavChange?: (id: NavDesktopSidebarItemId) => void;
|
|
1157
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1158
|
+
|
|
1159
|
+
type NavbarItemId = "home" | "cfds" | "options" | "portfolio";
|
|
1160
|
+
declare function Navbar({ activeId, badges, onNavChange, }: {
|
|
1161
|
+
activeId?: NavbarItemId;
|
|
1162
|
+
badges?: Partial<Record<NavbarItemId, number>>;
|
|
1163
|
+
onNavChange?: (id: NavbarItemId) => void;
|
|
1164
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1165
|
+
|
|
1166
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionSize, AccordionTrigger, type AccordionVariant, type ActionButtonState, type ActionButtonSurface, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BadgeDot, 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, CheckboxField, Chip, CodeInput, CodeInputGroup, CodeInputSeparator, CodeInputSlot, Collapsible, CollapsibleContent, CollapsibleItem, 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, HeroActionButton, HeroDesktopHomeOnboarding, HeroDesktopHomeOnboardingSkeleton, HeroDesktopHomeWithBalance, HeroDesktopHomeWithBalanceSkeleton, HeroDesktopMain, HeroDesktopMainSkeleton, HeroDesktopSecondary, HeroDesktopSecondarySkeleton, HeroMobileHomeTitle, HeroMobileHomeTitleSkeleton, HeroMobileHomeTotalAssets, HeroMobileHomeTotalAssetsSkeleton, HeroMobileMain, HeroMobileMainSkeleton, HeroMobileSecondary, HeroMobileSecondarySkeleton, HeroMobileTransaction, HoverCard, HoverCardContent, HoverCardTrigger, ICON_NAMES, Icon, type IconName, type IconProps, type IconWeight, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Kbd, KbdGroup, Label, Link, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemFlag, ListItemFooter, ListItemGroup, ListItemHeader, ListItemIcon, ListItemMedia, ListItemSeparator, ListItemTitle, LoadingSpinner, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavDesktopSidebar, type NavDesktopSidebarItemId, NavMobileBottomBar, type NavMobileBottomBarItemId, Navbar, type NavbarItemId, NotificationBanner, type NotificationBannerProps, NotificationDivider, NotificationItem, type NotificationItemProps, type NotificationVariant, Pagination, PaginationBullets, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupField, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchField, SectionMessage, SectionMessageDescription, SectionMessageIcon, SectionMessageTitle, SegmentedControl, SegmentedControlContent, SegmentedControlList, SegmentedControlTrigger, 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, Snackbar, Spinner, Stepper, type StepperProps, Switch, Tab, TabContent, TabList, TabTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tag, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TransactionType, buttonVariants, cardVariants, chipVariants, cn, codeInputSlotVariants, iconAvailableWeights, inputGroupVariants, inputOTPSlotVariants, inputWrapperVariants as inputVariants, linkVariants, progressVariants, searchFieldVariants, segmentedControlListVariants, tabListVariants, tagVariants, textareaWrapperVariants as textareaVariants, toggleVariants, useComboboxAnchor, useDirection, useFormField, useIsMobile, useSidebar };
|