@smg-automotive/components 25.10.1 → 25.10.2

package/dist/esm/components/tenantSelection/select/index.js

@@ -1,6 +1,6 @@
 import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
 import React, { useCallback } from 'react';
-import { useI18n } from '@smg-automotive/i18n-pkg';
+import { useI18n } from '../../../utilities/i18nInit.js';
 import { TenantSelectionModalLayout } from '../ModalLayout.js';
 import { TenantSelectionSelectList } from './List.js';
 

package/dist/esm/components/tenantSelection/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/tenantSelection/select/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAiBO,IAAM,qBAAqB,GAA6B,UAAC,EAI/D,EAAA;AAHC,IAAA,IAAA,eAAe,qBAAA,EACf,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,IAAI,GAAA,EAAA,CAAA,IAAA;AAEI,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;AAET,IAAA,IAAM,cAAc,GAAG,WAAW,CAChC,UAAC,gBAAwB,EAAA;QACvB,kBAAkB,CAAC,UAAC,OAAO,EAAA;YACzB,OAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,OAAO,KACV,cAAc,EAAE,gBAAgB,EAChC,aAAa,EAAE,KAAK,EAAA,CAAA;AAExB,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB;IAED,QACE,oBAAC,0BAA0B,EAAA,IAAA;QACzB,KAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,EACxB,KAAK,EAAE,CAAC,CAAC,qCAAqC,CAAC,EAC/C,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,gBAAgB,EAAE,eAAe,CAAC,cAAc,EAChD,cAAc,EAAE,cAAc,EAAA,CAC9B,CACyB;AAEjC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/tenantSelection/select/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAkBO,IAAM,qBAAqB,GAA6B,UAAC,EAI/D,EAAA;AAHC,IAAA,IAAA,eAAe,qBAAA,EACf,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,IAAI,GAAA,EAAA,CAAA,IAAA;AAEI,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;AAET,IAAA,IAAM,cAAc,GAAG,WAAW,CAChC,UAAC,gBAAwB,EAAA;QACvB,kBAAkB,CAAC,UAAC,OAAO,EAAA;YACzB,OAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,OAAO,KACV,cAAc,EAAE,gBAAgB,EAChC,aAAa,EAAE,KAAK,EAAA,CAAA;AAExB,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB;IAED,QACE,oBAAC,0BAA0B,EAAA,IAAA;QACzB,KAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,EACxB,KAAK,EAAE,CAAC,CAAC,qCAAqC,CAAC,EAC/C,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,gBAAgB,EAAE,eAAe,CAAC,cAAc,EAChD,cAAc,EAAE,cAAc,EAAA,CAC9B,CACyB;AAEjC;;;;"}

package/dist/esm/components/translationProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/translationProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAGL,QAAQ,EACT,MAAM,0BAA0B,CAAC;AAKlC,UAAU,KAAK;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAkBrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/translationProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAA0B,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAM5E,UAAU,KAAK;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAkBrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/esm/components/translationProvider/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { I18nProvider, filterDictionaryScopes } from '@smg-automotive/i18n-pkg';
+import { filterDictionaryScopes } from '@smg-automotive/i18n-pkg';
+import { I18nProvider } from '../../utilities/i18nInit.js';
 import { dictionaries } from '../../locales/index.js';
 import logger from '../../lib/logger.js';
 

package/dist/esm/components/translationProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/translationProvider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAeA,IAAM,mBAAmB,GAAiC,UAAC,EAI1D,EAAA;AAHC,IAAA,IAAA,QAAQ,cAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA;IAER,QACE,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,sBAAsB,CAAC;AAC9B,YAAA,YAAY,EAAE,YAAY;AAC1B,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,gBAAgB,EAAE,MAAM;SACzB,CAAC,EACF,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,EAAA,EAEhD,QAAQ,CACI;AAEnB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/translationProvider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAYA,IAAM,mBAAmB,GAAiC,UAAC,EAI1D,EAAA;AAHC,IAAA,IAAA,QAAQ,cAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA;IAER,QACE,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,sBAAsB,CAAC;AAC9B,YAAA,YAAY,EAAE,YAAY;AAC1B,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,gBAAgB,EAAE,MAAM;SACzB,CAAC,EACF,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,EAAA,EAEhD,QAAQ,CACI;AAEnB;;;;"}

