@smg-automotive/components 25.11.0-dbojovic-vsst-4320-select-menu-migration.3 → 25.11.0-dbojovic-vsst-4428-migrate-time-picker.2

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 } from '@chakra-ui/react';
+import { UseMediaQueryOptions, AccordionRootProps, RecipeVariantProps, BoxProps, BadgeProps as BadgeProps$1, BreadcrumbRootProps, ButtonProps, Card as Card$1, InputProps as InputProps$1, CollapsibleRootProps, CenterProps as CenterProps$1, CheckboxCheckedChangeDetails, Switch as Switch$1, UseDialogProps, DrawerContentProps, DrawerBodyProps, DrawerRootProps, FlexProps as FlexProps$1, HeadingProps as HeadingProps$1, LinkProps as LinkProps$2, List as List$1, ConditionalValue, MenuTriggerProps, MenuContentProps, MenuRootProps, Accordion as Accordion$1, NumberInput, Slider, NativeSelectRootProps, NativeSelectFieldProps, SeparatorProps, SimpleGridProps, StackProps as StackProps$1, TabsTriggerProps, TabsListProps, TabsContentProps, TabsRootProps, Table as Table$1, TextProps } from '@chakra-ui/react';
 export { AspectRatioProps, Box, BoxProps, CardBodyProps, CardFooterProps, CardHeaderProps, GridItemProps, GridProps, ListItemProps, ListRootProps, SeparatorProps, StackSeparator, TableBodyProps, TableCaptionProps, TableCellProps, TableColumnGroupProps, TableColumnHeaderProps, TableColumnProps, TableFooterProps, TableHeaderProps, TableRootProps, TableRowProps, TableScrollAreaProps, TextProps, useBreakpointValue, useChakraContext, useDisclosure } from '@chakra-ui/react';
 import * as React from 'react';
 import React__default, { FocusEventHandler, ChangeEventHandler, FC, PropsWithChildren, ReactNode, ReactElement, ElementType, ComponentProps, JSX } from 'react';
@@ -9,6 +9,8 @@ import * as node_modules__chakra_ui_react_dist_types_styled_system_generated_sys
 import * as node_modules__chakra_ui_react_dist_types_styled_system_generated_prop_types_gen from 'node_modules/@chakra-ui/react/dist/types/styled-system/generated/prop-types.gen';
 import * as node_modules__chakra_ui_react_dist_types_styled_system_css_types from 'node_modules/@chakra-ui/react/dist/types/styled-system/css.types';
 import { Language as Language$1 } from '@smg-automotive/i18n-pkg';
+import { RangeTuple } from 'fuse.js';
+import { EnrichedSessionUser } from '@smg-automotive/auth';
 
 declare const motoScout24Config: _chakra_ui_react.SystemConfig;
 declare const _default$1: _chakra_ui_react.SystemContext;
@@ -287,6 +289,53 @@ declare const Card: {
     Footer: React.ForwardRefExoticComponent<Card$1.FooterProps & React.RefAttributes<HTMLDivElement>>;
 };
 
+type BreakpointKeys = keyof typeof breakpoints;
+type ResponsiveValue<T> = Partial<Record<BreakpointKeys, T>>;
+
+type SharedProps$2 = {
+    startIndex?: number;
+    onSlideClick?: (index: number) => void;
+    onSlideSelect?: (index: number) => void;
+    slidesPerView?: ResponsiveValue<number> | 1;
+    loop?: boolean;
+    slidesToScroll?: 'auto' | number;
+};
+type DefaultProps = {
+    fullScreen?: never;
+    children: ReactNode[];
+    paginationType?: Exclude<PaginationType, PaginationType.Thumbnail>;
+} & SharedProps$2;
+type FullScreenSlide = {
+    slide: ReactNode;
+    thumbnail: ReactNode;
+    onSlideEnter?: () => void;
+    onSlideLeave?: () => void;
+};
+type FullScreenProps = {
+    fullScreen: true;
+    paginationType?: never;
+    children: FullScreenSlide[];
+} & SharedProps$2;
+type CarouselProps = DefaultProps | FullScreenProps;
+declare enum PaginationType {
+    Thumbnail = "thumbnail",
+    Number = "number",
+    None = "none",
+    Dot = "dot"
+}
+declare const Carousel: FC<CarouselProps>;
+
+interface ColorPickerProps extends InputProps$1 {
+    invalid?: boolean;
+}
+declare const ColorPicker: React__default.ForwardRefExoticComponent<ColorPickerProps & React__default.RefAttributes<HTMLInputElement>>;
+
+type CollapseProps = {
+    in: boolean;
+    animateOpacity: boolean;
+} & Omit<CollapsibleRootProps, 'open'>;
+declare const Collapse: FC<CollapseProps>;
+
 type CenterProps = Pick<CenterProps$1, 'children' | 'padding'>;
 declare const Center: FC<CenterProps>;
 
