@smg-automotive/components 25.11.0-chakra-v3.2 → 25.11.0-chakra-v3.3

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

@@ -1437,6 +1437,74 @@ export declare const slotRecipes: {
             };
         };
     }>;
+    tabs: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "root" | "list" | "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";
+                };
+            };
+        };
+    }>;
     vehicleReference: import("@chakra-ui/react").SlotRecipeDefinition<"carTitle" | "price" | "dealerName" | "dealerAddress", import("@chakra-ui/react").SlotRecipeVariantRecord<"carTitle" | "price" | "dealerName" | "dealerAddress">>;
     tooltip: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "arrow" | "arrowTip" | "positioner">>;
     field: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "label" | "root" | "errorText" | "helperText" | "labelRoot" | "requiredIndicator" | "tooltipWrapper" | "tooltipIcon", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/index.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/index.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BvB,CAAC"}

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

@@ -1,5 +1,6 @@
 import { vehicleReferenceRecipe } from './vehicleReference.js';
 import { tooltipSlotRecipe } from './tooltip.js';
+import { tabsRecipe } from './tabs.js';
 import { tableRecipe } from './table.js';
 import { switchRecipe } from './switch.js';
 import { sliderSlotRecipe } from './slider.js';
@@ -38,6 +39,7 @@ var slotRecipes = {
     dialog: dialogRecipe,
     simpleHeader: simpleHeaderRecipe,
     table: tableRecipe,
+    tabs: tabsRecipe,
     vehicleReference: vehicleReferenceRecipe,
     tooltip: tooltipSlotRecipe,
     field: fieldSlotRecipe,

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","vehicleReference","tooltip","field","section","checkbox","input","select","dialogFilter","alert","popoverFilter","numberInput","radio","slider","pagination","menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,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,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,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","breadcrumbs","card","energyLabel","galleryHeader","list","markedText","dialog","simpleHeader","table","tabs","vehicleReference","tooltip","field","section","checkbox","input","select","dialogFilter","alert","popoverFilter","numberInput","radio","slider","pagination","menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,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,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/themes/shared/slotRecipes/tabs.d.ts

@@ -0,0 +1,69 @@
+export declare const tabsRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "root" | "list" | "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";
+            };
+        };
+    };
+}>;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/tabs.ts"],"names":[],"mappings":"AAwCA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+ErB,CAAC"}

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

@@ -0,0 +1,120 @@
+import { defineStyle, defineSlotRecipe } from '@chakra-ui/react';
+
+var baseTriggerStyle = defineStyle({
+    textStyle: 'body',
+    transitionProperty: 'common',
+    transitionDuration: 'normal',
+    '--tabs-border-width': '3px',
+    borderBottomWidth: 'var(--tabs-border-width)',
+    borderBottomStyle: 'var(--tabs-border-style, solid)',
+    borderBottomColor: 'transparent',
+    p: 'md',
+    color: 'gray.600',
+    cursor: 'pointer',
+    _selected: {
+        fontWeight: 'bold',
+        color: 'gray.900',
+        borderBottomWidth: 'var(--tabs-border-width)',
+        borderBottomStyle: 'var(--tabs-border-style, solid)',
+        borderBottomColor: 'currentColor',
+    },
+    _disabled: {
+        _active: { bg: 'none' },
+        cursor: 'notAllowed',
+        color: 'gray.300',
+    },
+});
+var baseListStyle = defineStyle({
+    display: 'flex',
+    width: 'full',
+    borderBottom: '1px',
+    borderColor: 'gray.200',
+    justifyContent: 'start',
+});
+var baseContentStyle = defineStyle({
+    textStyle: 'body',
+    m: 'sm',
+});
+var tabsRecipe = defineSlotRecipe({
+    slots: ['root', 'list', 'trigger', 'content', 'contentGroup'],
+    className: 'chakra-tabs',
+    base: {
+        trigger: baseTriggerStyle,
+        list: baseListStyle,
+        content: baseContentStyle,
+    },
+    variants: {
+        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: 1,
+                    _selected: {
+                        borderBottomColor: 'currentColor',
+                    },
+                },
+                content: {
+                    m: '0',
+                },
+            },
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+
+export { tabsRecipe };
+//# sourceMappingURL=tabs.js.map

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

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

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, "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>;
 } & {
@@ -2425,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>>;
@@ -2567,5 +2651,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, 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, 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, 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, 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, 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, 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, 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 };

package/package.json

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