@smg-automotive/components 25.11.0-chakra-v3.7 → 25.11.0-chakra-v3.8

package/dist/esm/themes/shared/slotRecipes/carousel.js

@@ -0,0 +1,233 @@
+import { defineStyle, defineSlotRecipe } from '@chakra-ui/react';
+
+var slots = [
+    'container',
+    'carousel',
+    'slide',
+    'slideContainer',
+    'buttonContainer',
+    'button',
+    'icon',
+    'pagination',
+    'paginationButton',
+    'paginationIconContainer',
+    'dotsPaginationContainer',
+    'dotsPaginationIndicator',
+    'numbersPaginationButton',
+];
+var baseContainer = defineStyle({
+    height: 'full',
+    width: 'full',
+    '--carousel-overlay-weak': 'rgba(51,51,51,0.4)',
+    '--carousel-overlay-strong': 'rgba(51,51,51,0.8)',
+    '--carousel-pagination-height': '7.5rem',
+    '--carousel-numbers-pagination-height': '5rem',
+    '--carousel-dot-size': '6px',
+    '--carousel-dot-size-active': '8px',
+    '--carousel-dot-size-last': '4px',
+    '--carousel-dot-margin-x': '6px',
+});
+var baseCarousel = defineStyle({
+    overflow: 'hidden',
+    position: 'relative',
+});
+var baseSlide = defineStyle({
+    flexGrow: '0',
+    flexShrink: '0',
+    flexBasis: 'full',
+});
+var baseSlideContainer = defineStyle({
+    height: 'full',
+    alignItems: 'center',
+    display: 'flex',
+});
+var baseButtonContainer = defineStyle({
+    position: 'absolute',
+    top: '0',
+    width: 'lg',
+    height: 'full',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    color: 'white',
+    visibility: 'hidden',
+    pointerEvents: 'none',
+    cursor: 'pointer',
+    _groupHover: { md: { visibility: 'visible', pointerEvents: 'auto' } },
+    _focus: {
+        outline: 'none',
+    },
+});
+var baseButton = defineStyle({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: 'md',
+    height: 'md',
+    borderRadius: 'sm',
+    backgroundColor: 'var(--carousel-overlay-weak)',
+    color: 'white',
+    _hover: { background: 'var(--carousel-overlay-strong)' },
+});
+var baseIcon = defineStyle({
+    boxSize: 'sm',
+});
+var numbersPaginationButton = defineStyle({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    verticalAlign: 'middle',
+    textAlign: 'center',
+    minWidth: 'md',
+    height: 'md',
+    borderRadius: 'sm',
+    _hover: {
+        backgroundColor: 'gray.100',
+    },
+    '&[aria-current="true"]': {
+        color: 'white',
+        backgroundColor: 'gray.900',
+        _hover: {
+            backgroundColor: 'gray.900',
+        },
+    },
+});
+var dotsPaginationIndicator = defineStyle({
+    backgroundColor: 'transparent',
+    touchAction: 'pan-x',
+    display: 'inline-flex',
+    textDecoration: 'none',
+    border: 'none',
+    padding: '0',
+    width: 'var(--carousel-dot-size)',
+    height: 'var(--carousel-dot-size)',
+    marginX: 'var(--carousel-dot-margin-x)',
+    _last: {
+        width: 'var(--carousel-dot-size-last)',
+        height: 'var(--carousel-dot-size-last)',
+        _after: {
+            width: 'full',
+            height: 'var(--carousel-dot-size-last)',
+            content: '""',
+        },
+    },
+    _after: {
+        backgroundColor: 'gray.300',
+        opacity: '40',
+        borderRadius: 'full',
+        width: 'full',
+        height: 'var(--carousel-dot-size)',
+        content: '""',
+    },
+    '&[aria-current="true"]': {
+        width: 'var(--carousel-dot-size-active)',
+        height: 'var(--carousel-dot-size-active)',
+        _last: {
+            width: 'var(--carousel-dot-size-active)',
+            height: 'var(--carousel-dot-size-active)',
+            _after: {
+                width: 'full',
+                height: 'var(--carousel-dot-size-active)',
+                content: '""',
+            },
+        },
+        _after: {
+            backgroundColor: 'white',
+            borderRadius: 'full',
+            opacity: '100',
+            width: 'full',
+            height: 'var(--carousel-dot-size-active)',
+            content: '""',
+        },
+    },
+});
+var fullScreenVariant = {
+    container: defineStyle({
+        backgroundColor: 'black',
+        position: {
+            base: 'fixed',
+            md: 'static',
+        },
+    }),
+    carousel: defineStyle({
+        paddingX: {
+            md: '5xl',
+        },
+    }),
+    pagination: defineStyle({
+        overflow: 'hidden',
+        position: 'relative',
+        paddingX: {
+            base: 'md',
+            md: '5xl',
+        },
+        height: 'var(--carousel-pagination-height)',
+    }),
+    paginationButton: defineStyle({
+        position: 'absolute',
+        top: '0',
+        width: 'lg',
+        height: 'full',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        color: 'white',
+        backgroundColor: 'transparent',
+    }),
+    paginationIconContainer: defineStyle({
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: 'md',
+        height: 'md',
+        borderRadius: 'sm',
+        backgroundColor: 'var(--carousel-overlay-strong)',
+    }),
+    buttonContainer: defineStyle({
+        backgroundColor: 'black',
+        width: 'xl',
+        visibility: { base: 'hidden', md: 'visible' },
+        pointerEvents: { base: 'none', md: 'auto' },
+    }),
+    slide: defineStyle({
+        height: 'full',
+    }),
+    button: defineStyle({
+        opacity: '100',
+        backgroundColor: 'black',
+    }),
+    icon: defineStyle({
+        boxSize: 'md',
+    }),
+};
+var carouselRecipe = defineSlotRecipe({
+    slots: slots,
+    className: 'chakra-carousel',
+    base: {
+        container: baseContainer,
+        carousel: baseCarousel,
+        slide: baseSlide,
+        slideContainer: baseSlideContainer,
+        buttonContainer: baseButtonContainer,
+        button: baseButton,
+        icon: baseIcon,
+        numbersPaginationButton: numbersPaginationButton,
+        dotsPaginationContainer: defineStyle({
+            position: 'absolute',
+            width: 'full',
+            bottom: 'lg',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+        }),
+        dotsPaginationIndicator: dotsPaginationIndicator,
+    },
+    variants: {
+        variant: {
+            fullScreen: fullScreenVariant,
+        },
+    },
+});
+
+export { carouselRecipe };
+//# sourceMappingURL=carousel.js.map

