@blateral/b.kit 2.0.0-beta.1 → 2.0.0-beta.10.3

package/lib/components/sections/footer/partials/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FooterColumn } from './FooterColumn';
+export { default as FooterBottomBar } from './FooterBottomBar';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/sections/footer/partials/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/footer/partials/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/components/sections/footer/skeletons/FooterArticle.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+declare const FooterArticle: FC<{
+    isInverted?: boolean;
+    title?: string;
+    text?: string;
+    action?: (props: {
+        isInverted?: boolean;
+    }) => React.ReactNode;
+    className?: string;
+}>;
+export default FooterArticle;
+//# sourceMappingURL=FooterArticle.d.ts.map

package/lib/components/sections/footer/skeletons/FooterArticle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterArticle.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/footer/skeletons/FooterArticle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAYlC,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAcA,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/sections/footer/skeletons/FooterBottomGrid.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BottomLink } from '../Footer';
+declare const _default: {
+    View: React.FC<{
+        className?: string | undefined;
+        children?: React.ReactNode;
+    }>;
+    LinkList: React.FC<{
+        isInverted?: boolean | undefined;
+        links?: BottomLink[] | undefined;
+        brandIcon?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+        className?: string | undefined;
+    }>;
+};
+export default _default;
+//# sourceMappingURL=FooterBottomGrid.d.ts.map

package/lib/components/sections/footer/skeletons/FooterBottomGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterBottomGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/footer/skeletons/FooterBottomGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;AAsFvC,wBAGE"}

package/lib/components/sections/footer/skeletons/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FooterArticle } from './FooterArticle';
+export { default as FooterBottomGrid } from './FooterBottomGrid';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/sections/footer/skeletons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/footer/skeletons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/sections/header/Header.d.ts

@@ -1,423 +1,88 @@
 import React from 'react';
 import { CalloutTag } from "../../typography/Callout";