@@ -360,6 +409,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: {
@@ -424,13 +506,13 @@ declare const inputSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" | "f
     };
 }>;
 
-type InputVariantProps$1 = RecipeVariantProps<typeof inputSlotRecipe>;
-type DatePickerProps = Pick<InputProps$1, 'onFocus' | 'onBlur' | 'onChange'> & InputVariantProps$1 & {
+type InputVariantProps$2 = RecipeVariantProps<typeof inputSlotRecipe>;
+type DatePickerProps = Pick<InputProps$1, 'onFocus' | 'onBlur' | 'onChange'> & InputVariantProps$2 & {
     min?: Date;
     value?: string;
     invalid?: boolean;
 };
-declare const DatePicker: React__default.ForwardRefExoticComponent<Pick<InputProps$1, "onChange" | "onBlur" | "onFocus"> & {
+declare const DatePicker: React__default.ForwardRefExoticComponent<Pick<InputProps$1, "onFocus" | "onBlur" | "onChange"> & {
     variant?: _chakra_ui_react.ConditionalValue<"outline" | undefined>;
     size?: _chakra_ui_react.ConditionalValue<"md" | "lg" | undefined>;
 } & {
@@ -1738,12 +1820,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>>;
 
@@ -1799,16 +1894,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';
@@ -1819,7 +1924,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>>;
@@ -2164,8 +2270,8 @@ 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 InputVariantProps$1 = RecipeVariantProps<typeof inputSlotRecipe>;
+type SharedProps$1 = InputVariantProps$1 & {
     placeholder?: string;
     disabled?: boolean;
     onBlur?: FocusEventHandler<HTMLInputElement>;
@@ -2202,14 +2308,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'];
@@ -2250,16 +2356,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>>;
@@ -2269,38 +2428,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;
@@ -2326,7 +2498,7 @@ declare const Menu: FC<MenuProps>;
 type MissingImageProps = Pick<BoxProps, 'width' | 'height' | 'aspectRatio'>;
 declare const MissingImage: FC<MissingImageProps>;
 
-type MobileOnlyAccordionProps = RecipeVariantProps<typeof accordionRecipe> & Pick<Accordion$1.RootProps, 'multiple' | 'collapsible'>;
+type MobileOnlyAccordionProps = RecipeVariantProps<typeof accordionRecipe> & Pick<Accordion$1.RootProps, 'multiple' | 'collapsible' | 'value' | 'onValueChange'>;
 declare const MobileOnlyAccordion: FC<PropsWithChildren<MobileOnlyAccordionProps>>;
 
 type Project = 'listings-web' | 'seller-web';
@@ -2342,6 +2514,31 @@ interface FooterProps {
 }
 declare const Footer$1: FC<FooterProps>;
 
+type CustomEvent = {
+    eventAction: string;
+    eventCategory: string;
+    eventLabel?: string | null;
+};
+
+interface NavigationProps {
+    brand: Brand;
+    comparisonItemIds?: number[] | null;
+    entitlements?: string[];
+    environment: Environment;
+    experiments?: Record<string, string>;
+    hasNotification: boolean;
+    language: Language$1;
+    onLogin: () => void;
+    onLogout: () => void;
+    trackEvent?: (event: CustomEvent) => void;
+    useAbsoluteUrls?: boolean;
+    project?: Project;
+    user: EnrichedSessionUser | null;
+    selectTenant: (sellerId: number | string) => Promise<void>;
+    showTenantSelection?: boolean;
+}
+declare const Navigation: FC<NavigationProps>;
+
 type PaginationProps = {
     totalPages: number;
     /**
@@ -2355,6 +2552,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: {
@@ -2555,6 +2779,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 = {
@@ -2612,59 +2849,30 @@ type ThemeProviderProps = {
 };
 declare const ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>;
 
+type InputVariantProps = RecipeVariantProps<typeof inputSlotRecipe>;
+type TimePickerProps = Pick<InputProps$1, 'onFocus' | 'onBlur' | 'onChange'> & InputVariantProps & {
+    value?: string;
+    invalid?: boolean;
+};
+declare const TimePicker: React__default.ForwardRefExoticComponent<Pick<InputProps$1, "onFocus" | "onBlur" | "onChange"> & {
+    variant?: _chakra_ui_react.ConditionalValue<"outline" | undefined>;
+    size?: _chakra_ui_react.ConditionalValue<"md" | "lg" | undefined>;
+} & {
+    value?: string;
+    invalid?: boolean;
+} & React__default.RefAttributes<HTMLInputElement>>;
+
 type Props$1 = {
     aspectRatio?: number;
 };
 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>>;
-
 declare const convertRemEmToPx: (value: string) => number;
 
 declare class Logger {
@@ -2672,5 +2880,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, NoPhotoIcon, NotAvailableIcon, NotAvailableSquareIcon, OptimizerIcon, OverflowVerticalIcon, PageLayout, Pagination, PartialClockIcon, PenIcon, PickUpIcon, PlusCircleIcon, PlusIcon, PrintIcon, QualitySealIcon, RangeFilterInput, RangeIcon, 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, Option, PaginationProps, PickedNumberInputProps, Props$2 as Props, RangeFilterInputField, 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, Collapse, CollapseIcon, ColorPicker, CompareIcon, ConsumptionIcon, CopyIcon, Count, CoupeIcon, CreditCardIcon, CreditIcon, DatePicker, DaylightIcon, DeleteIcon, DevOverlay, Dialog, DigitalContractIcon, DiscreteSlider, DocumentCheckIcon, DocumentIcon, DoubleChevronDownIcon, DoubleChevronUpIcon, DoubleLineIcon, DownloadIcon, DragIcon, Drawer, DrawerBody, DrawerContent, DrawerOverlay, DriveSystemIcon, DriveSystemLargeIcon, DriveTypeIcon, EnergyLabel, EquipmentIcon, ErrorIcon, ErrorPage, ExchangeIcon, ExpandIcon, EyeCrossedIcon, EyeIcon, FacebookIcon, FlagIcon, FlameIcon, FlashIcon, Flex, Footer$1 as Footer, FormControlSection, ForwardIcon, FullHeight, GalleryHeader, GarageIcon, GasStationIcon, GlobeIcon, GoogleIcon, Grid, GridItem, H1, H2, H3, H4, H5, H6, HamburgerMenuIcon, HeartIcon, HighlightedText, HistoryClockIcon, HouseIcon, ImageIcon, InfinityCircleIcon, InfoIcon, InformationBubbleIcon, InformationIcon, Input, InstagramIcon, InteriorIcon, LabelIcon, LayoutWithVehicleReference, Link, LinkedinIcon, List, ListIcon, Item as ListItem, Root$1 as ListRoot, LocationPinIcon, LockIcon, LogoutIcon, MagnifierIcon, MagnifierLargeIcon, MarkedText, Menu, MessageIcon, MiniVanIcon, MinusIcon, MissingImage, MissingImageIcon, MobileOnlyAccordion, MotoScout24AppLogo, MotoScout24Icon, MotorcycleIcon, Navigation, NoPhotoIcon, NotAvailableIcon, NotAvailableSquareIcon, OptimizerIcon, OverflowVerticalIcon, PageLayout, Pagination, PaginationType, PartialClockIcon, PenIcon, PickUpIcon, PlusCircleIcon, PlusIcon, PrintIcon, QualitySealIcon, RangeFilterInput, RangeIcon, RangeSlider, Rating, RoadIcon, RocketIcon, RotateIcon, SafeNumberIcon, SaveSearchIcon, ScreenIcon, SearchableList, Section, SedanIcon, Select, Separator, ShareIcon, SimpleGrid, SimpleHeader, SingleColumnCenteredLayout, SmallCarIcon, SortIcon, SpeakerIcon, Stack, StarCircleIcon, StarIcon, SteeringWheelIcon, SuvIcon, SwissFlagIcon, Switch, Tab, TabList, TabPanel, TabPanels, Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Column as TableColumn, ColumnGroup as TableColumnGroup, ColumnHeader as TableColumnHeader, Footer as TableFooter, Header as TableHeader, Root as TableRoot, Row as TableRow, ScrollArea as TableScrollArea, Tabs, TenantSelection, Text, ThemeProvider, ThreeSixtyIcon, ThumbsDownIcon, ThumbsUpIcon, TiltedRectangleIcon, TimeIcon, TimePicker, 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, CollapseProps, 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, TimePickerProps, UnifiedButtonProps, VehicleReferenceProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smg-automotive/components",
-  "version": "25.11.0-dbojovic-vsst-4320-select-menu-migration.3",
+  "version": "25.11.0-dbojovic-vsst-4428-migrate-time-picker.2",
   "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",