@smg-automotive/components 25.10.0-gallery-header-v3-migrate.1 → 25.10.0-talamcol-menu.1

package/dist/cjs/themes/shared/index.d.ts

@@ -306,7 +306,6 @@ export declare const getSharedConfig: () => {
                     };
                 };
             }>;
-            galleryHeader: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer", import("@chakra-ui/react").SlotRecipeVariantRecord<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer">>;
             list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemLabel" | "itemValue", {
                 size: {
                     md: {
@@ -1918,6 +1917,7 @@ export declare const getSharedConfig: () => {
                 };
             }>;
             pagination: import("@chakra-ui/react").SlotRecipeDefinition<"paginationContainer" | "paginationButton" | "dots", import("@chakra-ui/react").SlotRecipeVariantRecord<"paginationContainer" | "paginationButton" | "dots">>;
+            menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "item", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "item">>;
         };
         tokens: {
             zIndex: {

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

@@ -107,7 +107,6 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    galleryHeader: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer", import("@chakra-ui/react").SlotRecipeVariantRecord<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer">>;
     list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemLabel" | "itemValue", {
         size: {
             md: {
@@ -1719,5 +1718,6 @@ export declare const slotRecipes: {
         };
     }>;
     pagination: import("@chakra-ui/react").SlotRecipeDefinition<"paginationContainer" | "paginationButton" | "dots", import("@chakra-ui/react").SlotRecipeVariantRecord<"paginationContainer" | "paginationButton" | "dots">>;
+    menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "item", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "item">>;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/themes/shared/slotRecipes/menu.d.ts

@@ -0,0 +1,2 @@
+export declare const menuRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "item", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "item">>;
+//# sourceMappingURL=menu.d.ts.map

package/dist/cjs/themes/shared/slotRecipes/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/menu.ts"],"names":[],"mappings":"AAwDA,eAAO,MAAM,UAAU,qKAQrB,CAAC"}

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

@@ -18,7 +18,6 @@ export * from './energyLabel';
 export * from './errorPage';
 export * from './flex';
 export * from './fullHeight';
-export * from './galleryHeader';
 export * from './grid';
 export * from './heading';
 export * from './icons';
@@ -27,6 +26,7 @@ export * from './layout';
 export * from './link';
 export * from './list';
 export * from './chip';
+export * from './menu';
 export * from './missingImage';
 export * from './mobileOnlyAccordion';
 export * from './navigation/footer';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC"}

package/dist/esm/components/menu/index.d.ts

@@ -0,0 +1,21 @@
+import { FC, JSX, ReactElement } from 'react';
+import { MenuRootProps, MenuTriggerProps } from '@chakra-ui/react';
+interface MenuItem {
+    text: JSX.Element | string;
+    value: string;
+    onClick: () => void;
+}
+export interface MenuProps {
+    title: string | ReactElement;
+    items: MenuItem[];
+    fontWeightTitle?: MenuTriggerProps['fontWeight'];
+    offset?: [number, number];
+    menuColor?: MenuTriggerProps['color'];
+    showChevron?: boolean;
+    icon?: ReactElement;
+    iconSpacing?: MenuTriggerProps['gap'];
+    placement?: Exclude<MenuRootProps['positioning'], undefined>['placement'];
+}
+export declare const Menu: FC<MenuProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,aAAa,EACb,gBAAgB,EAGjB,MAAM,kBAAkB,CAAC;AAI1B,UAAU,QAAQ;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,GAAG,YAAY,CAAC;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA0D9B,CAAC"}

package/dist/esm/components/{galleryHeader → menu}/index.js

@@ -1,7 +1,6 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import { I18nContext } from '@smg-automotive/i18n-pkg';
-import { useSlotRecipe, Box } from '@chakra-ui/react';
-import { TranslationProvider } from '../translationProvider/index.js';
+import { useSlotRecipe, Menu as Menu$1, Portal } from '@chakra-ui/react';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';
@@ -26,7 +25,7 @@ import '../icons/CheckmarkIcon.js';
 import '../icons/CheckmarkCircleIcon.js';
 import '../icons/CheckShieldIcon.js';
 import '../icons/ChevronDownLargeIcon.js';
-import '../icons/ChevronDownSmallIcon.js';
+import { ChevronDownSmallIcon } from '../icons/ChevronDownSmallIcon.js';
 import '../icons/ChevronLeftLargeIcon.js';
 import '../icons/ChevronLeftSmallIcon.js';
 import '../icons/ChevronRightLargeIcon.js';
@@ -34,7 +33,7 @@ import '../icons/ChevronRightSmallIcon.js';
 import '../icons/ChevronRightTinyIcon.js';
 import '../icons/ChevronUpLargeIcon.js';
 import '../icons/ChevronUpSmallIcon.js';
-import { CloseIcon } from '../icons/CloseIcon.js';
+import '../icons/CloseIcon.js';
 import '../icons/CompareIcon.js';
 import '../icons/ConsumptionIcon.js';
 import '../icons/CreditIcon.js';
@@ -168,33 +167,27 @@ import '../icons/QualitySealIcon.js';
 import '../icons/ExpandIcon.js';
 import '../icons/CollapseIcon.js';
 import '../icons/ForwardIcon.js';
-import { SimpleGrid } from '../simpleGrid/index.js';
-import { Link } from '../link/index.js';
 
-var GalleryHeader = function (_a) {
-    var currentSlide = _a.currentSlide, slidesCount = _a.slidesCount, onClose = _a.onClose, language = _a.language, children = _a.children;
-    var recipe = useSlotRecipe({ key: 'galleryHeader' });
+var Menu = function (_a) {
+    var title = _a.title, items = _a.items, _b = _a.fontWeightTitle, fontWeightTitle = _b === void 0 ? 'regular' : _b, _c = _a.offset, offset = _c === void 0 ? [8, 0] : _c, menuColor = _a.menuColor, _d = _a.showChevron, showChevron = _d === void 0 ? true : _d, icon = _a.icon, _e = _a.iconSpacing, iconSpacing = _e === void 0 ? 'sm' : _e, placement = _a.placement;
+    var recipe = useSlotRecipe({ key: 'menu' });
     var styles = recipe();
-    return (React.createElement(TranslationProvider, { language: language, scopes: ['galleryHeader'] },
-        React.createElement(I18nContext.Consumer, null, function (_a) {
-            var t = _a.t;
-            return (React.createElement(Box, { css: styles.container },
-                React.createElement(Box, { css: styles.grid },
-                    React.createElement(SimpleGrid, { columns: {
-                            base: 2,
-                            md: 3,
-                        }, alignItems: "center" },
-                        React.createElement(Box, { hideBelow: "md", css: styles.childrenContainer }, children),
-                        React.createElement(Box, { css: styles.countContainer },
-                            React.createElement(Box, null, t('galleryHeader.imageCount', {
-                                x: currentSlide,
-                                of: slidesCount,
-                            }))),
-                        React.createElement(Box, { css: styles.closeContainer },
-                            React.createElement(Link, { "aria-label": "Close gallery", onClick: function () { return onClose(); } },
-                                React.createElement(CloseIcon, { color: "white" })))))));
-        })));
+    var _f = offset[0], mainAxis = _f === void 0 ? 0 : _f, _g = offset[1], crossAxis = _g === void 0 ? 0 : _g;
+    return (React.createElement(Menu$1.Root, { positioning: { placement: placement, offset: { mainAxis: mainAxis, crossAxis: crossAxis } } },
+        React.createElement(Menu$1.Context, null, function (_a) {
+            var open = _a.open;
+            return (React.createElement(Menu$1.Trigger, { css: styles.trigger, gap: iconSpacing, fontWeight: fontWeightTitle, color: open ? 'blue.700' : menuColor },
+                icon,
+                title,
+                showChevron ? (React.createElement(ChevronDownSmallIcon, { transition: "transform", transform: open ? 'rotate(180deg)' : 'rotate(0deg)' })) : null));
+        }),
+        React.createElement(Portal, null,
+            React.createElement(Menu$1.Positioner, null,
+                React.createElement(Menu$1.Content, { css: styles.content }, items.map(function (_a) {
+                    var onClick = _a.onClick, text = _a.text, value = _a.value;
+                    return (React.createElement(Menu$1.Item, __assign({ key: "menuItem-".concat(value), value: value, onSelect: onClick, css: styles.item }, (menuColor && { color: menuColor })), text));
+                }))))));
 };
 
-export { GalleryHeader };
+export { Menu };
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/menu/index.tsx"],"sourcesContent":[null],"names":["ChakraMenu"],"mappings":"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"}

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

@@ -31,10 +31,10 @@ import '../../themes/shared/slotRecipes/radio.js';
 import '../../themes/shared/slotRecipes/popoverFilter.js';
 import '../../themes/shared/slotRecipes/pagination.js';
 import '../../themes/shared/slotRecipes/numberInput.js';
+import '../../themes/shared/slotRecipes/menu.js';
 import '../../themes/shared/slotRecipes/markedText.js';
 import '../../themes/shared/slotRecipes/list.js';
 import '../../themes/shared/slotRecipes/input.js';
-import '../../themes/shared/slotRecipes/galleryHeader.js';
 import '../../themes/shared/slotRecipes/field.js';
 import '../../themes/shared/slotRecipes/energyLabel.js';
 import '../../themes/shared/slotRecipes/dialogFilter.js';

package/dist/esm/index.js

@@ -30,10 +30,10 @@ import './themes/shared/slotRecipes/radio.js';
 import './themes/shared/slotRecipes/popoverFilter.js';
 import './themes/shared/slotRecipes/pagination.js';
 import './themes/shared/slotRecipes/numberInput.js';
+import './themes/shared/slotRecipes/menu.js';
 import './themes/shared/slotRecipes/markedText.js';
 import './themes/shared/slotRecipes/list.js';
 import './themes/shared/slotRecipes/input.js';
-import './themes/shared/slotRecipes/galleryHeader.js';
 import './themes/shared/slotRecipes/field.js';
 import './themes/shared/slotRecipes/energyLabel.js';
 import './themes/shared/slotRecipes/dialogFilter.js';
@@ -82,7 +82,6 @@ export { EnergyLabel } from './components/energyLabel/index.js';
 export { ErrorPage } from './components/errorPage/index.js';
 export { Flex } from './components/flex/index.js';
 export { FullHeight } from './components/fullHeight/index.js';
-export { GalleryHeader } from './components/galleryHeader/index.js';
 export { Grid, GridItem } from './components/grid/index.js';
 export { H1, H2, H3, H4, H5, H6 } from './components/heading/index.js';
 export { AdvancedSearchIcon } from './components/icons/AdvancedSearchIcon.js';
@@ -260,6 +259,7 @@ export { LayoutWithVehicleReference } from './components/layout/WithVehicleRefer
 export { Link } from './components/link/index.js';
 export { List, ListItem, ListRoot } from './components/list/index.js';
 export { Chip } from './components/chip/index.js';
+export { Menu } from './components/menu/index.js';
 export { MissingImage } from './components/missingImage/index.js';
 export { MobileOnlyAccordion } from './components/mobileOnlyAccordion/index.js';
 export { Footer } from './components/navigation/footer/index.js';

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

@@ -306,7 +306,6 @@ export declare const getSharedConfig: () => {
                     };
                 };
             }>;
-            galleryHeader: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer", import("@chakra-ui/react").SlotRecipeVariantRecord<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer">>;
             list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemLabel" | "itemValue", {
                 size: {
                     md: {
@@ -1918,6 +1917,7 @@ export declare const getSharedConfig: () => {
                 };
             }>;
             pagination: import("@chakra-ui/react").SlotRecipeDefinition<"paginationContainer" | "paginationButton" | "dots", import("@chakra-ui/react").SlotRecipeVariantRecord<"paginationContainer" | "paginationButton" | "dots">>;
+            menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "item", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "item">>;
         };
         tokens: {
             zIndex: {

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

@@ -107,7 +107,6 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    galleryHeader: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer", import("@chakra-ui/react").SlotRecipeVariantRecord<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer">>;
     list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemLabel" | "itemValue", {
         size: {
             md: {
@@ -1719,5 +1718,6 @@ export declare const slotRecipes: {
         };
     }>;
     pagination: import("@chakra-ui/react").SlotRecipeDefinition<"paginationContainer" | "paginationButton" | "dots", import("@chakra-ui/react").SlotRecipeVariantRecord<"paginationContainer" | "paginationButton" | "dots">>;
+    menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "item", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "item">>;
 };
 //# sourceMappingURL=index.d.ts.map

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

@@ -9,10 +9,10 @@ import { radioRecipe } from './radio.js';
 import { popoverFilterRecipe } from './popoverFilter.js';
 import { paginationRecipe } from './pagination.js';
 import { numberInputRecipe } from './numberInput.js';
+import { menuRecipe } from './menu.js';
 import { markedTextRecipe } from './markedText.js';
 import { listRecipe } from './list.js';
 import { inputSlotRecipe } from './input.js';
-import { galleryHeaderRecipe } from './galleryHeader.js';
 import { fieldSlotRecipe } from './field.js';
 import { energyLabelRecipe } from './energyLabel.js';
 import { dialogFilterRecipe } from './dialogFilter.js';
@@ -30,7 +30,6 @@ var slotRecipes = {
     breadcrumbs: breadcrumbsRecipe,
     card: cardRecipe,
     energyLabel: energyLabelRecipe,
-    galleryHeader: galleryHeaderRecipe,
     list: listRecipe,
     markedText: markedTextRecipe,
     dialog: dialogRecipe,
@@ -50,6 +49,7 @@ var slotRecipes = {
     numberInput: numberInputRecipe,
     radio: radioRecipe,
     pagination: paginationRecipe,
+    menu: menuRecipe,
 };
 
 export { slotRecipes };

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","pagination"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,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,UAAU,EAAAC,gBAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/themes/shared/slotRecipes/index.ts"],"sourcesContent":[null],"names":["articleTeaser","accordion","breadcrumbs","card","energyLabel","list","markedText","dialog","simpleHeader","table","vehicleReference","tooltip","field","section","checkbox","input","select","dialogFilter","alert","popoverFilter","numberInput","radio","pagination","menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,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,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,UAAU,EAAAC,gBAAA;AACV,IAAA,IAAI,EAAAC,UAAA;;;;;"}

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

@@ -0,0 +1,2 @@
+export declare const menuRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "item", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "item">>;
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/menu.ts"],"names":[],"mappings":"AAwDA,eAAO,MAAM,UAAU,qKAQrB,CAAC"}

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

@@ -0,0 +1,64 @@
+import { defineStyle, defineSlotRecipe } from '@chakra-ui/react';
+
+var maximumScrollbarWidth = 20;
+var content = defineStyle({
+    '--max-width': "calc(100vw - ".concat(maximumScrollbarWidth, "px)"),
+    bg: 'white',
+    boxShadow: 'sm',
+    color: 'inherit',
+    minW: '4xl',
+    maxW: 'var(--max-width)',
+    py: 'xxs',
+    zIndex: 'dropdown',
+    borderRadius: 'sm',
+    border: '1px',
+    borderColor: 'gray.200',
+    cursor: 'pointer',
+    _focusVisible: {
+        outline: 'none',
+    },
+});
+var item = defineStyle({
+    paddingY: 'md',
+    paddingX: 'lg',
+    cursor: 'pointer',
+    _focus: {
+        bg: 'gray.100',
+    },
+    _focusVisible: {
+        outline: 'none',
+    },
+    _active: {
+        bg: 'blue.100',
+    },
+    _expanded: {
+        bg: 'gray.100',
+    },
+    _hover: {
+        bg: 'gray.100',
+    },
+    _disabled: {
+        opacity: '40',
+        cursor: 'notAllowed',
+    },
+});
+var trigger = defineStyle({
+    display: 'inline-flex',
+    padding: '0',
+    cursor: 'pointer',
+    _focusVisible: {
+        outline: 'none',
+    },
+});
+var menuRecipe = defineSlotRecipe({
+    slots: ['content', 'item', 'trigger'],
+    className: 'chakra-menu',
+    base: {
+        content: content,
+        item: item,
+        trigger: trigger,
+    },
+});
+
+export { menuRecipe };
+//# sourceMappingURL=menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sources":["../../../../../../src/themes/shared/slotRecipes/menu.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,IAAM,qBAAqB,GAAG,EAAE;AAEhC,IAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,aAAa,EAAE,eAAA,CAAA,MAAA,CAAgB,qBAAqB,EAAA,KAAA,CAAK;AACzD,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,IAAI,EAAE,KAAK;AACX,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,WAAW,EAAE,UAAU;AACvB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AAChB,KAAA;AACF,CAAA,CAAC;AAEF,IAAM,IAAI,GAAG,WAAW,CAAC;AACvB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AAChB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,MAAM,EAAE,YAAY;AACrB,KAAA;AACF,CAAA,CAAC;AAEF,IAAM,OAAO,GAAG,WAAW,CAAC;AAC1B,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AAChB,KAAA;AACF,CAAA,CAAC;AAEK,IAAM,UAAU,GAAG,gBAAgB,CAAC;AACzC,IAAA,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC;AACrC,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;AACR,KAAA;AACF,CAAA;;;;"}

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 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, 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, 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 } from 'react';
+import React__default, { FocusEventHandler, ChangeEventHandler, FC, PropsWithChildren, ReactNode, ReactElement, ElementType, ComponentProps, JSX } from 'react';
 export { PropsWithChildren as FullHeightProps } from 'react';
 import * as node_modules__chakra_ui_react_dist_types_styled_system_generated_system_gen from 'node_modules/@chakra-ui/react/dist/types/styled-system/generated/system.gen';
 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';
@@ -53,7 +53,7 @@ declare const useDebouncedOnChange: ({ onChange, onBlur, debounce, }: {
 
 declare const useToken: (scale: string, token: string[], fallback?: string[]) => string[];
 
-declare const accordionRecipe: _chakra_ui_react.SlotRecipeDefinition<"item" | "button" | "indicator" | "content" | "body", {
+declare const accordionRecipe: _chakra_ui_react.SlotRecipeDefinition<"content" | "body" | "button" | "item" | "indicator", {
     variant: {
         light: {
             item: {
@@ -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>;
 } & {
@@ -544,7 +544,7 @@ declare const sizes: {
     };
 };
 
-declare const dialogRecipe: _chakra_ui_react.SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "backdrop" | "positioner" | "closeTrigger", {
+declare const dialogRecipe: _chakra_ui_react.SlotRecipeDefinition<"content" | "body" | "header" | "footer" | "backdrop" | "positioner" | "closeTrigger", {
     overlayColor: {
         gray: {
             backdrop: {
@@ -1793,16 +1793,6 @@ 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>>;
 
@@ -2284,6 +2274,24 @@ type ChipProps = {
 } & RecipeVariantProps<typeof chipRecipe>;
 declare const Chip: FC<PropsWithChildren<ChipProps>>;
 
+interface MenuItem {
+    text: JSX.Element | string;
+    value: string;
+    onClick: () => void;
+}
+interface MenuProps {
+    title: string | ReactElement;
+    items: MenuItem[];
+    fontWeightTitle?: MenuTriggerProps['fontWeight'];
+    offset?: [number, number];
+    menuColor?: MenuTriggerProps['color'];
+    showChevron?: boolean;
+    icon?: ReactElement;
+    iconSpacing?: MenuTriggerProps['gap'];
+    placement?: Exclude<MenuRootProps['positioning'], undefined>['placement'];
+}
+declare const Menu: FC<MenuProps>;
+
 type MissingImageProps = Pick<BoxProps, 'width' | 'height' | 'aspectRatio'>;
 declare const MissingImage: FC<MissingImageProps>;
 
@@ -2292,6 +2300,8 @@ declare const MobileOnlyAccordion: FC<PropsWithChildren<MobileOnlyAccordionProps
 
 type Project = 'listings-web' | 'seller-web';
 
+type Language = 'de' | 'fr' | 'it' | 'en';
+
 type Environment = 'production' | 'preprod';
 
 interface FooterProps {
@@ -2363,7 +2373,7 @@ type SectionProps = SectionVariantProps & {
 };
 declare const Section: FC<SectionProps>;
 
-declare const selectSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"indicator" | "field" | "root", {
+declare const selectSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"indicator" | "root" | "field", {
     variant: {
         outline: {
             field: _chakra_ui_react.SystemStyleObject;
@@ -2531,5 +2541,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, 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, 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, EnergyLabelProps, ErrorPageProps, FlexProps, BaseProps as FormControlSectionProps, GalleryHeaderProps, HeadingProps, HighlightedTextProps, InputProps, LinkProps, MarkedTextProps, 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, 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, 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 };

package/package.json

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

package/dist/cjs/components/galleryHeader/index.d.ts

@@ -1,10 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { Language } from 'src/types/language';
-export interface GalleryHeaderProps {
-    currentSlide: number;
-    slidesCount: number;
-    onClose: () => void;
-    language: Language;
-}
-export declare const GalleryHeader: FC<PropsWithChildren<GalleryHeaderProps>>;
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/galleryHeader/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/galleryHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQ9C,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA8CnE,CAAC"}

package/dist/cjs/themes/shared/slotRecipes/galleryHeader.d.ts

@@ -1,2 +0,0 @@
-export declare const galleryHeaderRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer", import("@chakra-ui/react").SlotRecipeVariantRecord<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer">>;
-//# sourceMappingURL=galleryHeader.d.ts.map

package/dist/cjs/themes/shared/slotRecipes/galleryHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"galleryHeader.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/galleryHeader.ts"],"names":[],"mappings":"AA8CA,eAAO,MAAM,mBAAmB,yQAU9B,CAAC"}

package/dist/esm/components/galleryHeader/index.d.ts

@@ -1,10 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { Language } from 'src/types/language';
-export interface GalleryHeaderProps {
-    currentSlide: number;
-    slidesCount: number;
-    onClose: () => void;
-    language: Language;
-}
-export declare const GalleryHeader: FC<PropsWithChildren<GalleryHeaderProps>>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/galleryHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQ9C,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA8CnE,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/galleryHeader/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,IAAM,aAAa,GAA8C,UAAC,EAMxE,EAAA;AALC,IAAA,IAAA,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA;IAER,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC;AACtD,IAAA,IAAM,MAAM,GAAG,MAAM,EAAE;AAEvB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,eAAe,CAAC,EAAA;AAChE,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,QAAQ,EAAA,IAAA,EAClB,UAAC,EAAK,EAAA;AAAH,YAAA,IAAA,CAAC,GAAA,EAAA,CAAA,CAAA;YAAO,QACV,oBAAC,GAAG,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,SAAS,EAAA;AACxB,gBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA;oBACnB,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE;AACP,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,EAAE,EAAE,CAAC;yBACN,EACD,UAAU,EAAC,QAAQ,EAAA;AAEnB,wBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAAE,MAAM,CAAC,iBAAiB,EAAA,EAC9C,QAAQ,CACL;AACN,wBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,cAAc,EAAA;AAC7B,4BAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EACD,CAAC,CAAC,0BAA0B,EAAE;AAC7B,gCAAA,CAAC,EAAE,YAAY;AACf,gCAAA,EAAE,EAAE,WAAW;AAChB,6BAAA,CAAC,CACE,CACF;AACN,wBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,cAAc,EAAA;4BAC7B,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,YAAA,EAAY,eAAe,EAAC,OAAO,EAAE,YAAA,EAAM,OAAA,OAAO,EAAE,CAAA,CAAT,CAAS,EAAA;gCACvD,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,OAAO,EAAA,CAAG,CACtB,CACH,CACK,CACT,CACF;QA5BI,CA6BX,CACoB,CACH;AAE1B;;;;"}

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

@@ -1,2 +0,0 @@
-export declare const galleryHeaderRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer", import("@chakra-ui/react").SlotRecipeVariantRecord<"container" | "grid" | "childrenContainer" | "countContainer" | "closeContainer">>;
-//# sourceMappingURL=galleryHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"galleryHeader.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/galleryHeader.ts"],"names":[],"mappings":"AA8CA,eAAO,MAAM,mBAAmB,yQAU9B,CAAC"}

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

@@ -1,54 +0,0 @@
-import { defineStyle, defineSlotRecipe } from '@chakra-ui/react';
-
-var baseStyleContainer = defineStyle({
-    color: 'white',
-    px: '2xl',
-    py: 'lg',
-    position: {
-        base: 'fixed',
-        md: 'static',
-    },
-    top: '0',
-    left: '0',
-    right: '0',
-    zIndex: 'docked',
-});
-var baseStyleGrid = defineStyle({
-    alignItems: 'center',
-});
-var baseStyleChildrenContainer = defineStyle({
-// This will be shown only above md breakpoint
-});
-var baseStyleCountContainer = defineStyle({
-    textAlign: {
-        base: 'left',
-        md: 'center',
-    },
-});
-var baseStyleCloseContainer = defineStyle({
-    textAlign: 'right',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-});
-var slots = [
-    'container',
-    'grid',
-    'childrenContainer',
-    'countContainer',
-    'closeContainer',
-];
-var galleryHeaderRecipe = defineSlotRecipe({
-    slots: slots,
-    className: 'chakra-gallery-header',
-    base: {
-        container: baseStyleContainer,
-        grid: baseStyleGrid,
-        childrenContainer: baseStyleChildrenContainer,
-        countContainer: baseStyleCountContainer,
-        closeContainer: baseStyleCloseContainer,
-    },
-});
-
-export { galleryHeaderRecipe };
-//# sourceMappingURL=galleryHeader.js.map