-interface HeaderImageProps {
-    small: string;
-    medium?: string;
-    semilarge?: string;
-    large?: string;
-    xlarge?: string;
-    webp?: {
-        small: string;
-        medium?: string;
-        semilarge?: string;
-        large?: string;
-        xlarge?: string;
-    };
-}
+import { ImageProps } from "../../blocks/Image";
+export declare type HeaderSize = 'full' | 'small';
+export declare type HeaderImage = Omit<ImageProps, 'ratios' | 'coverSpace'> & {
+    zoomPoint?: [number, number];
+    zoom?: number;
+};
+export declare type HeaderFocus = [
+    'left' | 'center' | 'right',
+    'top' | 'center' | 'bottom'
+];
 export declare const HeaderComponent: React.FC<{
-    size?: "small" | "full" | undefined;
-    /** Optional explicit CSS height value */
-    height?: string | undefined;
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
+    /** Header image height size (full=100vh, small=80vh) */
+    size?: HeaderSize | undefined;
+    /** Focus point of header image / video  */
+    focusPoint?: HeaderFocus | undefined;
+    /** Center content */
+    isCentered?: boolean | undefined;
+    /** Header title on image */
     title?: string | undefined;
+    /** Header title HTML tag type (h2, h3, h4...) */
     titleAs?: CalloutTag | undefined;
-    intro?: {
-        text?: string | undefined;
-        title?: string | undefined;
-    } | undefined;
-    primaryCta?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    secondaryCta?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Header text on image */
+    text?: string | undefined;
+    /** Function to inject custom primary button */
+    primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Function to inject custom secondary button */
+    secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Array of image settings */
+    images?: HeaderImage[] | undefined;
+    /** CSS value of custom image overlay to help seperate the text from the background */
+    customImgOverlay?: string | undefined;
+    /** URL to header video. First image in images array can be used as fallback */
     videoUrl?: string | undefined;
-    images?: HeaderImageProps[] | undefined;
-    customBottomGradient?: string | undefined;
-    badge?: {
-        content: React.ReactNode;
-        showOnMobile?: boolean | undefined;
-    } | undefined;
+    /** Ken burns effect zoom */
     kenBurnsZoom?: number | undefined;
-    /** Zoom point of ken burns effect. x and y values in the range from 0 - 1 */
+    /** Global zoom point for all images with ken burns effect. x and y values in the range from 0 - 1 */
     kenBurnsZoomPoint?: [number, number] | undefined;
+    /** Time between each image in ken burns mode */
     kenBurnsInterval?: number | undefined;
+    /** Callback called on image change */
+    onImageChange?: ((image?: Omit<ImageProps, "ratios" | "coverSpace"> | undefined) => void) | undefined;
+    /** Section background */
+    bgMode?: "full" | "inverted" | undefined;
 }>;
 declare const _default: React.FC<{
-    size?: "small" | "full" | undefined;
-    /** Optional explicit CSS height value */
-    height?: string | undefined;
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
+    /** Header image height size (full=100vh, small=80vh) */
+    size?: HeaderSize | undefined;
+    /** Focus point of header image / video  */
+    focusPoint?: HeaderFocus | undefined;
+    /** Center content */
+    isCentered?: boolean | undefined;
+    /** Header title on image */
     title?: string | undefined;
+    /** Header title HTML tag type (h2, h3, h4...) */
     titleAs?: CalloutTag | undefined;
-    intro?: {
-        text?: string | undefined;
-        title?: string | undefined;
-    } | undefined;
-    primaryCta?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
-    secondaryCta?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Header text on image */
+    text?: string | undefined;
+    /** Function to inject custom primary button */
+    primaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Function to inject custom secondary button */
+    secondaryAction?: ((isInverted?: boolean | undefined) => React.ReactNode) | undefined;
+    /** Array of image settings */
+    images?: HeaderImage[] | undefined;
+    /** CSS value of custom image overlay to help seperate the text from the background */
+    customImgOverlay?: string | undefined;
+    /** URL to header video. First image in images array can be used as fallback */
     videoUrl?: string | undefined;
-    images?: HeaderImageProps[] | undefined;
-    customBottomGradient?: string | undefined;
-    badge?: {
-        content: React.ReactNode;
-        showOnMobile?: boolean | undefined;
-    } | undefined;
+    /** Ken burns effect zoom */
     kenBurnsZoom?: number | undefined;
-    /** Zoom point of ken burns effect. x and y values in the range from 0 - 1 */
+    /** Global zoom point for all images with ken burns effect. x and y values in the range from 0 - 1 */
     kenBurnsZoomPoint?: [number, number] | undefined;
+    /** Time between each image in ken burns mode */
     kenBurnsInterval?: number | undefined;
+    /** Callback called on image change */
+    onImageChange?: ((image?: Omit<ImageProps, "ratios" | "coverSpace"> | undefined) => void) | undefined;
+    /** Section background */
+    bgMode?: "full" | "inverted" | undefined;
 } & {
-    theme?: {
-        colors?: {
-            dark?: string | undefined;
-            light?: string | undefined;
-            mono?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            primary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            secondary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            error?: string | undefined;
-            new?: {
-                text?: {
-                    default?: string | undefined;
-                    inverted?: string | undefined;
-                    error?: string | undefined;
-                    heading?: string | undefined;
-                    headingInverted?: string | undefined;
-                    copy?: string | undefined;
-                    copyInverted?: string | undefined;
-                } | undefined;
-                sectionBg?: {
-                    light?: string | undefined;
-                    medium?: string | undefined;
-                    dark?: string | undefined;
-                } | undefined;
-                elementBg?: {
-                    light?: string | undefined;
-                    lightHover?: string | undefined;
-                    medium?: string | undefined;
-                    mediumHover?: string | undefined;
-                    dark?: string | undefined;
-                    darkHover?: string | undefined;
-                } | undefined;
-                primary?: {
-                    default?: string | undefined;
-                    inverted?: string | undefined;
-                    hover?: string | undefined;
-                    invertedHover?: string | undefined;
-                } | undefined;
-                secondary?: {
-                    default?: string | undefined;
-                    inverted?: string | undefined;
-                    hover?: string | undefined;
-                    invertedHover?: string | undefined;
-                } | undefined;
-                error?: string | undefined;
-            } | undefined;
-        } | undefined;
-        fonts?: {
-            base?: {
-                family?: string | undefined;
-                weight?: string | undefined;
-                style?: string | undefined;
-                lineHeight?: string | undefined;
-                letterSpacing?: string | undefined;
-                size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                textTransform?: string | undefined;
-                color?: string | undefined;
-                colorInverted?: string | undefined;
-                colorGradient?: string | undefined;
-                colorGradientInverted?: string | undefined;
-            } | undefined;
-            types?: {
-                copy?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-                'copy-i'?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-                'copy-b'?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-                super?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-1'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-2'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-3'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-4'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                callout?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-            } | undefined;
-        } | undefined;
-        globals?: {
-            sections?: {
-                seperation?: {
-                    forcePadding?: boolean | undefined;
-                    padding?: {
-                        default?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        stackable?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    } | undefined;
-                    margin?: {
-                        default?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        stackable?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    } | undefined;
-                } | undefined;
-                edgeRadius?: (string | null) | undefined;
-                imageTextGradient?: string | undefined;
-                imagePlaceholderBg?: {
-                    default?: string | undefined;
-                    inverted?: string | undefined;
-                } | undefined;
-                newsDateFormat?: string | undefined;
-                newsTimeFormat?: string | undefined;
-                newsLocaleKey?: ("de" | "en") | undefined;
-                datepickerLocaleKey?: ("de" | "en") | undefined;
-                datepickerDateFormat?: string | undefined;
-            } | undefined;
-            navigation?: {
-                navBar?: {
-                    isTopNavVisible?: boolean | undefined;
-                    topNavHeight?: {
-                        mobile?: {
-                            small?: number | undefined;
-                            large?: number | undefined;
-                        } | undefined;
-                        desktop?: {
-                            small?: number | undefined;
-                            large?: number | undefined;
-                        } | undefined;
-                    } | undefined;
-                    height?: {
-                        mobile?: {
-                            small?: number | undefined;
-                            large?: number | undefined;
-                        } | undefined;
-                        desktop?: {
-                            small?: number | undefined;
-                            large?: number | undefined;
-                        } | undefined;
-                    } | undefined;
-                } | undefined;
-            } | undefined;
-        } | undefined;
-    } | undefined;
+    theme?: import("../../../utils/types").RecursivePartial<import("styled-components").DefaultTheme> | undefined;
 }>;
 export default _default;
 //# sourceMappingURL=Header.d.ts.map