package/dist/esm/components/translationProvider/withTranslationProvider.d.ts

@@ -0,0 +1,8 @@
+import { ComponentType, FC } from 'react';
+import { Language } from '@smg-automotive/i18n-pkg';
+type Props = {
+    language: Language;
+};
+export declare function withTranslationProvider<P extends Props>(scopes: string[]): (WrappedComponent: ComponentType<P>) => FC<P>;
+export {};
+//# sourceMappingURL=withTranslationProvider.d.ts.map

package/dist/esm/components/translationProvider/withTranslationProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTranslationProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/translationProvider/withTranslationProvider.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAIpD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAC/D,kBAAkB,aAAa,CAAC,CAAC,CAAC,KAAG,EAAE,CAAC,CAAC,CAAC,CAWnD"}

package/dist/esm/components/translationProvider/withTranslationProvider.js

@@ -0,0 +1,16 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import TranslationProvider from './index.js';
+
+function withTranslationProvider(scopes) {
+    return function (WrappedComponent) {
+        return function (props) {
+            var language = props.language;
+            return (React.createElement(TranslationProvider, { language: language, scopes: scopes },
+                React.createElement(WrappedComponent, __assign({}, props))));
+        };
+    };
+}
+
+export { withTranslationProvider };
+//# sourceMappingURL=withTranslationProvider.js.map

package/dist/esm/components/translationProvider/withTranslationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTranslationProvider.js","sources":["../../../../../src/components/translationProvider/withTranslationProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAUM,SAAU,uBAAuB,CAAkB,MAAgB,EAAA;AACvE,IAAA,OAAO,UAAC,gBAAkC,EAAA;AACxC,QAAA,OAAO,UAAC,KAAK,EAAA;AACH,YAAA,IAAA,QAAQ,GAAK,KAAK,CAAA,QAAV;YAEhB,QACE,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAA;AACrD,gBAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAI,CACX;AAE1B,QAAA,CAAC;AACH,IAAA,CAAC;AACH;;;;"}

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,7 +1,8 @@
 export { keyframes } from '@emotion/react';
 import { ShowProps, UseMediaQueryOptions, ToastPosition, AccordionProps, AccordionButtonProps as AccordionButtonProps$1, AccordionPanelProps, AccordionItemProps, ResponsiveValue, BreadcrumbProps, BreadcrumbLinkProps, ButtonProps as ButtonProps$1, ResponsiveObject, CenterProps as CenterProps$1, CheckboxProps as CheckboxProps$1, FlexProps, InputProps, SwitchProps as SwitchProps$1, DrawerProps, ModalBodyProps, DrawerContentProps, FormLabelProps as FormLabelProps$1, ComponentWithAs, GridProps, GridItemProps, HideProps, BoxProps, LinkProps as LinkProps$1, ListProps as ListProps$1, MenuProps as MenuProps$1, PopoverProps as PopoverProps$1, IconProps as IconProps$1, UseRadioGroupProps, NumberInputProps, RangeSliderProps as RangeSliderProps$2, SelectProps, SimpleGridProps, StackProps, TextProps, TooltipProps, SkeletonProps, TabsProps, TabProps, TabListProps, ModalProps, ModalCloseButtonProps, HeadingProps } from '@chakra-ui/react';
 export { AspectRatio, Box, BreadcrumbItem as BreadcrumbsItem, Card, CardBody, CardFooter, CardHeader, Collapse, Divider, LinkBox, LinkBoxProps, LinkOverlay, LinkOverlayProps, ListItem, RadioGroup, Slide, Table, TableCaption, TableContainer, Tbody, Td, Text, Tfoot, Th, Thead, Tr, useAccordionItemState, useBreakpointValue, useDisclosure, useTheme, useToken } from '@chakra-ui/react';
-import React, { FocusEventHandler, ChangeEventHandler, RefObject, ReactNode, ElementType, FC, PropsWithChildren, ReactElement, ChangeEvent, ComponentType, JSX, ComponentProps } from 'react';
+import * as React from 'react';
+import React__default, { FocusEventHandler, ChangeEventHandler, RefObject, ReactNode, ElementType, FC, PropsWithChildren, ReactElement, ChangeEvent, ComponentType, JSX, ComponentProps } from 'react';
 import { Language as Language$1 } from '@smg-automotive/i18n-pkg';
 import { RangeTuple } from 'fuse.js';
 import { EnrichedSessionUser } from '@smg-automotive/auth';
