@smg-automotive/components 27.3.2-fix-components-bundlesize.2 → 27.3.2

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 export { keyframes } from '@emotion/react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { UseMediaQueryOptions, AlertRootProps, RecipeVariantProps, AccordionItemTriggerProps, AccordionItemProps as AccordionItemProps$1, AccordionItemBodyProps, AccordionRootProps, BoxProps, ButtonProps, CheckboxCheckedChangeDetails, SeparatorProps, InputProps as InputProps$1, LinkProps as LinkProps$2, LinkOverlayProps as LinkOverlayProps$1, ListRootProps, UseDialogProps, CloseButtonProps, UsePopoverProps, IconProps as IconProps$1, NumberInput, NativeSelectRootProps, NativeSelectFieldProps, MenuTriggerProps, MenuContentProps, MenuRootProps, SimpleGridProps, SkeletonProps, StackProps, Switch as Switch$1, TabsTriggerProps, TabsRootProps, TableCellProps, TableColumnHeaderProps, TextProps, ConditionalValue, AspectRatioProps, BadgeProps as BadgeProps$1, BreadcrumbLinkProps as BreadcrumbLinkProps$1, BreadcrumbRootProps, Card, CenterProps as CenterProps$1, CollapsibleRootProps, DrawerBodyProps, DrawerContentProps, DrawerRootProps, FlexProps as FlexProps$1, GridProps, GridItemProps, HeadingProps as HeadingProps$1, UseHoverCardProps, Accordion as Accordion$1, Slider, SpinnerProps as SpinnerProps$1, TabsListProps, TabsContentProps, HTMLChakraProps, CreateToasterReturn, TooltipRootProps, TooltipContentProps } from '@chakra-ui/react';
+import { UseMediaQueryOptions, AlertRootProps, RecipeVariantProps, AccordionRootProps, AccordionItemTriggerProps, AccordionItemProps as AccordionItemProps$1, AccordionItemBodyProps, BoxProps, ButtonProps, CheckboxCheckedChangeDetails, SeparatorProps, InputProps as InputProps$1, LinkProps as LinkProps$2, LinkOverlayProps as LinkOverlayProps$1, ListRootProps, UseDialogProps, CloseButtonProps, UsePopoverProps, IconProps as IconProps$1, NumberInput, NativeSelectRootProps, NativeSelectFieldProps, MenuTriggerProps, MenuContentProps, MenuRootProps, SimpleGridProps, SkeletonProps, StackProps, Switch as Switch$1, TabsTriggerProps, TabsRootProps, TableCellProps, TableColumnHeaderProps, TextProps, ConditionalValue, AspectRatioProps, BadgeProps as BadgeProps$1, BreadcrumbRootProps, BreadcrumbLinkProps as BreadcrumbLinkProps$1, Card, CardBodyProps, CardHeaderProps, CardFooterProps, CenterProps as CenterProps$1, CollapsibleRootProps, DrawerContentProps, DrawerBodyProps, DrawerRootProps, FlexProps as FlexProps$1, GridProps, GridItemProps, HeadingProps as HeadingProps$1, UseHoverCardProps, Accordion as Accordion$1, Slider, SpinnerProps as SpinnerProps$1, TabsListProps, TabsContentProps, HTMLChakraProps, CreateToasterReturn, TooltipRootProps, TooltipContentProps } from '@chakra-ui/react';
 export { AspectRatioProps, CardBodyProps, CardFooterProps, CardHeaderProps, GridItemProps, GridProps, LinkBox, LinkBoxProps, Portal, PortalProps, useBreakpointValue, useChakraContext } from '@chakra-ui/react';
 import * as React from 'react';
 import React__default, { FocusEventHandler, ChangeEventHandler, FC, ReactNode, RefObject, PropsWithChildren, ReactElement, ElementType as ElementType$1, KeyboardEventHandler, JSX, ChangeEvent, ComponentProps } from 'react';
@@ -227,6 +227,9 @@ declare const accordionRecipe: _chakra_ui_react.SlotRecipeDefinition<"content" |
     };
 }>;
 
+type AccordionProps = AccordionRootProps & RecipeVariantProps<typeof accordionRecipe>;
+declare const Accordion: FC<PropsWithChildren<AccordionProps>>;
+
 type AccordionButtonProps = AccordionItemTriggerProps & RecipeVariantProps<typeof accordionRecipe> & {
     leftIcon?: React__default.ReactNode;
 };