package/lib/components/sections/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,iCAAsC;AAa3D,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACL;AAkVD,eAAO,MAAM,eAAe;;IAnJxB,yCAAyC;;;;;;;;wDAUF,MAAM,SAAS;0DACb,MAAM,SAAS;;;;;iBAK3C,MAAM,SAAS;;;;IAI5B,6EAA6E;;;EA+H5C,CAAC;;;IAnJlC,yCAAyC;;;;;;;;;;;;;;;;;;IAoBzC,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgIjF,wBAAoC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,UAAU,EAAE,iCAAsC;AAU3D,OAAO,EAAE,UAAU,EAAE,2BAAgC;AA2SrD,oBAAY,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAC1C,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,YAAY,CAAC,GAAG;IAClE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,oBAAY,WAAW,GAAG;IACtB,MAAM,GAAG,QAAQ,GAAG,OAAO;IAC3B,KAAK,GAAG,QAAQ,GAAG,QAAQ;CAC9B,CAAC;AAkLF,eAAO,MAAM,eAAe;IA/KxB,wDAAwD;;IAGxD,wDAAwD;;IAGxD,2CAA2C;;IAG3C,qBAAqB;;IAGrB,4BAA4B;;IAG5B,iDAAiD;;IAGjD,2BAA2B;;IAG3B,+CAA+C;2DACL,MAAM,SAAS;IAEzD,iDAAiD;6DACL,MAAM,SAAS;IAE3D,8BAA8B;;IAG9B,sFAAsF;;IAGtF,+EAA+E;;IAG/E,4BAA4B;;IAG5B,qGAAqG;;IAGrG,gDAAgD;;IAGhD,sCAAsC;wFACiC,IAAI;IAE3E,yBAAyB;;EA+HQ,CAAC;;IA/KlC,wDAAwD;;IAGxD,wDAAwD;;IAGxD,2CAA2C;;IAG3C,qBAAqB;;IAGrB,4BAA4B;;IAG5B,iDAAiD;;IAGjD,2BAA2B;;IAG3B,+CAA+C;;IAG/C,iDAAiD;;IAGjD,8BAA8B;;IAG9B,sFAAsF;;IAGtF,+EAA+E;;IAG/E,4BAA4B;;IAG5B,qGAAqG;;IAGrG,gDAAgD;;IAGhD,sCAAsC;;IAGtC,yBAAyB;;;;;AAgI7B,wBAAoC"}