@@ -116,7 +117,7 @@ declare const useToast: () => (options: ToastOptions) => {
 declare const Accordion: FC<PropsWithChildren<AccordionProps>>;
 
 interface AccordionButtonProps extends AccordionButtonProps$1 {
-    leftIcon?: React.ReactNode;
+    leftIcon?: React__default.ReactNode;
 }
 declare const AccordionButton: FC<PropsWithChildren<AccordionButtonProps>>;
 
@@ -124,14 +125,14 @@ declare const AccordionPanel: FC<PropsWithChildren<AccordionPanelProps>>;
 
 declare const AccordionItem: FC<PropsWithChildren<AccordionItemProps>>;
 
-type Props$G = {
+type Props$E = {
     title: string;
     text: string;
     imageUrl: string;
     url: string;
     maxImgW?: ResponsiveValue<Sizes>;
 };
-declare const ArticleTeaser: FC<Props$G>;
+declare const ArticleTeaser: FC<Props$E>;
 
 type SharedProps$4 = Omit<BareAlertProps, 'onClose'>;
 type DismissibleProps = SharedProps$4 & {
@@ -192,8 +193,8 @@ type LinkProps = Overwrite<SharedProps$3, LinkButton & {
 }>;
 type IconProps = IconButton & Never<Pick<SharedProps$3, 'leftIcon' | 'rightIcon' | 'children'>>;
 type IconButtonProps = Overwrite<ButtonType, IconProps> | Overwrite<SubmitType, IconProps> | Overwrite<LinkProps, IconProps>;
-type Props$F = ButtonProps | IconButtonProps | LinkProps;
-declare const Button: React.ForwardRefExoticComponent<Props$F & React.RefAttributes<HTMLLinkElement | HTMLButtonElement>>;
+type Props$D = ButtonProps | IconButtonProps | LinkProps;
+declare const Button: React__default.ForwardRefExoticComponent<Props$D & React__default.RefAttributes<HTMLLinkElement | HTMLButtonElement>>;
 
 type SharedProps$2 = {
     startIndex?: number;
@@ -219,14 +220,14 @@ type FullScreenProps = {
     paginationType?: never;
     children: FullScreenSlide[];
 } & SharedProps$2;
-type Props$E = DefaultProps | FullScreenProps;
+type Props$C = DefaultProps | FullScreenProps;
 declare enum PaginationType {
     Thumbnail = "thumbnail",
     Number = "number",
     None = "none",
     Dot = "dot"
 }
-declare const Carousel: FC<Props$E>;
+declare const Carousel: FC<Props$C>;
 
 type CenterProps = Pick<CenterProps$1, 'children' | 'padding'>;
 declare const Center: FC<CenterProps>;
@@ -246,7 +247,7 @@ interface CheckboxProps {
     readOnly?: boolean;
     fullWidth?: boolean;
 }
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
 
 type Item<ItemKey, FilterName> = {
     childCheckboxes?: Item<ItemKey, FilterName>[];
@@ -258,7 +259,7 @@ type Item<ItemKey, FilterName> = {
     key: ItemKey;
     label: string;
 };
-type Props$D<ItemKey extends string, FilterName extends string> = {
+type Props$B<ItemKey extends string, FilterName extends string> = {
     alwaysExpanded?: boolean;
     /**
      * @template ItemKey
@@ -284,7 +285,7 @@ type Props$D<ItemKey extends string, FilterName extends string> = {
     language: Language$1;
 };
 
-declare function CheckboxFilter<ItemKey extends string, FilterName extends string>({ alwaysExpanded, items, onApply, numberOfColumnsOnDesktop, onToggleCheckboxGroup, language, }: Props$D<ItemKey, FilterName>): React.JSX.Element;
+declare function CheckboxFilter<ItemKey extends string, FilterName extends string>({ alwaysExpanded, items, onApply, numberOfColumnsOnDesktop, onToggleCheckboxGroup, language, }: Props$B<ItemKey, FilterName>): React__default.JSX.Element;
 
 interface CheckboxGroupProps extends CheckboxProps {
     /**
@@ -305,27 +306,27 @@ type ChipProps = {
 declare const Chip: FC<PropsWithChildren<ChipProps>>;
 
 type CountVariant = 'primary' | 'inverted' | 'info' | 'success' | 'warning' | 'error';
-interface Props$C {
+interface Props$A {
     variant?: CountVariant;
     count: number;
     ariaLabel?: string;
 }
-declare const Count: FC<Props$C>;
+declare const Count: FC<Props$A>;
 
-interface Props$B extends Pick<InputProps, 'onFocus' | 'onBlur' | 'onChange'> {
+interface Props$z extends Pick<InputProps, 'onFocus' | 'onBlur' | 'onChange'> {
     size?: 'md' | 'lg';
     min?: Date;
     value?: string;
     isInvalid?: boolean;
 }
-declare const DatePicker: React.ForwardRefExoticComponent<Props$B & React.RefAttributes<HTMLInputElement>>;
+declare const DatePicker: React__default.ForwardRefExoticComponent<Props$z & React__default.RefAttributes<HTMLInputElement>>;
 
-interface Props$A extends Pick<InputProps, 'onFocus' | 'onBlur' | 'onChange'> {
+interface Props$y extends Pick<InputProps, 'onFocus' | 'onBlur' | 'onChange'> {
     size?: 'md' | 'lg';
     value?: string;
     isInvalid?: boolean;
 }
-declare const TimePicker: React.ForwardRefExoticComponent<Props$A & React.RefAttributes<HTMLInputElement>>;
+declare const TimePicker: React__default.ForwardRefExoticComponent<Props$y & React__default.RefAttributes<HTMLInputElement>>;
 
 declare enum Brand {
     AutoScout24 = "autoscout24",
@@ -353,31 +354,32 @@ declare const Drawer: FC<PropsWithChildren<DrawerProps>>;
 
 declare const DrawerBody: FC<PropsWithChildren<ModalBodyProps>>;
 
-interface Props$z extends DrawerContentProps {
+interface Props$x extends DrawerContentProps {
     withCloseButton?: boolean;
 }
-declare const DrawerContent: FC<PropsWithChildren<Props$z>>;
+declare const DrawerContent: FC<PropsWithChildren<Props$x>>;
 
 declare const DrawerOverlay: FC<PropsWithChildren>;
 
 type Efficiency = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';
-interface Props$y {
+interface Props$w {
     efficiency: Efficiency;
 }
-declare const EnergyLabel: FC<Props$y>;
+declare const EnergyLabel: FC<Props$w>;
 
 type ErrorStatusCode = 404 | 500 | 'clientSide' | 'UNVERIFIED_EMAIL' | 'INITIAL_UNVERIFIED_EMAIL' | 'USER_BLOCKED' | 'UNKNOWN_AUTH_ERROR' | 'EMAIL_CHANGE_VERIFICATION_ERROR';
 
-interface Props$x {
+interface ErrorPageContentProps {
     statusCode: ErrorStatusCode;
     language: Language$1;
     onButtonClick?: () => void;
 }
-declare const ErrorPage: FC<Props$x>;
+
+declare const ErrorPage: React.FC<ErrorPageContentProps>;
 
 declare const Flex: FC<Omit<FlexProps, 'gap' | 'columnGap' | 'rowGap'>>;
 
-type Props$w = {
+type Props$v = {
     isDisabled?: boolean;
     isRequired?: boolean;
     errorMessage?: string;
@@ -389,7 +391,7 @@ type Props$w = {
     labelButtonText?: string;
     labelButtonOnClick?: () => void;
 };
-declare const FormControl: FC<PropsWithChildren<Props$w>>;
+declare const FormControl: FC<PropsWithChildren<Props$v>>;
 
 type FormLabelProps = {
     size?: 'sm' | 'lg';
@@ -402,8 +404,8 @@ declare const Grid: ComponentWithAs<'div', GridProps>;
 
 declare const GridItem: ComponentWithAs<'div', GridItemProps>;
 
-type Props$v = Omit<HideProps, 'ssr'> & Omit<BoxProps, 'sx'>;
-declare const Hide: FC<Props$v>;
+type Props$u = Omit<HideProps, 'ssr'> & Omit<BoxProps, 'sx'>;
+declare const Hide: FC<Props$u>;
 
 type SharedProps$1 = {
     placeholder?: string;
@@ -439,10 +441,10 @@ type DebouncedInputPros = {
     debounce: true;
     setInputValue: (value: string) => void;
 } & SharedProps$1;
-type Props$u = ControlledInputProps | InputPros | DebouncedInputPros;
-declare const Input: React.ForwardRefExoticComponent<Props$u & React.RefAttributes<HTMLInputElement>>;
+type Props$t = ControlledInputProps | InputPros | DebouncedInputPros;
+declare const Input: React__default.ForwardRefExoticComponent<Props$t & React__default.RefAttributes<HTMLInputElement>>;
 
-interface Props$t extends Partial<Omit<LinkProps$1, 'href' | 'onClick'>> {
+interface Props$s extends Partial<Omit<LinkProps$1, 'href' | 'onClick'>> {
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     disabled?: boolean;
@@ -452,13 +454,13 @@ interface Props$t extends Partial<Omit<LinkProps$1, 'href' | 'onClick'>> {
     replace?: boolean;
     prefetch?: boolean;
 }
-declare const Link: React.ForwardRefExoticComponent<Props$t & React.RefAttributes<HTMLAnchorElement>>;
+declare const Link: React__default.ForwardRefExoticComponent<Props$s & React__default.RefAttributes<HTMLAnchorElement>>;
 
-declare const ColorPicker: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare const ColorPicker: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
 
-declare const List: React.ForwardRefExoticComponent<Omit<ListProps$1, "variant"> & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLUListElement | null>>;
+declare const List: React__default.ForwardRefExoticComponent<Omit<ListProps$1, "variant"> & {
+    children?: React__default.ReactNode | undefined;
+} & React__default.RefAttributes<HTMLUListElement | null>>;
 
 type ListProps = {
     variant?: 'icon-inside' | 'icon-outside';
@@ -468,17 +470,17 @@ type ListProps = {
 
 declare const styleTypes$1: readonly ["decimal", "lower-alpha", "lower-roman", "upper-alpha", "upper-roman"];
 type StyleType$1 = (typeof styleTypes$1)[number];
-type Props$s = PropsWithChildren<ListProps & {
+type Props$r = PropsWithChildren<ListProps & {
     styleType?: StyleType$1;
 }>;
-declare const OrderedList: FC<Props$s>;
+declare const OrderedList: FC<Props$r>;
 
 declare const styleTypes: readonly ["disc", "circle", "square", "initial"];
 type StyleType = (typeof styleTypes)[number];
-type Props$r = PropsWithChildren<ListProps & {
+type Props$q = PropsWithChildren<ListProps & {
     styleType?: StyleType;
 }>;
-declare const UnorderedList: FC<Props$r>;
+declare const UnorderedList: FC<Props$q>;
 
 type SearchFieldOptions = {
     placeholder?: string;
@@ -487,12 +489,12 @@ type SearchFieldOptions = {
     autofocusOnDesktop?: boolean;
     autoComplete?: 'on' | 'off';
 };
-declare const SearchField: React.ForwardRefExoticComponent<{
+declare const SearchField: React__default.ForwardRefExoticComponent<{
     name: string;
     ariaControls?: string;
     searchQuery: string;
     setSearchQuery: (newQuery: string) => void;
-} & SearchFieldOptions & React.RefAttributes<HTMLInputElement>>;
+} & SearchFieldOptions & React__default.RefAttributes<HTMLInputElement>>;
 
 type CommonListItem = {
     label: string;
@@ -517,7 +519,7 @@ type ListItemType = CheckboxListItem | RadioButtonListItem;
 type ListItemWithChildren = ListItemType & {
     children?: ListItemType[];
 };
-type Props$q = {
+type Props$p = {
     listItems: ListItemWithChildren[];
     NoResults?: FC;
     EmptyQueryPlaceholder?: FC;
@@ -527,9 +529,9 @@ type Props$q = {
         columns?: number;
         childrenSpacing?: 'md' | '2xl';
     };
-    listRef?: React.RefObject<HTMLUListElement | null>;
+    listRef?: React__default.RefObject<HTMLUListElement | null>;
 };
-declare const SearchableList: React.ForwardRefExoticComponent<Props$q & React.RefAttributes<HTMLInputElement>>;
+declare const SearchableList: React__default.ForwardRefExoticComponent<Props$p & React__default.RefAttributes<HTMLInputElement>>;
 
 interface MenuItem {
     text: JSX.Element | string;
@@ -550,12 +552,12 @@ declare const Menu: FC<MenuProps>;
 
 declare const MissingImage: FC;
 
-type Props$p = {
+type Props$o = {
     totalPages: number;
     currentPage: number;
     onChange: (page: number) => void;
 } & Pick<BoxProps, 'marginTop' | 'marginBottom'>;
-declare const Pagination: FC<PropsWithChildren<Props$p>>;
+declare const Pagination: FC<PropsWithChildren<Props$o>>;
 
 type ContentPadding = '2xl' | 0;
 type MaxWidth = '6xl' | '8xl';
@@ -636,12 +638,12 @@ type PopoverFilterProps = FilterPatternProps & Omit<ActionButtonProps, 'onClose'
     zIndex?: string;
 };
 
-declare const PopoverFilter: FC<PopoverFilterProps>;
+declare const PopoverFilter: React.FC<PopoverFilterProps>;
 
 type OpenFilterButtonPaddingX = '0' | 'md';
 type OpenFilterButtonDisplayType = 'default' | 'inline';
 type Variant = 'sm' | 'md';
-type Props$o = Pick<FilterPatternProps, 'label' | 'displayValue' | 'Icon' | 'isApplied'> & Pick<ButtonProps$1, 'backgroundColor' | 'color'> & {
+type Props$n = Pick<FilterPatternProps, 'label' | 'displayValue' | 'Icon' | 'isApplied'> & Pick<ButtonProps$1, 'backgroundColor' | 'color'> & {
     appliedLabel?: string;
     onClick: () => void;
     variant?: Variant;
@@ -653,7 +655,7 @@ type Props$o = Pick<FilterPatternProps, 'label' | 'displayValue' | 'Icon' | 'isA
     onResetFilter?: () => void;
     displayType?: OpenFilterButtonDisplayType;
 };
-declare const OpenFilterButton: FC<Props$o>;
+declare const OpenFilterButton: FC<Props$n>;
 
 type ModalFilterProps = FilterPatternProps & Omit<ActionButtonProps, 'onClose'> & {
     onModalOpen?: () => void;
@@ -668,14 +670,15 @@ type ModalFilterProps = FilterPatternProps & Omit<ActionButtonProps, 'onClose'>
     appliedLabel?: string;
 } & Pick<ButtonProps$1, 'backgroundColor' | 'color'>;
 
-declare const ModalFilter: FC<ModalFilterProps>;
+declare const ModalFilter: React.FC<ModalFilterProps>;
 
-type Props$n = {
+type FilterHeadingContentProps = {
     onClose?: () => void;
     language: Language$1;
     contentRef?: RefObject<HTMLElement | null>;
 } & Pick<FilterPatternProps, 'Icon' | 'isApplied' | 'label' | 'numberOfAppliedFilters' | 'onResetFilter'>;
-declare const FilterHeading: FC<Props$n>;
+
+declare const FilterHeading: React.FC<FilterHeadingContentProps>;
 
 interface Props$m {
     name?: string;
@@ -688,7 +691,7 @@ interface Props$m {
     isDisabled?: boolean;
     variant?: 'fontRegular' | 'fontBold';
 }
-declare const Radio: React.ForwardRefExoticComponent<Props$m & React.RefAttributes<HTMLInputElement>>;
+declare const Radio: React__default.ForwardRefExoticComponent<Props$m & React__default.RefAttributes<HTMLInputElement>>;
 
 type RadioListProps = {
     options: JSX.Element[];
@@ -713,7 +716,7 @@ type RangeFilterInputProps<NameFrom, NameTo> = {
     to: RangeFilterInputField<NameTo>;
     unit?: string;
 } & PickedNumberInputProps;
-declare function RangeFilterInput<NameFrom extends string, NameTo extends string>({ from, to, handleChange, unit, onBlur, ...rest }: RangeFilterInputProps<NameFrom, NameTo>): React.JSX.Element;
+declare function RangeFilterInput<NameFrom extends string, NameTo extends string>({ from, to, handleChange, unit, onBlur, ...rest }: RangeFilterInputProps<NameFrom, NameTo>): React__default.JSX.Element;
 
 type RangeSliderProps$1 = RangeSliderProps$2;
 declare const RangeSlider: FC<RangeSliderProps$1>;
@@ -729,7 +732,7 @@ type DiscreteSliderProps<T> = {
     value: T;
     onValueChanged: (arg: T) => void;
 };
-declare const DiscreteSlider: <T>({ marks, applyIndentation, onValueChanged, value, }: DiscreteSliderProps<T>) => React.JSX.Element;
+declare const DiscreteSlider: <T>({ marks, applyIndentation, onValueChanged, value, }: DiscreteSliderProps<T>) => React__default.JSX.Element;
 
 type NumericMinMaxValue = {
     min: number | null | undefined;
@@ -776,7 +779,7 @@ type Props$l<NameFrom, NameTo> = {
     to: RangeFilterInputField<NameTo>;
     unit?: string;
 } & RangeSliderProps & PickedNumberInputProps;
-declare function RangeFilterInputWithSlider<NameFrom extends string, NameTo extends string>({ rangeSliderScale, facets, unit, onChange, from, to, chartHeight, ...rest }: Props$l<NameFrom, NameTo>): React.JSX.Element;
+declare function RangeFilterInputWithSlider<NameFrom extends string, NameTo extends string>({ rangeSliderScale, facets, unit, onChange, from, to, chartHeight, ...rest }: Props$l<NameFrom, NameTo>): React__default.JSX.Element;
 
 type Props$k = {
     rating: number;
@@ -805,7 +808,7 @@ type Props$i = Pick<SelectProps, 'placeholder' | 'isInvalid' | 'isDisabled' | 'o
     size?: 'md' | 'lg';
     name: string;
 } & (OptionsAndValue<string> | OptionsAndValue<number>);
-declare const Select: React.ForwardRefExoticComponent<Props$i & React.RefAttributes<HTMLSelectElement>>;
+declare const Select: React__default.ForwardRefExoticComponent<Props$i & React__default.RefAttributes<HTMLSelectElement>>;
 
 type Props$h = Omit<ShowProps, 'ssr'> & Omit<BoxProps, 'sx'> & {
     showDisplay?: string;
@@ -861,10 +864,10 @@ interface Props$b {
     cols?: number;
     textStyle?: 'body' | 'body-small';
 }
-declare const Textarea: React.ForwardRefExoticComponent<Props$b & React.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: React__default.ForwardRefExoticComponent<Props$b & React__default.RefAttributes<HTMLTextAreaElement>>;
 
 type Props$a = {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 } & Pick<TooltipProps, 'label' | 'placement' | 'maxWidth'>;
 declare const Tooltip: FC<Props$a>;
 
@@ -966,7 +969,8 @@ interface GalleryHeaderProps {
     onClose: () => void;
     language: Language;
 }
-declare const GalleryHeader: FC<PropsWithChildren<GalleryHeaderProps>>;
+
+declare const GalleryHeader: React.FC<PropsWithChildren<GalleryHeaderProps>>;
 
 interface MenuOption {
     value: string;
@@ -1424,4 +1428,4 @@ declare class Logger {
 declare const logger: Logger;
 
 export { Accordion, AccordionButton, AccordionItem, AccordionPanel, AddPhotoIcon, AdvancedSearchIcon, Alert, AndroidIcon, AppLayout, AppLayoutContent, AppLayoutFooter, AppLayoutHeader, AppleIcon, ArrowCircleIcon, ArrowDiagonalIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArticleTeaser, AutoScout24AppLogo, AutoScout24Icon, AvatarIcon, AvatarWithNotificationIcon, Badge, BalanceIcon, BankNotesIcon, BatteryIcon, BookmarkIcon, BreadcrumbLink, Breadcrumbs, BulbIcon, Button, CabrioletIcon, CalculatorIcon, CalendarIcon, CallIcon, CamperIcon, CarConditionIcon, CarIcon, Carousel, CartIcon, CategoryAIcon, CategoryAMinusIcon, CategoryAOneIcon, Center, ChartIcon, ChatBubbleIcon, CheckShieldIcon, Checkbox, CheckboxFilter, 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, 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, FilterHeading, FlagIcon, FlameIcon, FlashIcon, Flex, FocusedHeader, Footer, FormControl, FormControlSection, FormLabel, ForwardIcon, FullHeight, GalleryHeader, GarageIcon, GasStationIcon, GlobeIcon, GoogleIcon, Grid, GridItem, H1, H2, H3, H4, H5, H6, HamburgerMenuIcon, Navigation as HeaderNavigation, HeartIcon, Hide, HighlightedText, HistoryClockIcon, HouseIcon, ImageIcon, InfinityCircleIcon, InfoIcon, InformationBubbleIcon, InformationIcon, Input, SingleColumnCenteredLayout as InsertionLayout, InstagramIcon, InteriorIcon, LabelIcon, LayoutWithVehicleReference, Link, LinkedinIcon, List, ListIcon, LocationPinIcon, LockIcon, LogoutIcon, MagnifierIcon, MagnifierLargeIcon, MarkedText, Menu, MessageIcon, MiniVanIcon, MinusIcon, MissingImage, MissingImageIcon, Modal, ModalCloseButton, ModalFilter, MotoScout24AppLogo, MotoScout24Icon, MotorcycleIcon, NoPhotoIcon, NotAvailableIcon, NotAvailableSquareIcon, OpenFilterButton, OptimizerIcon, OrderedList, OverflowVerticalIcon, PageLayout, Pagination, PaginationType, ParagraphIcon, PartialClockIcon, PenIcon, PickUpIcon, PlusCircleIcon, PlusIcon, Popover, PopoverFilter, PrintIcon, QualitySealIcon, Radio, RadioList, RangeFilterInput, RangeFilterInputWithSlider, RangeIcon, RangeSlider, Rating, RoadIcon, RocketIcon, RotateIcon, SafeNumberIcon, SaveSearchIcon, ScreenIcon, SearchField, SearchableList, Section, SedanIcon, Select, SelectMenu, ShareIcon, Show, SimpleGrid, SimpleHeader, Skeleton, SmallCarIcon, SortIcon, SpeakerIcon, Spinner, Stack, StarCircleIcon, StarIcon, SteeringWheelIcon, SuvIcon, SwissFlagIcon, Switch, Tab, TabList, TabPanel, TabPanels, Tabs, TenantSelection, Textarea, ThemeProvider, ThreeSixtyIcon, ThumbsDownIcon, ThumbsUpIcon, TiltedRectangleIcon, TimeIcon, TimePicker, Tooltip, TooltipIcon, TopListingBadge, TopListingIcon, TopVehicleSharedBadge, TrailerIcon, TransmissionIcon, TrashIcon, TriangleIcon, TruckIcon, TwitterIcon, TwoColumnsLayout, UnorderedList, UserTypeExternal, UtilityVehicleIcon, VanIcon, VehiclePowerIcon, VehicleReference, VehicleTypesMotorcycleIcon, VehicleTypesMotorcycleStarIcon, VideoCameraIcon, VideoIcon, ViewCarIcon, ViewMotorcycleIcon, WagonIcon, WarningIcon, WarrantyIcon, WhatsAppIcon, WindowsIcon, YoutubeIcon, autoScout24Theme, breakpoints, convertRemEmToPx, logger, motoScout24Theme, repeatArea, useDebouncedOnChange, useFocusWhenVisible, useMediaQuery, useToast };
-export type { Item as CheckboxFilterItem, CountVariant, ListItemWithChildren, Option, Props$E as Props, SearchFieldOptions, TenantSelectionProps, Props$3 as ThemeProviderProps };
+export type { Item as CheckboxFilterItem, CountVariant, ListItemWithChildren, Option, Props$C as Props, SearchFieldOptions, TenantSelectionProps, Props$3 as ThemeProviderProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smg-automotive/components",
-  "version": "25.10.1",
+  "version": "25.10.2",
   "description": "SMG Automotive components library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -56,7 +56,7 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@smg-automotive/auth": "^8.4.0"
+    "@smg-automotive/auth": "^8.4.1"
   },
   "devDependencies": {
     "@babel/preset-env": "7.28.5",
@@ -132,7 +132,7 @@
     "@chakra-ui/theme-tools": "2.2.6",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
-    "@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",