@deriv-web-design/ui 0.0.25 → 0.0.26

package/dist/index.d.mts

@@ -592,36 +592,49 @@ interface StatItem {
     /** Descriptive label below the value, e.g. "customers worldwide" */
     label: string;
 }
-interface AwardItem {
-    /** URL of the award badge image (PNG, SVG, WebP, etc.) */
-    imageSrc: string;
-    /** Accessible alt text for the award image */
-    imageAlt?: string;
+/**
+ * Text-based award badge (laurel-wrapped heading + subheading).
+ * Mirrors the `.award_component` markup from the Webflow
+ * `stats-carousel` reference.
+ */
+interface StatsAward {
+    /** Primary award title, e.g. "Best Trading Experience - Global" */
+    heading: string;
+    /** Secondary line, e.g. "Ultimate Fintech 2025" */
+    subheading: string;
 }
 interface StatsProps extends HTMLAttributes<HTMLElement> {
     /** Section heading (H2) */
     title: string;
-    /** Optional body copy below the heading */
+    /** Optional supporting copy below the heading */
     description?: string;
     /**
-     * Ordered list of stats displayed in the centre card.
-     * Mark one item as `featured: true` to render it at the hero size.
+     * Ordered list of stats displayed in the centre carousel card.
+     * The carousel auto-rotates and never stops; provide ≥ 2 items
+     * to enable the animation.
      */
     stats: StatItem[];
     /**
-     * Award badge images shown on the left side (desktop) / top row (mobile).
-     * Maximum 2 items recommended.
+     * Award badges shown in the left column on desktop and as the first
+     * group on the mobile grid. Visually top-aligned on desktop.
      */
-    leftAwards?: AwardItem[];
+    leftAwards?: StatsAward[];
     /**
-     * Award badge images shown on the right side (desktop) / bottom row (mobile).
-     * Maximum 2 items recommended.
+     * Award badges shown in the right column on desktop and as the
+     * second group on the mobile grid. Bottom-aligned on desktop.
      */
-    rightAwards?: AwardItem[];
+    rightAwards?: StatsAward[];
 }
 
 declare const Stats: ({ title, description, stats, leftAwards, rightAwards, className, ...props }: StatsProps) => react_jsx_runtime.JSX.Element;
 
+interface StatsSimpleProps extends HTMLAttributes<HTMLElement> {
+    /** Ordered list of stat items to display in the horizontal grid. */
+    stats: StatItem[];
+}
+
+declare const StatsSimple: ({ stats, className, ...props }: StatsSimpleProps) => react_jsx_runtime.JSX.Element;
+
 interface FeatureScrollItem {
     /** Short feature name, e.g. "Forex" */
     title: string;
@@ -1094,22 +1107,28 @@ interface TableProps extends HTMLAttributes<HTMLDivElement> {
 
 declare const Table: ({ sectionTitle, columns, rows, mainColumnKey, pageSize, searchPlaceholder, infoText, className, ...props }: TableProps) => react_jsx_runtime.JSX.Element;
 
-interface LeaderItem {
-    /** Leader's full name */
+interface PersonItem {
+    /** Person's full name */
     name: string;
-    /** Leader's job title or role */
+    /** Person's job title or role */
     role: string;
-    /** URL to the leader's profile image */
+    /** URL to the person's profile image */
     imageUrl: string;
-    /** URL to the leader's LinkedIn profile */
-    linkedinUrl?: string;
-}
-interface LeadersProps {
-    /** Section title (e.g., "Our leaders") */
+    /** Optional URL for a profile link (e.g. LinkedIn, personal page) */
+    linkUrl?: string;
+    /** Accessible label for the link (e.g. "LinkedIn", "Website") — defaults to "Profile" */
+    linkLabel?: string;
+    /** Optional icon element to render inside the link */
+    linkIcon?: React.ReactNode;
+}
+interface AvatarGridProps {
+    /** Section title */
     title?: string;
-    /** Array of leader data objects */
-    items: LeaderItem[];
-    /** Number of items to show initially before expanding (default: 8) */
+    /** Optional description text rendered below the title */
+    description?: string;
+    /** Array of person data objects */
+    items: PersonItem[];
+    /** Number of items to show initially before expanding (default: 4) */
     initialVisibleCount?: number;
     /** Text for the expand button (default: "View all") */
     expandText?: string;
@@ -1118,7 +1137,69 @@ interface LeadersProps {
     /** Optional CSS class name */
     className?: string;
 }
+/** @deprecated Use AvatarGridProps instead */
+type PeopleGridProps = AvatarGridProps;
+/** @deprecated Use AvatarGridProps instead */
+type LeadersProps = AvatarGridProps;
+/** @deprecated Use PersonItem instead */
+type LeaderItem = PersonItem;
+
+declare const AvatarGrid: ({ title, description, items, initialVisibleCount, expandText, collapseText, className, ...props }: AvatarGridProps) => react_jsx_runtime.JSX.Element;
+/** @deprecated Use AvatarGrid instead */
+declare const PeopleGrid: ({ title, description, items, initialVisibleCount, expandText, collapseText, className, ...props }: AvatarGridProps) => react_jsx_runtime.JSX.Element;
+/** @deprecated Use AvatarGrid instead */
+declare const Leaders: ({ title, description, items, initialVisibleCount, expandText, collapseText, className, ...props }: AvatarGridProps) => react_jsx_runtime.JSX.Element;
+
+interface ImageBannerProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Layout variant.
+     * - `"split"` (default): image fills the right-hand panel; text on the left.
+     * - `"full-bg"`: image covers the entire card as a background; text overlaid on top.
+     */
+    variant?: "split" | "full-bg";
+    /** Section headline */
+    title?: string;
+    /** Supporting body copy beneath the title */
+    description?: string;
+    /** CTA link label */
+    ctaLabel?: string;
+    /** CTA link href */
+    ctaHref?: string;
+    /** Callback fired when the CTA link is clicked */
+    onCtaClick?: () => void;
+    /**
+     * URL of the photo.
+     * - `"split"`: fills the right-hand panel; stacks below text on mobile.
+     * - `"full-bg"`: covers the entire card as a background image.
+     */
+    imageUrl?: string;
+    /** Accessible alt text for the image */
+    imageAlt?: string;
+    /** Optional extra CSS class on the root element */
+    className?: string;
+}
+
+declare const ImageBanner: ({ variant, title, description, ctaLabel, ctaHref, onCtaClick, imageUrl, imageAlt, className, ...props }: ImageBannerProps) => react_jsx_runtime.JSX.Element;
+
+interface TestimonialItem {
+    /** The testimonial quote text */
+    quote: string;
+    /** Author name or label (e.g. "Deriv partner") */
+    authorName: string;
+    /** Author location or subtitle (e.g. "Sri Lanka") */
+    authorLocation?: string;
+    /** Optional author avatar image URL */
+    avatarUrl?: string;
+}
+interface TestimonialProps {
+    /** Section heading */
+    title?: string;
+    /** Array of testimonial items to display in the carousel */
+    items: TestimonialItem[];
+    /** Optional CSS class name applied to the outer section */
+    className?: string;
+}
 
-declare const Leaders: ({ title, items, initialVisibleCount, expandText, collapseText, className, ...props }: LeadersProps) => react_jsx_runtime.JSX.Element;
+declare const Testimonial: ({ title, items, className, ...props }: TestimonialProps) => react_jsx_runtime.JSX.Element | null;
 
-export { AVATAR_DATA, Accordion, type AccordionProps, 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, CTABanner, type CTABannerProps, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, DayNightTransition, type DayNightTransitionProps, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, type LanguageItem, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, Pagination, type PaginationProps, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, 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, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, dayNightTransitionV2Preset };
+export { AVATAR_DATA, Accordion, type AccordionProps, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, 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, CTABanner, type CTABannerProps, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, DayNightTransition, type DayNightTransitionProps, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, ImageBanner, type ImageBannerProps, type LanguageItem, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, Pagination, type PaginationProps, PeopleGrid, type PeopleGridProps, type PersonItem, 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, 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, dayNightTransitionV2Preset };

package/dist/index.d.ts

@@ -592,36 +592,49 @@ interface StatItem {
     /** Descriptive label below the value, e.g. "customers worldwide" */
     label: string;
 }
-interface AwardItem {
-    /** URL of the award badge image (PNG, SVG, WebP, etc.) */
-    imageSrc: string;
-    /** Accessible alt text for the award image */
-    imageAlt?: string;
+/**
+ * Text-based award badge (laurel-wrapped heading + subheading).
+ * Mirrors the `.award_component` markup from the Webflow
+ * `stats-carousel` reference.
+ */
+interface StatsAward {
+    /** Primary award title, e.g. "Best Trading Experience - Global" */
+    heading: string;
+    /** Secondary line, e.g. "Ultimate Fintech 2025" */
+    subheading: string;
 }
 interface StatsProps extends HTMLAttributes<HTMLElement> {
     /** Section heading (H2) */
     title: string;
-    /** Optional body copy below the heading */
+    /** Optional supporting copy below the heading */
     description?: string;
     /**
-     * Ordered list of stats displayed in the centre card.
-     * Mark one item as `featured: true` to render it at the hero size.
+     * Ordered list of stats displayed in the centre carousel card.
+     * The carousel auto-rotates and never stops; provide ≥ 2 items
+     * to enable the animation.
      */
     stats: StatItem[];
     /**
-     * Award badge images shown on the left side (desktop) / top row (mobile).
-     * Maximum 2 items recommended.
+     * Award badges shown in the left column on desktop and as the first
+     * group on the mobile grid. Visually top-aligned on desktop.
      */
-    leftAwards?: AwardItem[];
+    leftAwards?: StatsAward[];
     /**
-     * Award badge images shown on the right side (desktop) / bottom row (mobile).
-     * Maximum 2 items recommended.
+     * Award badges shown in the right column on desktop and as the
+     * second group on the mobile grid. Bottom-aligned on desktop.
      */
-    rightAwards?: AwardItem[];
+    rightAwards?: StatsAward[];
 }
 
 declare const Stats: ({ title, description, stats, leftAwards, rightAwards, className, ...props }: StatsProps) => react_jsx_runtime.JSX.Element;
 
+interface StatsSimpleProps extends HTMLAttributes<HTMLElement> {
+    /** Ordered list of stat items to display in the horizontal grid. */
+    stats: StatItem[];
+}
+
+declare const StatsSimple: ({ stats, className, ...props }: StatsSimpleProps) => react_jsx_runtime.JSX.Element;
+
 interface FeatureScrollItem {
     /** Short feature name, e.g. "Forex" */
     title: string;
@@ -1094,22 +1107,28 @@ interface TableProps extends HTMLAttributes<HTMLDivElement> {
 
 declare const Table: ({ sectionTitle, columns, rows, mainColumnKey, pageSize, searchPlaceholder, infoText, className, ...props }: TableProps) => react_jsx_runtime.JSX.Element;
 
-interface LeaderItem {
-    /** Leader's full name */
+interface PersonItem {
+    /** Person's full name */
     name: string;
-    /** Leader's job title or role */
+    /** Person's job title or role */
     role: string;
-    /** URL to the leader's profile image */
+    /** URL to the person's profile image */
     imageUrl: string;
-    /** URL to the leader's LinkedIn profile */
-    linkedinUrl?: string;
-}
-interface LeadersProps {
-    /** Section title (e.g., "Our leaders") */
+    /** Optional URL for a profile link (e.g. LinkedIn, personal page) */
+    linkUrl?: string;
+    /** Accessible label for the link (e.g. "LinkedIn", "Website") — defaults to "Profile" */
+    linkLabel?: string;
+    /** Optional icon element to render inside the link */
+    linkIcon?: React.ReactNode;
+}
+interface AvatarGridProps {
+    /** Section title */
     title?: string;
-    /** Array of leader data objects */
-    items: LeaderItem[];
-    /** Number of items to show initially before expanding (default: 8) */
+    /** Optional description text rendered below the title */
+    description?: string;
+    /** Array of person data objects */
+    items: PersonItem[];
+    /** Number of items to show initially before expanding (default: 4) */
     initialVisibleCount?: number;
     /** Text for the expand button (default: "View all") */
     expandText?: string;
@@ -1118,7 +1137,69 @@ interface LeadersProps {
     /** Optional CSS class name */
     className?: string;
 }
+/** @deprecated Use AvatarGridProps instead */
+type PeopleGridProps = AvatarGridProps;
+/** @deprecated Use AvatarGridProps instead */
+type LeadersProps = AvatarGridProps;
+/** @deprecated Use PersonItem instead */
+type LeaderItem = PersonItem;
+
+declare const AvatarGrid: ({ title, description, items, initialVisibleCount, expandText, collapseText, className, ...props }: AvatarGridProps) => react_jsx_runtime.JSX.Element;
+/** @deprecated Use AvatarGrid instead */
+declare const PeopleGrid: ({ title, description, items, initialVisibleCount, expandText, collapseText, className, ...props }: AvatarGridProps) => react_jsx_runtime.JSX.Element;
+/** @deprecated Use AvatarGrid instead */
+declare const Leaders: ({ title, description, items, initialVisibleCount, expandText, collapseText, className, ...props }: AvatarGridProps) => react_jsx_runtime.JSX.Element;
+
+interface ImageBannerProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Layout variant.
+     * - `"split"` (default): image fills the right-hand panel; text on the left.
+     * - `"full-bg"`: image covers the entire card as a background; text overlaid on top.
+     */
+    variant?: "split" | "full-bg";
+    /** Section headline */
+    title?: string;
+    /** Supporting body copy beneath the title */
+    description?: string;
+    /** CTA link label */
+    ctaLabel?: string;
+    /** CTA link href */
+    ctaHref?: string;
+    /** Callback fired when the CTA link is clicked */
+    onCtaClick?: () => void;
+    /**
+     * URL of the photo.
+     * - `"split"`: fills the right-hand panel; stacks below text on mobile.
+     * - `"full-bg"`: covers the entire card as a background image.
+     */
+    imageUrl?: string;
+    /** Accessible alt text for the image */
+    imageAlt?: string;
+    /** Optional extra CSS class on the root element */
+    className?: string;
+}
+
+declare const ImageBanner: ({ variant, title, description, ctaLabel, ctaHref, onCtaClick, imageUrl, imageAlt, className, ...props }: ImageBannerProps) => react_jsx_runtime.JSX.Element;
+
+interface TestimonialItem {
+    /** The testimonial quote text */
+    quote: string;
+    /** Author name or label (e.g. "Deriv partner") */
+    authorName: string;
+    /** Author location or subtitle (e.g. "Sri Lanka") */
+    authorLocation?: string;
+    /** Optional author avatar image URL */
+    avatarUrl?: string;
+}
+interface TestimonialProps {
+    /** Section heading */
+    title?: string;
+    /** Array of testimonial items to display in the carousel */
+    items: TestimonialItem[];
+    /** Optional CSS class name applied to the outer section */
+    className?: string;
+}
 
-declare const Leaders: ({ title, items, initialVisibleCount, expandText, collapseText, className, ...props }: LeadersProps) => react_jsx_runtime.JSX.Element;
+declare const Testimonial: ({ title, items, className, ...props }: TestimonialProps) => react_jsx_runtime.JSX.Element | null;
 
-export { AVATAR_DATA, Accordion, type AccordionProps, 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, CTABanner, type CTABannerProps, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, DayNightTransition, type DayNightTransitionProps, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, type LanguageItem, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, Pagination, type PaginationProps, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, 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, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, dayNightTransitionV2Preset };
+export { AVATAR_DATA, Accordion, type AccordionProps, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, 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, CTABanner, type CTABannerProps, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, DayNightTransition, type DayNightTransitionProps, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, ImageBanner, type ImageBannerProps, type LanguageItem, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, Pagination, type PaginationProps, PeopleGrid, type PeopleGridProps, type PersonItem, 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, 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, dayNightTransitionV2Preset };