@smg-automotive/components 25.11.0-dgajin-vsst-4352-migrate-carousel.2 → 25.11.0-feat-migrate-color-picker.1

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { keyframes } from '@emotion/react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { UseMediaQueryOptions, AccordionRootProps, RecipeVariantProps, BoxProps, BadgeProps as BadgeProps$1, BreadcrumbRootProps, ButtonProps, Card as Card$1, CenterProps as CenterProps$1, CheckboxCheckedChangeDetails, InputProps as InputProps$1, Switch as Switch$1, UseDialogProps, DrawerContentProps, DrawerBodyProps, DrawerRootProps, FlexProps as FlexProps$1, HeadingProps as HeadingProps$1, LinkProps as LinkProps$2, List as List$1, MenuTriggerProps, MenuContentProps, MenuRootProps, Accordion as Accordion$1, NativeSelectRootProps, NativeSelectFieldProps, SeparatorProps, SimpleGridProps, StackProps as StackProps$1, TabsTriggerProps, TabsListProps, TabsContentProps, TabsRootProps, Table as Table$1, TextProps, NumberInput, Slider, ConditionalValue } from '@chakra-ui/react';
+import { UseMediaQueryOptions, AccordionRootProps, RecipeVariantProps, BoxProps, BadgeProps as BadgeProps$1, BreadcrumbRootProps, ButtonProps, Card as Card$1, InputProps as InputProps$1, CenterProps as CenterProps$1, CheckboxCheckedChangeDetails, Switch as Switch$1, UseDialogProps, DrawerContentProps, DrawerBodyProps, DrawerRootProps, FlexProps as FlexProps$1, HeadingProps as HeadingProps$1, LinkProps as LinkProps$2, List as List$1, ConditionalValue, MenuTriggerProps, MenuContentProps, MenuRootProps, Accordion as Accordion$1, NumberInput, Slider, NativeSelectRootProps, NativeSelectFieldProps, SeparatorProps, SimpleGridProps, StackProps as StackProps$1, TabsTriggerProps, TabsListProps, TabsContentProps, TabsRootProps, Table as Table$1, TextProps } from '@chakra-ui/react';
 export { AspectRatioProps, Box, BoxProps, CardBodyProps, CardFooterProps, CardHeaderProps, GridItemProps, GridProps, ListItemProps, ListRootProps, SeparatorProps, StackSeparator, TableBodyProps, TableCaptionProps, TableCellProps, TableColumnGroupProps, TableColumnHeaderProps, TableColumnProps, TableFooterProps, TableHeaderProps, TableRootProps, TableRowProps, TableScrollAreaProps, TextProps, useBreakpointValue, useChakraContext, useDisclosure } from '@chakra-ui/react';
 import * as React from 'react';
 import React__default, { FocusEventHandler, ChangeEventHandler, FC, PropsWithChildren, ReactNode, ReactElement, ElementType, ComponentProps, JSX } from 'react';
@@ -9,8 +9,8 @@ import * as node_modules__chakra_ui_react_dist_types_styled_system_generated_sys
 import * as node_modules__chakra_ui_react_dist_types_styled_system_generated_prop_types_gen from 'node_modules/@chakra-ui/react/dist/types/styled-system/generated/prop-types.gen';
 import * as node_modules__chakra_ui_react_dist_types_styled_system_css_types from 'node_modules/@chakra-ui/react/dist/types/styled-system/css.types';
 import { Language as Language$1 } from '@smg-automotive/i18n-pkg';
-import { EnrichedSessionUser } from '@smg-automotive/auth';
 import { RangeTuple } from 'fuse.js';
+import { EnrichedSessionUser } from '@smg-automotive/auth';
 
 declare const motoScout24Config: _chakra_ui_react.SystemConfig;
 declare const _default$1: _chakra_ui_react.SystemContext;
