@deriv-web-design/ui 0.1.20 → 0.1.21

package/dist/index.d.mts

@@ -311,18 +311,20 @@ interface TabItem {
     /** Display label for the tab */
     label: string;
 }
-interface TabsProps {
+interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
     /** Array of tab items to display */
     items: TabItem[];
     /** The currently active tab ID */
     activeId: string;
     /** Callback fired when a tab is clicked */
     onChange: (id: string) => void;
+    /** Stable prefix used to connect tabs to their tab panels. */
+    idPrefix?: string;
     /** Optional CSS class name */
     className?: string;
 }
 
-declare const Tabs: ({ items, activeId, onChange, className, ...props }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ items, activeId, onChange, idPrefix, className, ...props }: TabsProps) => react_jsx_runtime.JSX.Element;
 
 interface FaqItem {
     /** The question shown in the accordion header */
@@ -346,7 +348,8 @@ type FeatureCardsLayoutVariant = "default" | "twoCards" | "oneCard";
 /** Platform shortcut row (Two Cards / One Card variants) */
 interface FeatureCardPlatformLink {
     label: string;
-    iconSrc: string;
+    /** Platform icon URL, rendered as an `<img>` */
+    iconSrc?: string;
     href?: string;
 }
 /** Shell colour for a card in the Two Cards layout */
@@ -840,7 +843,7 @@ interface FeatureSplitProps {
 
 declare const FeatureSplit: ({ title, description, showDescription, linkText, showLink, onLinkClick, image, imageAlt, imagePosition, }: FeatureSplitProps) => react_jsx_runtime.JSX.Element;
 
-type DotLottieInViewProps = Omit<ComponentProps<typeof DotLottieReact>, "autoplay" | "loop" | "dotLottieRefCallback"> & {
+type DotLottieInViewProps = Omit<ComponentProps<typeof DotLottieReact>, "autoplay" | "dotLottieRefCallback"> & {
     /**
      * When false, playback is stopped (e.g. inactive slide in a stacked player).
      * When true, plays once whenever the instance is both enabled and intersecting.
@@ -848,6 +851,8 @@ type DotLottieInViewProps = Omit<ComponentProps<typeof DotLottieReact>, "autopla
     enabled?: boolean;
     rootMargin?: string;
     threshold?: number | number[];
+    /** Loop while enabled and in view. Defaults to false. */
+    loop?: boolean;
     /**
      * Painted in place of the player until the animation is ready, and as the
      * Suspense fallback while the player chunk loads.
@@ -872,7 +877,7 @@ type DotLottieInViewProps = Omit<ComponentProps<typeof DotLottieReact>, "autopla
  * that crossfades between stacked instances needs them all loaded, not just the
  * one currently showing.
  */
-declare function DotLottieInView({ enabled, rootMargin, threshold, className, style, poster, ...dotProps }: DotLottieInViewProps): react_jsx_runtime.JSX.Element;
+declare function DotLottieInView({ enabled, rootMargin, threshold, loop, className, style, poster, ...dotProps }: DotLottieInViewProps): react_jsx_runtime.JSX.Element;
 
 /** Visual colour theme for each card — matches the Figma palette. */
 type StickyCardTheme = "light" | "coral" | "dark";
@@ -2404,4 +2409,384 @@ declare const RESOURCE_BANNER_DERIV_CONTENT: {
 };
 declare const ResourceBanner: ({ title, description, links, headingLevel: HeadingTag, className, ...props }: ResourceBannerProps) => react_jsx_runtime.JSX.Element;
 
-export { AVATAR_DATA, Accordion, type AccordionProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, type AwardItem, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CORAL_BANNER_DERIV_SLIDES, CTABanner, type CTABannerProps, type CalculationToken, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, CoralBanner, type CoralBannerButton, type CoralBannerProps, type CoralBannerSlide, DEFAULT_AWARDS, DEFAULT_CULTURE_CARDS, DEFAULT_EXCHANGE_RATE_WS_URL, DEFAULT_SYMBOLS_ENDPOINT, DayNightTransition, type DayNightTransitionProps, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, DynamicTable, type DynamicTableColumnDef, type DynamicTableProps, type DynamicTableRowData, type DynamicTableVariant, FEATURE_AWARDS_TEXT_CONTENT, FEATURE_BLOG_CATEGORIES_TEXT_CONTENT, FEATURE_BLOG_TEXT_CONTENT, FEATURE_OFFICES_TEXT_CONTENT, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureAwards, type FeatureAwardsProps, FeatureBlog, type FeatureBlogAuthor, FeatureBlogCategories, type FeatureBlogCategoriesProps, type FeatureBlogCategoryPost, type FeatureBlogCategoryTab, type FeatureBlogContentBlock, type FeatureBlogContentBlockType, FeatureBlogPage, type FeatureBlogPageProps, type FeatureBlogPost, type FeatureBlogProps, type FeatureBlogSharePlatform, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, type FeatureOffice, type FeatureOfficeRegion, FeatureOffices, type FeatureOfficesProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, FeatureSplit, type FeatureSplitImagePosition, type FeatureSplitProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, type FormulaBlock, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, type HelpCenterContentBlock, type HelpCenterContentBlockType, HelpCenterPage, type HelpCenterPageProps, type HelpCenterQuestionItem, HelpCentreCategories, type HelpCentreCategoriesProps, type HelpCentreCategoryItem, HelpCentreSubCategories, type HelpCentreSubCategoriesProps, type HelpCentreSubCategoryItem, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, IMAGE_BANNER_CHIPS_DEFAULT_IMAGE, ImageBanner, type ImageBannerProps, type ImageBannerVariant, type LanguageItem, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, MasterPartner, type MasterPartnerNote, type MasterPartnerProps, type MasterPartnerStep, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, PARALLAX_BANNER_TEXT_CONTENT, Pagination, type PaginationProps, ParallaxBanner, type ParallaxBannerCultureCard, type ParallaxBannerProps, type PartnerPayoutItem, PartnersPayout, type PartnersPayoutProps, PeopleGrid, type PeopleGridProps, type PersonItem, RESOURCE_BANNER_DERIV_CONTENT, ResourceBanner, type ResourceBannerHeadingLevel, type ResourceBannerLink, type ResourceBannerProps, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, type SwapCalculationMode, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, type TierAccent, type TierItem, Tiers, type TiersProps, TradingCalculator, TradingCalculatorHowTo, type TradingCalculatorHowToProps, type TradingCalculatorHowToVariant, type TradingCalculatorProps, type TradingCalculatorResults, type TradingCalculatorVariant, type TradingSymbolSpec, dayNightTransitionV2Preset };
+type OptionsTypesVariant = "tabs" | "single";
+type OptionsTypesIcon = "forex" | "stock-indices" | "commodities" | "derived-indices" | "cryptocurrencies" | "deriv-trader" | "deriv-bot" | "smarttrader";
+interface OptionsTypesAnimation {
+    /** Stable key for playback state. */
+    id?: string;
+    /**
+     * Outcome this animation shows, e.g. "Rise". Names the play control rather
+     * than rendering as card text, since the artwork already contains the word.
+     */
+    label: string;
+    /** HTTPS URL to a .lottie animation. */
+    src: string;
+    /** Still image covering the card until playback starts. */
+    posterUrl?: string;
+}
+interface OptionsTypesMetaItem {
+    /** Visible market or platform name. */
+    label: string;
+    /** Optional built-in icon. */
+    icon?: OptionsTypesIcon;
+    /** HTTPS URL to a hosted glyph. Takes precedence over `icon`. */
+    iconUrl?: string;
+    /** Optional destination; when omitted the item renders as plain text. */
+    href?: string;
+}
+interface OptionsTypesItem {
+    /** Stable item and tab identifier. */
+    id: string;
+    /** Tab label. Defaults to `title`. */
+    label?: string;
+    /** Option type title. */
+    title: string;
+    /** Explanation shown above or beside the animation cards. */
+    description: string;
+    /** One or two animation cards. */
+    animations: OptionsTypesAnimation[];
+    /** Markets where this option type is available. */
+    markets?: OptionsTypesMetaItem[];
+    /** Platforms where this option type can be traded. */
+    platforms?: OptionsTypesMetaItem[];
+}
+interface OptionsTypesProps extends Omit<HTMLAttributes<HTMLElement>, "title" | "onChange"> {
+    /**
+     * `tabs` shows a selectable list of option types.
+     * `single` shows one option in a media/content split.
+     * @default "tabs"
+     */
+    variant?: OptionsTypesVariant;
+    /** Section heading. */
+    heading?: string;
+    /** Heading element used for the section title. */
+    headingLevel?: "h2" | "h3" | "h4";
+    /** Ordered option-type content. */
+    items?: OptionsTypesItem[];
+    /** Initially selected item for uncontrolled tab usage. */
+    defaultActiveId?: string;
+    /** Selected item for controlled tab usage. */
+    activeId?: string;
+    /** Optional selection callback. */
+    onChange?: (id: string) => void;
+    /** Label above the market list. */
+    marketsLabel?: string;
+    /** Label above the platform list. */
+    platformsLabel?: string;
+    /** Optional small-print note below the block. */
+    disclaimer?: string;
+}
+
+declare const OPTIONS_TYPES_PLACEHOLDER_ITEMS: OptionsTypesItem[];
+declare function OptionsTypes({ variant, heading, headingLevel, items, defaultActiveId, activeId, onChange, marketsLabel, platformsLabel, disclaimer, className, ...props }: OptionsTypesProps): react_jsx_runtime.JSX.Element;
+
+declare const OPTIONS_TYPES_DIGITAL_CONTENT: OptionsTypesProps;
+declare const OPTIONS_TYPES_ACCUMULATOR_CONTENT: OptionsTypesProps;
+declare const OPTIONS_TYPES_VANILLA_CONTENT: OptionsTypesProps;
+declare const OPTIONS_TYPES_TURBO_CONTENT: OptionsTypesProps;
+declare const OPTIONS_TYPES_MULTIPLIERS_CONTENT: OptionsTypesProps;
+
+type EntityInfoSectionHeadingLevel = "h2" | "h3" | "h4";
+interface EntityInfoSectionLink {
+    /** Unique key for the link (falls back to array index) */
+    id?: string | number;
+    /** Link label, e.g. "View licence" / "View membership" */
+    label: string;
+    /** Destination — usually a regulatory PDF */
+    href: string;
+    /**
+     * Opens in a new tab. Regulatory documents are hosted off-site
+     * (docs.deriv.com), so this defaults to true.
+     * @default true
+     */
+    external?: boolean;
+}
+interface EntityInfoSectionProps extends HTMLAttributes<HTMLElement> {
+    /** Legal entity name, e.g. "Deriv (FX) Ltd" */
+    name?: string;
+    /** Registration / licensing paragraph */
+    description?: string;
+    /**
+     * Optional bulleted list rendered below the paragraph — used by entities
+     * that enumerate their regulated activities.
+     */
+    bullets?: string[];
+    /**
+     * Coral arrow links rendered below the copy, e.g. "View licence".
+     * Laid out in a row that wraps, matching the reference section.
+     */
+    links?: EntityInfoSectionLink[];
+    /**
+     * Heading tag to render. These blocks repeat down a page under a single
+     * page title, so a lower level is often correct.
+     * @default "h2"
+     */
+    headingLevel?: EntityInfoSectionHeadingLevel;
+}
+
+declare const EntityInfoSection: ({ name, description, bullets, links, headingLevel: HeadingTag, className, ...props }: EntityInfoSectionProps) => react_jsx_runtime.JSX.Element;
+
+type CountryLinkGridHeadingLevel = "h2" | "h3" | "h4";
+interface CountryLinkGridItem {
+    /** Unique key for the item (falls back to array index) */
+    id?: string | number;
+    /** Country name, e.g. "Country name" */
+    label: string;
+    /** Destination — usually a per-country regulatory PDF */
+    href: string;
+    /**
+     * Flag icon source. Remote by design: flags are hosted on the CDN and are
+     * never bundled with the design system, so the consumer supplies the URL.
+     * Omit to render the item as text only.
+     */
+    iconSrc?: string;
+    /**
+     * Alternative text for the flag image.
+     *
+     * Defaults to `""` (decorative). The country name is rendered as text
+     * immediately beside the flag inside the same link, so describing the flag
+     * as well would make a screen reader announce the country twice. Only set
+     * this when the image carries information the label does not.
+     * @default ""
+     */
+    iconAlt?: string;
+    /**
+     * Opens in a new tab. The linked documents are hosted off-site
+     * (docs.deriv.com), so this defaults to true.
+     * @default true
+     */
+    external?: boolean;
+}
+interface CountryLinkGridProps extends HTMLAttributes<HTMLElement> {
+    /** Section heading, e.g. the entity whose passporting list this is */
+    title?: string;
+    /** Intro paragraph rendered under the heading */
+    description?: string;
+    /**
+     * Countries rendered in the grid. Each is a flag icon plus a country name
+     * linking to that country's document.
+     */
+    items?: CountryLinkGridItem[];
+    /**
+     * Heading tag to render. This block usually sits under a page title and
+     * beside other regulatory sections, so a lower level is often correct.
+     * @default "h2"
+     */
+    headingLevel?: CountryLinkGridHeadingLevel;
+}
+
+declare const CountryLinkGrid: ({ title, description, items, headingLevel: HeadingTag, className, ...props }: CountryLinkGridProps) => react_jsx_runtime.JSX.Element;
+
+type DocumentChipsHeadingLevel = "h2" | "h3" | "h4";
+type DocumentChipsVariant = "accordion" | "flat";
+interface DocumentChipsLanguageLink {
+    /**
+     * Link label.
+     * @default "Choose language"
+     */
+    label?: string;
+    /**
+     * Destination used when JavaScript has not taken over — the link is a real
+     * anchor, so it needs somewhere to go. Falls back to the document's own
+     * `href`. When `onLanguageSelect` is supplied the default is prevented and
+     * the callback runs instead.
+     */
+    href?: string;
+}
+interface DocumentChipsDocument {
+    /** Unique key for the chip (falls back to array index) */
+    id?: string | number;
+    /** Document title, e.g. the name of the PDF as it should read to a user */
+    title: string;
+    /** Destination — usually an off-site PDF */
+    href: string;
+    /**
+     * Opens in a new tab with `rel="noopener noreferrer"`. These documents are
+     * normally hosted off-site, so this defaults to true.
+     * @default true
+     */
+    external?: boolean;
+    /**
+     * Per-document override of the file mark. Defaults to the template-level
+     * `iconSrc`, which itself defaults to the shared PDF mark.
+     */
+    iconSrc?: string;
+    /**
+     * Trailing language link. Omit it and the chip renders as icon + title
+     * only — the two chip shapes are driven by data, not by a variant.
+     */
+    languageLink?: DocumentChipsLanguageLink;
+}
+interface DocumentChipsGroup {
+    /** Unique key for the group (falls back to array index) */
+    id?: string | number;
+    /** Group heading rendered in the accordion trigger, e.g. a product family */
+    title: string;
+    /** Document chips revealed when the group is expanded */
+    documents?: DocumentChipsDocument[];
+}
+interface DocumentChipsProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * `accordion` — expandable groups (default). `flat` — a single chip list
+     * with no accordion chrome.
+     * @default "accordion"
+     */
+    variant?: DocumentChipsVariant;
+    /** Section heading rendered above the groups. Pass `""` to drop it */
+    title?: string;
+    /** Optional intro paragraph rendered under the heading */
+    description?: string;
+    /** Expandable groups, each holding a set of document chips */
+    groups?: DocumentChipsGroup[];
+    /**
+     * Default file mark rendered at the start of every chip, as an `<img>`.
+     * This is a fixed brand asset, not a themeable icon — override it only to
+     * point at a different hosted mark.
+     * @default "https://media.ffycdn.net/eu/deriv/d/8d33a322464c4809a9d01119104caa0d"
+     */
+    iconSrc?: string;
+    /**
+     * Alt text for the file mark. Empty by default: the mark is decorative
+     * next to the document title it sits beside.
+     * @default ""
+     */
+    iconAlt?: string;
+    /**
+     * Allow more than one group open at a time. Off by default, matching the
+     * reference block, which opens the first group and one group at a time.
+     * @default false
+     */
+    allowMultipleOpen?: boolean;
+    /**
+     * Called when a chip's language link is activated. When supplied, the
+     * link's default navigation is prevented — wire this to
+     * `LanguageSelectModal`. When omitted the link navigates normally.
+     */
+    onLanguageSelect?: (document: DocumentChipsDocument, event: MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Heading tag to render. Demote when the page already owns the heading
+     * hierarchy above this section.
+     * @default "h2"
+     */
+    headingLevel?: DocumentChipsHeadingLevel;
+}
+
+declare const DocumentChips: ({ variant, title, description, groups, iconSrc, iconAlt, allowMultipleOpen, onLanguageSelect, headingLevel: HeadingTag, className, ...props }: DocumentChipsProps) => react_jsx_runtime.JSX.Element;
+
+interface LinkModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Whether the dialog is rendered. Nothing mounts while false */
+    open: boolean;
+    /**
+     * Called when the user dismisses the dialog — close button, Escape key,
+     * or a click on the scrim. The consumer owns the open state.
+     */
+    onClose: () => void;
+    /** Dialog title, rendered centred and used as the dialog's accessible name */
+    title?: string;
+    /** Accessible label for the close button */
+    closeLabel?: string;
+    /** Dialog body — any content the consumer supplies */
+    children?: ReactNode;
+    /**
+     * Heading tag for the title. The dialog is a top-level surface, so `h2` is
+     * usually right regardless of the page's own hierarchy.
+     * @default "h2"
+     */
+    headingLevel?: "h2" | "h3";
+    /**
+     * Element the dialog is portalled into. Defaults to `document.body`.
+     * Pass a node when the app renders inside a shadow root or a modal host.
+     */
+    container?: HTMLElement | null;
+}
+
+declare const LinkModal: ({ open, onClose, title, closeLabel, children, headingLevel: HeadingTag, container, className, ...props }: LinkModalProps) => react.ReactPortal | null;
+
+interface LanguageSelectModalOption {
+    id?: string | number;
+    label: string;
+    href: string;
+    flagSrc?: string;
+    flagAlt?: string;
+    external?: boolean;
+}
+interface LanguageSelectModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title">, Pick<LinkModalProps, "open" | "onClose" | "title" | "closeLabel" | "headingLevel" | "container"> {
+    options?: LanguageSelectModalOption[];
+}
+
+declare const LanguageSelectModal: ({ open, onClose, title, closeLabel, options, headingLevel, container, className, ...props }: LanguageSelectModalProps) => react_jsx_runtime.JSX.Element;
+
+interface AffiliatesSliderProps extends HTMLAttributes<HTMLElement> {
+    /** Section heading */
+    title?: string;
+    /** Intro paragraph under the heading */
+    description?: string;
+    /**
+     * Minimum slider value.
+     * @default 10
+     */
+    min?: number;
+    /**
+     * Maximum slider value.
+     * @default 50
+     */
+    max?: number;
+    /**
+     * Slider step.
+     * @default 1
+     */
+    step?: number;
+    /**
+     * Initial slider value when uncontrolled.
+     * @default 10
+     */
+    defaultValue?: number;
+    /** Controlled slider value */
+    value?: number;
+    /** Called when the slider value changes */
+    onValueChange?: (value: number) => void;
+    /**
+     * Label shown under the referrals count.
+     * @default "total referrals (Min deposit amount of $100 each)"
+     */
+    referralsLabel?: string;
+    /**
+     * Label shown under the income figure.
+     * @default "your potential income per month"
+     */
+    incomeLabel?: string;
+    /**
+     * Amount earned per referral — multiplied by the slider value for the
+     * income display.
+     * @default 100
+     */
+    incomePerReferral?: number;
+    /**
+     * Currency symbol prepended to the income figure.
+     * @default "$"
+     */
+    currencySymbol?: string;
+    /**
+     * Tick labels rendered under the track. Defaults to five evenly spaced
+     * values from `min` to `max`.
+     */
+    tickValues?: number[];
+    /**
+     * Disclaimer copy below the slider.
+     * @default "This calculator provides estimates only and may not reflect actual earnings."
+     */
+    disclaimer?: string;
+    /**
+     * Info icon beside the disclaimer. A fixed hosted brand asset.
+     * @default "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/68da5c86c91c54f39c86cdaf_icon.svg"
+     */
+    disclaimerIconSrc?: string;
+    /** Alt text for the disclaimer icon. Empty = decorative */
+    disclaimerIconAlt?: string;
+    /** Accessible label for the referrals slider */
+    sliderLabel?: string;
+}
+
+declare const AffiliatesSlider: ({ title, description, min, max, step, defaultValue, value, onValueChange, referralsLabel, incomeLabel, incomePerReferral, currencySymbol, tickValues, disclaimer, disclaimerIconSrc, disclaimerIconAlt, sliderLabel, className, ...props }: AffiliatesSliderProps) => react_jsx_runtime.JSX.Element;
+
+export { AVATAR_DATA, Accordion, type AccordionProps, AffiliatesSlider, type AffiliatesSliderProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, type AwardItem, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CORAL_BANNER_DERIV_SLIDES, CTABanner, type CTABannerProps, type CalculationToken, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, CoralBanner, type CoralBannerButton, type CoralBannerProps, type CoralBannerSlide, CountryLinkGrid, type CountryLinkGridHeadingLevel, type CountryLinkGridItem, type CountryLinkGridProps, DEFAULT_AWARDS, DEFAULT_CULTURE_CARDS, DEFAULT_EXCHANGE_RATE_WS_URL, DEFAULT_SYMBOLS_ENDPOINT, DayNightTransition, type DayNightTransitionProps, DocumentChips, type DocumentChipsDocument, type DocumentChipsGroup, type DocumentChipsHeadingLevel, type DocumentChipsLanguageLink, type DocumentChipsProps, type DocumentChipsVariant, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, DynamicTable, type DynamicTableColumnDef, type DynamicTableProps, type DynamicTableRowData, type DynamicTableVariant, EntityInfoSection, type EntityInfoSectionHeadingLevel, type EntityInfoSectionLink, type EntityInfoSectionProps, FEATURE_AWARDS_TEXT_CONTENT, FEATURE_BLOG_CATEGORIES_TEXT_CONTENT, FEATURE_BLOG_TEXT_CONTENT, FEATURE_OFFICES_TEXT_CONTENT, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureAwards, type FeatureAwardsProps, FeatureBlog, type FeatureBlogAuthor, FeatureBlogCategories, type FeatureBlogCategoriesProps, type FeatureBlogCategoryPost, type FeatureBlogCategoryTab, type FeatureBlogContentBlock, type FeatureBlogContentBlockType, FeatureBlogPage, type FeatureBlogPageProps, type FeatureBlogPost, type FeatureBlogProps, type FeatureBlogSharePlatform, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, type FeatureOffice, type FeatureOfficeRegion, FeatureOffices, type FeatureOfficesProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, FeatureSplit, type FeatureSplitImagePosition, type FeatureSplitProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, type FormulaBlock, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, type HelpCenterContentBlock, type HelpCenterContentBlockType, HelpCenterPage, type HelpCenterPageProps, type HelpCenterQuestionItem, HelpCentreCategories, type HelpCentreCategoriesProps, type HelpCentreCategoryItem, HelpCentreSubCategories, type HelpCentreSubCategoriesProps, type HelpCentreSubCategoryItem, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, IMAGE_BANNER_CHIPS_DEFAULT_IMAGE, ImageBanner, type ImageBannerProps, type ImageBannerVariant, type LanguageItem, LanguageSelectModal, type LanguageSelectModalOption, type LanguageSelectModalProps, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, LinkModal, type LinkModalProps, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, MasterPartner, type MasterPartnerNote, type MasterPartnerProps, type MasterPartnerStep, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, OPTIONS_TYPES_ACCUMULATOR_CONTENT, OPTIONS_TYPES_DIGITAL_CONTENT, OPTIONS_TYPES_MULTIPLIERS_CONTENT, OPTIONS_TYPES_PLACEHOLDER_ITEMS, OPTIONS_TYPES_TURBO_CONTENT, OPTIONS_TYPES_VANILLA_CONTENT, OptionsTypes, type OptionsTypesAnimation, type OptionsTypesIcon, type OptionsTypesItem, type OptionsTypesMetaItem, type OptionsTypesProps, type OptionsTypesVariant, PARALLAX_BANNER_TEXT_CONTENT, Pagination, type PaginationProps, ParallaxBanner, type ParallaxBannerCultureCard, type ParallaxBannerProps, type PartnerPayoutItem, PartnersPayout, type PartnersPayoutProps, PeopleGrid, type PeopleGridProps, type PersonItem, RESOURCE_BANNER_DERIV_CONTENT, ResourceBanner, type ResourceBannerHeadingLevel, type ResourceBannerLink, type ResourceBannerProps, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, type SwapCalculationMode, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, type TierAccent, type TierItem, Tiers, type TiersProps, TradingCalculator, TradingCalculatorHowTo, type TradingCalculatorHowToProps, type TradingCalculatorHowToVariant, type TradingCalculatorProps, type TradingCalculatorResults, type TradingCalculatorVariant, type TradingSymbolSpec, dayNightTransitionV2Preset };