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

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/esm/utilities/i18nInit.d.ts

@@ -0,0 +1,18 @@
+export declare const useI18n: () => {
+    t: <T = string>(key: string, params?: {
+        [key: string]: unknown;
+        count?: number | string;
+        ignoreMissingTranslation?: boolean;
+    }) => T;
+    language: import("@smg-automotive/i18n-pkg").Language;
+    displayTranslationKeys: boolean;
+    setDisplayTranslationKeys: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+}, I18nProvider: ({ children, language, lngDict, onMissingTranslation, }: React.PropsWithChildren<{
+    language: import("@smg-automotive/i18n-pkg").Language;
+    lngDict: import("@smg-automotive/i18n-pkg").Dictionary;
+    onMissingTranslation: import("@smg-automotive/i18n-pkg").OnMissing;
+}>) => import("react/jsx-runtime").JSX.Element, Trans: ({ i18nKey, values, children, }: React.PropsWithChildren<{
+    i18nKey: string;
+    values?: Record<string, unknown>;
+}>) => any;
+//# sourceMappingURL=i18nInit.d.ts.map

package/dist/esm/utilities/i18nInit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18nInit.d.ts","sourceRoot":"","sources":["../../../src/utilities/i18nInit.ts"],"names":[],"mappings":"AAEA,eAAO,MAAQ,OAAO;;;;;;;;;GAAE,YAAY;;;;gDAAE,KAAK;;;UAAsB,CAAC"}

package/dist/esm/utilities/i18nInit.js

@@ -0,0 +1,7 @@
+import { createI18nScope } from '@smg-automotive/i18n-pkg';
+
+var _a;
+var useI18n = (_a = createI18nScope(), _a.useI18n), I18nProvider = _a.I18nProvider, Trans = _a.Trans;
+
+export { I18nProvider, Trans, useI18n };
+//# sourceMappingURL=i18nInit.js.map

package/dist/esm/utilities/i18nInit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18nInit.js","sources":["../../../../src/utilities/i18nInit.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEe,IAAA,OAAO,IAAT,KAAmC,eAAe,EAAE,EAAA,EAAA,CAAA,OAAA,CAA3C,CAAA,CAAE,YAAY,GAAA,EAAA,CAAA,YAAA,CAAA,CAAE,KAAK;;;;"}

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, 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,6 +9,7 @@ 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 { RangeTuple } from 'fuse.js';
 import { EnrichedSessionUser } from '@smg-automotive/auth';
 
 declare const motoScout24Config: _chakra_ui_react.SystemConfig;
@@ -288,6 +289,42 @@ 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>;
+
 type CenterProps = Pick<CenterProps$1, 'children' | 'padding'>;
 declare const Center: FC<CenterProps>;
 
@@ -361,6 +398,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: {
@@ -431,7 +501,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>;
 } & {
@@ -1739,12 +1809,25 @@ 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$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>>;
 
@@ -1800,16 +1883,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';
@@ -1820,7 +1913,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>>;
@@ -2203,14 +2297,14 @@ declare const Input: React__default.ForwardRefExoticComponent<InputProps & React
 
 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,16 +2345,69 @@ 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>>;
+
+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>>;
@@ -2270,38 +2417,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;
@@ -2381,6 +2541,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: {
@@ -2581,6 +2768,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 = {
@@ -2643,61 +2843,12 @@ type Props$1 = {
 };
 declare const TopListingBadge: FC<PropsWithChildren<Props$1>>;
 
-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 = {
     aspectRatio?: number;
     brand: Brand;
 };
 declare const TopVehicleSharedBadge: FC<PropsWithChildren<Props>>;
 
-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>;
-
 declare const convertRemEmToPx: (value: string) => number;
 
 declare class Logger {
@@ -2705,5 +2856,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, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smg-automotive/components",
-  "version": "25.11.0-chakra-v3.7",
+  "version": "25.11.0-chakra-v3.9",
   "description": "SMG Automotive components library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -57,7 +57,7 @@
   },
   "homepage": "https://github.com/smg-automotive/components-pkg#readme",
   "peerDependencies": {
-    "@smg-automotive/auth": "^8.3.0",
+    "@smg-automotive/auth": "^8.5.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
@@ -73,19 +73,19 @@
     "@smg-automotive/auth": "8.2.7",
     "@smg-automotive/eslint-config": "5.2.5",
     "@storybook/addon-actions": "8.6.14",
-    "@storybook/addon-docs": "8.6.14",
-    "@storybook/addon-essentials": "8.6.14",
-    "@storybook/addon-interactions": "8.6.14",
+    "@storybook/addon-docs": "8.6.15",
+    "@storybook/addon-essentials": "8.6.15",
+    "@storybook/addon-interactions": "8.6.15",
     "@storybook/addon-links": "8.6.14",
     "@storybook/addon-webpack5-compiler-babel": "3.0.6",
     "@storybook/blocks": "8.6.14",
     "@storybook/components": "8.6.14",
-    "@storybook/core": "8.6.14",
+    "@storybook/core": "8.6.15",
     "@storybook/manager-api": "8.6.14",
     "@storybook/preview-api": "8.6.14",
-    "@storybook/react": "8.6.14",
-    "@storybook/react-webpack5": "8.6.14",
-    "@storybook/test": "8.6.14",
+    "@storybook/react": "8.6.15",
+    "@storybook/react-webpack5": "8.6.15",
+    "@storybook/test": "8.6.15",
     "@storybook/theming": "8.6.14",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
@@ -119,7 +119,7 @@
     "rollup-plugin-peer-deps-external": "2.2.4",
     "semantic-release": "25.0.2",
     "space-separated-tokens": "2.0.2",
-    "storybook": "8.6.14",
+    "storybook": "8.6.15",
     "stream-http": "3.2.0",
     "ts-jest": "29.4.5",
     "ts-node": "10.9.2",
@@ -131,12 +131,12 @@
     "@chakra-ui/cli": "3.27.1",
     "@chakra-ui/react": "3.27.1",
     "@emotion/react": "11.14.0",
-    "@smg-automotive/i18n-pkg": "2.1.0",
+    "@smg-automotive/i18n-pkg": "3.0.0",
     "@smg-automotive/phrase-pkg": "1.0.2",
     "@types/fs-extra": "11.0.4",
     "embla-carousel-react": "8.6.0",
     "framer-motion": "12.23.24",
-    "fs-extra": "11.3.2",
+    "fs-extra": "11.3.3",
     "fuse.js": "7.1.0",
     "globals": "16.5.0",
     "merge-json-file": "1.0.1",