@@ -55,7 +55,7 @@ declare const useDebouncedOnChange: ({ onChange, onBlur, debounce, }: {
 
 declare const useToken: (scale: string, token: string[], fallback?: string[]) => string[];
 
-declare const accordionRecipe: _chakra_ui_react.SlotRecipeDefinition<"body" | "button" | "item" | "indicator" | "content", {
+declare const accordionRecipe: _chakra_ui_react.SlotRecipeDefinition<"content" | "body" | "button" | "item" | "indicator", {
     variant: {
         light: {
             item: {
@@ -289,10 +289,52 @@ declare const Card: {
     Footer: React.ForwardRefExoticComponent<Card$1.FooterProps & React.RefAttributes<HTMLDivElement>>;
 };
 
+type BreakpointKeys = keyof typeof breakpoints;
+type ResponsiveValue<T> = Partial<Record<BreakpointKeys, T>>;
+
+type SharedProps$2 = {
+    startIndex?: number;
+    onSlideClick?: (index: number) => void;
+    onSlideSelect?: (index: number) => void;
+    slidesPerView?: ResponsiveValue<number> | 1;
+    loop?: boolean;
+    slidesToScroll?: 'auto' | number;
+};
+type DefaultProps = {
+    fullScreen?: never;
+    children: ReactNode[];
+    paginationType?: Exclude<PaginationType, PaginationType.Thumbnail>;
+} & SharedProps$2;
+type FullScreenSlide = {
+    slide: ReactNode;
+    thumbnail: ReactNode;
+    onSlideEnter?: () => void;
+    onSlideLeave?: () => void;
+};
+type FullScreenProps = {
+    fullScreen: true;
+    paginationType?: never;
+    children: FullScreenSlide[];
+} & SharedProps$2;
+type CarouselProps = DefaultProps | FullScreenProps;
+declare enum PaginationType {
+    Thumbnail = "thumbnail",
+    Number = "number",
+    None = "none",
+    Dot = "dot"
+}
+declare const Carousel: FC<CarouselProps>;
+
+interface ColorPickerProps extends InputProps$1 {
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+}
+declare const ColorPicker: React__default.ForwardRefExoticComponent<ColorPickerProps & React__default.RefAttributes<HTMLInputElement>>;
+
 type CenterProps = Pick<CenterProps$1, 'children' | 'padding'>;
 declare const Center: FC<CenterProps>;
 
-declare const checkboxRecipe: _chakra_ui_react.SlotRecipeDefinition<"label" | "content" | "root" | "control", {
+declare const checkboxRecipe: _chakra_ui_react.SlotRecipeDefinition<"content" | "label" | "root" | "control", {
     variant: {
         alignCenter: {
             root: {
@@ -362,6 +404,39 @@ interface CheckboxGroupProps extends CheckboxProps {
 }
 declare const CheckboxGroup: FC<CheckboxGroupProps>;
 
+declare const chipRecipe: _chakra_ui_react.RecipeDefinition<{
+    selected: {
+        false: {
+            _hover: {
+                bg: "white";
+                borderColor: "black";
+                _active: {
+                    bg: "gray.100";
+                    borderColor: "gray.200";
+                };
+            };
+        };
+        true: {
+            bg: "blue.100";
+            px: "md";
+            borderColor: "transparent";
+            _hover: {
+                bg: "blue.50";
+                _active: {
+                    bg: "blue.200";
+                };
+            };
+        };
+    };
+}>;
+
+type ChipProps = {
+    onClick?: () => void;
+    href?: string;
+    'aria-label'?: string;
+} & RecipeVariantProps<typeof chipRecipe>;
+declare const Chip: FC<PropsWithChildren<ChipProps>>;
+
 declare const countRecipe: _chakra_ui_react.RecipeDefinition<{
     variant: {
         primary: {
@@ -432,7 +507,7 @@ type DatePickerProps = Pick<InputProps$1, 'onFocus' | 'onBlur' | 'onChange'> & I
     value?: string;
     invalid?: boolean;
 };
-declare const DatePicker: React__default.ForwardRefExoticComponent<Pick<InputProps$1, "onChange" | "onBlur" | "onFocus"> & {
+declare const DatePicker: React__default.ForwardRefExoticComponent<Pick<InputProps$1, "onFocus" | "onBlur" | "onChange"> & {
     variant?: _chakra_ui_react.ConditionalValue<"outline" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"md" | "lg" | undefined>;
 } & {
@@ -549,7 +624,7 @@ declare const sizes: {
     };
 };
 
-declare const dialogRecipe: _chakra_ui_react.SlotRecipeDefinition<"body" | "content" | "footer" | "header" | "backdrop" | "positioner" | "closeTrigger", {
+declare const dialogRecipe: _chakra_ui_react.SlotRecipeDefinition<"content" | "body" | "header" | "footer" | "backdrop" | "positioner" | "closeTrigger", {
     overlayColor: {
         gray: {
             backdrop: {
@@ -1740,6 +1815,19 @@ type DialogProps = DialogRootProps & {
 };
 declare const Dialog: FC<PropsWithChildren<DialogProps>>;
 
+type DiscreteSliderMark<T> = {
+    stepValue?: number;
+    label: ReactNode;
+    value: T;
+};
+type DiscreteSliderProps<T> = {
+    applyIndentation?: boolean;
+    marks: DiscreteSliderMark<T>[];
+    value: T;
+    onValueChanged: (arg: T) => void;
+};
+declare const DiscreteSlider: <T>({ marks, applyIndentation, onValueChanged, value, }: DiscreteSliderProps<T>) => React__default.JSX.Element;
+
 declare const DrawerOverlay: FC<PropsWithChildren>;
 
 interface Props$6 extends DrawerContentProps {
@@ -1801,16 +1889,26 @@ declare const EnergyLabel: FC<EnergyLabelProps>;
 
 type ErrorStatusCode = 404 | 500 | 'clientSide' | 'UNVERIFIED_EMAIL' | 'INITIAL_UNVERIFIED_EMAIL' | 'USER_BLOCKED' | 'UNKNOWN_AUTH_ERROR' | 'EMAIL_CHANGE_VERIFICATION_ERROR';
 
-interface ErrorPageProps {
+interface ErrorPageContentProps {
     statusCode: ErrorStatusCode;
     language: Language$1;
     onButtonClick?: () => void;
 }
-declare const ErrorPage: FC<ErrorPageProps>;
+
+declare const ErrorPage: React.FC<ErrorPageContentProps>;
 
 type FlexProps = Omit<FlexProps$1, 'gap' | 'columnGap' | 'rowGap'>;
 declare const Flex: FC<FlexProps>;
 
+type BaseProps = {
+    id: string;
+    errorMessage?: string;
+    label?: string;
+    hint?: string;
+    tooltip?: string;
+};
+declare const FormControlSection: FC<PropsWithChildren<BaseProps>>;
+
 declare const FullHeight: FC<PropsWithChildren>;
 
 type Language = 'de' | 'fr' | 'it' | 'en';
@@ -1821,7 +1919,8 @@ interface GalleryHeaderProps {
     onClose: () => void;
     language: Language;
 }
-declare const GalleryHeader: FC<PropsWithChildren<GalleryHeaderProps>>;
+
+declare const GalleryHeader: React.FC<PropsWithChildren<GalleryHeaderProps>>;
 
 declare const Grid: React.ForwardRefExoticComponent<_chakra_ui_react.GridProps & React.RefAttributes<HTMLDivElement>>;
 declare const GridItem: React.ForwardRefExoticComponent<_chakra_ui_react.GridItemProps & React.RefAttributes<HTMLDivElement>>;
@@ -2167,7 +2266,7 @@ declare const CollapseIcon: React__default.ForwardRefExoticComponent<_chakra_ui_
 declare const ForwardIcon: React__default.ForwardRefExoticComponent<_chakra_ui_react.IconProps & React__default.RefAttributes<SVGSVGElement>>;
 
 type InputVariantProps = RecipeVariantProps<typeof inputSlotRecipe>;
-type SharedProps$2 = InputVariantProps & {
+type SharedProps$1 = InputVariantProps & {
     placeholder?: string;
     disabled?: boolean;
     onBlur?: FocusEventHandler<HTMLInputElement>;
@@ -2186,19 +2285,19 @@ type ControlledInputProps = {
     value: string | number;
     onChange: ChangeEventHandler<HTMLInputElement>;
     setInputValue?: never;
-} & SharedProps$2;
+} & SharedProps$1;
 type BaseInputPros = {
     debounce?: false;
     value?: never;
     onChange?: ChangeEventHandler<HTMLInputElement>;
     setInputValue?: never;
-} & SharedProps$2;
+} & SharedProps$1;
 type DebouncedInputPros = {
     value: string | number;
     onChange?: never;
     debounce: true;
     setInputValue: (value: string) => void;
-} & SharedProps$2;
+} & SharedProps$1;
 type InputProps = ControlledInputProps | BaseInputPros | DebouncedInputPros;
 declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
 
@@ -2259,9 +2358,62 @@ interface Props$4 extends Omit<TwoColumnsLayoutProps, 'left' | 'right'> {
 }
 declare const LayoutWithVehicleReference: FC<PropsWithChildren<Props$4>>;
 
+declare const linkRecipe: _chakra_ui_react.RecipeDefinition<{
+    variant: {
+        baseLink: {
+            _hover: {
+                cursor: "pointer";
+                textDecoration: "underline";
+            };
+        };
+        navigationLink: {
+            color: "gray.900";
+            cursor: "pointer";
+            fontSize: "base";
+            _hover: {
+                textDecoration: "none";
+                color: "blue.700";
+            };
+        };
+        subNavigationLink: {
+            color: "gray.900";
+            cursor: "pointer";
+            fontSize: "base";
+            _hover: {
+                textDecoration: "underline";
+            };
+            _focusVisible: {
+                outline: "none";
+            };
+        };
+        footerLink: {
+            color: "white";
+            _hover: {
+                textDecoration: "underline";
+            };
+            _active: {
+                color: "gray.50";
+            };
+            _visited: {
+                color: "white";
+            };
+        };
+    };
+    disabled: {
+        true: {
+            textDecoration: "none";
+            pointerEvents: "none";
+            color: "gray.500";
+            _hover: {
+                textDecoration: "none";
+            };
+        };
+    };
+}>;
+
 type LinkProps = LinkProps$2 & {
     isExternal?: boolean;
-};
+} & RecipeVariantProps<typeof linkRecipe>;
 declare const Link: FC<LinkProps>;
 
 declare const Root$1: React.ForwardRefExoticComponent<List$1.RootProps & React.RefAttributes<HTMLUListElement>>;
@@ -2271,38 +2423,51 @@ declare const List: {
     Item: React.ForwardRefExoticComponent<List$1.ItemProps & React.RefAttributes<HTMLLIElement>>;
 };
 
-declare const chipRecipe: _chakra_ui_react.RecipeDefinition<{
-    selected: {
-        false: {
-            _hover: {
-                bg: "white";
-                borderColor: "black";
-                _active: {
-                    bg: "gray.100";
-                    borderColor: "gray.200";
-                };
-            };
-        };
-        true: {
-            bg: "blue.100";
-            px: "md";
-            borderColor: "transparent";
-            _hover: {
-                bg: "blue.50";
-                _active: {
-                    bg: "blue.200";
-                };
-            };
-        };
-    };
-}>;
+type SearchFieldOptions = {
+    placeholder?: string;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    autofocusOnDesktop?: boolean;
+    autoComplete?: 'on' | 'off';
+};
 
-type ChipProps = {
-    onClick?: () => void;
-    href?: string;
-    'aria-label'?: string;
-} & RecipeVariantProps<typeof chipRecipe>;
-declare const Chip: FC<PropsWithChildren<ChipProps>>;
+type CommonListItem = {
+    label: string;
+    value: string;
+    facet?: string;
+    isSelected: boolean;
+    showChevron?: boolean;
+    highlightIndices?: readonly RangeTuple[];
+    isCheckbox?: boolean;
+    paddingLeft?: ConditionalValue<'md' | '2xl'>;
+};
+type CheckboxListItem = {
+    onClick: (details: CheckboxCheckedChangeDetails) => void;
+    isCheckbox: true;
+    isIndeterminate?: boolean;
+} & CommonListItem;
+type RadioButtonListItem = {
+    onClick: React__default.MouseEventHandler<HTMLButtonElement>;
+    isCheckbox?: false;
+} & CommonListItem;
+type ListItemType = CheckboxListItem | RadioButtonListItem;
+
+type ListItemWithChildren = ListItemType & {
+    children?: ListItemType[];
+};
+type Props$3 = {
+    listItems: ListItemWithChildren[];
+    NoResults?: FC;
+    EmptyQueryPlaceholder?: FC;
+    listAriaLabel?: string;
+    searchFieldOptions?: SearchFieldOptions;
+    listOptions?: {
+        columns?: number;
+        childrenSpacing?: 'md' | '2xl';
+    };
+    listRef?: React__default.RefObject<HTMLUListElement | null>;
+};
+declare const SearchableList: FC<Props$3>;
 
 interface MenuItem {
     text: JSX.Element | string;
@@ -2382,6 +2547,33 @@ type PaginationProps = {
 } & Pick<BoxProps, 'marginTop' | 'marginBottom'>;
 declare const Pagination: FC<PaginationProps>;
 
+type RangeFilterInputField<Name> = {
+    name: Name;
+    value?: number | null;
+    placeholder?: string;
+    ariaLabel?: string;
+};
+type ChangeCallback<Name> = {
+    value?: number | null;
+    name: Name;
+};
+type PickedNumberInputProps = Pick<React__default.ComponentProps<typeof NumberInput.Root>, 'min' | 'max' | 'disabled' | 'onFocus'>;
+type RangeFilterInputProps<NameFrom extends string, NameTo extends string> = {
+    from: RangeFilterInputField<NameFrom>;
+    handleChange: (event: ChangeCallback<NameFrom | NameTo>) => void;
+    onBlur?: (event: ChangeCallback<NameFrom | NameTo>) => void;
+    to: RangeFilterInputField<NameTo>;
+    unit?: string;
+} & PickedNumberInputProps;
+declare const RangeFilterInput: <NameFrom extends string, NameTo extends string>({ from, to, handleChange, unit, onBlur, ...rest }: RangeFilterInputProps<NameFrom, NameTo>) => React__default.JSX.Element;
+
+type SliderRootProps = Omit<React__default.ComponentProps<typeof Slider.Root>, 'onChange'>;
+type RangeSliderProps = SliderRootProps & {
+    onChange?: (values: number[]) => void;
+    onChangeEnd?: (values: number[]) => void;
+};
+declare const RangeSlider: React__default.FC<RangeSliderProps>;
+
 declare const ratingRecipe: _chakra_ui_react.RecipeDefinition<{
     size: {
         sm: {
@@ -2429,7 +2621,7 @@ type SectionProps = SectionVariantProps & {
 };
 declare const Section: FC<SectionProps>;
 
-declare const selectSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"indicator" | "field" | "root", {
+declare const selectSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"indicator" | "root" | "field", {
     variant: {
         outline: {
             field: _chakra_ui_react.SystemStyleObject;
@@ -2461,8 +2653,8 @@ declare const Select: React__default.ForwardRefExoticComponent<SelectProps & Rea
 
 declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLSpanElement>>;
 
-type Props$3 = Pick<SimpleGridProps, 'minChildWidth' | 'columns' | 'children' | 'alignItems' | 'width' | 'rowGap' | 'gap'>;
-declare const SimpleGrid: FC<Props$3>;
+type Props$2 = Pick<SimpleGridProps, 'minChildWidth' | 'columns' | 'children' | 'alignItems' | 'width' | 'rowGap' | 'gap'>;
+declare const SimpleGrid: FC<Props$2>;
 
 interface SimpleHeaderProps {
     title: string;
@@ -2582,6 +2774,19 @@ declare const Table: {
     ScrollArea: _chakra_ui_react.ChakraComponent<"div", {}>;
 };
 
+type TenantSelectionState = {
+    showSelection: boolean;
+    persistSelection: boolean;
+    selectedTenant: null | number;
+};
+type TenantSelectionProps = {
+    user: EnrichedSessionUser | null;
+    isLoading?: boolean;
+    selectTenant: (sellerId: number | string) => void;
+    language: Language$1;
+};
+declare const TenantSelection: FC<TenantSelectionProps>;
+
 declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
 
 type HighlightedTextProps = {
@@ -2619,12 +2824,12 @@ declare const markedTextRecipe: _chakra_ui_react.SlotRecipeDefinition<"container
     };
 }>;
 
-type SharedProps$1 = Exclude<BoxProps, 'position' | 'width' | 'display' | 'alignItems'> & RecipeVariantProps<typeof markedTextRecipe>;
-type HighlightProps = SharedProps$1 & {
+type SharedProps = Exclude<BoxProps, 'position' | 'width' | 'display' | 'alignItems'> & RecipeVariantProps<typeof markedTextRecipe>;
+type HighlightProps = SharedProps & {
     variant?: 'highlight';
     highlightColor?: 'white' | 'gray.100' | 'brand.primary';
 };
-type UnderlineProps = SharedProps$1 & {
+type UnderlineProps = SharedProps & {
     variant: 'underline';
     highlightColor?: never;
 };
@@ -2639,160 +2844,16 @@ type ThemeProviderProps = {
 };
 declare const ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>;
 
-type Props$2 = {
-    aspectRatio?: number;
-};
-declare const TopListingBadge: FC<PropsWithChildren<Props$2>>;
-
-type RangeFilterInputField<Name> = {
-    name: Name;
-    value?: number | null;
-    placeholder?: string;
-    ariaLabel?: string;
-};
-type ChangeCallback<Name> = {
-    value?: number | null;
-    name: Name;
-};
-type PickedNumberInputProps = Pick<React__default.ComponentProps<typeof NumberInput.Root>, 'min' | 'max' | 'disabled' | 'onFocus'>;
-type RangeFilterInputProps<NameFrom extends string, NameTo extends string> = {
-    from: RangeFilterInputField<NameFrom>;
-    handleChange: (event: ChangeCallback<NameFrom | NameTo>) => void;
-    onBlur?: (event: ChangeCallback<NameFrom | NameTo>) => void;
-    to: RangeFilterInputField<NameTo>;
-    unit?: string;
-} & PickedNumberInputProps;
-declare const RangeFilterInput: <NameFrom extends string, NameTo extends string>({ from, to, handleChange, unit, onBlur, ...rest }: RangeFilterInputProps<NameFrom, NameTo>) => React__default.JSX.Element;
-
 type Props$1 = {
     aspectRatio?: number;
-    brand: Brand;
-};
-declare const TopVehicleSharedBadge: FC<PropsWithChildren<Props$1>>;
-
-type DiscreteSliderMark<T> = {
-    stepValue?: number;
-    label: ReactNode;
-    value: T;
-};
-type DiscreteSliderProps<T> = {
-    applyIndentation?: boolean;
-    marks: DiscreteSliderMark<T>[];
-    value: T;
-    onValueChanged: (arg: T) => void;
-};
-declare const DiscreteSlider: <T>({ marks, applyIndentation, onValueChanged, value, }: DiscreteSliderProps<T>) => React__default.JSX.Element;
-
-type BaseProps = {
-    id: string;
-    errorMessage?: string;
-    label?: string;
-    hint?: string;
-    tooltip?: string;
-};
-declare const FormControlSection: FC<PropsWithChildren<BaseProps>>;
-
-type SliderRootProps = Omit<React__default.ComponentProps<typeof Slider.Root>, 'onChange'>;
-type RangeSliderProps = SliderRootProps & {
-    onChange?: (values: number[]) => void;
-    onChangeEnd?: (values: number[]) => void;
-};
-declare const RangeSlider: React__default.FC<RangeSliderProps>;
-
-type BreakpointKeys = keyof typeof breakpoints;
-type ResponsiveValue<T> = Partial<Record<BreakpointKeys, T>>;
-
-type SharedProps = {
-    startIndex?: number;
-    onSlideClick?: (index: number) => void;
-    onSlideSelect?: (index: number) => void;
-    slidesPerView?: ResponsiveValue<number> | 1;
-    loop?: boolean;
-    slidesToScroll?: 'auto' | number;
-};
-type DefaultProps = {
-    fullScreen?: never;
-    children: ReactNode[];
-    paginationType?: Exclude<PaginationType, PaginationType.Thumbnail>;
-} & SharedProps;
-type FullScreenSlide = {
-    slide: ReactNode;
-    thumbnail: ReactNode;
-    onSlideEnter?: () => void;
-    onSlideLeave?: () => void;
-};
-type FullScreenProps = {
-    fullScreen: true;
-    paginationType?: never;
-    children: FullScreenSlide[];
-} & SharedProps;
-type CarouselProps = DefaultProps | FullScreenProps;
-declare enum PaginationType {
-    Thumbnail = "thumbnail",
-    Number = "number",
-    None = "none",
-    Dot = "dot"
-}
-declare const Carousel: FC<CarouselProps>;
-
-type SearchFieldOptions = {
-    placeholder?: string;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    autofocusOnDesktop?: boolean;
-    autoComplete?: 'on' | 'off';
-};
-
-type CommonListItem = {
-    label: string;
-    value: string;
-    facet?: string;
-    isSelected: boolean;
-    showChevron?: boolean;
-    highlightIndices?: readonly RangeTuple[];
-    isCheckbox?: boolean;
-    paddingLeft?: ConditionalValue<'md' | '2xl'>;
 };
-type CheckboxListItem = {
-    onClick: (details: CheckboxCheckedChangeDetails) => void;
-    isCheckbox: true;
-    isIndeterminate?: boolean;
-} & CommonListItem;
-type RadioButtonListItem = {
-    onClick: React__default.MouseEventHandler<HTMLButtonElement>;
-    isCheckbox?: false;
-} & CommonListItem;
-type ListItemType = CheckboxListItem | RadioButtonListItem;
+declare const TopListingBadge: FC<PropsWithChildren<Props$1>>;
 
-type ListItemWithChildren = ListItemType & {
-    children?: ListItemType[];
-};
 type Props = {
-    listItems: ListItemWithChildren[];
-    NoResults?: FC;
-    EmptyQueryPlaceholder?: FC;
-    listAriaLabel?: string;
-    searchFieldOptions?: SearchFieldOptions;
-    listOptions?: {
-        columns?: number;
-        childrenSpacing?: 'md' | '2xl';
-    };
-    listRef?: React__default.RefObject<HTMLUListElement | null>;
-};
-declare const SearchableList: FC<Props>;
-
-type TenantSelectionState = {
-    showSelection: boolean;
-    persistSelection: boolean;
-    selectedTenant: null | number;
-};
-type TenantSelectionProps = {
-    user: EnrichedSessionUser | null;
-    isLoading?: boolean;
-    selectTenant: (sellerId: number | string) => void;
-    language: Language$1;
+    aspectRatio?: number;
+    brand: Brand;
 };
-declare const TenantSelection: FC<TenantSelectionProps>;
+declare const TopVehicleSharedBadge: FC<PropsWithChildren<Props>>;
 
 declare const convertRemEmToPx: (value: string) => number;
 
@@ -2801,5 +2862,5 @@ declare class Logger {
 }
 declare const logger: Logger;
 
-export { Accordion, AddPhotoIcon, AdvancedSearchIcon, AndroidIcon, AppleIcon, ArrowCircleIcon, ArrowDiagonalIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArticleTeaser, AspectRatio, AutoScout24AppLogo, AutoScout24Icon, Avatar, AvatarIcon, AvatarWithNotificationIcon, Badge, BankNotesIcon, BatteryIcon, BookmarkIcon, Breadcrumbs, BulbIcon, Button, CabrioletIcon, CalculatorIcon, CalendarIcon, CallIcon, CamperIcon, CarConditionIcon, CarIcon, Card, Body$1 as CardBody, Footer$2 as CardFooter, Header$1 as CardHeader, Root$2 as CardRoot, Carousel, CartIcon, CategoryAIcon, CategoryAMinusIcon, CategoryAOneIcon, Center, ChartIcon, ChatBubbleIcon, CheckShieldIcon, Checkbox, CheckboxGroup, CheckmarkCircleColorIcon, CheckmarkCircleIcon, CheckmarkIcon, ChevronDownLargeIcon, ChevronDownSmallIcon, ChevronLeftLargeIcon, ChevronLeftSmallIcon, ChevronRightLargeIcon, ChevronRightSmallIcon, ChevronRightTinyIcon, ChevronUpLargeIcon, ChevronUpSmallIcon, ChfCurrencyIcon, Chip, CloseIcon, CollapseIcon, CompareIcon, ConsumptionIcon, CopyIcon, Count, CoupeIcon, CreditCardIcon, CreditIcon, DatePicker, DaylightIcon, DeleteIcon, DevOverlay, Dialog, DigitalContractIcon, DiscreteSlider, DocumentCheckIcon, DocumentIcon, DoubleChevronDownIcon, DoubleChevronUpIcon, DoubleLineIcon, DownloadIcon, DragIcon, Drawer, DrawerBody, DrawerContent, DrawerOverlay, DriveSystemIcon, DriveSystemLargeIcon, DriveTypeIcon, EnergyLabel, EquipmentIcon, ErrorIcon, ErrorPage, ExchangeIcon, ExpandIcon, EyeCrossedIcon, EyeIcon, FacebookIcon, FlagIcon, FlameIcon, FlashIcon, Flex, Footer$1 as Footer, FormControlSection, ForwardIcon, FullHeight, GalleryHeader, GarageIcon, GasStationIcon, GlobeIcon, GoogleIcon, Grid, GridItem, H1, H2, H3, H4, H5, H6, HamburgerMenuIcon, HeartIcon, HighlightedText, HistoryClockIcon, HouseIcon, ImageIcon, InfinityCircleIcon, InfoIcon, InformationBubbleIcon, InformationIcon, Input, InstagramIcon, InteriorIcon, LabelIcon, LayoutWithVehicleReference, Link, LinkedinIcon, List, ListIcon, Item as ListItem, Root$1 as ListRoot, LocationPinIcon, LockIcon, LogoutIcon, MagnifierIcon, MagnifierLargeIcon, MarkedText, Menu, MessageIcon, MiniVanIcon, MinusIcon, MissingImage, MissingImageIcon, MobileOnlyAccordion, MotoScout24AppLogo, MotoScout24Icon, MotorcycleIcon, Navigation, NoPhotoIcon, NotAvailableIcon, NotAvailableSquareIcon, OptimizerIcon, OverflowVerticalIcon, PageLayout, Pagination, PaginationType, PartialClockIcon, PenIcon, PickUpIcon, PlusCircleIcon, PlusIcon, PrintIcon, QualitySealIcon, RangeFilterInput, RangeIcon, RangeSlider, Rating, RoadIcon, RocketIcon, RotateIcon, SafeNumberIcon, SaveSearchIcon, ScreenIcon, SearchableList, Section, SedanIcon, Select, Separator, ShareIcon, SimpleGrid, SimpleHeader, SingleColumnCenteredLayout, SmallCarIcon, SortIcon, SpeakerIcon, Stack, StarCircleIcon, StarIcon, SteeringWheelIcon, SuvIcon, SwissFlagIcon, Switch, Tab, TabList, TabPanel, TabPanels, Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Column as TableColumn, ColumnGroup as TableColumnGroup, ColumnHeader as TableColumnHeader, Footer as TableFooter, Header as TableHeader, Root as TableRoot, Row as TableRow, ScrollArea as TableScrollArea, Tabs, TenantSelection, Text, ThemeProvider, ThreeSixtyIcon, ThumbsDownIcon, ThumbsUpIcon, TiltedRectangleIcon, TimeIcon, TooltipIcon, TopListingBadge, TopListingIcon, TopVehicleSharedBadge, TrailerIcon, TransmissionIcon, TrashIcon, TriangleIcon, TruckIcon, TwitterIcon, TwoColumnsLayout, UtilityVehicleIcon, VanIcon, VehiclePowerIcon, VehicleReference, VehicleTypesMotorcycleIcon, VehicleTypesMotorcycleStarIcon, VideoCameraIcon, VideoIcon, ViewCarIcon, ViewMotorcycleIcon, WagonIcon, WarningIcon, WarrantyIcon, WhatsAppIcon, WindowsIcon, YoutubeIcon, autoScout24Config, _default as autoScout24System, breakpoints, convertRemEmToPx, logger, motoScout24Config, _default$1 as motoScout24System, repeatArea, useDebouncedOnChange, useMediaQuery, useToken };
-export type { AccordionProps, ArticleTeaserProps, AvatarProps, BadgeProps, BaseButtonProps, BaseProps, BreadcrumbsPropsExtended, ButtonSharedProps, CarouselProps, CenterProps, ChangeCallback, CheckboxGroupProps, CheckboxProps, ChipProps, CountProps, DatePickerProps, DevOverlayProps, DevOverlayVariables, DialogProps, DiscreteSliderMark, DiscreteSliderProps, DrawerProps, EnergyLabelProps, ErrorPageProps, FlexProps, BaseProps as FormControlSectionProps, GalleryHeaderProps, HeadingProps, HighlightedTextProps, InputProps, LinkProps, ListItemWithChildren, MarkedTextProps, MenuProps, MissingImageProps, MobileOnlyAccordionProps, NavigationProps, Option, PaginationProps, PickedNumberInputProps, Props$3 as Props, RangeFilterInputField, RangeSliderProps, RatingProps, SectionProps, SelectProps, SimpleHeaderProps, StackProps, SwitchProps, TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps, TenantSelectionProps, TenantSelectionState, ThemeProviderProps, UnifiedButtonProps, VehicleReferenceProps };
+export { Accordion, AddPhotoIcon, AdvancedSearchIcon, AndroidIcon, AppleIcon, ArrowCircleIcon, ArrowDiagonalIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArticleTeaser, AspectRatio, AutoScout24AppLogo, AutoScout24Icon, Avatar, AvatarIcon, AvatarWithNotificationIcon, Badge, BankNotesIcon, BatteryIcon, BookmarkIcon, Breadcrumbs, BulbIcon, Button, CabrioletIcon, CalculatorIcon, CalendarIcon, CallIcon, CamperIcon, CarConditionIcon, CarIcon, Card, Body$1 as CardBody, Footer$2 as CardFooter, Header$1 as CardHeader, Root$2 as CardRoot, Carousel, CartIcon, CategoryAIcon, CategoryAMinusIcon, CategoryAOneIcon, Center, ChartIcon, ChatBubbleIcon, CheckShieldIcon, Checkbox, CheckboxGroup, CheckmarkCircleColorIcon, CheckmarkCircleIcon, CheckmarkIcon, ChevronDownLargeIcon, ChevronDownSmallIcon, ChevronLeftLargeIcon, ChevronLeftSmallIcon, ChevronRightLargeIcon, ChevronRightSmallIcon, ChevronRightTinyIcon, ChevronUpLargeIcon, ChevronUpSmallIcon, ChfCurrencyIcon, Chip, CloseIcon, CollapseIcon, ColorPicker, CompareIcon, ConsumptionIcon, CopyIcon, Count, CoupeIcon, CreditCardIcon, CreditIcon, DatePicker, DaylightIcon, DeleteIcon, DevOverlay, Dialog, DigitalContractIcon, DiscreteSlider, DocumentCheckIcon, DocumentIcon, DoubleChevronDownIcon, DoubleChevronUpIcon, DoubleLineIcon, DownloadIcon, DragIcon, Drawer, DrawerBody, DrawerContent, DrawerOverlay, DriveSystemIcon, DriveSystemLargeIcon, DriveTypeIcon, EnergyLabel, EquipmentIcon, ErrorIcon, ErrorPage, ExchangeIcon, ExpandIcon, EyeCrossedIcon, EyeIcon, FacebookIcon, FlagIcon, FlameIcon, FlashIcon, Flex, Footer$1 as Footer, FormControlSection, ForwardIcon, FullHeight, GalleryHeader, GarageIcon, GasStationIcon, GlobeIcon, GoogleIcon, Grid, GridItem, H1, H2, H3, H4, H5, H6, HamburgerMenuIcon, HeartIcon, HighlightedText, HistoryClockIcon, HouseIcon, ImageIcon, InfinityCircleIcon, InfoIcon, InformationBubbleIcon, InformationIcon, Input, InstagramIcon, InteriorIcon, LabelIcon, LayoutWithVehicleReference, Link, LinkedinIcon, List, ListIcon, Item as ListItem, Root$1 as ListRoot, LocationPinIcon, LockIcon, LogoutIcon, MagnifierIcon, MagnifierLargeIcon, MarkedText, Menu, MessageIcon, MiniVanIcon, MinusIcon, MissingImage, MissingImageIcon, MobileOnlyAccordion, MotoScout24AppLogo, MotoScout24Icon, MotorcycleIcon, Navigation, NoPhotoIcon, NotAvailableIcon, NotAvailableSquareIcon, OptimizerIcon, OverflowVerticalIcon, PageLayout, Pagination, PaginationType, PartialClockIcon, PenIcon, PickUpIcon, PlusCircleIcon, PlusIcon, PrintIcon, QualitySealIcon, RangeFilterInput, RangeIcon, RangeSlider, Rating, RoadIcon, RocketIcon, RotateIcon, SafeNumberIcon, SaveSearchIcon, ScreenIcon, SearchableList, Section, SedanIcon, Select, Separator, ShareIcon, SimpleGrid, SimpleHeader, SingleColumnCenteredLayout, SmallCarIcon, SortIcon, SpeakerIcon, Stack, StarCircleIcon, StarIcon, SteeringWheelIcon, SuvIcon, SwissFlagIcon, Switch, Tab, TabList, TabPanel, TabPanels, Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Column as TableColumn, ColumnGroup as TableColumnGroup, ColumnHeader as TableColumnHeader, Footer as TableFooter, Header as TableHeader, Root as TableRoot, Row as TableRow, ScrollArea as TableScrollArea, Tabs, TenantSelection, Text, ThemeProvider, ThreeSixtyIcon, ThumbsDownIcon, ThumbsUpIcon, TiltedRectangleIcon, TimeIcon, TooltipIcon, TopListingBadge, TopListingIcon, TopVehicleSharedBadge, TrailerIcon, TransmissionIcon, TrashIcon, TriangleIcon, TruckIcon, TwitterIcon, TwoColumnsLayout, UtilityVehicleIcon, VanIcon, VehiclePowerIcon, VehicleReference, VehicleTypesMotorcycleIcon, VehicleTypesMotorcycleStarIcon, VideoCameraIcon, VideoIcon, ViewCarIcon, ViewMotorcycleIcon, WagonIcon, WarningIcon, WarrantyIcon, WhatsAppIcon, WindowsIcon, YoutubeIcon, autoScout24Config, _default as autoScout24System, breakpoints, convertRemEmToPx, logger, motoScout24Config, _default$1 as motoScout24System, repeatArea, useDebouncedOnChange, useMediaQuery, useToken };
+export type { AccordionProps, ArticleTeaserProps, AvatarProps, BadgeProps, BaseButtonProps, BaseProps, BreadcrumbsPropsExtended, ButtonSharedProps, CarouselProps, CenterProps, ChangeCallback, CheckboxGroupProps, CheckboxProps, ChipProps, CountProps, DatePickerProps, DevOverlayProps, DevOverlayVariables, DialogProps, DiscreteSliderMark, DiscreteSliderProps, DrawerProps, EnergyLabelProps, FlexProps, BaseProps as FormControlSectionProps, HeadingProps, HighlightedTextProps, InputProps, LinkProps, ListItemWithChildren, MarkedTextProps, MenuProps, MissingImageProps, MobileOnlyAccordionProps, NavigationProps, Option, PaginationProps, PickedNumberInputProps, Props$2 as Props, RangeFilterInputField, RangeSliderProps, RatingProps, SectionProps, SelectProps, SimpleHeaderProps, StackProps, SwitchProps, TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps, TenantSelectionProps, TenantSelectionState, ThemeProviderProps, UnifiedButtonProps, VehicleReferenceProps };