@smg-automotive/components 25.10.0-chakra-v3.6 → 25.10.0-feat-migrate-tab.1

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { keyframes } from '@emotion/react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { UseMediaQueryOptions, AccordionRootProps, RecipeVariantProps, BoxProps, BadgeProps as BadgeProps$1, BreadcrumbRootProps, ButtonProps, Card as Card$1, CenterProps as CenterProps$1, CheckboxCheckedChangeDetails, InputProps as InputProps$1, Switch as Switch$1, UseDialogProps, FlexProps as FlexProps$1, HeadingProps as HeadingProps$1, LinkProps as LinkProps$2, List as List$1, MenuTriggerProps, MenuRootProps, Accordion as Accordion$1, NativeSelectRootProps, NativeSelectFieldProps, SeparatorProps, SimpleGridProps, StackProps as StackProps$1, 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, CenterProps as CenterProps$1, CheckboxCheckedChangeDetails, InputProps as InputProps$1, Switch as Switch$1, UseDialogProps, FlexProps as FlexProps$1, HeadingProps as HeadingProps$1, LinkProps as LinkProps$2, List as List$1, MenuTriggerProps, 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';
 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';
@@ -430,7 +430,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>;
 } & {
@@ -1793,6 +1793,16 @@ declare const Flex: FC<FlexProps>;
 
 declare const FullHeight: FC<PropsWithChildren>;
 
+type Language = 'de' | 'fr' | 'it' | 'en';
+
+interface GalleryHeaderProps {
+    currentSlide: number;
+    slidesCount: number;
+    onClose: () => void;
+    language: Language;
+}
+declare const GalleryHeader: 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>>;
 
@@ -2300,8 +2310,6 @@ declare const MobileOnlyAccordion: FC<PropsWithChildren<MobileOnlyAccordionProps
 
 type Project = 'listings-web' | 'seller-web';
 
-type Language = 'de' | 'fr' | 'it' | 'en';
-
 type Environment = 'production' | 'preprod';
 
 interface FooterProps {
@@ -2417,6 +2425,90 @@ declare const SimpleHeader: FC<SimpleHeaderProps>;
 type StackProps = Pick<StackProps$1, 'align' | 'children' | 'direction' | 'justify' | 'gap' | 'wrap' | 'margin' | 'marginX' | 'marginY' | 'marginTop' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'padding' | 'paddingX' | 'paddingY' | 'paddingTop' | 'paddingBottom' | 'paddingLeft' | 'paddingRight' | 'separator' | 'alignItems' | 'width'>;
 declare const Stack: FC<StackProps>;
 
+declare const tabsRecipe: _chakra_ui_react.SlotRecipeDefinition<"content" | "list" | "root" | "trigger" | "contentGroup", {
+    variant: {
+        default: {
+            trigger: {
+                _selected: {
+                    borderBottomColor: "currentColor";
+                };
+            };
+        };
+        spaceBetween: {
+            list: {
+                justifyContent: "space-between";
+            };
+            trigger: {
+                _selected: {
+                    borderBottomColor: "currentColor";
+                };
+            };
+        };
+        spaceAround: {
+            list: {
+                justifyContent: "space-around";
+            };
+            trigger: {
+                _selected: {
+                    borderBottomColor: "currentColor";
+                };
+            };
+        };
+        enclosed: {
+            list: {
+                borderBottom: "none";
+            };
+            trigger: {
+                color: "gray.700";
+                fontWeight: "bold";
+                flexBasis: "full";
+                border: "1px";
+                borderColor: "blue.200";
+                backgroundColor: "blue.50";
+                borderRight: "none";
+                '--tabs-border-width': "1px";
+                _selected: {
+                    backgroundColor: "transparent";
+                    borderBottomColor: "transparent";
+                };
+                _last: {
+                    borderRight: "1px";
+                    borderRightColor: "blue.200";
+                };
+            };
+            content: {
+                m: "0";
+            };
+        };
+        fullWidth: {
+            trigger: {
+                flex: number;
+                _selected: {
+                    borderBottomColor: "currentColor";
+                };
+            };
+            content: {
+                m: "0";
+            };
+        };
+    };
+}>;
+
+type TabProps = Omit<TabsTriggerProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
+declare const Tab: FC<PropsWithChildren<TabProps>>;
+
+type TabListProps = Omit<TabsListProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
+declare const TabList: FC<PropsWithChildren<TabListProps>>;
+
+type TabPanelProps = Omit<TabsContentProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
+declare const TabPanel: FC<PropsWithChildren<TabPanelProps>>;
+
+type TabPanelsProps = RecipeVariantProps<typeof tabsRecipe>;
+declare const TabPanels: FC<PropsWithChildren<TabPanelsProps>>;
+
+type TabsProps = Omit<TabsRootProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
+declare const Tabs: FC<PropsWithChildren<TabsProps>>;
+
 declare const Body: React.ForwardRefExoticComponent<Table$1.BodyProps & React.RefAttributes<HTMLTableSectionElement>>;
 declare const Caption: React.ForwardRefExoticComponent<Table$1.CaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
 declare const Cell: React.ForwardRefExoticComponent<Table$1.CellProps & React.RefAttributes<HTMLTableCellElement>>;
@@ -2554,5 +2646,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, DriveSystemIcon, DriveSystemLargeIcon, DriveTypeIcon, EnergyLabel, EquipmentIcon, ErrorIcon, ErrorPage, ExchangeIcon, ExpandIcon, EyeCrossedIcon, EyeIcon, FacebookIcon, FlagIcon, FlameIcon, FlashIcon, Flex, Footer$1 as Footer, FormControlSection, ForwardIcon, FullHeight, 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, 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, Text, ThemeProvider, ThreeSixtyIcon, ThumbsDownIcon, ThumbsUpIcon, TiltedRectangleIcon, TimeIcon, TooltipIcon, 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, EnergyLabelProps, ErrorPageProps, FlexProps, BaseProps as FormControlSectionProps, HeadingProps, HighlightedTextProps, InputProps, LinkProps, MarkedTextProps, MenuProps, MissingImageProps, MobileOnlyAccordionProps, Option, PaginationProps, PickedNumberInputProps, Props$1 as Props, RangeFilterInputField, RatingProps, SectionProps, SelectProps, SimpleHeaderProps, StackProps, SwitchProps, 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, 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, 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, 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, EnergyLabelProps, ErrorPageProps, FlexProps, BaseProps as FormControlSectionProps, GalleryHeaderProps, HeadingProps, HighlightedTextProps, InputProps, LinkProps, MarkedTextProps, MenuProps, MissingImageProps, MobileOnlyAccordionProps, Option, PaginationProps, PickedNumberInputProps, Props$1 as Props, RangeFilterInputField, RatingProps, SectionProps, SelectProps, SimpleHeaderProps, StackProps, SwitchProps, TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps, ThemeProviderProps, UnifiedButtonProps, VehicleReferenceProps };

package/package.json

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