package/dist/esm/themes/shared/slotRecipes/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sources":["../../../../../../src/themes/shared/slotRecipes/carousel.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/themes/shared/slotRecipes/index.d.ts

@@ -66,6 +66,21 @@ export declare const slotRecipes: {
             };
         };
     }>;
+    carousel: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "button" | "icon" | "paginationButton" | "carousel" | "slide" | "slideContainer" | "buttonContainer" | "pagination" | "paginationIconContainer" | "dotsPaginationContainer" | "dotsPaginationIndicator" | "numbersPaginationButton", {
+        variant: {
+            fullScreen: {
+                container: import("@chakra-ui/react").SystemStyleObject;
+                carousel: import("@chakra-ui/react").SystemStyleObject;
+                pagination: import("@chakra-ui/react").SystemStyleObject;
+                paginationButton: import("@chakra-ui/react").SystemStyleObject;
+                paginationIconContainer: import("@chakra-ui/react").SystemStyleObject;
+                buttonContainer: import("@chakra-ui/react").SystemStyleObject;
+                slide: import("@chakra-ui/react").SystemStyleObject;
+                button: import("@chakra-ui/react").SystemStyleObject;
+                icon: import("@chakra-ui/react").SystemStyleObject;
+            };
+        };
+    }>;
     breadcrumbs: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "link" | "list" | "separator", import("@chakra-ui/react").SlotRecipeVariantRecord<"container" | "link" | "list" | "separator">>;
     card: import("@chakra-ui/react").SlotRecipeDefinition<"header" | "body" | "root" | "footer", import("@chakra-ui/react").SlotRecipeVariantRecord<"header" | "body" | "root" | "footer">>;
     energyLabel: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "text" | "triangle" | "textWrapper", {

package/dist/esm/themes/shared/slotRecipes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/index.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/index.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BvB,CAAC"}

package/dist/esm/themes/shared/slotRecipes/index.js

@@ -22,6 +22,7 @@ import { drawerRecipe } from './drawer.js';
 import { dialogFilterRecipe } from './dialogFilter.js';
 import { dialogRecipe } from './dialog.js';
 import { checkboxRecipe } from './checkbox.js';
+import { carouselRecipe } from './carousel.js';
 import { cardRecipe } from './card.js';
 import { breadcrumbsRecipe } from './breadcrumbs.js';
 import { articleTeaserRecipe } from './articleTeaser.js';
@@ -31,6 +32,7 @@ import { accordionRecipe } from './accordion.js';
 var slotRecipes = {
     articleTeaser: articleTeaserRecipe,
     accordion: accordionRecipe,
+    carousel: carouselRecipe,
     breadcrumbs: breadcrumbsRecipe,
     card: cardRecipe,
     energyLabel: energyLabelRecipe,

package/dist/esm/themes/shared/slotRecipes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/themes/shared/slotRecipes/index.ts"],"sourcesContent":[null],"names":["articleTeaser","accordion","breadcrumbs","card","energyLabel","galleryHeader","list","markedText","dialog","simpleHeader","table","tabs","vehicleReference","tooltip","field","section","checkbox","input","select","dialogFilter","drawer","alert","popoverFilter","numberInput","radio","slider","pagination","menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,IAAM,WAAW,GAAG;AACzB,IAAA,aAAa,EAAAA,mBAAA;AACb,IAAA,SAAS,EAAAC,eAAA;AACT,IAAA,WAAW,EAAAC,iBAAA;AACX,IAAA,IAAI,EAAAC,UAAA;AACJ,IAAA,WAAW,EAAAC,iBAAA;AACX,IAAA,aAAa,EAAAC,mBAAA;AACb,IAAA,IAAI,EAAAC,UAAA;AACJ,IAAA,UAAU,EAAAC,gBAAA;AACV,IAAA,MAAM,EAAAC,YAAA;AACN,IAAA,YAAY,EAAAC,kBAAA;AACZ,IAAA,KAAK,EAAAC,WAAA;AACL,IAAA,IAAI,EAAAC,UAAA;AACJ,IAAA,gBAAgB,EAAAC,sBAAA;AAChB,IAAA,OAAO,EAAAC,iBAAA;AACP,IAAA,KAAK,EAAAC,eAAA;AACL,IAAA,OAAO,EAAAC,aAAA;AACP,IAAA,QAAQ,EAAAC,cAAA;AACR,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,KAAK,EAAAC,eAAA;AACL,IAAA,MAAM,EAAAC,gBAAA;AACN,IAAA,YAAY,EAAAC,kBAAA;AACZ,IAAA,MAAM,EAAAC,YAAA;AACN,IAAA,KAAK,EAAAC,WAAA;AACL,IAAA,aAAa,EAAAC,mBAAA;AACb,IAAA,WAAW,EAAAC,iBAAA;AACX,IAAA,KAAK,EAAAC,WAAA;AACL,IAAA,MAAM,EAAAC,gBAAA;AACN,IAAA,UAAU,EAAAC,gBAAA;AACV,IAAA,IAAI,EAAAC,UAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/themes/shared/slotRecipes/index.ts"],"sourcesContent":[null],"names":["articleTeaser","accordion","carousel","breadcrumbs","card","energyLabel","galleryHeader","list","markedText","dialog","simpleHeader","table","tabs","vehicleReference","tooltip","field","section","checkbox","input","select","dialogFilter","drawer","alert","popoverFilter","numberInput","radio","slider","pagination","menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,IAAM,WAAW,GAAG;AACzB,IAAA,aAAa,EAAAA,mBAAA;AACb,IAAA,SAAS,EAAAC,eAAA;AACT,IAAA,QAAQ,EAAAC,cAAA;AACR,IAAA,WAAW,EAAAC,iBAAA;AACX,IAAA,IAAI,EAAAC,UAAA;AACJ,IAAA,WAAW,EAAAC,iBAAA;AACX,IAAA,aAAa,EAAAC,mBAAA;AACb,IAAA,IAAI,EAAAC,UAAA;AACJ,IAAA,UAAU,EAAAC,gBAAA;AACV,IAAA,MAAM,EAAAC,YAAA;AACN,IAAA,YAAY,EAAAC,kBAAA;AACZ,IAAA,KAAK,EAAAC,WAAA;AACL,IAAA,IAAI,EAAAC,UAAA;AACJ,IAAA,gBAAgB,EAAAC,sBAAA;AAChB,IAAA,OAAO,EAAAC,iBAAA;AACP,IAAA,KAAK,EAAAC,eAAA;AACL,IAAA,OAAO,EAAAC,aAAA;AACP,IAAA,QAAQ,EAAAC,cAAA;AACR,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,KAAK,EAAAC,eAAA;AACL,IAAA,MAAM,EAAAC,gBAAA;AACN,IAAA,YAAY,EAAAC,kBAAA;AACZ,IAAA,MAAM,EAAAC,YAAA;AACN,IAAA,KAAK,EAAAC,WAAA;AACL,IAAA,aAAa,EAAAC,mBAAA;AACb,IAAA,WAAW,EAAAC,iBAAA;AACX,IAAA,KAAK,EAAAC,WAAA;AACL,IAAA,MAAM,EAAAC,gBAAA;AACN,IAAA,UAAU,EAAAC,gBAAA;AACV,IAAA,IAAI,EAAAC,UAAA;;;;;"}

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 } 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';
 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';
@@ -10,6 +10,7 @@ import * as node_modules__chakra_ui_react_dist_types_styled_system_generated_pro
 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';
 
 declare const motoScout24Config: _chakra_ui_react.SystemConfig;
 declare const _default$1: _chakra_ui_react.SystemContext;
@@ -431,7 +432,7 @@ type DatePickerProps = Pick<InputProps$1, 'onFocus' | 'onBlur' | 'onChange'> & I
     value?: string;
     invalid?: boolean;
 };
