@deriv-ds/design-intelligence-layer 0.4.5 → 0.5.0

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default from 'react';
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 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';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -18,159 +17,157 @@ import * as ResizablePrimitive from 'react-resizable-panels';
 import { ToasterProps } from 'sonner';
 import { ClassValue } from 'clsx';
 
-declare const boldIconMap: {
-    "arrow-down-to-line": IconDefinition;
-    "arrow-left": IconDefinition;
-    "arrow-right": IconDefinition;
-    "arrow-right-arrow-left": IconDefinition;
-    "arrows-left-right": IconDefinition;
-    "arrow-trend-down": IconDefinition;
-    "arrow-trend-up": IconDefinition;
-    "arrow-up-from-line": IconDefinition;
-    "arrow-up-right": IconDefinition;
-    "arrow-up-right-from-square": IconDefinition;
-    bell: IconDefinition;
-    "book-open": IconDefinition;
-    calculator: IconDefinition;
-    "chart-bar": IconDefinition;
-    "chart-candlestick": IconDefinition;
-    "chart-line": IconDefinition;
-    check: IconDefinition;
-    "chevron-down": IconDefinition;
-    "chevron-left": IconDefinition;
-    "chevron-right": IconDefinition;
-    "chevron-up": IconDefinition;
-    circle: IconDefinition;
-    "circle-check": IconDefinition;
-    "circle-exclamation": IconDefinition;
-    "circle-info": IconDefinition;
-    "clock-rotate-left": IconDefinition;
-    copy: IconDefinition;
-    "dollar-sign": IconDefinition;
-    ellipsis: IconDefinition;
-    envelope: IconDefinition;
-    "envelope-open": IconDefinition;
-    eye: IconDefinition;
-    "eye-slash": IconDefinition;
-    "file-lines": IconDefinition;
-    "file-xmark": IconDefinition;
-    fingerprint: IconDefinition;
-    gear: IconDefinition;
-    "grip-vertical": IconDefinition;
-    house: IconDefinition;
-    "house-blank": IconDefinition;
-    image: IconDefinition;
-    inbox: IconDefinition;
-    "magnifying-glass": IconDefinition;
-    minus: IconDefinition;
-    moon: IconDefinition;
-    phone: IconDefinition;
-    plus: IconDefinition;
-    "right-from-bracket": IconDefinition;
-    "rotate-right": IconDefinition;
-    sparkles: IconDefinition;
-    spinner: IconDefinition;
-    square: IconDefinition;
-    "square-check": IconDefinition;
-    "square-minus": IconDefinition;
-    star: IconDefinition;
-    sun: IconDefinition;
-    "table-cells-large": IconDefinition;
-    "table-columns": IconDefinition;
-    trash: IconDefinition;
-    "trash-can": IconDefinition;
-    "triangle-exclamation": IconDefinition;
-    user: IconDefinition;
-    wallet: IconDefinition;
-    xmark: IconDefinition;
-    "brand-harmony-os": IconDefinition;
-    "brand-huawei": IconDefinition;
-    "brand-huawei-app-gallery": IconDefinition;
-    "brand-ios": IconDefinition;
-    "brand-ipados": IconDefinition;
-    "brand-macos": IconDefinition;
-    "brand-microsoft-store": IconDefinition;
-    "brand-trustpilot": IconDefinition;
-    deriv: IconDefinition;
-    "box-archive-circle-arrow-down": IconDefinition;
-    "box-archive-circle-arrow-up": IconDefinition;
-    "chart-line-up-down-clock": IconDefinition;
-    "chart-trend-down": IconDefinition;
-    "chart-trend-still": IconDefinition;
-    "chart-trend-up": IconDefinition;
-    "circle-user-slash": IconDefinition;
-    "deal-cancellation": IconDefinition;
-    "deal-protection": IconDefinition;
-    "deriv-p2p": IconDefinition;
-    "fiat-offramp": IconDefinition;
-    "fiat-onramp": IconDefinition;
-    "field-password": IconDefinition;
-    "horizontal-rule-dashed": IconDefinition;
-    "lock-pattern": IconDefinition;
-    "mobile-notch-rotate": IconDefinition;
-    ohlc: IconDefinition;
-    passkey: IconDefinition;
-    "stop-loss": IconDefinition;
-    "take-profit": IconDefinition;
-    "user-tie-circle-dollar": IconDefinition;
-    "wallet-circle-minus": IconDefinition;
-    "wallet-circle-plus": IconDefinition;
-    "wallet-signal": IconDefinition;
-    "book-circle-question": IconDefinition;
-    "book-open-cover-circle-question": IconDefinition;
-    "chart-tradingview": IconDefinition;
-    "hand-gesture-swipe-left-right": IconDefinition;
-    "hand-gesture-tap-left": IconDefinition;
-    "hand-gesture-tap-right": IconDefinition;
-    options: IconDefinition;
-    "playback-speed": IconDefinition;
-    "puzzles-piece-two": IconDefinition;
-    quill: IconDefinition;
-    "rotate-device": IconDefinition;
-    "user-circle-arrow-right": IconDefinition;
-    "user-circle-arrow-up": IconDefinition;
-    "calendar-circle-arrow-left": IconDefinition;
-    "calendar-circle-arrow-right": IconDefinition;
-    "chart-line-clock": IconDefinition;
-    "crosshairs-slash": IconDefinition;
-    "file-lines-magnifying-glass": IconDefinition;
-    "handshake-lock": IconDefinition;
-    "handshake-shield": IconDefinition;
-    "memo-shield": IconDefinition;
-    "page-circle-arrow-right": IconDefinition;
-    "pen-field-circle-xmark": IconDefinition;
-    "pen-field-lock": IconDefinition;
-    "pen-field-slash": IconDefinition;
-    "rectangle-history-circle-dollar": IconDefinition;
-    "shield-circle-check": IconDefinition;
-    "shield-halved-circle-minus": IconDefinition;
-    "shield-halved-lock": IconDefinition;
-    "shield-lock": IconDefinition;
-    "user-circle-dollar": IconDefinition;
-    "user-large-circle-dollar": IconDefinition;
-    "users-line-circle-dollar": IconDefinition;
-    "users-rectangle-circle-dollar": IconDefinition;
+declare const _iconKeys: {
+    readonly "arrow-down-to-line": 1;
+    readonly "arrow-left": 1;
+    readonly "arrow-right": 1;
+    readonly "arrow-right-arrow-left": 1;
+    readonly "arrows-left-right": 1;
+    readonly "arrow-up-right": 1;
+    readonly "arrow-up-right-from-square": 1;
+    readonly "rotate-right": 1;
+    readonly "clock-rotate-left": 1;
+    readonly "arrow-up-from-line": 1;
+    readonly "chevron-down": 1;
+    readonly "chevron-left": 1;
+    readonly "chevron-right": 1;
+    readonly "chevron-up": 1;
+    readonly bell: 1;
+    readonly "chart-bar": 1;
+    readonly "chart-candlestick": 1;
+    readonly "chart-line": 1;
+    readonly "chart-tradingview": 1;
+    readonly "chart-trend-down": 1;
+    readonly "chart-trend-still": 1;
+    readonly "chart-trend-up": 1;
+    readonly "arrow-trend-down": 1;
+    readonly "arrow-trend-up": 1;
+    readonly ohlc: 1;
+    readonly "chart-line-up-down-clock": 1;
+    readonly "chart-line-clock": 1;
+    readonly circle: 1;
+    readonly "circle-check": 1;
+    readonly "circle-exclamation": 1;
+    readonly "circle-info": 1;
+    readonly "circle-user-slash": 1;
+    readonly copy: 1;
+    readonly "dollar-sign": 1;
+    readonly ellipsis: 1;
+    readonly envelope: 1;
+    readonly "envelope-open": 1;
+    readonly eye: 1;
+    readonly "eye-slash": 1;
+    readonly "file-lines": 1;
+    readonly "file-xmark": 1;
+    readonly fingerprint: 1;
+    readonly gear: 1;
+    readonly globe: 1;
+    readonly "grip-vertical": 1;
+    readonly house: 1;
+    readonly "house-blank": 1;
+    readonly image: 1;
+    readonly inbox: 1;
+    readonly "magnifying-glass": 1;
+    readonly minus: 1;
+    readonly moon: 1;
+    readonly phone: 1;
+    readonly plus: 1;
+    readonly "right-from-bracket": 1;
+    readonly sparkles: 1;
+    readonly spinner: 1;
+    readonly square: 1;
+    readonly "square-check": 1;
+    readonly "square-minus": 1;
+    readonly star: 1;
+    readonly sun: 1;
+    readonly "table-cells-large": 1;
+    readonly "table-columns": 1;
+    readonly trash: 1;
+    readonly "trash-can": 1;
+    readonly "triangle-exclamation": 1;
+    readonly user: 1;
+    readonly wallet: 1;
+    readonly xmark: 1;
+    readonly check: 1;
+    readonly options: 1;
+    readonly "crosshairs-slash": 1;
+    readonly "book-open": 1;
+    readonly calculator: 1;
+    readonly deriv: 1;
+    readonly "book-circle-question": 1;
+    readonly "book-open-cover-circle-question": 1;
+    readonly "box-archive-circle-arrow-down": 1;
+    readonly "box-archive-circle-arrow-up": 1;
+    readonly "deal-cancellation": 1;
+    readonly "deal-protection": 1;
+    readonly "deriv-p2p": 1;
+    readonly "fiat-offramp": 1;
+    readonly "fiat-onramp": 1;
+    readonly "field-password": 1;
+    readonly "hand-gesture-swipe-left-right": 1;
+    readonly "hand-gesture-tap-left": 1;
+    readonly "hand-gesture-tap-right": 1;
+    readonly "horizontal-rule-dashed": 1;
+    readonly "lock-pattern": 1;
+    readonly "mobile-notch-rotate": 1;
+    readonly "page-circle-arrow-right": 1;
+    readonly passkey: 1;
+    readonly "playback-speed": 1;
+    readonly "puzzles-piece-two": 1;
+    readonly quill: 1;
+    readonly "rotate-device": 1;
+    readonly "stop-loss": 1;
+    readonly "take-profit": 1;
+    readonly "user-tie-circle-dollar": 1;
+    readonly "wallet-circle-minus": 1;
+    readonly "wallet-circle-plus": 1;
+    readonly "wallet-signal": 1;
+    readonly "user-circle-arrow-right": 1;
+    readonly "user-circle-arrow-up": 1;
+    readonly "calendar-circle-arrow-left": 1;
+    readonly "calendar-circle-arrow-right": 1;
+    readonly "file-lines-magnifying-glass": 1;
+    readonly "handshake-lock": 1;
+    readonly "handshake-shield": 1;
+    readonly "memo-shield": 1;
+    readonly "pen-field-circle-xmark": 1;
+    readonly "pen-field-lock": 1;
+    readonly "pen-field-slash": 1;
+    readonly "rectangle-history-circle-dollar": 1;
+    readonly "shield-circle-check": 1;
+    readonly "shield-halved-circle-minus": 1;
+    readonly "shield-halved-lock": 1;
+    readonly "shield-lock": 1;
+    readonly "user-circle-dollar": 1;
+    readonly "user-large-circle-dollar": 1;
+    readonly "users-line-circle-dollar": 1;
+    readonly "users-rectangle-circle-dollar": 1;
+    readonly "brand-harmony-os": 1;
+    readonly "brand-huawei": 1;
+    readonly "brand-huawei-app-gallery": 1;
+    readonly "brand-ios": 1;
+    readonly "brand-ipados": 1;
+    readonly "brand-macos": 1;
+    readonly "brand-microsoft-store": 1;
+    readonly "brand-trustpilot": 1;
 };
-type IconName = keyof typeof boldIconMap;
+type IconName = keyof typeof _iconKeys;
 type IconWeight = "regular" | "bold" | "fill";
+type IconQuillSize = "sm" | "md" | "lg";
+/** Context — set by Chip/Tag to auto-select the correct Quill size variant for children. */
+declare const IconSizeContext: React$1.Context<IconQuillSize>;
 interface IconProps {
     name: IconName;
-    /**
-     * Weight on the density ramp:
-     * - "regular" → thin outline (pro-light)
-     * - "bold"    → medium outline (pro-regular) — default
-     * - "fill"    → filled glyph (pro-solid)
-     *
-     * If the requested weight isn't mapped for this icon, falls back to bold.
-     */
     weight?: IconWeight;
+    /** Quill size variant (sm=14×22, md=16×24, lg=20×30). Overrides IconSizeContext. */
+    quillSize?: IconQuillSize;
     className?: string;
     style?: React$1.CSSProperties;
     "aria-hidden"?: boolean | "true" | "false";
     "aria-label"?: string;
     title?: string;
 }
-declare function Icon({ name, weight, className, style, ...rest }: IconProps): react_jsx_runtime.JSX.Element;
+declare function Icon({ name, weight, quillSize, className, style, ...rest }: IconProps): react_jsx_runtime.JSX.Element | null;
 /** Every icon name in the system, alphabetical. */
 declare const ICON_NAMES: IconName[];
 /** Which weights are mapped for a given icon — used by the library page. */
@@ -246,7 +243,7 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
 declare function AccordionTrigger({ className, children, icon, title, subtitle, titleBold, ...props }: React$1.ComponentProps<typeof Accordion$1.Trigger> & {
     /**
      * Optional leading icon (default layout only).
-     * Pass any React node — typically a 24 × 24 icon from lucide-react.
+     * Pass any React node — typically a 24 × 24 icon.
      */
     icon?: React$1.ReactNode;
     /**
@@ -316,7 +313,7 @@ declare function NotificationDivider({ className }: {
 }): react_jsx_runtime.JSX.Element;
 
 declare const sectionMessageVariants: (props?: ({
-    variant?: "warning" | "info" | "information" | "success" | "danger" | "default" | "error" | null | undefined;
+    variant?: "information" | "success" | "warning" | "danger" | "default" | "info" | "error" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function SectionMessage({ className, variant, size, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof sectionMessageVariants>): react_jsx_runtime.JSX.Element;
@@ -337,9 +334,9 @@ declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProp
 
 declare const tagVariants: (props?: ({
     variant?: "fill-neutral" | "fill-red" | "fill-yellow" | "fill-green" | "fill-blue" | "outline-neutral" | "outline-red" | "outline-yellow" | "outline-green" | "outline-blue" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
+    size?: "sm" | "md" | "2xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Tag({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof tagVariants> & {
+declare function Tag({ className, variant, size, asChild, children, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof tagVariants> & {
     asChild?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
@@ -383,8 +380,8 @@ declare function BreadcrumbSeparator({ children, className, ...props }: React$1.
 declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "ghost" | "primary" | "secondary" | "tertiary" | null | undefined;
-    size?: "icon" | "xs" | "sm" | "md" | "lg" | "icon-lg" | "icon-md" | "icon-sm" | "icon-xs" | null | undefined;
+    variant?: "primary" | "secondary" | "tertiary" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "icon" | "icon-lg" | "icon-md" | "icon-sm" | "icon-xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, loading, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
@@ -394,7 +391,7 @@ declare function Button({ className, variant, size, asChild, loading, ...props }
 declare const chipVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Chip({ className, size, selected, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof chipVariants> & {
+declare function Chip({ className, size, selected, children, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof chipVariants> & {
     selected?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
@@ -475,7 +472,7 @@ type CheckboxFieldProps = Omit<React$1.ComponentProps<typeof Checkbox$1.Root>, "
     size?: "sm" | "md";
     /** Label text rendered next to the checkbox. */
     label?: React$1.ReactNode;
-    /** When `true`, renders a Lucide `InfoIcon` after the label text. */
+    /** When `true`, renders an info icon after the label text. */
     info?: boolean;
 };
 declare function CheckboxField({ id, label, info, size, disabled, className, ...props }: CheckboxFieldProps): react_jsx_runtime.JSX.Element;
@@ -716,7 +713,7 @@ declare const inputGroupAddonVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-    size?: "xs" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
+    size?: "sm" | "xs" | "icon-sm" | "icon-xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
 declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
@@ -818,7 +815,7 @@ declare function PopoverDescription({ className, ...props }: React$1.ComponentPr
 
 declare const progressVariants: (props?: ({
     size?: "sm" | "md" | null | undefined;
-    variant?: "inverse" | "normal" | null | undefined;
+    variant?: "normal" | "inverse" | null | undefined;
     color?: "red" | "yellow" | "green" | "blue" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Progress({ className, value, size, variant, color, ...props }: React$1.ComponentProps<typeof Progress$1.Root> & VariantProps<typeof progressVariants>): react_jsx_runtime.JSX.Element;
@@ -834,7 +831,7 @@ type RadioGroupFieldProps = React$1.ComponentProps<typeof RadioGroup$1.Item> & {
     size?: "sm" | "md";
     /** Label text rendered next to the radio button. */
     label?: React$1.ReactNode;
-    /** When `true`, renders a Lucide `InfoIcon` after the label text. */
+    /** When `true`, renders an info icon after the label text. */
     info?: boolean;
 };
 declare function RadioGroupField({ id, label, info, size, disabled, className, ...props }: RadioGroupFieldProps): react_jsx_runtime.JSX.Element;
@@ -1163,4 +1160,330 @@ declare function Navbar({ activeId, badges, onNavChange, }: {
     onNavChange?: (id: NavbarItemId) => void;
 }): react_jsx_runtime.JSX.Element;
 
-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 };
+type SectionTitleSize = "titleLg" | "titleMd" | "titleSm" | "titleCaption" | "loading";
+interface SectionTag {
+    label: string;
+    /** Show a leading icon inside the tag. */
+    showIcon?: boolean;
+    /** Icon name (defaults to a sparkle) when showIcon is true. */
+    icon?: React$1.ComponentProps<typeof Icon>["name"];
+}
+interface SectionProps {
+    /** Section title text. */
+    title?: string;
+    /** Supporting description below the title row. */
+    description?: string;
+    /** Title typography size, or "loading" to render a skeleton title. */
+    titleSize?: SectionTitleSize;
+    /** Eyebrow tag above the title. */
+    showTag?: boolean;
+    tag?: SectionTag;
+    showTitle?: boolean;
+    /** Trailing chevron next to the title (affordance for "see all"). */
+    showChevron?: boolean;
+    /** Click handler for the title row (when it acts as a link). */
+    onTitleClick?: () => void;
+    /** Right-aligned control cluster (button + navigation + compact switcher). */
+    showControlSection?: boolean;
+    /** Grey pill button inside the control cluster. */
+    showButton?: boolean;
+    buttonLabel?: string;
+    onButtonClick?: () => void;
+    /** Grey previous/next chevron control. */
+    showNavigation?: boolean;
+    onPrev?: () => void;
+    onNext?: () => void;
+    /** Compact segmented control inside the control cluster (desktop). */
+    controlSegments?: string[];
+    showDescription?: boolean;
+    /** Full-width segmented control below the description. */
+    showSegmentedControl?: boolean;
+    segments?: string[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    /** Content rendered in the section's slot. */
+    children?: React$1.ReactNode;
+    className?: string;
+}
+declare function Section({ title, description, titleSize, showTag, tag, showTitle, showChevron, onTitleClick, showControlSection, showButton, buttonLabel, onButtonClick, showNavigation, onPrev, onNext, controlSegments, showDescription, showSegmentedControl, segments, value, onValueChange, children, className, }: SectionProps): react_jsx_runtime.JSX.Element;
+
+type TradingAccountCardLayout = "mobile" | "desktop";
+type TradingAccountCardType = "loading" | "real" | "demo";
+interface TradingAccountCardProps {
+    /** Force a layout. Omit (default) = responsive: mobile < md, desktop ≥ md. */
+    layout?: TradingAccountCardLayout;
+    /** Card state. "loading" renders skeletons. */
+    type?: TradingAccountCardType;
+    /** Account name (bold). */
+    subtitle?: string;
+    /** Balance / supporting line below the subtitle. */
+    title?: string;
+    /** Account logo — Quill illustration component or image src. Falls back to a neutral block. */
+    logo?: React$1.ReactNode;
+    /** @deprecated use `logo` instead */
+    logoSrc?: string;
+    /** real only — "Verification required" tag next to the title. */
+    verificationTag?: boolean;
+    /** real only — standalone warning icon next to the title. */
+    showVerificationNeeded?: boolean;
+    /** desktop only — refresh icon next to the subtitle. */
+    showIconRefresh?: boolean;
+    onTrade?: () => void;
+    onTransfer?: () => void;
+    onDetails?: () => void;
+    className?: string;
+}
+declare function TradingAccountCard({ layout, className, ...props }: TradingAccountCardProps): react_jsx_runtime.JSX.Element;
+
+type AccountActivatedCardState = "default" | "hover" | "pressed" | "loading";
+interface AccountActivatedCardProps {
+    state?: AccountActivatedCardState;
+    /** Account name (e.g. "Standard"). */
+    name?: string;
+    /** Numeric balance string (e.g. "1,000.00"). */
+    balance?: string;
+    /** Currency code shown next to the balance (e.g. "USD"). */
+    currency?: string;
+    /** Account logo — Quill illustration component or React node. Falls back to a neutral block. */
+    logo?: React$1.ReactNode;
+    /** @deprecated use `logo` instead */
+    logoSrc?: string;
+    /** Optional outline tag in the top-right corner. */
+    tag?: string;
+    /** Wire up real hover/active bg transitions (renders as a button). */
+    interactive?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+declare function AccountActivatedCard({ state, name, balance, currency, logo, logoSrc, tag, interactive, onClick, className, }: AccountActivatedCardProps): react_jsx_runtime.JSX.Element;
+
+type HomeBannerLayout = "mobile" | "desktop";
+interface BannerItem {
+    id: string;
+    /** Tailwind bg class for the card. Default: rgba(44,154,255,0.08) blue tint. */
+    bgClass?: string;
+    text: string;
+    /** Tailwind text class. Default: text-prominent. */
+    textClass?: string;
+    /** Dismiss button bg + icon colour for this banner's surface. */
+    closeSurface?: "light" | "dark";
+    tag?: {
+        label: string;
+        /** Tailwind bg class. Default: bg-[#0c28f7] sapphire. */
+        bgClass?: string;
+    };
+    /** src for a <video> or <img> in the media slot. */
+    mediaSrc?: string;
+    mediaType?: "video" | "image";
+}
+interface HomeBannerProps {
+    items?: BannerItem[];
+    autoplayMs?: number;
+    /** Force a layout. Omit = responsive: mobile < md, desktop ≥ md. */
+    layout?: HomeBannerLayout;
+    className?: string;
+}
+interface BannerCardProps {
+    banner: BannerItem;
+    /** Force a layout. Omit = responsive: mobile < md, desktop ≥ md. */
+    layout?: HomeBannerLayout;
+    onClose?: () => void;
+    className?: string;
+}
+declare function BannerCard({ banner, layout, onClose, className }: BannerCardProps): react_jsx_runtime.JSX.Element;
+declare function HomeBanner({ items, autoplayMs, layout, className, }: HomeBannerProps): react_jsx_runtime.JSX.Element;
+
+type HomeExploreDerivLayout = "mobile" | "desktop";
+interface ExploreItem {
+    id: string;
+    /** Quill illustration component. Takes precedence over imgSrc. */
+    icon?: React$1.ComponentType<React$1.ImgHTMLAttributes<HTMLImageElement>>;
+    /** Icon image src. Omit for neutral placeholder circle. */
+    imgSrc?: string;
+    label: string;
+    /** Badge text, e.g. "New" or "Copy trading". */
+    tag?: string;
+    /** Tailwind bg class for the badge. Default: bg-[var(--primitive-emerald-700)]. */
+    tagBgClass?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+interface HomeExploreDerivProps {
+    title?: string;
+    items?: ExploreItem[];
+    /** Force a layout. Omit = responsive: mobile < md, desktop ≥ md. */
+    layout?: HomeExploreDerivLayout;
+    className?: string;
+}
+declare function HomeExploreDeriv({ title, items, layout, className, }: HomeExploreDerivProps): react_jsx_runtime.JSX.Element;
+
+interface HomeHighlightCardProps {
+    /** Static image src for the preview area. */
+    previewSrc?: string;
+    /** Video src — takes precedence over previewSrc. Lazy-loaded on viewport entry. */
+    videoSrc?: string;
+    /** Black background behind the preview image (for dark-on-dark media). */
+    darkPreview?: boolean;
+    /** Small overline text above the title. */
+    overline?: string;
+    title: string;
+    description: string;
+    tags: string[];
+    /** Card width in px. Default 240. */
+    width?: number;
+}
+declare function HomeHighlightCard({ previewSrc, videoSrc, darkPreview, overline, title, description, tags, width, }: HomeHighlightCardProps): react_jsx_runtime.JSX.Element;
+
+interface HomeHighlightsProps {
+    title?: string;
+    cards?: HomeHighlightCardProps[];
+    className?: string;
+}
+declare function HomeHighlights({ title, cards, className, }: HomeHighlightsProps): react_jsx_runtime.JSX.Element;
+
+type FeedbackSuccessAssetShape = "square" | "rectangle";
+type FeedbackSuccessLayout = "mobile" | "desktop";
+interface FeedbackSuccessScreenProps {
+    /** Force a layout. Omit for responsive (mobile < md, desktop ≥ md). */
+    layout?: FeedbackSuccessLayout;
+    /** Shape of the 3-D asset placeholder. */
+    assetShape?: FeedbackSuccessAssetShape;
+    /** Real asset image src. Omit to show the dashed placeholder. */
+    assetSrc?: string;
+    title?: string;
+    description?: string;
+    /** Outline badge label below the description. */
+    tag?: string;
+    /** Slot for any block or component (e.g. a progress indicator). */
+    slotActionNudge?: React$1.ReactNode;
+    primaryLabel?: string;
+    onPrimary?: () => void;
+    secondaryLabel?: string;
+    onSecondary?: () => void;
+    className?: string;
+}
+interface FeedbackTradeAccount {
+    id: string;
+    label: string;
+    logo?: React$1.ReactNode;
+    /** @deprecated use `logo` instead */
+    logoSrc?: string;
+}
+interface FeedbackTradeWithAccountsProps {
+    title?: string;
+    accounts?: FeedbackTradeAccount[];
+    autoplayMs?: number;
+    className?: string;
+}
+declare function FeedbackTradeWithAccounts({ title, accounts, autoplayMs, className, }: FeedbackTradeWithAccountsProps): react_jsx_runtime.JSX.Element;
+interface FeedbackTransferEndpoint {
+    label: string;
+    logo?: React$1.ReactNode;
+    /** @deprecated use `logo` instead */
+    logoSrc?: string;
+}
+interface FeedbackTransferSuggestionProps {
+    title?: string;
+    from: FeedbackTransferEndpoint;
+    to: FeedbackTransferEndpoint;
+    className?: string;
+}
+declare function FeedbackTransferSuggestion({ title, from, to, className, }: FeedbackTransferSuggestionProps): react_jsx_runtime.JSX.Element;
+declare function FeedbackSuccessScreen({ layout, assetShape, assetSrc, title, description, tag, slotActionNudge, primaryLabel, onPrimary, secondaryLabel, onSecondary, className, }: FeedbackSuccessScreenProps): react_jsx_runtime.JSX.Element;
+
+type HeaderAppLayout = "mobile" | "desktop";
+type HeaderAppState = "default" | "loading";
+interface HeaderAppTab {
+    id: string;
+    label: string;
+}
+interface HeaderAppAction {
+    id: string;
+    iconName: string;
+    onClick?: () => void;
+    ariaLabel: string;
+}
+type HeaderAppCenter = {
+    kind: "none";
+} | {
+    kind: "segmentedControl";
+    items: {
+        value: string;
+        label: string;
+    }[];
+    value: string;
+    onValueChange: (v: string) => void;
+} | {
+    kind: "askAmy";
+    onClick?: () => void;
+};
+interface HeaderAppProps {
+    layout?: HeaderAppLayout;
+    state?: HeaderAppState;
+    showBack?: boolean;
+    onBack?: () => void;
+    /** Optional leading logo — renders instead of back button (e.g. cTrader iframe). */
+    leadingLogo?: {
+        src: string;
+        alt: string;
+    };
+    tabs?: HeaderAppTab[];
+    activeTabId?: string;
+    onTabChange?: (id: string) => void;
+    labelButton?: {
+        label: string;
+        onClick?: () => void;
+    };
+    actions?: HeaderAppAction[];
+    showAskAmyRight?: boolean;
+    onAskAmyRight?: () => void;
+    showClose?: boolean;
+    onClose?: () => void;
+    center?: HeaderAppCenter;
+    className?: string;
+}
+interface HeaderAppHomeProps {
+    state?: HeaderAppState;
+    avatarSrc?: string;
+    avatarFallback?: string;
+    showNotificationBadge?: boolean;
+    actions?: HeaderAppAction[];
+    showAskAmy?: boolean;
+    onAskAmy?: () => void;
+    className?: string;
+}
+interface HeaderBrandingProps {
+    languageCode?: string;
+    onLanguageClick?: () => void;
+    actions?: HeaderAppAction[];
+    className?: string;
+}
+declare function HeaderApp({ layout, state, showBack, onBack, leadingLogo, tabs, activeTabId, onTabChange, labelButton, actions, showAskAmyRight, onAskAmyRight, showClose, onClose, center, className, }: HeaderAppProps): react_jsx_runtime.JSX.Element;
+declare function HeaderAppHome({ state, avatarSrc, avatarFallback, showNotificationBadge, actions, showAskAmy, onAskAmy, className, }: HeaderAppHomeProps): react_jsx_runtime.JSX.Element;
+declare function HeaderBranding({ languageCode, onLanguageClick, actions, className, }: HeaderBrandingProps): react_jsx_runtime.JSX.Element;
+
+interface TradingActionButtonsProps {
+    tradeState?: ActionButtonState;
+    transferState?: ActionButtonState;
+    depositState?: ActionButtonState;
+    withdrawState?: ActionButtonState;
+}
+declare function TradingActionButtonsPrimarySkeleton(): react_jsx_runtime.JSX.Element;
+declare function TradingActionButtonsPrimary({ tradeState, transferState, depositState, withdrawState, }: TradingActionButtonsProps): react_jsx_runtime.JSX.Element;
+declare function TradingActionButtonsSecondarySkeleton(): react_jsx_runtime.JSX.Element;
+declare function TradingActionButtonsSecondary({ tradeState, transferState, depositState, withdrawState, }: TradingActionButtonsProps): react_jsx_runtime.JSX.Element;
+
+interface TradingEmptyProps {
+    /** Quill illustration component or React node shown above the text. */
+    image?: React__default.ReactNode;
+    /** @deprecated use `image` instead */
+    imageSrc?: string;
+    /** Primary heading. */
+    title?: string;
+    /** Supporting body copy. */
+    description?: string;
+}
+declare function TradingEmptySkeleton(): react_jsx_runtime.JSX.Element;
+declare function TradingEmpty({ image, imageSrc, title, description, }: TradingEmptyProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, type AccordionSize, AccordionTrigger, type AccordionVariant, AccountActivatedCard, type AccountActivatedCardProps, type AccountActivatedCardState, type ActionButtonState, type ActionButtonSurface, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BadgeDot, BannerCard, type BannerCardProps, type BannerItem, 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, type ExploreItem, type FeedbackSuccessAssetShape, type FeedbackSuccessLayout, FeedbackSuccessScreen, type FeedbackSuccessScreenProps, type FeedbackTradeAccount, FeedbackTradeWithAccounts, type FeedbackTradeWithAccountsProps, type FeedbackTransferEndpoint, FeedbackTransferSuggestion, type FeedbackTransferSuggestionProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeaderApp, type HeaderAppAction, type HeaderAppCenter, HeaderAppHome, type HeaderAppHomeProps, type HeaderAppLayout, type HeaderAppProps, type HeaderAppState, type HeaderAppTab, HeaderBranding, type HeaderBrandingProps, HeroActionButton, HeroDesktopHomeOnboarding, HeroDesktopHomeOnboardingSkeleton, HeroDesktopHomeWithBalance, HeroDesktopHomeWithBalanceSkeleton, HeroDesktopMain, HeroDesktopMainSkeleton, HeroDesktopSecondary, HeroDesktopSecondarySkeleton, HeroMobileHomeTitle, HeroMobileHomeTitleSkeleton, HeroMobileHomeTotalAssets, HeroMobileHomeTotalAssetsSkeleton, HeroMobileMain, HeroMobileMainSkeleton, HeroMobileSecondary, HeroMobileSecondarySkeleton, HeroMobileTransaction, HomeBanner, type HomeBannerLayout, type HomeBannerProps, HomeExploreDeriv, type HomeExploreDerivLayout, type HomeExploreDerivProps, HomeHighlightCard, type HomeHighlightCardProps, HomeHighlights, type HomeHighlightsProps, HoverCard, HoverCardContent, HoverCardTrigger, ICON_NAMES, Icon, type IconName, type IconProps, type IconQuillSize, IconSizeContext, 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, Section, SectionMessage, SectionMessageDescription, SectionMessageIcon, SectionMessageTitle, type SectionProps, type SectionTag, type SectionTitleSize, 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, TradingAccountCard, type TradingAccountCardLayout, type TradingAccountCardProps, type TradingAccountCardType, TradingActionButtonsPrimary, TradingActionButtonsPrimarySkeleton, type TradingActionButtonsProps, TradingActionButtonsSecondary, TradingActionButtonsSecondarySkeleton, TradingEmpty, type TradingEmptyProps, TradingEmptySkeleton, 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 };