@smg-automotive/components 27.3.1 → 27.3.2-components-cleanup.1

package/dist/esm/components/tenantSelection/Overview.js

@@ -1,12 +1,13 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Image } from '@chakra-ui/react';
+import { getStaticImageSource } from '../../utilities/staticImage.js';
 import { useI18n } from '../../utilities/i18nInit.js';
 import { Text } from '../text/index.js';
 import { H1 } from '../heading/index.js';
 import { Button } from '../button/index.js';
 import img from './tenantSelectionIllustration.png.js';
 import { TenantSelectionModalLayout } from './ModalLayout.js';
-import { createTenantLabel } from './createTenantLabel.js';
+import { createTenantLabel } from './CreateTenantLabel.js';
 
 const TenantSelectionOverview = ({ tenantSelection, setTenantSelection, user, selectTenant, }) => {
     const { t } = useI18n();
@@ -18,7 +19,7 @@ const TenantSelectionOverview = ({ tenantSelection, setTenantSelection, user, se
         });
         return createTenantLabel(selectedManagedSeller);
     };
-    return (jsxs(TenantSelectionModalLayout, { children: [jsx(Image, { src: img, alt: "tenant selection illustration", width: "3xl", height: "3xl", loading: "lazy" }), jsx(H1, { textStyle: "heading3", children: t('auth.tenantSelection.title') }), jsx(Text, { textAlign: "center", children: t('auth.tenantSelection.description') }), jsx(Button, { variant: "secondary", onClick: () => {
+    return (jsxs(TenantSelectionModalLayout, { children: [jsx(Image, { src: getStaticImageSource(img), alt: "tenant selection illustration", width: "3xl", height: "3xl", loading: "lazy" }), jsx(H1, { textStyle: "heading3", children: t('auth.tenantSelection.title') }), jsx(Text, { textAlign: "center", children: t('auth.tenantSelection.description') }), jsx(Button, { variant: "secondary", onClick: () => {
                     setTenantSelection((currentState) => {
                         return { ...currentState, showSelection: true };
                     });

package/dist/esm/components/tenantSelection/Overview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overview.js","sources":["../../../../../src/components/tenantSelection/Overview.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","tenantImage"],"mappings":";;;;;;;;;;AA6BO,MAAM,uBAAuB,GAA6B,CAAC,EAChE,eAAe,EACf,kBAAkB,EAClB,IAAI,EACJ,YAAY,GACb,KAAI;AACH,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE;IAEvB,MAAM,oBAAoB,GAAG,MAAK;QAChC,IAAI,CAAC,eAAe,CAAC,cAAc;AACjC,YAAA,OAAO,CAAC,CAAC,mCAAmC,CAAC;QAE/C,MAAM,qBAAqB,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,aAAa,KAAI;AACvE,YAAA,OAAO,aAAa,CAAC,EAAE,KAAK,eAAe,CAAC,cAAc;AAC5D,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,iBAAiB,CAAC,qBAAqB,CAAC;AACjD,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAC,0BAA0B,EAAA,EAAA,QAAA,EAAA,CACzBC,GAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAEC,GAAW,EAChB,GAAG,EAAC,+BAA+B,EACnC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,MAAM,EAAA,CACd,EACFD,GAAA,CAAC,EAAE,EAAA,EAAC,SAAS,EAAC,UAAU,EAAA,QAAA,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAAA,CAAM,EAC/DA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAE,CAAC,CAAC,kCAAkC,CAAC,EAAA,CAAQ,EACvEA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,MAAK;AACZ,oBAAA,kBAAkB,CAAC,CAAC,YAAY,KAAI;wBAClC,OAAO,EAAE,GAAG,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE;AACjD,oBAAA,CAAC,CAAC;gBACJ,CAAC,EACD,KAAK,EAAC,MAAM,YAEX,oBAAoB,EAAE,EAAA,CAChB,EACTA,GAAA,CAAC,MAAM,IACL,QAAQ,EAAE,CAAC,eAAe,CAAC,cAAc,EACzC,OAAO,EAAE,MAAK;oBACZ,IAAI,CAAC,eAAe,CAAC,cAAc;wBAAE;AACrC,oBAAA,YAAY,CAAC,eAAe,CAAC,cAAc,CAAC;AAC9C,gBAAA,CAAC,EACD,KAAK,EAAC,MAAM,EAAA,QAAA,EAEX,CAAC,CAAC,kCAAkC,CAAC,EAAA,CAC/B,CAAA,EAAA,CACkB;AAEjC;;;;"}
+{"version":3,"file":"Overview.js","sources":["../../../../../src/components/tenantSelection/Overview.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","tenantImage"],"mappings":";;;;;;;;;;;AA8BO,MAAM,uBAAuB,GAA6B,CAAC,EAChE,eAAe,EACf,kBAAkB,EAClB,IAAI,EACJ,YAAY,GACb,KAAI;AACH,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE;IAEvB,MAAM,oBAAoB,GAAG,MAAK;QAChC,IAAI,CAAC,eAAe,CAAC,cAAc;AACjC,YAAA,OAAO,CAAC,CAAC,mCAAmC,CAAC;QAE/C,MAAM,qBAAqB,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,aAAa,KAAI;AACvE,YAAA,OAAO,aAAa,CAAC,EAAE,KAAK,eAAe,CAAC,cAAc;AAC5D,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,iBAAiB,CAAC,qBAAqB,CAAC;AACjD,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAC,0BAA0B,EAAA,EAAA,QAAA,EAAA,CACzBC,GAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,oBAAoB,CAACC,GAAW,CAAC,EACtC,GAAG,EAAC,+BAA+B,EACnC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,MAAM,EAAA,CACd,EACFD,GAAA,CAAC,EAAE,EAAA,EAAC,SAAS,EAAC,UAAU,EAAA,QAAA,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAAA,CAAM,EAC/DA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAE,CAAC,CAAC,kCAAkC,CAAC,EAAA,CAAQ,EACvEA,IAAC,MAAM,EAAA,EACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,MAAK;AACZ,oBAAA,kBAAkB,CAAC,CAAC,YAAY,KAAI;wBAClC,OAAO,EAAE,GAAG,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE;AACjD,oBAAA,CAAC,CAAC;gBACJ,CAAC,EACD,KAAK,EAAC,MAAM,YAEX,oBAAoB,EAAE,EAAA,CAChB,EACTA,GAAA,CAAC,MAAM,IACL,QAAQ,EAAE,CAAC,eAAe,CAAC,cAAc,EACzC,OAAO,EAAE,MAAK;oBACZ,IAAI,CAAC,eAAe,CAAC,cAAc;wBAAE;AACrC,oBAAA,YAAY,CAAC,eAAe,CAAC,cAAc,CAAC;AAC9C,gBAAA,CAAC,EACD,KAAK,EAAC,MAAM,EAAA,QAAA,EAEX,CAAC,CAAC,kCAAkC,CAAC,EAAA,CAC/B,CAAA,EAAA,CACkB;AAEjC;;;;"}

package/dist/esm/components/tenantSelection/select/List.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { createTenantLabel } from '../createTenantLabel.js';
+import { createTenantLabel } from '../CreateTenantLabel.js';
 import { SearchableList } from '../../list/SearchableList.js';
 import { H1 } from '../../heading/index.js';
 

package/dist/esm/hooks/useMediaQuery/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useMediaQuery/index.ts"],"sourcesContent":[null],"names":["breakpoints","useChakraMediaQuery"],"mappings":";;;;AAsBA,MAAM,QAAQ,GAAG,CAAC,EAAU,KAAa,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;AAE9D,SAAS,oBAAoB,CAAC,KAA2B,EAAA;IACvD,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,CAAA,YAAA,EAAeA,aAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,GAAG,EAAE;AACzE,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC;AAChB,UAAE,CAAA,YAAA,EAAe,QAAQ,CAACA,aAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAA,GAAA;UACxD,EAAE;IAEN,IAAI,GAAG,IAAI,GAAG;AAAE,QAAA,OAAO,CAAA,EAAG,GAAG,CAAA,KAAA,EAAQ,GAAG,EAAE;IAC1C,OAAO,GAAG,IAAI,GAAG;AACnB;AAEA,SAAS,eAAe,CAAC,KAAiB,EAAA;AACxC,IAAA,IAAI,YAAY,IAAI,KAAK,EAAE;QACzB,OAAO,KAAK,CAAC,UAAU;IACzB;AACA,IAAA,OAAO,oBAAoB,CAAC,KAAK,CAAC;AACpC;AAEA,MAAM,aAAa,GAAG,CACpB,KAAiB,EACjB,OAA8B,KACnB;AACX,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEjE,IAAA,MAAM,aAAa,GAAyB;AAC1C,QAAA,GAAG,EAAE,IAAI;QACT,QAAQ,EAAE,CAAC,KAAK,CAAC;AACjB,QAAA,GAAG,OAAO;KACX;AAED,IAAA,MAAM,CAAC,OAAO,CAAC,GAAGC,eAAmB,CAAC,CAAC,UAAU,CAAC,EAAE,aAAa,CAAC;AAClE,IAAA,OAAO,OAAO;AAChB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useMediaQuery/index.tsx"],"sourcesContent":[null],"names":["breakpoints","useChakraMediaQuery"],"mappings":";;;;AAsBA,MAAM,QAAQ,GAAG,CAAC,EAAU,KAAa,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;AAE9D,SAAS,oBAAoB,CAAC,KAA2B,EAAA;IACvD,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,CAAA,YAAA,EAAeA,aAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,GAAG,EAAE;AACzE,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC;AAChB,UAAE,CAAA,YAAA,EAAe,QAAQ,CAACA,aAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAA,GAAA;UACxD,EAAE;IAEN,IAAI,GAAG,IAAI,GAAG;AAAE,QAAA,OAAO,CAAA,EAAG,GAAG,CAAA,KAAA,EAAQ,GAAG,EAAE;IAC1C,OAAO,GAAG,IAAI,GAAG;AACnB;AAEA,SAAS,eAAe,CAAC,KAAiB,EAAA;AACxC,IAAA,IAAI,YAAY,IAAI,KAAK,EAAE;QACzB,OAAO,KAAK,CAAC,UAAU;IACzB;AACA,IAAA,OAAO,oBAAoB,CAAC,KAAK,CAAC;AACpC;AAEA,MAAM,aAAa,GAAG,CACpB,KAAiB,EACjB,OAA8B,KACnB;AACX,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAEjE,IAAA,MAAM,aAAa,GAAyB;AAC1C,QAAA,GAAG,EAAE,IAAI;QACT,QAAQ,EAAE,CAAC,KAAK,CAAC;AACjB,QAAA,GAAG,OAAO;KACX;AAED,IAAA,MAAM,CAAC,OAAO,CAAC,GAAGC,eAAmB,CAAC,CAAC,UAAU,CAAC,EAAE,aAAa,CAAC;AAClE,IAAA,OAAO,OAAO;AAChB;;;;"}

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 export { keyframes } from '@emotion/react';
-export { LinkBox, useBreakpointValue, useChakraContext } from '@chakra-ui/react';
+export { LinkBox, Portal, useBreakpointValue, useChakraContext } from '@chakra-ui/react';
 export { default as useMediaQuery } from './hooks/useMediaQuery/index.js';
 export { default as useDebouncedOnChange } from './hooks/useDebouncedOnChange.js';
 export { default as useToken } from './hooks/useToken/index.js';

package/dist/esm/utilities/staticImage.js

@@ -0,0 +1,6 @@
+const getStaticImageSource = (image) => {
+    return typeof image === 'string' ? image : image.src;
+};
+
+export { getStaticImageSource };
+//# sourceMappingURL=staticImage.js.map

package/dist/esm/utilities/staticImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"staticImage.js","sources":["../../../../src/utilities/staticImage.ts"],"sourcesContent":[null],"names":[],"mappings":"AAIO,MAAM,oBAAoB,GAAG,CAAC,KAA2B,KAAY;AAC1E,IAAA,OAAO,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC,GAAG;AACtD;;;;"}

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 export { keyframes } from '@emotion/react';
 import * as _chakra_ui_react 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, CloseButtonProps, UseDialogProps, UsePopoverProps, IconProps as IconProps$1, NumberInput, NativeSelectRootProps, NativeSelectFieldProps, MenuTriggerProps, MenuContentProps, MenuRootProps, SimpleGridProps, SkeletonProps, StackProps, Switch as Switch$1, TabsTriggerProps, TabsRootProps, TableCellProps, TableColumnHeaderProps, TextProps, ConditionalValue, BadgeProps as BadgeProps$1, BreadcrumbRootProps, BreadcrumbLinkProps as BreadcrumbLinkProps$1, Card, CenterProps as CenterProps$1, CollapsibleRootProps, DrawerContentProps, DrawerBodyProps, DrawerRootProps, FlexProps as FlexProps$1, HeadingProps as HeadingProps$1, UseHoverCardProps, GridProps, GridItemProps, 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, useBreakpointValue, useChakraContext } 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';
 export { PropsWithChildren as FullHeightProps } from 'react';
@@ -814,8 +814,6 @@ declare const UnorderedList: FC<PropsWithChildren<{
 } & ListRootProps>>;
 declare const OrderedList: FC<PropsWithChildren>;
 
-declare const DialogCloseButton: React__default.ForwardRefExoticComponent<CloseButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
-
 type MotionPreset = 'none' | 'scale';
 type DialogRootProps = {
     size?: 'md' | 'lg' | 'auth0' | 'full';
@@ -837,6 +835,8 @@ type DialogProps = DialogRootProps & {
 };
 declare const Dialog: FC<PropsWithChildren<DialogProps>>;
 
+declare const DialogCloseButton: React__default.ForwardRefExoticComponent<CloseButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
 type ModalCloseButtonProps = React__default.ComponentProps<typeof DialogCloseButton>;
 declare const ModalCloseButton: FC<ModalCloseButtonProps>;
 type Props$j = Omit<DialogProps, 'open'> & {
@@ -1296,7 +1296,7 @@ type ArticleTeaserProps = ArticleTeaserVariantProps & {
 };
 declare const ArticleTeaser: FC<ArticleTeaserProps>;
 
-declare const AspectRatio: React.ForwardRefExoticComponent<_chakra_ui_react.AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
+declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
 
 type AvatarProps = {
     withNotification?: boolean;
@@ -1324,14 +1324,14 @@ type BreadcrumbLinkProps = Omit<BreadcrumbLinkProps$1, 'href'> & {
 declare const BreadcrumbLink: FC<BreadcrumbLinkProps>;
 
 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;
@@ -2036,8 +2036,8 @@ interface GalleryHeaderProps {
 
 declare const GalleryHeader: React.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>>;
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+declare const GridItem: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
 
 type HeadingProps = Omit<HeadingProps$1, 'as' | 'asChild'>;
 declare const H1: FC<HeadingProps>;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { keyframes } from '@emotion/react';
 import * as _chakra_ui_react 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, CloseButtonProps, UseDialogProps, UsePopoverProps, IconProps as IconProps$1, NumberInput, NativeSelectRootProps, NativeSelectFieldProps, MenuTriggerProps, MenuContentProps, MenuRootProps, SimpleGridProps, SkeletonProps, StackProps, Switch as Switch$1, TabsTriggerProps, TabsRootProps, TableCellProps, TableColumnHeaderProps, TextProps, ConditionalValue, BadgeProps as BadgeProps$1, BreadcrumbRootProps, BreadcrumbLinkProps as BreadcrumbLinkProps$1, Card, CenterProps as CenterProps$1, CollapsibleRootProps, DrawerContentProps, DrawerBodyProps, DrawerRootProps, FlexProps as FlexProps$1, HeadingProps as HeadingProps$1, UseHoverCardProps, GridProps, GridItemProps, 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, useBreakpointValue, useChakraContext } 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';
 export { PropsWithChildren as FullHeightProps } from 'react';
@@ -814,8 +814,6 @@ declare const UnorderedList: FC<PropsWithChildren<{
 } & ListRootProps>>;
 declare const OrderedList: FC<PropsWithChildren>;
 
-declare const DialogCloseButton: React__default.ForwardRefExoticComponent<CloseButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
-
 type MotionPreset = 'none' | 'scale';
 type DialogRootProps = {
     size?: 'md' | 'lg' | 'auth0' | 'full';
@@ -837,6 +835,8 @@ type DialogProps = DialogRootProps & {
 };
 declare const Dialog: FC<PropsWithChildren<DialogProps>>;
 
+declare const DialogCloseButton: React__default.ForwardRefExoticComponent<CloseButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
 type ModalCloseButtonProps = React__default.ComponentProps<typeof DialogCloseButton>;
 declare const ModalCloseButton: FC<ModalCloseButtonProps>;
 type Props$j = Omit<DialogProps, 'open'> & {
@@ -1296,7 +1296,7 @@ type ArticleTeaserProps = ArticleTeaserVariantProps & {
 };
 declare const ArticleTeaser: FC<ArticleTeaserProps>;
 
-declare const AspectRatio: React.ForwardRefExoticComponent<_chakra_ui_react.AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
+declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
 
 type AvatarProps = {
     withNotification?: boolean;
@@ -1324,14 +1324,14 @@ type BreadcrumbLinkProps = Omit<BreadcrumbLinkProps$1, 'href'> & {
 declare const BreadcrumbLink: FC<BreadcrumbLinkProps>;
 
 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;
@@ -2036,8 +2036,8 @@ interface GalleryHeaderProps {
 
 declare const GalleryHeader: React.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>>;
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+declare const GridItem: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
 
 type HeadingProps = Omit<HeadingProps$1, 'as' | 'asChild'>;
 declare const H1: FC<HeadingProps>;

package/dist/page-layout.d.mts

@@ -0,0 +1,96 @@
+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 };

package/dist/page-layout.d.ts

@@ -0,0 +1,96 @@
+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 };

package/package.json

@@ -1,105 +1,58 @@
 {
   "name": "@smg-automotive/components",
-  "version": "27.3.1",
+  "version": "27.3.2-components-cleanup.1",
   "description": "SMG Automotive components library",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/index.d.mts",
-        "default": "./dist/esm/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/cjs/index.js"
-      }
+      "types": "./dist/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     },
     "./breakpoints": {
-      "import": {
-        "types": "./dist/breakpoints.d.mts",
-        "default": "./dist/esm/breakpoints.js"
-      },
-      "require": {
-        "types": "./dist/breakpoints.d.ts",
-        "default": "./dist/cjs/breakpoints.js"
-      }
+      "types": "./dist/breakpoints.d.ts",
+      "import": "./dist/esm/breakpoints.js",
+      "require": "./dist/cjs/breakpoints.js",
+      "default": "./dist/esm/breakpoints.js"
     },
     "./fonts/hosted": {
-      "import": {
-        "types": "./dist/fonts/esm/types/Hosted.d.mts",
-        "default": "./dist/fonts/esm/Hosted.js"
-      },
-      "require": {
-        "types": "./dist/fonts/esm/types/Hosted.d.ts",
-        "default": "./dist/fonts/cjs/Hosted.js"
-      }
+      "types": "./dist/fonts/esm/types/Hosted.d.ts",
+      "import": "./dist/fonts/esm/Hosted.js",
+      "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": {
-      "import": {
-        "types": "./dist/theme-provider.d.mts",
-        "default": "./dist/esm/themeProvider.js"
-      },
-      "require": {
-        "types": "./dist/theme-provider.d.ts",
-        "default": "./dist/cjs/theme-provider.js"
-      }
+      "types": "./dist/theme-provider.d.ts",
+      "import": "./dist/esm/themeProvider.js",
+      "require": "./dist/cjs/themeProvider.js",
+      "default": "./dist/esm/themeProvider.js"
     },
     "./theme-provider/autoscout24": {
-      "import": {
-        "types": "./dist/theme-provider/autoscout24.d.mts",
-        "default": "./dist/esm/components/themeProvider/AutoScout24ThemeProvider.js"
-      },
-      "require": {
-        "types": "./dist/theme-provider/autoscout24.d.ts",
-        "default": "./dist/cjs/theme-provider/autoscout24.js"
-      }
+      "types": "./dist/theme-provider/autoscout24.d.ts",
+      "import": "./dist/esm/components/themeProvider/AutoScout24ThemeProvider.js",
+      "require": "./dist/cjs/theme-provider/autoscout24.js",
+      "default": "./dist/esm/components/themeProvider/AutoScout24ThemeProvider.js"
     },
     "./theme-provider/motoscout24": {
-      "import": {
-        "types": "./dist/theme-provider/motoscout24.d.mts",
-        "default": "./dist/esm/components/themeProvider/MotoScout24ThemeProvider.js"
-      },
-      "require": {
-        "types": "./dist/theme-provider/motoscout24.d.ts",
-        "default": "./dist/cjs/theme-provider/motoscout24.js"
-      }
+      "types": "./dist/theme-provider/motoscout24.d.ts",
+      "import": "./dist/esm/components/themeProvider/MotoScout24ThemeProvider.js",
+      "require": "./dist/cjs/theme-provider/motoscout24.js",
+      "default": "./dist/esm/components/themeProvider/MotoScout24ThemeProvider.js"
     },
     "./themes": {
-      "import": {
-        "types": "./dist/themes.d.mts",
-        "default": "./dist/esm/themes/index.js"
-      },
-      "require": {
-        "types": "./dist/themes.d.ts",
-        "default": "./dist/cjs/themes.js"
-      }
+      "types": "./dist/themes.d.ts",
+      "import": "./dist/esm/themes/index.js",
+      "require": "./dist/cjs/themes.js",
+      "default": "./dist/esm/themes/index.js"
     }
   },
   "imports": {},
-  "types": "dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "breakpoints": [
-        "dist/breakpoints.d.ts"
-      ],
-      "fonts/hosted": [
-        "dist/fonts/esm/types/Hosted"
-      ],
-      "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"
-      ]
-    }
-  },
   "sideEffects": false,
   "files": [
     "dist/**/*"
@@ -112,6 +65,9 @@
   },
   "nx": {
     "targets": {
+      "typegen": {
+        "parallelism": false
+      },
       "typecheck": {
         "dependsOn": [
           "typegen"
@@ -199,7 +155,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",
@@ -226,7 +182,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",
@@ -276,5 +232,33 @@
     "test:debug": "node --inspect-brk --inspect=127.0.0.1:9229 ./node_modules/jest/bin/jest.js --runInBand",
     "pre-release": "CI_PULL_REQUEST= CIRCLE_PULL_REQUEST= semantic-release",
     "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"
+      ]
+    }
   }
 }