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

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

@@ -107,7 +107,7 @@ 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">>;
+    galleryHeader: import("@chakra-ui/react").SlotRecipeDefinition<"container" | "grid" | "countContainer" | "closeContainer", import("@chakra-ui/react").SlotRecipeVariantRecord<"container" | "grid" | "countContainer" | "closeContainer">>;
     list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemLabel" | "itemValue", {
         size: {
             md: {
@@ -1718,6 +1718,8 @@ export declare const slotRecipes: {
             };
         };
     }>;
+    slider: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "control" | "thumb" | "track" | "range" | "markerGroup", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "control" | "thumb" | "track" | "range" | "markerGroup">>;
     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.d.ts.map

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

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

@@ -2,6 +2,7 @@ import { vehicleReferenceRecipe } from './vehicleReference.js';
 import { tooltipSlotRecipe } from './tooltip.js';
 import { tableRecipe } from './table.js';
 import { switchRecipe } from './switch.js';
+import { sliderSlotRecipe } from './slider.js';
 import { simpleHeaderRecipe } from './simpleHeader.js';
 import { selectSlotRecipe } from './select.js';
 import { sectionRecipe } from './section.js';
@@ -9,6 +10,7 @@ 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';
@@ -49,7 +51,9 @@ var slotRecipes = {
     popoverFilter: popoverFilterRecipe,
     numberInput: numberInputRecipe,
     radio: radioRecipe,
+    slider: sliderSlotRecipe,
     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","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;;;;;"}

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/esm/themes/shared/slotRecipes/slider.d.ts

@@ -0,0 +1,2 @@
+export declare const sliderSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "control" | "thumb" | "track" | "range" | "markerGroup", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "control" | "thumb" | "track" | "range" | "markerGroup">>;
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/slider.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yOAgD3B,CAAC"}

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

@@ -0,0 +1,54 @@
+import { defineSlotRecipe } from '@chakra-ui/react';
+
+var sliderSlotRecipe = defineSlotRecipe({
+    className: 'chakra-slider',
+    slots: ['root', 'control', 'track', 'range', 'markerGroup', 'thumb'],
+    base: {
+        root: {
+            display: 'flex',
+            flexDirection: 'column',
+            fontSize: 'base',
+            '--slider-marker-inset': '4px',
+            '--slider-marker-track': '5px',
+            '--slider-thumb-border': '1px',
+            '--slider-thumb-boxShadow': '0 0 0 8px #2988E14D',
+        },
+        control: {
+            display: 'inline-flex',
+        },
+        track: {
+            flex: '1',
+            height: 'var(--slider-marker-track)',
+            bg: 'gray.300',
+            borderRadius: 'full',
+        },
+        range: {
+            height: 'var(--slider-marker-inset)',
+            bg: 'gray.800',
+            borderRadius: 'full',
+        },
+        markerGroup: {
+            position: 'absolute!',
+            top: '2xl',
+            insetInline: 'var(--slider-marker-inset)',
+        },
+        thumb: {
+            width: 'sm',
+            height: 'sm',
+            borderRadius: 'full',
+            borderWidth: 'var(--slider-thumb-border)',
+            borderColor: 'gray.400',
+            backgroundColor: 'white',
+            translate: '0 -40%',
+            _hover: {
+                cursor: 'pointer',
+            },
+            _active: {
+                boxShadow: 'var(--slider-thumb-boxShadow)',
+            },
+        },
+    },
+});
+
+export { sliderSlotRecipe };
+//# sourceMappingURL=slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../../../../../src/themes/shared/slotRecipes/slider.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,IAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC/C,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC;AACpE,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,0BAA0B,EAAE,qBAAqB;AAClD,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACvB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,MAAM,EAAE,4BAA4B;AACpC,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,YAAY,EAAE,MAAM;AACrB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,4BAA4B;AACpC,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,YAAY,EAAE,MAAM;AACrB,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,WAAW,EAAE,4BAA4B;AAC1C,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,WAAW,EAAE,4BAA4B;AACzC,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,eAAe,EAAE,OAAO;AACxB,YAAA,SAAS,EAAE,QAAQ;AACnB,YAAA,MAAM,EAAE;AACN,gBAAA,MAAM,EAAE,SAAS;AAClB,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,SAAS,EAAE,+BAA+B;AAC3C,aAAA;AACF,SAAA;AACF,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: {
@@ -2284,6 +2284,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>;
 
@@ -2363,7 +2381,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;
@@ -2515,6 +2533,19 @@ type Props = {
 };
 declare const TopVehicleSharedBadge: FC<PropsWithChildren<Props>>;
 
+type DiscreteSliderMark<T> = {
+    stepValue?: number;
+    label: ReactNode;
+    value: T;
+};
+type DiscreteSliderProps<T> = {
+    applyIndentation?: boolean;
+    marks: DiscreteSliderMark<T>[];
+    value: T;
+    onValueChanged: (arg: T) => void;
+};
+declare const DiscreteSlider: <T>({ marks, applyIndentation, onValueChanged, value, }: DiscreteSliderProps<T>) => React__default.JSX.Element;
+
 type BaseProps = {
     id: string;
     errorMessage?: string;
@@ -2531,5 +2562,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, 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, 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, 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-gallery-header-v3-migrate.3",
   "description": "SMG Automotive components library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",