-declare const DatePicker: React__default.ForwardRefExoticComponent<Pick<InputProps$1, "onFocus" | "onBlur" | "onChange"> & {
+declare const DatePicker: React__default.ForwardRefExoticComponent<Pick<InputProps$1, "onChange" | "onBlur" | "onFocus"> & {
     variant?: _chakra_ui_react.ConditionalValue<"outline" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"md" | "lg" | undefined>;
 } & {
@@ -1741,10 +1742,10 @@ declare const Dialog: FC<PropsWithChildren<DialogProps>>;
 
 declare const DrawerOverlay: FC<PropsWithChildren>;
 
-interface Props$5 extends DrawerContentProps {
+interface Props$6 extends DrawerContentProps {
     withCloseButton?: boolean;
 }
-declare const DrawerContent: FC<PropsWithChildren<Props$5>>;
+declare const DrawerContent: FC<PropsWithChildren<Props$6>>;
 
 declare const DrawerBody: FC<PropsWithChildren<DrawerBodyProps>>;
 
@@ -2166,7 +2167,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$1 = InputVariantProps & {
+type SharedProps$2 = InputVariantProps & {
     placeholder?: string;
     disabled?: boolean;
     onBlur?: FocusEventHandler<HTMLInputElement>;
@@ -2185,32 +2186,32 @@ type ControlledInputProps = {
     value: string | number;
     onChange: ChangeEventHandler<HTMLInputElement>;
     setInputValue?: never;
-} & SharedProps$1;
+} & SharedProps$2;
 type BaseInputPros = {
     debounce?: false;
     value?: never;
     onChange?: ChangeEventHandler<HTMLInputElement>;
     setInputValue?: never;
-} & SharedProps$1;
+} & SharedProps$2;
 type DebouncedInputPros = {
     value: string | number;
     onChange?: never;
     debounce: true;
     setInputValue: (value: string) => void;
-} & SharedProps$1;
+} & SharedProps$2;
 type InputProps = ControlledInputProps | BaseInputPros | DebouncedInputPros;
 declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const repeatArea: (count: number, area: string) => string;
 
-interface Props$4 {
+interface Props$5 {
     header?: ReactNode;
     maxContentWidth: keyof typeof sizes.container;
     skyScraperAd?: ReactNode;
     heroAd?: ReactNode;
     footer?: ReactNode;
 }
-declare const PageLayout: FC<PropsWithChildren<Props$4>>;
+declare const PageLayout: FC<PropsWithChildren<Props$5>>;
 
 type SingleColumnCenteredLayoutProps = PropsWithChildren<{
     maxContentWidth?: keyof (typeof sizes)['container'];
@@ -2251,12 +2252,12 @@ type VehicleReferenceProps = VehicleReferenceVariantProps & {
 };
 declare const VehicleReference: FC<VehicleReferenceProps>;
 
-interface Props$3 extends Omit<TwoColumnsLayoutProps, 'left' | 'right'> {
+interface Props$4 extends Omit<TwoColumnsLayoutProps, 'left' | 'right'> {
     vehicle: VehicleReferenceProps;
     leftColumnSize?: ColumnSize;
     rightColumnSize?: ColumnSize;
 }
-declare const LayoutWithVehicleReference: FC<PropsWithChildren<Props$3>>;
+declare const LayoutWithVehicleReference: FC<PropsWithChildren<Props$4>>;
 
 type LinkProps = LinkProps$2 & {
     isExternal?: boolean;
@@ -2460,8 +2461,8 @@ declare const Select: React__default.ForwardRefExoticComponent<SelectProps & Rea
 
 declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLSpanElement>>;
 
-type Props$2 = Pick<SimpleGridProps, 'minChildWidth' | 'columns' | 'children' | 'alignItems' | 'width' | 'rowGap' | 'gap'>;
-declare const SimpleGrid: FC<Props$2>;
+type Props$3 = Pick<SimpleGridProps, 'minChildWidth' | 'columns' | 'children' | 'alignItems' | 'width' | 'rowGap' | 'gap'>;
+declare const SimpleGrid: FC<Props$3>;
 
 interface SimpleHeaderProps {
     title: string;
@@ -2618,12 +2619,12 @@ declare const markedTextRecipe: _chakra_ui_react.SlotRecipeDefinition<"container
     };
 }>;
 
-type SharedProps = Exclude<BoxProps, 'position' | 'width' | 'display' | 'alignItems'> & RecipeVariantProps<typeof markedTextRecipe>;
-type HighlightProps = SharedProps & {
+type SharedProps$1 = Exclude<BoxProps, 'position' | 'width' | 'display' | 'alignItems'> & RecipeVariantProps<typeof markedTextRecipe>;
+type HighlightProps = SharedProps$1 & {
     variant?: 'highlight';
     highlightColor?: 'white' | 'gray.100' | 'brand.primary';
 };
-type UnderlineProps = SharedProps & {
+type UnderlineProps = SharedProps$1 & {
     variant: 'underline';
     highlightColor?: never;
 };
@@ -2638,10 +2639,10 @@ type ThemeProviderProps = {
 };
 declare const ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>;
 
-type Props$1 = {
+type Props$2 = {
     aspectRatio?: number;
 };
-declare const TopListingBadge: FC<PropsWithChildren<Props$1>>;
+declare const TopListingBadge: FC<PropsWithChildren<Props$2>>;
 
 type RangeFilterInputField<Name> = {
     name: Name;
@@ -2663,11 +2664,11 @@ type RangeFilterInputProps<NameFrom extends string, NameTo extends 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 = {
+type Props$1 = {
     aspectRatio?: number;
     brand: Brand;
 };
-declare const TopVehicleSharedBadge: FC<PropsWithChildren<Props>>;
+declare const TopVehicleSharedBadge: FC<PropsWithChildren<Props$1>>;
 
 type DiscreteSliderMark<T> = {
     stepValue?: number;
@@ -2698,6 +2699,101 @@ type RangeSliderProps = SliderRootProps & {
 };
 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;
+
+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;
+};
+declare const TenantSelection: FC<TenantSelectionProps>;
+
 declare const convertRemEmToPx: (value: string) => number;
 
 declare class Logger {
@@ -2705,5 +2801,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, 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, PartialClockIcon, PenIcon, PickUpIcon, PlusCircleIcon, PlusIcon, PrintIcon, QualitySealIcon, RangeFilterInput, RangeIcon, RangeSlider, Rating, RoadIcon, RocketIcon, RotateIcon, SafeNumberIcon, SaveSearchIcon, ScreenIcon, 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, 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, CenterProps, ChangeCallback, CheckboxGroupProps, CheckboxProps, ChipProps, CountProps, DatePickerProps, DevOverlayProps, DevOverlayVariables, DialogProps, DiscreteSliderMark, DiscreteSliderProps, DrawerProps, EnergyLabelProps, ErrorPageProps, FlexProps, BaseProps as FormControlSectionProps, GalleryHeaderProps, HeadingProps, HighlightedTextProps, InputProps, LinkProps, 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, 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, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smg-automotive/components",
-  "version": "25.11.0-chakra-v3.7",
+  "version": "25.11.0-chakra-v3.8",
   "description": "SMG Automotive components library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",