package/lib/components/sections/header/HeaderKenBurns.d.ts

@@ -1,23 +1,13 @@
 import React from 'react';
-export interface HeaderKenBurnsImageProps {
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    webp?: {
-        small: string;
-        medium: string;
-        large: string;
-        xlarge: string;
-    };
-}
+import { HeaderImage } from './Header';
 declare const HeaderKenBurns: React.FC<{
-    images: HeaderKenBurnsImageProps[];
+    images: HeaderImage[];
     zoom?: number;
     zoomPoint?: [number, number];
     interval?: number;
-    onImageChange?: (currentImg: HeaderKenBurnsImageProps) => void;
+    onImageChange?: (currentImg: HeaderImage) => void;
     className?: string;
+    children?: React.ReactNode;
 }>;
 export default HeaderKenBurns;
 //# sourceMappingURL=HeaderKenBurns.d.ts.map

package/lib/components/sections/header/HeaderKenBurns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderKenBurns.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/HeaderKenBurns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,WAAW,wBAAwB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;CACL;AA2HD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,MAAM,EAAE,wBAAwB,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CA2EA,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"HeaderKenBurns.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/HeaderKenBurns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAwJvC,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAmFA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/sections/header/HeaderPoster.d.ts

@@ -1,21 +1,12 @@
-import * as React from 'react';
-interface HeaderPosterImageProps {
-    small: string;
-    medium?: string;
-    semilarge?: string;
-    large?: string;
-    xlarge?: string;
-    webp?: {
-        small: string;
-        medium?: string;
-        semilarge?: string;
-        large?: string;
-        xlarge?: string;
-    };
-}
+import React from 'react';
+import { ImageProps } from "../../blocks/Image";
+import { HeaderFocus } from './Header';
 declare const HeaderPoster: React.FC<{
-    bgImage: HeaderPosterImageProps;
+    isInverted?: boolean;
+    bgImage?: Omit<ImageProps, 'ratios' | 'coverSpace'>;
+    focus?: HeaderFocus;
     className?: string;
+    children?: React.ReactNode;
 }>;
 export default HeaderPoster;
 //# sourceMappingURL=HeaderPoster.d.ts.map

package/lib/components/sections/header/HeaderPoster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderPoster.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/HeaderPoster.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,sBAAsB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACL;AAmBD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACzB,OAAO,EAAE,sBAAsB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAOA,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"HeaderPoster.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/header/HeaderPoster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAc,EAAE,UAAU,EAAE,2BAAgC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAkBvC,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,YAAY,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAeA,CAAC;AAEF,eAAe,YAAY,CAAC"}