@smg-automotive/components 25.10.3 → 25.11.0-PS-924-migrate-slide.1

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

@@ -1,25 +1,9 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import { useDebouncedCallback } from 'use-debounce';
 import React, { forwardRef, useRef, useState, useEffect } from 'react';
-import { Input as Input$1, InputLeftAddon, InputLeftElement, InputRightElement, InputRightAddon } from '@chakra-ui/react';
-import InputWrapper from './InputWrapper.js';
-import ClearButton from './ClearButton.js';
+import { useSlotRecipe, InputGroup, Box, Input as Input$1 } from '@chakra-ui/react';
+import { ClearButton } from './ClearButton.js';
 
-var renderIcon = function (Icon) {
-    return Icon ? (React.createElement(InputLeftElement, { pointerEvents: "none" },
-        React.createElement(Icon, null))) : null;
-};
-var renderClearButton = function (_a) {
-    var isClearable = _a.isClearable, inputRef = _a.inputRef;
-    return isClearable ? (React.createElement(InputRightElement, null,
-        React.createElement(ClearButton, { inputRef: inputRef }))) : null;
-};
-var renderLeftAddonElement = function (LeftAddonElement) {
-    return LeftAddonElement ? React.createElement(InputLeftAddon, null, LeftAddonElement) : null;
-};
-var renderRightAddonElement = function (RightAddonElement) {
-    return RightAddonElement ? (React.createElement(InputRightAddon, null, RightAddonElement)) : null;
-};
 var bindRefBeforeForwarding = function (_a) {
     var forwardedRef = _a.forwardedRef, localRef = _a.localRef;
     return function (node) {
@@ -34,8 +18,11 @@ var bindRefBeforeForwarding = function (_a) {
 };
 var Input = forwardRef(function (_a, ref) {
     var onChange = _a.onChange, value = _a.value, _b = _a.debounce, debounce = _b === void 0 ? false : _b, setInputValue = _a.setInputValue, _c = _a.type, type = _c === void 0 ? 'text' : _c, Icon = _a.icon, _d = _a.isClearable, isClearable = _d === void 0 ? false : _d, RightAddonElement = _a.rightAddonElement, LeftAddonElement = _a.leftAddonElement, props = __rest(_a, ["onChange", "value", "debounce", "setInputValue", "type", "icon", "isClearable", "rightAddonElement", "leftAddonElement"]);
+    var recipe = useSlotRecipe({ key: 'input' });
+    var _e = recipe.splitVariantProps(props), recipeProps = _e[0], componentProps = _e[1];
+    var styles = recipe(recipeProps);
     var inputRef = useRef(null);
-    var _e = useState(value || ''), internalUIValue = _e[0], setInternalUIValue = _e[1];
+    var _f = useState(value || ''), internalUIValue = _f[0], setInternalUIValue = _f[1];
     // https://lawsofux.com/doherty-threshold/
     var debounceThreshold = debounce ? 400 : 0;
     var inputValue = debounce ? internalUIValue : value;
@@ -61,21 +48,23 @@ var Input = forwardRef(function (_a, ref) {
     var onChangeHandler = debounce
         ? debouncedOnChangeHandler
         : defaultOnChangeHandler;
-    return (React.createElement(InputWrapper, { size: props.size, shouldWrap: Boolean(LeftAddonElement || RightAddonElement) },
-        renderLeftAddonElement(LeftAddonElement),
-        React.createElement(InputWrapper, { size: props.size, shouldWrap: !!Icon || isClearable },
-            renderIcon(Icon),
-            React.createElement(Input$1, __assign({}, props, { type: type, value: inputValue, onChange: onChangeHandler, ref: bindRefBeforeForwarding({
-                    forwardedRef: ref,
-                    localRef: inputRef,
-                }), borderRightRadius: RightAddonElement ? '0' : 'sm', borderLeftRadius: LeftAddonElement ? '0' : 'sm' })),
-            renderClearButton({
-                isClearable: isClearable && !!internalUIValue,
-                inputRef: inputRef,
-            })),
-        renderRightAddonElement(RightAddonElement)));
+    return (React.createElement(InputGroup, __assign({}, (LeftAddonElement ? { startAddon: LeftAddonElement } : {}), (RightAddonElement ? { endAddon: RightAddonElement } : {}), (Icon
+        ? {
+            startElement: (React.createElement(Box, { css: styles.icon },
+                React.createElement(Icon, null))),
+        }
+        : {}), (isClearable && internalUIValue
+        ? {
+            endElement: (React.createElement(Box, { css: styles.clearButton },
+                React.createElement(ClearButton, { inputRef: inputRef }))),
+        }
+        : {})),
+        React.createElement(Input$1, __assign({}, componentProps, { css: styles.field, type: type, value: inputValue, onChange: onChangeHandler, ref: bindRefBeforeForwarding({
+                forwardedRef: ref,
+                localRef: inputRef,
+            }), borderRightRadius: RightAddonElement ? '0' : 'sm', borderLeftRadius: LeftAddonElement ? '0' : 'sm' }))));
 });
 Input.displayName = 'Input';
 
-export { Input as default };
+export { Input };
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/layout/BaseGrid.d.ts

@@ -1,6 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { type GridProps } from '../grid';
 export declare const repeatArea: (count: number, area: string) => string;
-declare const BaseGridLayout: FC<PropsWithChildren<GridProps>>;
-export default BaseGridLayout;
+export type BaseGridLayoutProps = GridProps;
+export declare const BaseGridLayout: FC<PropsWithChildren<BaseGridLayoutProps>>;
 //# sourceMappingURL=BaseGrid.d.ts.map

package/dist/esm/components/layout/BaseGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BaseGrid.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,MAAM,MAAM,WAErD,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAYpD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BaseGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BaseGrid.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,MAAM,MAAM,WAErD,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,CAAC;AAE5C,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAcrE,CAAC"}

package/dist/esm/components/layout/BaseGrid.js

@@ -1,6 +1,6 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import Grid from '../grid/index.js';
+import { Grid } from '../grid/index.js';
 
 var repeatArea = function (count, area) {
     return new Array(count).fill(area).join(' ');
@@ -10,5 +10,5 @@ var BaseGridLayout = function (props) {
     return (React.createElement(Grid, __assign({ templateColumns: { '2xs': '1fr', md: 'repeat(12, 1fr)' }, gap: "2xl" }, gridProps), children));
 };
 
-export { BaseGridLayout as default, repeatArea };
+export { BaseGridLayout, repeatArea };
 //# sourceMappingURL=BaseGrid.js.map

package/dist/esm/components/layout/BaseGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseGrid.js","sources":["../../../../../src/components/layout/BaseGrid.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIO,IAAM,UAAU,GAAG,UAAC,KAAa,EAAE,IAAY,EAAA;AACpD,IAAA,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC9C;AAEA,IAAM,cAAc,GAAqC,UAAC,KAAK,EAAA;IACrD,IAAA,QAAQ,GAAmB,KAAK,CAAA,QAAxB,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAAA,UAAA,CAA0B,CAAF;IAE9B,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,eAAe,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,EACxD,GAAG,EAAC,KAAK,EAAA,EACL,SAAS,CAAA,EAEZ,QAAQ,CACJ;AAEX;;;;"}
+{"version":3,"file":"BaseGrid.js","sources":["../../../../../src/components/layout/BaseGrid.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIO,IAAM,UAAU,GAAG,UAAC,KAAa,EAAE,IAAY,EAAA;AACpD,IAAA,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC9C;AAIO,IAAM,cAAc,GAA+C,UACxE,KAAK,EAAA;IAEG,IAAA,QAAQ,GAAmB,KAAK,CAAA,QAAxB,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAAA,UAAA,CAA0B,CAAF;IAE9B,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,eAAe,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,EACxD,GAAG,EAAC,KAAK,EAAA,EACL,SAAS,CAAA,EAEZ,QAAQ,CACJ;AAEX;;;;"}

package/dist/esm/components/layout/BaseLayout.d.ts

@@ -1,12 +1,11 @@
 import { FC, PropsWithChildren, ReactNode } from 'react';
-import { sizes } from 'src/themes/shared/sizes';
-interface Props {
+import { sizes } from 'src/themes/shared/tokens/sizes';
+export interface BaseLayoutProps {
     header?: ReactNode;
     footer?: ReactNode;
     skyScraperAd?: ReactNode;
     heroAd?: ReactNode;
     maxContentWidth: keyof typeof sizes.container;
 }
-declare const BaseLayout: FC<PropsWithChildren<Props>>;
-export default BaseLayout;
+export declare const BaseLayout: FC<PropsWithChildren<BaseLayoutProps>>;
 //# sourceMappingURL=BaseLayout.d.ts.map

package/dist/esm/components/layout/BaseLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BaseLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAKhD,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,EAAE,MAAM,OAAO,KAAK,CAAC,SAAS,CAAC;CAC/C;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CA8C5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"BaseLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BaseLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAMvD,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,EAAE,MAAM,OAAO,KAAK,CAAC,SAAS,CAAC;CAC/C;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAkD7D,CAAC"}

package/dist/esm/components/layout/BaseLayout.js

@@ -1,20 +1,23 @@
 import React from 'react';
-import { Divider, Container, chakra } from '@chakra-ui/react';
-import { sizes } from '../../themes/shared/sizes.js';
-import Flex from '../flex/index.js';
+import { Container, chakra } from '@chakra-ui/react';
+import { Separator } from '../separator/index.js';
+import { Flex } from '../flex/index.js';
 
 var BaseLayout = function (_a) {
     var header = _a.header, footer = _a.footer, skyScraperAd = _a.skyScraperAd, heroAd = _a.heroAd, maxContentWidth = _a.maxContentWidth, children = _a.children;
     return (React.createElement(React.Fragment, null,
         header ? (React.createElement(React.Fragment, null,
             header,
-            React.createElement(Divider, null))) : null,
+            React.createElement(Separator, null))) : null,
         heroAd ? heroAd : null,
         React.createElement(Flex, { justifyContent: "center" },
-            React.createElement(Container, { as: "main", width: "full", height: "full", maxWidth: sizes.container[maxContentWidth], marginX: { base: 'lg', md: '2xl' }, paddingBottom: { base: '5xl', md: '6xl' }, paddingTop: "2xl" }, children),
-            skyScraperAd ? (React.createElement(chakra.aside, { display: { '2xs': 'none', lg: 'block' }, width: { lg: '300px', xl: '500px' }, minWidth: { lg: '300px', xl: '500px' }, marginRight: "2xl", position: "relative", paddingBottom: { md: '5xl', base: '3xl' }, paddingTop: { '2xs': 'md', md: '2xl' } }, skyScraperAd)) : null),
+            React.createElement(Container, { as: "main", width: "full", height: "full", maxWidth: "container.".concat(maxContentWidth), marginX: { base: 'lg', md: '2xl' }, paddingBottom: { base: '5xl', md: '6xl' }, paddingTop: "2xl" }, children),
+            skyScraperAd ? (React.createElement(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' } }, skyScraperAd)) : null),
         React.createElement("div", null, footer ? footer : null)));
 };
 
-export { BaseLayout as default };
+export { BaseLayout };
 //# sourceMappingURL=BaseLayout.js.map

package/dist/esm/components/layout/BaseLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLayout.js","sources":["../../../../../src/components/layout/BaseLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAiBA,IAAM,UAAU,GAAiC,UAAC,EAOjD,EAAA;AANC,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,MAAM,YAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA;AAER,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,MAAM,IACL,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;YACG,MAAM;AACP,YAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA,CAAG,CACV,IACD,IAAI;AACP,QAAA,MAAM,GAAG,MAAM,GAAG,IAAI;AACvB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,cAAc,EAAC,QAAQ,EAAA;YAC3B,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EAC1C,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,EAAA,EAEf,QAAQ,CACC;AACX,YAAA,YAAY,IACX,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACvC,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EACnC,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EACtC,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,EAErC,YAAY,CACA,IACb,IAAI,CACH;AACP,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,MAAM,GAAG,MAAM,GAAG,IAAI,CAAO,CAClC;AAEP;;;;"}
+{"version":3,"file":"BaseLayout.js","sources":["../../../../../src/components/layout/BaseLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAkBO,IAAM,UAAU,GAA2C,UAAC,EAOlE,EAAA;AANC,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,MAAM,YAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA;AAER,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,MAAM,IACL,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;YACG,MAAM;AACP,YAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,CACZ,IACD,IAAI;AACP,QAAA,MAAM,GAAG,MAAM,GAAG,IAAI;AACvB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,cAAc,EAAC,QAAQ,EAAA;YAC3B,KAAA,CAAA,aAAA,CAAC,SAAS,IACR,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,YAAA,CAAA,MAAA,CAAa,eAAe,CAAE,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,EAAA,EAEf,QAAQ,CACC;YACX,YAAY,IACX,oBAAC,MAAM,CAAC,KAAK,EAAA,EACX,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACvC,GAAG,EAAE;AACH,oBAAA,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;AAC1B,oBAAA,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;iBAC3B,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,IAErC,YAAY,CACA,IACb,IAAI,CACH;AACP,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,MAAM,GAAG,MAAM,GAAG,IAAI,CAAO,CAClC;AAEP;;;;"}

package/dist/esm/components/layout/Page.d.ts

@@ -1,5 +1,5 @@
 import { FC, PropsWithChildren, ReactNode } from 'react';
-import { sizes } from 'src/themes/shared/sizes';
+import { sizes } from 'src/themes/shared/tokens/sizes';
 export interface Props {
     header?: ReactNode;
     maxContentWidth: keyof typeof sizes.container;
@@ -7,6 +7,5 @@ export interface Props {
     heroAd?: ReactNode;
     footer?: ReactNode;
 }
-declare const PageLayout: FC<PropsWithChildren<Props>>;
-export default PageLayout;
+export declare const PageLayout: FC<PropsWithChildren<Props>>;
 //# sourceMappingURL=Page.d.ts.map

package/dist/esm/components/layout/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Page.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAIhD,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,EAAE,MAAM,OAAO,KAAK,CAAC,SAAS,CAAC;IAC9C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAmB5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Page.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAIvD,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,EAAE,MAAM,OAAO,KAAK,CAAC,SAAS,CAAC;IAC9C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAmBnD,CAAC"}

package/dist/esm/components/layout/Page.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import BaseLayout from './BaseLayout.js';
+import { BaseLayout } from './BaseLayout.js';
 
 var PageLayout = function (_a) {
     var header = _a.header, maxContentWidth = _a.maxContentWidth, skyScraperAd = _a.skyScraperAd, footer = _a.footer, heroAd = _a.heroAd, children = _a.children;
     return (React.createElement(BaseLayout, { header: header, footer: footer, skyScraperAd: skyScraperAd, heroAd: heroAd, maxContentWidth: maxContentWidth }, children));
 };
 
-export { PageLayout as default };
+export { PageLayout };
 //# sourceMappingURL=Page.js.map

package/dist/esm/components/layout/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../../../../../src/components/layout/Page.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAcA,IAAM,UAAU,GAAiC,UAAC,EAOjD,EAAA;AANC,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,MAAM,YAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA;IAER,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAAA,EAE/B,QAAQ,CACE;AAEjB;;;;"}
+{"version":3,"file":"Page.js","sources":["../../../../../src/components/layout/Page.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAcO,IAAM,UAAU,GAAiC,UAAC,EAOxD,EAAA;AANC,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,MAAM,YAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA;IAER,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAAA,EAE/B,QAAQ,CACE;AAEjB;;;;"}

package/dist/esm/components/layout/SingleColumnCentered.d.ts

@@ -1,8 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
-import { sizes } from 'src/themes/shared/sizes';
+import { sizes } from 'src/themes/shared/tokens/sizes';
 export type SingleColumnCenteredLayoutProps = PropsWithChildren<{
-    maxContentWidth?: keyof typeof sizes.container;
+    maxContentWidth?: keyof (typeof sizes)['container'];
 }>;
-declare const SingleColumnCenteredLayout: FC<SingleColumnCenteredLayoutProps>;
-export default SingleColumnCenteredLayout;
+export declare const SingleColumnCenteredLayout: FC<SingleColumnCenteredLayoutProps>;
 //# sourceMappingURL=SingleColumnCentered.d.ts.map

package/dist/esm/components/layout/SingleColumnCentered.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleColumnCentered.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SingleColumnCentered.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAIhD,MAAM,MAAM,+BAA+B,GAAG,iBAAiB,CAAC;IAC9D,eAAe,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC,SAAS,CAAC;CAChD,CAAC,CAAC;AAEH,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CAenE,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"SingleColumnCentered.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SingleColumnCentered.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAMvD,MAAM,MAAM,+BAA+B,GAAG,iBAAiB,CAAC;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC;CACrD,CAAC,CAAC;AAEH,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CAahC,CAAC"}

package/dist/esm/components/layout/SingleColumnCentered.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Container, Box } from '@chakra-ui/react';
-import BaseLayout from './BaseLayout.js';
+import { BaseLayout } from './BaseLayout.js';
 
 var SingleColumnCenteredLayout = function (_a) {
     var children = _a.children, _b = _a.maxContentWidth, maxContentWidth = _b === void 0 ? 'md' : _b;
@@ -12,5 +12,5 @@ var SingleColumnCenteredLayout = function (_a) {
             React.createElement(Box, null, content))));
 };
 
-export { SingleColumnCenteredLayout as default };
+export { SingleColumnCenteredLayout };
 //# sourceMappingURL=SingleColumnCentered.js.map

package/dist/esm/components/layout/SingleColumnCentered.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleColumnCentered.js","sources":["../../../../../src/components/layout/SingleColumnCentered.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAYA,IAAM,0BAA0B,GAAwC,UAAC,EAGxE,EAAA;AAFC,IAAA,IAAA,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,eAAsB,EAAtB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA;IAEtB,IAAM,aAAa,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;IACxC,IAAA,EAAA,GAAqB,aAAa,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA/D,OAAO,QAAA,EAAE,OAAO,QAA+C;AAEtE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,UAAU,EAAC,UAAU,EAAA;QACzD,KAAA,CAAA,aAAA,CAAC,UAAU,IAAC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,eAAe,EAAA;AACvD,YAAA,CAAC,OAAO,GAAG,IAAI,GAAG,KAAA,CAAA,aAAA,CAAC,GAAG,IAAC,YAAY,EAAC,KAAK,EAAA,EAAE,OAAO,CAAO;AAC1D,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EAAE,OAAO,CAAO,CACT,CACH;AAEhB;;;;"}
+{"version":3,"file":"SingleColumnCentered.js","sources":["../../../../../src/components/layout/SingleColumnCentered.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAcO,IAAM,0BAA0B,GAEnC,UAAC,EAAoC,EAAA;AAAlC,IAAA,IAAA,QAAQ,cAAA,EAAE,EAAA,GAAA,EAAA,CAAA,eAAsB,EAAtB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA;IACrC,IAAM,aAAa,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;IACxC,IAAA,EAAA,GAAqB,aAAa,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA/D,OAAO,QAAA,EAAE,OAAO,QAA+C;AAEtE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,UAAU,EAAC,UAAU,EAAA;QACzD,KAAA,CAAA,aAAA,CAAC,UAAU,IAAC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,eAAe,EAAA;AACvD,YAAA,CAAC,OAAO,GAAG,IAAI,GAAG,KAAA,CAAA,aAAA,CAAC,GAAG,IAAC,YAAY,EAAC,KAAK,EAAA,EAAE,OAAO,CAAO;AAC1D,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EAAE,OAAO,CAAO,CACT,CACH;AAEhB;;;;"}

package/dist/esm/components/layout/TwoColumnsLayout.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { sizes } from 'src/themes/shared/sizes';
+import { sizes } from 'src/themes/shared/tokens/sizes';
 export type ColumnSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
 export interface TwoColumnsLayoutProps {
     header?: ReactNode;
@@ -18,6 +18,5 @@ export interface TwoColumnsLayoutProps {
     };
     maxContentWidth?: keyof typeof sizes.container;
 }
-declare const TwoColumnsLayout: FC<TwoColumnsLayoutProps>;
-export default TwoColumnsLayout;
+export declare const TwoColumnsLayout: FC<TwoColumnsLayoutProps>;
 //# sourceMappingURL=TwoColumnsLayout.d.ts.map

package/dist/esm/components/layout/TwoColumnsLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TwoColumnsLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/TwoColumnsLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAOhD,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;AAErE,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EACL;QACE,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;KACb,GACD,SAAS,CAAC;IACd,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS,CAAC;QACnB,OAAO,CAAC,EAAE,UAAU,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACL,OAAO,EAAE,SAAS,CAAC;QACnB,OAAO,CAAC,EAAE,UAAU,CAAC;KACtB,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC,SAAS,CAAC;CAChD;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgE/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"TwoColumnsLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/TwoColumnsLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAOvD,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;AAErE,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EACL;QACE,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;KACb,GACD,SAAS,CAAC;IACd,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS,CAAC;QACnB,OAAO,CAAC,EAAE,UAAU,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACL,OAAO,EAAE,SAAS,CAAC;QACnB,OAAO,CAAC,EAAE,UAAU,CAAC;KACtB,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC,SAAS,CAAC;CAChD;AAaD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiEtD,CAAC"}

package/dist/esm/components/layout/TwoColumnsLayout.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { GridItem, Heading } from '@chakra-ui/react';
-import Link from '../link/index.js';
+import { Link } from '../link/index.js';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';
@@ -167,11 +167,17 @@ import '../icons/QualitySealIcon.js';
 import '../icons/ExpandIcon.js';
 import '../icons/CollapseIcon.js';
 import '../icons/ForwardIcon.js';
-import '../icons/BalanceIcon.js';
-import '../icons/ParagraphIcon.js';
-import BaseLayout from './BaseLayout.js';
-import BaseGridLayout, { repeatArea } from './BaseGrid.js';
+import { BaseLayout } from './BaseLayout.js';
+import { BaseGridLayout, repeatArea } from './BaseGrid.js';
 
+var isRenderable = function (value) {
+    return (typeof value === 'string' ||
+        typeof value === 'number' ||
+        typeof value === 'boolean' ||
+        value === null ||
+        value === undefined ||
+        React.isValidElement(value));
+};
 var TwoColumnsLayout = function (props) {
     var header = props.header, title = props.title, _a = props.left, leftContent = _a.content, _b = _a.columns, leftColumns = _b === void 0 ? 6 : _b, _c = props.right, rightContent = _c.content, _d = _c.columns, rightColumns = _d === void 0 ? 6 : _d, _e = props.maxContentWidth, maxContentWidth = _e === void 0 ? 'lg' : _e;
     return (React.createElement(BaseLayout, { header: header, maxContentWidth: maxContentWidth },
@@ -181,11 +187,13 @@ var TwoColumnsLayout = function (props) {
                     ? "\"".concat(repeatArea(leftColumns, 'heading'), " ").concat(repeatArea(rightColumns, 'rightContent'), "\"")
                     : '', "\n            \"").concat(repeatArea(leftColumns, 'leftContent'), " ").concat(repeatArea(rightColumns, 'rightContent'), "\""),
             }, templateRows: "minmax(min-content, max-content) minmax(min-content, max-content) 1fr" },
-            props.backLink ? (React.createElement(GridItem, { area: "backlink" }, typeof props.backLink === 'object' && 'url' in props.backLink ? (React.createElement(Link, { href: props.backLink.url, leftIcon: React.createElement(ArrowLeftIcon, null) }, props.backLink.text)) : (props.backLink))) : null,
+            props.backLink ? (React.createElement(GridItem, { area: "backlink" }, typeof props.backLink === 'object' && 'url' in props.backLink ? (React.createElement(Link, { href: props.backLink.url },
+                React.createElement(ArrowLeftIcon, null),
+                props.backLink.text)) : (isRenderable(props.backLink) && props.backLink))) : null,
             title ? (React.createElement(GridItem, { area: "heading" }, typeof title === 'string' ? (React.createElement(Heading, { as: "h1", textStyle: "heading1" }, title)) : (title))) : null,
             rightContent ? (React.createElement(GridItem, { area: "rightContent" }, rightContent)) : null,
             leftContent ? (React.createElement(GridItem, { area: "leftContent" }, leftContent)) : null)));
 };
 
-export { TwoColumnsLayout as default };
+export { TwoColumnsLayout };
 //# sourceMappingURL=TwoColumnsLayout.js.map

package/dist/esm/components/layout/TwoColumnsLayout.js.map

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

package/dist/esm/components/layout/WithVehicleReference.d.ts

@@ -6,6 +6,5 @@ export interface Props extends Omit<TwoColumnsLayoutProps, 'left' | 'right'> {
     leftColumnSize?: ColumnSize;
     rightColumnSize?: ColumnSize;
 }
-declare const LayoutWithVehicleReference: FC<PropsWithChildren<Props>>;
-export default LayoutWithVehicleReference;
+export declare const LayoutWithVehicleReference: FC<PropsWithChildren<Props>>;
 //# sourceMappingURL=WithVehicleReference.d.ts.map

package/dist/esm/components/layout/WithVehicleReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithVehicleReference.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/WithVehicleReference.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAyB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE9E,OAAyB,EACvB,UAAU,EACV,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAC5B,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1E,OAAO,EAAE,qBAAqB,CAAC;IAC/B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,eAAe,CAAC,EAAE,UAAU,CAAC;CAC9B;AAED,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CA4B5D,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"WithVehicleReference.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/WithVehicleReference.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAoB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE9E,OAAO,EACL,UAAU,EAEV,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAC5B,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1E,OAAO,EAAE,qBAAqB,CAAC;IAC/B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,eAAe,CAAC,EAAE,UAAU,CAAC;CAC9B;AAED,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CA4BnE,CAAC"}

package/dist/esm/components/layout/WithVehicleReference.js

@@ -1,14 +1,14 @@
 import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import VehicleReference from '../vehicleReference/index.js';
+import { VehicleReference } from '../vehicleReference/index.js';
 import { Box } from '@chakra-ui/react';
-import TwoColumnsLayout from './TwoColumnsLayout.js';
+import { TwoColumnsLayout } from './TwoColumnsLayout.js';
 
 var LayoutWithVehicleReference = function (_a) {
     var title = _a.title, backLink = _a.backLink, vehicle = _a.vehicle, header = _a.header, children = _a.children, _b = _a.leftColumnSize, leftColumnSize = _b === void 0 ? 8 : _b, _c = _a.rightColumnSize, rightColumnSize = _c === void 0 ? 4 : _c, _d = _a.maxContentWidth, maxContentWidth = _d === void 0 ? 'lg' : _d;
     var contentMargin = { md: '2xl' };
-    return (React.createElement(TwoColumnsLayout, { header: header, backLink: backLink, title: title ? React.createElement(Box, { marginRight: contentMargin }, title) : null, left: {
-            content: React.createElement(Box, { marginRight: contentMargin }, children),
+    return (React.createElement(TwoColumnsLayout, { header: header, backLink: backLink, title: title ? React.createElement(Box, { css: contentMargin }, title) : null, left: {
+            content: React.createElement(Box, { css: contentMargin }, children),
             columns: leftColumnSize,
         }, right: {
             content: React.createElement(VehicleReference, __assign({}, vehicle)),
@@ -16,5 +16,5 @@ var LayoutWithVehicleReference = function (_a) {
         }, maxContentWidth: maxContentWidth }));
 };
 
-export { LayoutWithVehicleReference as default };
+export { LayoutWithVehicleReference };
 //# sourceMappingURL=WithVehicleReference.js.map

package/dist/esm/components/layout/WithVehicleReference.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithVehicleReference.js","sources":["../../../../../src/components/layout/WithVehicleReference.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAcA,IAAM,0BAA0B,GAAiC,UAAC,EASjE,EAAA;AARC,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,cAAkB,EAAlB,cAAc,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,GAAA,EAAA,EAClB,EAAA,GAAA,EAAA,CAAA,eAAmB,EAAnB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,eAAsB,EAAtB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA;AAEtB,IAAA,IAAM,aAAa,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE;AAEnC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GAAG,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,WAAW,EAAE,aAAa,EAAA,EAAG,KAAK,CAAO,GAAG,IAAI,EACpE,IAAI,EAAE;YACJ,OAAO,EAAE,oBAAC,GAAG,EAAA,EAAC,WAAW,EAAE,aAAa,EAAA,EAAG,QAAQ,CAAO;AAC1D,YAAA,OAAO,EAAE,cAAc;AACxB,SAAA,EACD,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,QAAA,CAAA,EAAA,EAAK,OAAO,CAAA,CAAI;AAC1C,YAAA,OAAO,EAAE,eAAe;AACzB,SAAA,EACD,eAAe,EAAE,eAAe,EAAA,CAChC;AAEN;;;;"}
+{"version":3,"file":"WithVehicleReference.js","sources":["../../../../../src/components/layout/WithVehicleReference.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAeO,IAAM,0BAA0B,GAAiC,UAAC,EASxE,EAAA;AARC,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,cAAkB,EAAlB,cAAc,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,GAAA,EAAA,EAClB,EAAA,GAAA,EAAA,CAAA,eAAmB,EAAnB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,eAAsB,EAAtB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA;AAEtB,IAAA,IAAM,aAAa,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE;AAEnC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GAAG,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,aAAa,EAAA,EAAG,KAAK,CAAO,GAAG,IAAI,EAC5D,IAAI,EAAE;YACJ,OAAO,EAAE,oBAAC,GAAG,EAAA,EAAC,GAAG,EAAE,aAAa,EAAA,EAAG,QAAQ,CAAO;AAClD,YAAA,OAAO,EAAE,cAAc;AACxB,SAAA,EACD,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,QAAA,CAAA,EAAA,EAAK,OAAO,CAAA,CAAI;AAC1C,YAAA,OAAO,EAAE,eAAe;AACzB,SAAA,EACD,eAAe,EAAE,eAAe,EAAA,CAChC;AAEN;;;;"}

package/dist/esm/components/layout/app/AppLayout.d.ts

@@ -1,5 +1,4 @@
-import { ComponentWithAs } from '@chakra-ui/react';
-import { type GridProps } from 'src/components/grid';
-declare const AppLayout: ComponentWithAs<'div', GridProps>;
-export default AppLayout;
+import React from 'react';
+import { GridProps } from 'src/components/grid';
+export declare const AppLayout: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=AppLayout.d.ts.map

package/dist/esm/components/layout/app/AppLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/app/AppLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAc,MAAM,kBAAkB,CAAC;AAE/D,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQ3D,QAAA,MAAM,SAAS,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAc/C,CAAC;AAIH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/app/AppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAQ,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQtD,eAAO,MAAM,SAAS,kFAYpB,CAAC"}

package/dist/esm/components/layout/app/Content.d.ts

@@ -1,5 +1,4 @@
-import { ComponentWithAs } from '@chakra-ui/react';
-import { type GridItemProps } from 'src/components/grid/GridItem';
-declare const AppLayoutContent: ComponentWithAs<'div', GridItemProps>;
-export default AppLayoutContent;
+import React from 'react';
+import { GridItemProps } from 'src/components/grid';
+export declare const AppLayoutContent: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Content.d.ts.map

package/dist/esm/components/layout/app/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/app/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAc,MAAM,kBAAkB,CAAC;AAE/D,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE5E,QAAA,MAAM,gBAAgB,EAAE,eAAe,CAAC,KAAK,EAAE,aAAa,CAK1D,CAAC;AAIH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/app/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAY,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE9D,eAAO,MAAM,gBAAgB,sFAI5B,CAAC"}

package/dist/esm/components/layout/app/Footer.d.ts

@@ -1,5 +1,4 @@
-import { ComponentWithAs } from '@chakra-ui/react';
-import { type GridItemProps } from 'src/components/grid/GridItem';
-declare const AppLayoutFooter: ComponentWithAs<'div', GridItemProps>;
-export default AppLayoutFooter;
+import React from 'react';
+import { GridItemProps } from 'src/components/grid';
+export declare const AppLayoutFooter: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Footer.d.ts.map

package/dist/esm/components/layout/app/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/app/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAc,MAAM,kBAAkB,CAAC;AAE/D,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE5E,QAAA,MAAM,eAAe,EAAE,eAAe,CAAC,KAAK,EAAE,aAAa,CAKzD,CAAC;AAIH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/app/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAY,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE9D,eAAO,MAAM,eAAe,sFAI3B,CAAC"}

package/dist/esm/components/layout/app/Header.d.ts

@@ -1,5 +1,4 @@
-import { ComponentWithAs } from '@chakra-ui/react';
-import { type GridItemProps } from 'src/components/grid/GridItem';
-declare const AppLayoutHeader: ComponentWithAs<'div', GridItemProps>;
-export default AppLayoutHeader;
+import React from 'react';
+import { GridItemProps } from 'src/components/grid';
+export declare const AppLayoutHeader: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Header.d.ts.map

package/dist/esm/components/layout/app/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/app/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAc,MAAM,kBAAkB,CAAC;AAE/D,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE5E,QAAA,MAAM,eAAe,EAAE,eAAe,CAAC,KAAK,EAAE,aAAa,CAKzD,CAAC;AAIH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/app/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAY,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE9D,eAAO,MAAM,eAAe,sFAI3B,CAAC"}

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

@@ -1,6 +1,6 @@
 export { repeatArea } from './BaseGrid';
-export { default as LayoutWithVehicleReference } from './WithVehicleReference';
-export { default as TwoColumnsLayout } from './TwoColumnsLayout';
-export { default as InsertionLayout } from './SingleColumnCentered';
-export { default as PageLayout } from './Page';
+export { PageLayout } from './Page';
+export { SingleColumnCenteredLayout } from './SingleColumnCentered';
+export { TwoColumnsLayout } from './TwoColumnsLayout';
+export { LayoutWithVehicleReference } from './WithVehicleReference';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -1,16 +1,8 @@
-import React, { ReactNode } from 'react';
-import { ButtonProps, LinkProps as ChakraLinkProps } from '@chakra-ui/react';
-interface Props extends Partial<Omit<ChakraLinkProps, 'href' | 'onClick'>> {
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    disabled?: boolean;
-    href?: string | ReactNode | null;
-    onClick?: ButtonProps['onClick'] | ((e: MouseEvent) => void) | null;
-    to?: string;
-    replace?: boolean;
-    prefetch?: boolean;
-}
-declare const Link: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLAnchorElement>>;
-export default Link;
-export { Props as LinkProps };
+import { FC } from 'react';
+import { type LinkProps as ChakraLinkProps, RecipeVariantProps } from '@chakra-ui/react';
+import { linkRecipe } from 'src/themes/shared/recipes/link';
+export type LinkProps = ChakraLinkProps & {
+    isExternal?: boolean;
+} & RecipeVariantProps<typeof linkRecipe>;
+export declare const Link: FC<LinkProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAW,MAAM,OAAO,CAAC;AAE9D,OAAO,EACL,WAAW,EAEX,SAAS,IAAI,eAAe,EAE7B,MAAM,kBAAkB,CAAC;AAW1B,UAAU,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACpE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,iFA2CT,CAAC;AAGF,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/link/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,KAAK,SAAS,IAAI,eAAe,EACjC,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAE1C,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAa9B,CAAC"}

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

@@ -1,22 +1,11 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
-import React, { forwardRef, useMemo } from 'react';
-import { chakra, useMultiStyleConfig } from '@chakra-ui/react';
+import React from 'react';
+import { Link as Link$1 } from '@chakra-ui/react';
 
-var Link = forwardRef(function (_a, ref) {
-    var _b = _a.as, as = _b === void 0 ? chakra.a : _b, children = _a.children, _c = _a.isExternal, isExternal = _c === void 0 ? false : _c, rel = _a.rel, target = _a.target, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _d = _a.variant, variant = _d === void 0 ? 'baseLink' : _d, _e = _a.fontWeight, fontWeight = _e === void 0 ? 'regular' : _e, rest = __rest(_a, ["as", "children", "isExternal", "rel", "target", "leftIcon", "rightIcon", "variant", "fontWeight"]);
-    var styles = useMultiStyleConfig('Link', { variant: variant });
-    var Component = useMemo(function () {
-        return chakra(as, {
-            baseStyle: styles.link,
-        });
-    }, [as, styles.link]);
-    var textStyle = __assign(__assign({}, (leftIcon ? styles.leftIcon : {})), (rightIcon ? styles.rightIcon : {}));
-    return (React.createElement(Component, __assign({ target: target || (isExternal ? '_blank' : undefined), rel: rel || (isExternal ? 'noopener noreferrer' : undefined), ref: ref, fontWeight: fontWeight }, rest),
-        leftIcon,
-        React.createElement(chakra.span, { __css: textStyle }, children),
-        rightIcon));
-});
-Link.displayName = 'Link';
+var Link = function (_a) {
+    var isExternal = _a.isExternal, target = _a.target, rel = _a.rel, props = __rest(_a, ["isExternal", "target", "rel"]);
+    return (React.createElement(Link$1, __assign({ target: target || (isExternal ? '_blank' : undefined), rel: rel || (isExternal ? 'noopener noreferrer' : undefined) }, props)));
+};
 
-export { Link as default };
+export { Link };
 //# sourceMappingURL=index.js.map