@@ -238,9 +241,6 @@ declare const AccordionItem: FC<PropsWithChildren<AccordionItemProps>>;
 type AccordionPanelProps = AccordionItemBodyProps & RecipeVariantProps<typeof accordionRecipe>;
 declare const AccordionPanel: FC<PropsWithChildren<AccordionPanelProps>>;
 
-type AccordionProps = AccordionRootProps & RecipeVariantProps<typeof accordionRecipe>;
-declare const Accordion: FC<PropsWithChildren<AccordionProps>>;
-
 type ElementType = React__default.ElementType;
 type PropsOf<E extends ElementType> = React__default.ComponentPropsWithoutRef<E>;
 type PolymorphicProps<E extends ElementType, OwnProps extends object> = OwnProps & {
@@ -1309,6 +1309,11 @@ type BadgeProps = Exclude<BadgeProps$1, 'children'> & {
 };
 declare const Badge: FC<BadgeProps>;
 
+interface BreadcrumbsPropsExtended extends BreadcrumbRootProps {
+    separator?: React__default.ReactNode;
+}
+declare const Breadcrumbs: FC<PropsWithChildren<BreadcrumbsPropsExtended>>;
+
 declare const BreadcrumbsItem: FC<PropsWithChildren>;
 
 type BreadcrumbLinkProps = Omit<BreadcrumbLinkProps$1, 'href'> & {
@@ -1318,20 +1323,15 @@ type BreadcrumbLinkProps = Omit<BreadcrumbLinkProps$1, 'href'> & {
 };
 declare const BreadcrumbLink: FC<BreadcrumbLinkProps>;
 
-interface BreadcrumbsPropsExtended extends BreadcrumbRootProps {
-    separator?: React__default.ReactNode;
-}
-declare const Breadcrumbs: FC<PropsWithChildren<BreadcrumbsPropsExtended>>;
-
 declare const Root: React.ForwardRefExoticComponent<Card.RootProps & React.RefAttributes<HTMLDivElement>>;
-declare const Header: React.ForwardRefExoticComponent<Card.HeaderProps & React.RefAttributes<HTMLDivElement>>;
-declare const Body: React.ForwardRefExoticComponent<Card.BodyProps & React.RefAttributes<HTMLDivElement>>;
-declare const Footer$1: React.ForwardRefExoticComponent<Card.FooterProps & React.RefAttributes<HTMLDivElement>>;
+declare const Header: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+declare const Body: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+declare const Footer$1: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
 declare const CardComponents: {
     Root: React.ForwardRefExoticComponent<Card.RootProps & React.RefAttributes<HTMLDivElement>>;
-    Body: React.ForwardRefExoticComponent<Card.BodyProps & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<Card.HeaderProps & React.RefAttributes<HTMLDivElement>>;
-    Footer: React.ForwardRefExoticComponent<Card.FooterProps & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
 };
 
 type BreakpointKeys = keyof typeof breakpoints;
@@ -1514,7 +1514,7 @@ type DiscreteSliderProps<T> = {
 };
 declare const DiscreteSlider: <T>({ marks, applyIndentation, onValueChanged, value, }: DiscreteSliderProps<T>) => React__default.JSX.Element;
 
-declare const DrawerBody: FC<PropsWithChildren<DrawerBodyProps>>;
+declare const DrawerOverlay: FC<PropsWithChildren>;
 
 interface Props$6 extends DrawerContentProps {
     withCloseButton?: boolean;
@@ -1523,7 +1523,7 @@ interface Props$6 extends DrawerContentProps {
 }
 declare const DrawerContent: FC<PropsWithChildren<Props$6>>;
 
-declare const DrawerOverlay: FC<PropsWithChildren>;
+declare const DrawerBody: FC<PropsWithChildren<DrawerBodyProps>>;
 
 interface DrawerProps extends Omit<DrawerRootProps, 'open' | 'onOpenChange'> {
     isOpen: boolean;
@@ -1585,14 +1585,6 @@ interface ErrorPageContentProps {
 
 declare const ErrorPage: React.FC<ErrorPageContentProps>;
 
-type FilterHeadingContentProps = {
-    onClose?: () => void;
-    language: Language$1;
-    contentRef?: RefObject<HTMLElement | null>;
-} & Pick<FilterPatternProps, 'Icon' | 'isApplied' | 'label' | 'numberOfAppliedFilters' | 'onResetFilter'>;
-
-declare const FilterHeading: React.FC<FilterHeadingContentProps>;
-
 declare const colors: {
     white: {
         value: string;
@@ -1969,21 +1961,6 @@ type Colors = {
     [K in keyof typeof colors]: 'value' extends keyof (typeof colors)[K] ? K : K extends string ? `${K}.${Extract<keyof (typeof colors)[K], string | number>}` : never;
 }[keyof typeof colors];
 
-type DialogFilterProps = FilterPatternProps & Omit<ActionButtonProps, 'onClose'> & {
-    onDialogOpen?: () => void;
-    onDialogClose?: () => void;
-    initialDialogState?: 'open' | 'closed';
-    isDisabled?: boolean;
-    backgroundColor?: Colors;
-    color?: Colors;
-    paddingX?: OpenFilterButtonPaddingX;
-    trapFocus?: boolean;
-    triggerHeight?: 'lg' | 'md';
-    showResetButton?: boolean;
-    triggerDisplayType?: OpenFilterButtonDisplayType;
-    appliedLabel?: string;
-};
-
 type Size = Exclude<keyof typeof sizes, 0 | 'container'>;
 type OpenFilterButtonPaddingX = '0' | 'md';
 type OpenFilterButtonDisplayType = 'default' | 'inline';
@@ -2004,8 +1981,31 @@ type Props$5 = Pick<DialogFilterProps, 'label' | 'displayValue' | 'Icon' | 'isAp
 };
 declare const OpenFilterButton: FC<Props$5>;
 
+type DialogFilterProps = FilterPatternProps & Omit<ActionButtonProps, 'onClose'> & {
+    onDialogOpen?: () => void;
+    onDialogClose?: () => void;
+    initialDialogState?: 'open' | 'closed';
+    isDisabled?: boolean;
+    backgroundColor?: Colors;
+    color?: Colors;
+    paddingX?: OpenFilterButtonPaddingX;
+    trapFocus?: boolean;
+    triggerHeight?: 'lg' | 'md';
+    showResetButton?: boolean;
+    triggerDisplayType?: OpenFilterButtonDisplayType;
+    appliedLabel?: string;
+};
+
 declare const DialogFilter: React.FC<DialogFilterProps>;
 
+type FilterHeadingContentProps = {
+    onClose?: () => void;
+    language: Language$1;
+    contentRef?: RefObject<HTMLElement | null>;
+} & Pick<FilterPatternProps, 'Icon' | 'isApplied' | 'label' | 'numberOfAppliedFilters' | 'onResetFilter'>;
+
+declare const FilterHeading: React.FC<FilterHeadingContentProps>;
+
 type FlexProps = Omit<FlexProps$1, 'gap' | 'columnGap' | 'rowGap'>;
 declare const Flex: FC<FlexProps>;
 
@@ -2498,10 +2498,10 @@ declare const AppLayout: React__default.ForwardRefExoticComponent<GridProps & {
 
 declare const AppLayoutContent: React__default.ForwardRefExoticComponent<GridItemProps & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const AppLayoutFooter: React__default.ForwardRefExoticComponent<GridItemProps & React__default.RefAttributes<HTMLDivElement>>;
-
 declare const AppLayoutHeader: React__default.ForwardRefExoticComponent<GridItemProps & React__default.RefAttributes<HTMLDivElement>>;
 
+declare const AppLayoutFooter: React__default.ForwardRefExoticComponent<GridItemProps & React__default.RefAttributes<HTMLDivElement>>;
+
 type CommonListItem = {
     label: string;
     value: string;
@@ -2604,14 +2604,6 @@ interface ProgressProps {
 }
 declare const Progress: FC<ProgressProps>;
 
-type RadioListProps = {
-    options: React__default.ReactElement[];
-    name?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-};
-declare const RadioList: FC<RadioListProps>;
-
 declare const radioRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "indicator" | "label" | "item" | "control", {
     variant: {
         fontRegular: {
@@ -2682,6 +2674,14 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
     children?: RadioRenderFn;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
+type RadioListProps = {
+    options: React__default.ReactElement[];
+    name?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+};
+declare const RadioList: FC<RadioListProps>;
+
 type SliderRootProps = Omit<React__default.ComponentProps<typeof Slider.Root>, 'onChange'>;
 type RangeSliderProps = SliderRootProps & {
     onChange?: (values: number[]) => void;

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, AlertRootProps, RecipeVariantProps, AccordionItemTriggerProps, AccordionItemProps as AccordionItemProps$1, AccordionItemBodyProps, AccordionRootProps, BoxProps, ButtonProps, CheckboxCheckedChangeDetails, SeparatorProps, InputProps as InputProps$1, LinkProps as LinkProps$2, LinkOverlayProps as LinkOverlayProps$1, ListRootProps, UseDialogProps, CloseButtonProps, UsePopoverProps, IconProps as IconProps$1, NumberInput, NativeSelectRootProps, NativeSelectFieldProps, MenuTriggerProps, MenuContentProps, MenuRootProps, SimpleGridProps, SkeletonProps, StackProps, Switch as Switch$1, TabsTriggerProps, TabsRootProps, TableCellProps, TableColumnHeaderProps, TextProps, ConditionalValue, AspectRatioProps, BadgeProps as BadgeProps$1, BreadcrumbLinkProps as BreadcrumbLinkProps$1, BreadcrumbRootProps, Card, CenterProps as CenterProps$1, CollapsibleRootProps, DrawerBodyProps, DrawerContentProps, DrawerRootProps, FlexProps as FlexProps$1, GridProps, GridItemProps, HeadingProps as HeadingProps$1, UseHoverCardProps, Accordion as Accordion$1, Slider, SpinnerProps as SpinnerProps$1, TabsListProps, TabsContentProps, HTMLChakraProps, CreateToasterReturn, TooltipRootProps, TooltipContentProps } from '@chakra-ui/react';
+import { UseMediaQueryOptions, AlertRootProps, RecipeVariantProps, AccordionRootProps, AccordionItemTriggerProps, AccordionItemProps as AccordionItemProps$1, AccordionItemBodyProps, BoxProps, ButtonProps, CheckboxCheckedChangeDetails, SeparatorProps, InputProps as InputProps$1, LinkProps as LinkProps$2, LinkOverlayProps as LinkOverlayProps$1, ListRootProps, UseDialogProps, CloseButtonProps, UsePopoverProps, IconProps as IconProps$1, NumberInput, NativeSelectRootProps, NativeSelectFieldProps, MenuTriggerProps, MenuContentProps, MenuRootProps, SimpleGridProps, SkeletonProps, StackProps, Switch as Switch$1, TabsTriggerProps, TabsRootProps, TableCellProps, TableColumnHeaderProps, TextProps, ConditionalValue, AspectRatioProps, BadgeProps as BadgeProps$1, BreadcrumbRootProps, BreadcrumbLinkProps as BreadcrumbLinkProps$1, Card, CardBodyProps, CardHeaderProps, CardFooterProps, CenterProps as CenterProps$1, CollapsibleRootProps, DrawerContentProps, DrawerBodyProps, DrawerRootProps, FlexProps as FlexProps$1, GridProps, GridItemProps, HeadingProps as HeadingProps$1, UseHoverCardProps, Accordion as Accordion$1, Slider, SpinnerProps as SpinnerProps$1, TabsListProps, TabsContentProps, HTMLChakraProps, CreateToasterReturn, TooltipRootProps, TooltipContentProps } from '@chakra-ui/react';
 export { AspectRatioProps, CardBodyProps, CardFooterProps, CardHeaderProps, GridItemProps, GridProps, LinkBox, LinkBoxProps, Portal, PortalProps, useBreakpointValue, useChakraContext } from '@chakra-ui/react';
 import * as React from 'react';
 import React__default, { FocusEventHandler, ChangeEventHandler, FC, ReactNode, RefObject, PropsWithChildren, ReactElement, ElementType as ElementType$1, KeyboardEventHandler, JSX, ChangeEvent, ComponentProps } from 'react';
@@ -227,6 +227,9 @@ declare const accordionRecipe: _chakra_ui_react.SlotRecipeDefinition<"content" |
     };
 }>;
 
+type AccordionProps = AccordionRootProps & RecipeVariantProps<typeof accordionRecipe>;
+declare const Accordion: FC<PropsWithChildren<AccordionProps>>;
+
 type AccordionButtonProps = AccordionItemTriggerProps & RecipeVariantProps<typeof accordionRecipe> & {
     leftIcon?: React__default.ReactNode;
 };
@@ -238,9 +241,6 @@ declare const AccordionItem: FC<PropsWithChildren<AccordionItemProps>>;
 type AccordionPanelProps = AccordionItemBodyProps & RecipeVariantProps<typeof accordionRecipe>;
 declare const AccordionPanel: FC<PropsWithChildren<AccordionPanelProps>>;
 
-type AccordionProps = AccordionRootProps & RecipeVariantProps<typeof accordionRecipe>;
-declare const Accordion: FC<PropsWithChildren<AccordionProps>>;
-
 type ElementType = React__default.ElementType;
 type PropsOf<E extends ElementType> = React__default.ComponentPropsWithoutRef<E>;
 type PolymorphicProps<E extends ElementType, OwnProps extends object> = OwnProps & {
@@ -1309,6 +1309,11 @@ type BadgeProps = Exclude<BadgeProps$1, 'children'> & {
 };
 declare const Badge: FC<BadgeProps>;
 
+interface BreadcrumbsPropsExtended extends BreadcrumbRootProps {
+    separator?: React__default.ReactNode;
+}
+declare const Breadcrumbs: FC<PropsWithChildren<BreadcrumbsPropsExtended>>;
+
 declare const BreadcrumbsItem: FC<PropsWithChildren>;
 
 type BreadcrumbLinkProps = Omit<BreadcrumbLinkProps$1, 'href'> & {
@@ -1318,20 +1323,15 @@ type BreadcrumbLinkProps = Omit<BreadcrumbLinkProps$1, 'href'> & {
 };
 declare const BreadcrumbLink: FC<BreadcrumbLinkProps>;
 
-interface BreadcrumbsPropsExtended extends BreadcrumbRootProps {
-    separator?: React__default.ReactNode;
-}
-declare const Breadcrumbs: FC<PropsWithChildren<BreadcrumbsPropsExtended>>;
-
 declare const Root: React.ForwardRefExoticComponent<Card.RootProps & React.RefAttributes<HTMLDivElement>>;
-declare const Header: React.ForwardRefExoticComponent<Card.HeaderProps & React.RefAttributes<HTMLDivElement>>;
-declare const Body: React.ForwardRefExoticComponent<Card.BodyProps & React.RefAttributes<HTMLDivElement>>;
-declare const Footer$1: React.ForwardRefExoticComponent<Card.FooterProps & React.RefAttributes<HTMLDivElement>>;
+declare const Header: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+declare const Body: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+declare const Footer$1: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
 declare const CardComponents: {
     Root: React.ForwardRefExoticComponent<Card.RootProps & React.RefAttributes<HTMLDivElement>>;
-    Body: React.ForwardRefExoticComponent<Card.BodyProps & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<Card.HeaderProps & React.RefAttributes<HTMLDivElement>>;
-    Footer: React.ForwardRefExoticComponent<Card.FooterProps & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
 };
 
 type BreakpointKeys = keyof typeof breakpoints;
@@ -1514,7 +1514,7 @@ type DiscreteSliderProps<T> = {
 };
 declare const DiscreteSlider: <T>({ marks, applyIndentation, onValueChanged, value, }: DiscreteSliderProps<T>) => React__default.JSX.Element;
 
-declare const DrawerBody: FC<PropsWithChildren<DrawerBodyProps>>;
+declare const DrawerOverlay: FC<PropsWithChildren>;
 
 interface Props$6 extends DrawerContentProps {
     withCloseButton?: boolean;
@@ -1523,7 +1523,7 @@ interface Props$6 extends DrawerContentProps {
 }
 declare const DrawerContent: FC<PropsWithChildren<Props$6>>;
 
-declare const DrawerOverlay: FC<PropsWithChildren>;
+declare const DrawerBody: FC<PropsWithChildren<DrawerBodyProps>>;
 
 interface DrawerProps extends Omit<DrawerRootProps, 'open' | 'onOpenChange'> {
     isOpen: boolean;
@@ -1585,14 +1585,6 @@ interface ErrorPageContentProps {
 
 declare const ErrorPage: React.FC<ErrorPageContentProps>;
 
-type FilterHeadingContentProps = {
-    onClose?: () => void;
-    language: Language$1;
-    contentRef?: RefObject<HTMLElement | null>;
-} & Pick<FilterPatternProps, 'Icon' | 'isApplied' | 'label' | 'numberOfAppliedFilters' | 'onResetFilter'>;
-
-declare const FilterHeading: React.FC<FilterHeadingContentProps>;
-
 declare const colors: {
     white: {
         value: string;
@@ -1969,21 +1961,6 @@ type Colors = {
     [K in keyof typeof colors]: 'value' extends keyof (typeof colors)[K] ? K : K extends string ? `${K}.${Extract<keyof (typeof colors)[K], string | number>}` : never;
 }[keyof typeof colors];
 
-type DialogFilterProps = FilterPatternProps & Omit<ActionButtonProps, 'onClose'> & {
-    onDialogOpen?: () => void;
-    onDialogClose?: () => void;
-    initialDialogState?: 'open' | 'closed';
-    isDisabled?: boolean;
-    backgroundColor?: Colors;
-    color?: Colors;
-    paddingX?: OpenFilterButtonPaddingX;
-    trapFocus?: boolean;
-    triggerHeight?: 'lg' | 'md';
-    showResetButton?: boolean;
-    triggerDisplayType?: OpenFilterButtonDisplayType;
-    appliedLabel?: string;
-};
-
 type Size = Exclude<keyof typeof sizes, 0 | 'container'>;
 type OpenFilterButtonPaddingX = '0' | 'md';
 type OpenFilterButtonDisplayType = 'default' | 'inline';
@@ -2004,8 +1981,31 @@ type Props$5 = Pick<DialogFilterProps, 'label' | 'displayValue' | 'Icon' | 'isAp
 };
 declare const OpenFilterButton: FC<Props$5>;
 
+type DialogFilterProps = FilterPatternProps & Omit<ActionButtonProps, 'onClose'> & {
+    onDialogOpen?: () => void;
+    onDialogClose?: () => void;
+    initialDialogState?: 'open' | 'closed';
+    isDisabled?: boolean;
+    backgroundColor?: Colors;
+    color?: Colors;
+    paddingX?: OpenFilterButtonPaddingX;
+    trapFocus?: boolean;
+    triggerHeight?: 'lg' | 'md';
+    showResetButton?: boolean;
+    triggerDisplayType?: OpenFilterButtonDisplayType;
+    appliedLabel?: string;
+};
+
 declare const DialogFilter: React.FC<DialogFilterProps>;
 
+type FilterHeadingContentProps = {
+    onClose?: () => void;
+    language: Language$1;
+    contentRef?: RefObject<HTMLElement | null>;
+} & Pick<FilterPatternProps, 'Icon' | 'isApplied' | 'label' | 'numberOfAppliedFilters' | 'onResetFilter'>;
+
+declare const FilterHeading: React.FC<FilterHeadingContentProps>;
+
 type FlexProps = Omit<FlexProps$1, 'gap' | 'columnGap' | 'rowGap'>;
 declare const Flex: FC<FlexProps>;
 
@@ -2498,10 +2498,10 @@ declare const AppLayout: React__default.ForwardRefExoticComponent<GridProps & {
 
 declare const AppLayoutContent: React__default.ForwardRefExoticComponent<GridItemProps & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const AppLayoutFooter: React__default.ForwardRefExoticComponent<GridItemProps & React__default.RefAttributes<HTMLDivElement>>;
-
 declare const AppLayoutHeader: React__default.ForwardRefExoticComponent<GridItemProps & React__default.RefAttributes<HTMLDivElement>>;
 
+declare const AppLayoutFooter: React__default.ForwardRefExoticComponent<GridItemProps & React__default.RefAttributes<HTMLDivElement>>;
+
 type CommonListItem = {
     label: string;
     value: string;
@@ -2604,14 +2604,6 @@ interface ProgressProps {
 }
 declare const Progress: FC<ProgressProps>;
 
-type RadioListProps = {
-    options: React__default.ReactElement[];
-    name?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-};
-declare const RadioList: FC<RadioListProps>;
-
 declare const radioRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "indicator" | "label" | "item" | "control", {
     variant: {
         fontRegular: {
@@ -2682,6 +2674,14 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
     children?: RadioRenderFn;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
+type RadioListProps = {
+    options: React__default.ReactElement[];
+    name?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+};
+declare const RadioList: FC<RadioListProps>;
+
 type SliderRootProps = Omit<React__default.ComponentProps<typeof Slider.Root>, 'onChange'>;
 type RangeSliderProps = SliderRootProps & {
     onChange?: (values: number[]) => void;

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@smg-automotive/components",
-  "version": "27.3.2-fix-components-bundlesize.2",
+  "version": "27.3.2",
   "description": "SMG Automotive components library",
+  "type": "commonjs",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -21,12 +22,6 @@
       "require": "./dist/fonts/cjs/Hosted.js",
       "default": "./dist/fonts/esm/Hosted.js"
     },
-    "./page-layout": {
-      "types": "./dist/page-layout.d.ts",
-      "import": "./dist/esm/components/layout/Page.js",
-      "require": "./dist/cjs/page-layout.js",
-      "default": "./dist/esm/components/layout/Page.js"
-    },
     "./theme-provider": {
       "types": "./dist/theme-provider.d.ts",
       "import": "./dist/esm/themeProvider.js",
@@ -65,24 +60,6 @@
   },
   "nx": {
     "targets": {
-      "typegen": {
-        "parallelism": false
-      },
-      "typecheck": {
-        "dependsOn": [
-          "typegen"
-        ]
-      },
-      "test": {
-        "dependsOn": [
-          "typegen"
-        ]
-      },
-      "jest:test": {
-        "dependsOn": [
-          "typegen"
-        ]
-      },
       "lint": {
         "executor": "nx:noop",
         "dependsOn": [
@@ -155,7 +132,7 @@
     "@testing-library/user-event": "14.6.1",
     "@types/estree": "1.0.8",
     "@types/jest": "30.0.0",
-    "@types/node": "24.13.2",
+    "@types/node": "24.13.3",
     "@types/react": "19.2.17",
     "@types/react-textarea-autosize": "8.0.0",
     "@types/yargs": "17.0.35",
@@ -182,7 +159,7 @@
     "rollup-plugin-dts": "6.4.1",
     "rollup-plugin-executable": "1.6.3",
     "rollup-plugin-peer-deps-external": "2.2.4",
-    "semantic-release": "25.0.5",
+    "semantic-release": "25.0.6",
     "space-separated-tokens": "2.0.2",
     "storybook": "8.6.18",
     "stream-http": "3.2.0",
@@ -193,8 +170,8 @@
     "unist-util-visit": "5.1.0",
     "webpack": "5.106.2",
     "@smg-automotive/auth": "0.0.0-development",
-    "@smg-automotive/eslint-config": "6.0.3",
-    "@smg-automotive/tools": "0.0.0-development"
+    "@smg-automotive/tools": "0.0.0-development",
+    "@smg-automotive/eslint-config": "6.0.3"
   },
   "dependencies": {
     "@chakra-ui/cli": "3.36.0",
@@ -234,31 +211,5 @@
     "release": "semantic-release"
   },
   "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "breakpoints": [
-        "dist/breakpoints.d.ts"
-      ],
-      "fonts/hosted": [
-        "dist/fonts/esm/types/Hosted"
-      ],
-      "page-layout": [
-        "dist/page-layout.d.ts"
-      ],
-      "theme-provider": [
-        "dist/theme-provider.d.ts"
-      ],
-      "theme-provider/autoscout24": [
-        "dist/theme-provider/autoscout24.d.ts"
-      ],
-      "theme-provider/motoscout24": [
-        "dist/theme-provider/motoscout24.d.ts"
-      ],
-      "themes": [
-        "dist/themes.d.ts"
-      ]
-    }
-  }
+  "module": "dist/esm/index.js"
 }

package/dist/cjs/page-layout.js

@@ -1,24 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('@chakra-ui/react');
-
-const Separator = react.Separator;
-Separator.displayName = 'Separator';
-
-const Flex = ({ children, ...rest }) => (jsxRuntime.jsx(react.Flex, { ...rest, children: children }));
-
-const BaseLayout = ({ header, footer, skyScraperAd, heroAd, maxContentWidth, children, }) => {
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [header ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [header, jsxRuntime.jsx(Separator, {})] })) : null, heroAd ? heroAd : null, jsxRuntime.jsxs(Flex, { justifyContent: "center", children: [jsxRuntime.jsx(react.Container, { as: "main", width: "full", height: "full", maxWidth: `container.${maxContentWidth}`, marginX: { base: 'lg', md: '2xl' }, paddingBottom: { base: '5xl', md: '6xl' }, paddingTop: "2xl", children: children }), skyScraperAd ? (jsxRuntime.jsx(react.chakra.aside, { display: { '2xs': 'none', lg: 'block' }, css: {
-                            lg: { '--width': '300px' },
-                            xl: { '--width': '500px' },
-                        }, width: "var(--width)", minWidth: "var(--width)", marginRight: "2xl", position: "relative", paddingBottom: { md: '5xl', base: '3xl' }, paddingTop: { '2xs': 'md', md: '2xl' }, children: skyScraperAd })) : null] }), jsxRuntime.jsx("div", { children: footer ? footer : null })] }));
-};
-
-const PageLayout = ({ header, maxContentWidth, skyScraperAd, footer, heroAd, children, }) => {
-    return (jsxRuntime.jsx(BaseLayout, { header: header, footer: footer, skyScraperAd: skyScraperAd, heroAd: heroAd, maxContentWidth: maxContentWidth, children: children }));
-};
-
-exports.PageLayout = PageLayout;
-//# sourceMappingURL=page-layout.js.map

package/dist/cjs/page-layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-layout.js","sources":["../../../src/components/separator/index.tsx","../../../src/components/flex/index.tsx","../../../src/components/layout/BaseLayout.tsx","../../../src/components/layout/Page.tsx"],"sourcesContent":[null,null,null,null],"names":["ChakraSeparator","_jsx","ChakraFlex","_jsxs","_Fragment","Container","chakra"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAGA,eAAe;AACjC,SAAS,CAAC,WAAW,GAAG,WAAW;;ACG5B,MAAM,IAAI,GAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,MACvDC,cAAA,CAACC,UAAU,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAc,CAC9C;;ACQM,MAAM,UAAU,GAA2C,CAAC,EACjE,MAAM,EACN,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,QAAQ,GACT,KAAI;IACH,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACG,MAAM,IACLD,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACG,MAAM,EACPH,cAAA,CAAC,SAAS,KAAG,CAAA,EAAA,CACZ,IACD,IAAI,EACP,MAAM,GAAG,MAAM,GAAG,IAAI,EACvBE,eAAA,CAAC,IAAI,EAAA,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC3BF,cAAA,CAACI,eAAS,EAAA,EACR,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,CAAA,UAAA,EAAa,eAAe,EAAE,EACxC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAClC,aAAa,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EACzC,UAAU,EAAC,KAAK,YAEf,QAAQ,EAAA,CACC,EACX,YAAY,IACXJ,cAAA,CAACK,YAAM,CAAC,KAAK,EAAA,EACX,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACvC,GAAG,EAAE;AACH,4BAAA,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;AAC1B,4BAAA,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;AAC3B,yBAAA,EACD,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAC,cAAc,EACvB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAC,UAAU,EACnB,aAAa,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EACzC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAErC,YAAY,EAAA,CACA,IACb,IAAI,CAAA,EAAA,CACH,EACPL,cAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,MAAM,GAAG,MAAM,GAAG,IAAI,EAAA,CAAO,CAAA,EAAA,CAClC;AAEP,CAAC;;ACrDM,MAAM,UAAU,GAAiC,CAAC,EACvD,MAAM,EACN,eAAe,EACf,YAAY,EACZ,MAAM,EACN,MAAM,EACN,QAAQ,GACT,KAAI;IACH,QACEA,cAAA,CAAC,UAAU,EAAA,EACT,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAAA,QAAA,EAE/B,QAAQ,EAAA,CACE;AAEjB;;;;"}

package/dist/page-layout.d.mts

@@ -1,96 +0,0 @@
-import { FC, PropsWithChildren, ReactNode } from 'react';
-
-declare const sizes: {
-    0: {
-        value: string;
-    };
-    auto: {
-        value: string;
-    };
-    xxs: {
-        value: string;
-    };
-    xs: {
-        value: string;
-    };
-    sm: {
-        value: string;
-    };
-    md: {
-        value: string;
-    };
-    lg: {
-        value: string;
-    };
-    xl: {
-        value: string;
-    };
-    '2xl': {
-        value: string;
-    };
-    '3xl': {
-        value: string;
-    };
-    '4xl': {
-        value: string;
-    };
-    '5xl': {
-        value: string;
-    };
-    '6xl': {
-        value: string;
-    };
-    '7xl': {
-        value: string;
-    };
-    '8xl': {
-        value: string;
-    };
-    half: {
-        value: string;
-    };
-    full: {
-        value: string;
-    };
-    fit: {
-        value: string;
-    };
-    container: {
-        sm: {
-            value: string;
-        };
-        md: {
-            value: string;
-        };
-        lg: {
-            value: string;
-        };
-        xl: {
-            value: string;
-        };
-        '2xl': {
-            value: string;
-        };
-    };
-    'auth0-width': {
-        value: string;
-    };
-    'auth0-height': {
-        value: string;
-    };
-    'screen-height': {
-        value: string;
-    };
-};
-
-interface Props {
-    header?: ReactNode;
-    maxContentWidth: keyof typeof sizes.container;
-    skyScraperAd?: ReactNode;
-    heroAd?: ReactNode;
-    footer?: ReactNode;
-}
-declare const PageLayout: FC<PropsWithChildren<Props>>;
-
-export { PageLayout };
-export type { Props };