@nodeblocks/frontend-hero-block 0.2.0 → 0.2.1

package/dist/Hero.d.ts

@@ -1,47 +1,41 @@
 import { ReactNode } from 'react';
+import { HeroContextValue } from './context';
 import { BlocksOverride } from './lib';
 import { StackProps, ButtonProps, BoxProps, TypographyProps } from '@mui/material';
 export declare const Hero: {
-    <CustomBlocks extends Record<string, ReactNode> = {}>({ onClickButton, buttonText, imageUrl, secondaryText, tertiaryText, byline, className, children, ...props }: Omit<StackProps, "children"> & {
-        /** */
-        buttonText: string;
-        /**
-         * Configures the main byline text to display for this component.
-         * Supports components to handle inline images and text colors
-         */
-        byline: ReactNode;
-        /** href for linking Hero */
-        onClickButton: () => void;
-        /** URL of the image to show in this hero image component */
-        imageUrl: string;
-        /** Show/hide secondary text */
-        secondaryText?: ReactNode;
-        /** Show/hide tertiary text */
-        tertiaryText?: ReactNode;
+    <CustomBlocks extends Record<string, ReactNode> = {}>({ className, children, ...props }: Omit<StackProps, "children"> & Required<Pick<HeroContextValue, "buttonText" | "byline" | "onClickButton" | "imageUrl">> & Partial<Pick<HeroContextValue, "secondaryText" | "tertiaryText">> & {
         children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;
     }): import("react/jsx-runtime").JSX.Element;
-    HeroImg(props: Partial<BoxProps<"img">>): import("react/jsx-runtime").JSX.Element;
+    HeroImg({ component, src, alt, className, ...props }: Partial<BoxProps<"img"> & Pick<HeroContextValue, "imageUrl">>): import("react/jsx-runtime").JSX.Element;
     HeroContent: {
-        ({ className, children, spacing, sx, ...rest }: Partial<StackProps>): import("react/jsx-runtime").JSX.Element;
-        HeroByline(props: Partial<TypographyProps>): import("react/jsx-runtime").JSX.Element;
-        SecondaryText(props: Partial<TypographyProps>): import("react/jsx-runtime").JSX.Element | null;
-        ActionButton(props: Partial<ButtonProps>): import("react/jsx-runtime").JSX.Element;
-        TertiaryText(props: Partial<TypographyProps>): import("react/jsx-runtime").JSX.Element | null;
+        ({ className, children, spacing, sx, ...props }: Partial<StackProps>): import("react/jsx-runtime").JSX.Element;
+        HeroByline({ variant, className, children, ...props }: Partial<TypographyProps & Pick<HeroContextValue, "byline">>): import("react/jsx-runtime").JSX.Element;
+        SecondaryText({ className, variant, sx, ...props }: Partial<TypographyProps & Pick<HeroContextValue, "secondaryText">>): import("react/jsx-runtime").JSX.Element | null;
+        ActionButton({ className, variant, children, onClick, sx, ...props }: Partial<ButtonProps & Pick<HeroContextValue, "buttonText" | "onClickButton">>): import("react/jsx-runtime").JSX.Element;
+        TertiaryText({ className, sx, color, variant, ...props }: Partial<TypographyProps>): import("react/jsx-runtime").JSX.Element | null;
     };
 };
 declare const defaultBlocks: {
     heroContent: import("react").ReactElement<Partial<StackProps>, {
-        ({ className, children, spacing, sx, ...rest }: Partial<StackProps>): import("react/jsx-runtime").JSX.Element;
-        HeroByline(props: Partial<TypographyProps>): import("react/jsx-runtime").JSX.Element;
-        SecondaryText(props: Partial<TypographyProps>): import("react/jsx-runtime").JSX.Element | null;
-        ActionButton(props: Partial<ButtonProps>): import("react/jsx-runtime").JSX.Element;
-        TertiaryText(props: Partial<TypographyProps>): import("react/jsx-runtime").JSX.Element | null;
+        ({ className, children, spacing, sx, ...props }: Partial<StackProps>): import("react/jsx-runtime").JSX.Element;
+        HeroByline({ variant, className, children, ...props }: Partial<TypographyProps & Pick<HeroContextValue, "byline">>): import("react/jsx-runtime").JSX.Element;
+        SecondaryText({ className, variant, sx, ...props }: Partial<TypographyProps & Pick<HeroContextValue, "secondaryText">>): import("react/jsx-runtime").JSX.Element | null;
+        ActionButton({ className, variant, children, onClick, sx, ...props }: Partial<ButtonProps & Pick<HeroContextValue, "buttonText" | "onClickButton">>): import("react/jsx-runtime").JSX.Element;
+        TertiaryText({ className, sx, color, variant, ...props }: Partial<TypographyProps>): import("react/jsx-runtime").JSX.Element | null;
     }>;
-    heroImg: import("react").ReactElement<Partial<BoxProps<"img">>, (props: Partial<BoxProps<"img">>) => import("react/jsx-runtime").JSX.Element>;
-    heroByline: import("react").ReactElement<Partial<TypographyProps>, (props: Partial<TypographyProps>) => import("react/jsx-runtime").JSX.Element>;
-    secondaryText: import("react").ReactElement<Partial<TypographyProps>, (props: Partial<TypographyProps>) => import("react/jsx-runtime").JSX.Element | null>;
-    actionButton: import("react").ReactElement<Partial<ButtonProps>, (props: Partial<ButtonProps>) => import("react/jsx-runtime").JSX.Element>;
-    tertiaryText: import("react").ReactElement<Partial<TypographyProps>, (props: Partial<TypographyProps>) => import("react/jsx-runtime").JSX.Element | null>;
+    heroImg: import("react").ReactElement<Partial<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+        component?: React.ElementType;
+    } & Pick<HeroContextValue, "imageUrl">>, ({ component, src, alt, className, ...props }: Partial<BoxProps<"img"> & Pick<HeroContextValue, "imageUrl">>) => import("react/jsx-runtime").JSX.Element>;
+    heroByline: import("react").ReactElement<Partial<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children" | "p" | "style" | "color" | "left" | "right" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "sx" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & {
+        component?: React.ElementType;
+    } & Pick<HeroContextValue, "byline">>, ({ variant, className, children, ...props }: Partial<TypographyProps & Pick<HeroContextValue, "byline">>) => import("react/jsx-runtime").JSX.Element>;
+    secondaryText: import("react").ReactElement<Partial<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children" | "p" | "style" | "color" | "left" | "right" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "sx" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & {
+        component?: React.ElementType;
+    } & Pick<HeroContextValue, "secondaryText">>, ({ className, variant, sx, ...props }: Partial<TypographyProps & Pick<HeroContextValue, "secondaryText">>) => import("react/jsx-runtime").JSX.Element | null>;
+    actionButton: import("react").ReactElement<Partial<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "style" | "color" | "className" | "classes" | "sx" | "tabIndex" | "loading" | "variant" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon"> & {
+        component?: React.ElementType;
+    } & Pick<HeroContextValue, "buttonText" | "onClickButton">>, ({ className, variant, children, onClick, sx, ...props }: Partial<ButtonProps & Pick<HeroContextValue, "buttonText" | "onClickButton">>) => import("react/jsx-runtime").JSX.Element>;
+    tertiaryText: import("react").ReactElement<Partial<TypographyProps>, ({ className, sx, color, variant, ...props }: Partial<TypographyProps>) => import("react/jsx-runtime").JSX.Element | null>;
 };
 export {};
 //# sourceMappingURL=Hero.d.ts.map

package/dist/Hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../src/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAuE,MAAM,OAAO,CAAC;AAC5G,OAAO,EAAkC,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEnH,eAAO,MAAM,IAAI;KAAI,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,oHAUhE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;QAChC,MAAM;QACN,UAAU,EAAE,MAAM,CAAC;QACnB;;;WAGG;QACH,MAAM,EAAE,SAAS,CAAC;QAClB,4BAA4B;QAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,4DAA4D;QAC5D,QAAQ,EAAE,MAAM,CAAC;QACjB,+BAA+B;QAC/B,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,8BAA8B;QAC9B,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC;KAC/D;mBA6BsB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;;wDAqByB,OAAO,CAAC,UAAU,CAAC;0BA0B1D,OAAO,CAAC,eAAe,CAAC;6BAcrB,OAAO,CAAC,eAAe,CAAC;4BAqBzB,OAAO,CAAC,WAAW,CAAC;4BA+BpB,OAAO,CAAC,eAAe,CAAC;;CAnH1D,CAAC;AAmJF,QAAA,MAAM,aAAa;;wDA5HqD,OAAO,CAAC,UAAU,CAAC;0BA0B1D,OAAO,CAAC,eAAe,CAAC;6BAcrB,OAAO,CAAC,eAAe,CAAC;4BAqBzB,OAAO,CAAC,WAAW,CAAC;4BA+BpB,OAAO,CAAC,eAAe,CAAC;;4EAjHpC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;+EA+Cd,OAAO,CAAC,eAAe,CAAC;kFAcrB,OAAO,CAAC,eAAe,CAAC;6EAqBzB,OAAO,CAAC,WAAW,CAAC;iFA+BpB,OAAO,CAAC,eAAe,CAAC;CAuCzD,CAAC"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../src/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAqD,MAAM,WAAW,CAAC;AAEhG,OAAO,EAAE,cAAc,EAAmE,MAAM,OAAO,CAAC;AACxG,OAAO,EAAkC,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEnH,eAAO,MAAM,IAAI;KAAI,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,0CAIhE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAC7B,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,QAAQ,GAAG,eAAe,GAAG,UAAU,CAAC,CAAC,GACxF,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC,GAAG;QAClE,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC;KAC/D;0DA0BA,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;;yDAeS,OAAO,CAAC,UAAU,CAAC;+DA+BzF,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;4DAoB3D,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;8EA6BlE,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,eAAe,CAAC,CAAC;kEA8B7E,OAAO,CAAC,eAAe,CAAC;;CArI1B,CAAC;AA8JF,QAAA,MAAM,aAAa;;yDAvIsD,OAAO,CAAC,UAAU,CAAC;+DA+BzF,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;4DAoB3D,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;8EA6BlE,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,eAAe,CAAC,CAAC;kEA8B7E,OAAO,CAAC,eAAe,CAAC;;;;4FA7HxB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;;;wFA8C7D,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;;;yFAoB3D,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;;;2HA6BlE,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,eAAe,CAAC,CAAC;uHA8B7E,OAAO,CAAC,eAAe,CAAC;CAgCzB,CAAC"}

package/dist/context.d.ts

@@ -1,15 +1,22 @@
 import { ReactNode } from 'react';
-type HeroContextValue = {
+export type HeroContextValue = {
     buttonText: string;
+    /**
+     * Configures the main byline text to display for this component.
+     * Supports components to handle inline images and text colors
+     */
     byline: ReactNode;
     onClickButton: () => void;
+    /** URL of the image to show in this hero image component */
     imageUrl: string;
+    /** Show/hide secondary text */
     secondaryText?: ReactNode;
+    /** Show/hide tertiary text */
     tertiaryText?: ReactNode;
 };
+export declare const keys: readonly ["buttonText", "byline", "onClickButton", "imageUrl", "secondaryText", "tertiaryText"];
 export declare const HeroProvider: ({ children, ...value }: HeroContextValue & {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const useHeroContext: () => HeroContextValue;
-export {};
 //# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,wBAG1B,gBAAgB,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAEA,CAAC;AAEF,eAAO,MAAM,cAAc,wBAO1B,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,IAAI,iGAOyB,CAAC;AAW3C,eAAO,MAAM,YAAY,GAAI,wBAG1B,gBAAgB,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAEA,CAAC;AAEF,eAAO,MAAM,cAAc,wBAO1B,CAAC"}

package/dist/index.cjs.js

@@ -1,175 +1 @@
-
-
-          if (typeof global === 'undefined') {
-            var global = window;
-          }
-        
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var material = require('@mui/material');
-
-const HeroContext = react.createContext(undefined);
-const HeroProvider = ({ children, ...value }) => {
-    return jsxRuntime.jsx(HeroContext.Provider, { value: value, children: children });
-};
-const useHeroContext = () => {
-    const context = react.useContext(HeroContext);
-    if (!context) {
-        throw new Error('useHeroContext must be used within a HeroProvider');
-    }
-    return context;
-};
-
-/**
- * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.
- *
- * @param components - A map of default block keys to component functions.
- *
- * @example
- * const defaultBlocks = createDefaultBlocks({
- *   title: Title,
- *   description: Description,
- *   form: Form,
- * });
- */
-function createDefaultBlocks(components) {
-    return Object.fromEntries(Object.entries(components).map(([key, Component]) => [key, react.createElement(Component, { key })]));
-}
-/**
- * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.
- * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.
- *
- * @param props
- * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).
- * @param props.defaultBlocks - The default blocks of outer component.
- * @param props.children - A function returning the JSX to render.
- *
- * @example
- * <BlocksOverrideComponent
- *   defaultBlocks={defaultFormBlocks}
- *   blocksOverride={children}
- * >
- *   {({ blocks, blockOrder }) =>
- *     blockOrder.map((key) => (
- *       <Fragment key={String(key)}>{blocks[key]}</Fragment>
- *     ))
- *   }
- * </BlocksOverrideComponent>
- */
-function BlocksOverrideComponent({ blocksOverride, defaultBlocks, defaultBlockOrder, children, }) {
-    if (blocksOverride === undefined) {
-        return children({
-            // TODO: Remove this assertion
-            blocks: defaultBlocks,
-            blockOrder: defaultBlockOrder,
-        });
-    }
-    if (typeof blocksOverride === 'function') {
-        const { blocks, blockOrder } = blocksOverride({
-            defaultBlocks,
-            defaultBlockOrder,
-        });
-        return children({ blocks, blockOrder });
-    }
-    return blocksOverride;
-}
-function deepMerge(obj1, obj2) {
-    const result = { ...obj1 };
-    for (const key in obj2) {
-        if (obj2.hasOwnProperty(key)) {
-            const val1 = result[key];
-            const val2 = obj2[key];
-            if (Array.isArray(val1) || Array.isArray(val2)) {
-                // If either is an array, replace entirely with obj2's value
-                result[key] = val2;
-            }
-            else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {
-                result[key] = deepMerge(val1, val2);
-            }
-            else {
-                result[key] = val2;
-            }
-        }
-    }
-    return result;
-}
-/**
- * Utility function to join class names together, ignoring undefined or nil values.
- * @param classes - The class names to join.
- * @returns The joined class names.
- */
-function classNames(...classes) {
-    return classes.flat().filter(Boolean).join(' ');
-}
-
-const Hero = ({ onClickButton, buttonText, imageUrl, secondaryText, tertiaryText, byline, className, children, ...props }) => {
-    return (jsxRuntime.jsx(material.Stack, { className: classNames('nbb-hero-block', className), ...props, children: jsxRuntime.jsx(HeroProvider, { onClickButton,
-            buttonText,
-            imageUrl,
-            secondaryText,
-            tertiaryText,
-            byline, children: jsxRuntime.jsx(BlocksOverrideComponent, { defaultBlocks: defaultBlocks, defaultBlockOrder: Object.keys(defaultBlocks), blocksOverride: children, children: ({ blocks: { heroByline, secondaryText, actionButton, tertiaryText, ...blocks }, blockOrder }) => blockOrder
-                    .filter((key) => key in blocks)
-                    .map((key) => jsxRuntime.jsx(react.Fragment, { children: blocks[key] }, String(key))) }) }) }));
-};
-Hero.HeroImg = (props) => {
-    const { component = 'img', className, imageUrl, src, alt = 'hero image', ...rest } = deepMerge(useHeroContext(), props);
-    return (jsxRuntime.jsx(material.Box, { component: component, src: src || imageUrl, alt: alt, className: classNames('nbb-hero-hero-img', 'nbb-hero-img', className), ...rest }));
-};
-const HeroContent = ({ className, children, spacing = 3, sx, ...rest }) => {
-    return (jsxRuntime.jsx(material.Stack, { spacing: spacing, sx: { alignItems: 'center', py: 5.5, ...(Array.isArray(sx) ? sx : [sx]) }, className: classNames('nbb-hero-hero-content', 'nbb-hero-content', className), ...rest, children: children || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(material.Stack, { sx: { alignItems: 'center' }, children: [jsxRuntime.jsx(HeroContent.HeroByline, {}), jsxRuntime.jsx(HeroContent.SecondaryText, {})] }), jsxRuntime.jsxs(material.Stack, { spacing: Number(spacing) / 2, sx: { alignItems: 'center' }, children: [jsxRuntime.jsx(HeroContent.ActionButton, {}), jsxRuntime.jsx(HeroContent.TertiaryText, {})] })] })) }));
-};
-Hero.HeroContent = HeroContent;
-HeroContent.HeroByline = (props) => {
-    const { byline, variant = 'h6', className, children, ...rest } = deepMerge(useHeroContext(), props);
-    return (jsxRuntime.jsx(material.Typography, { variant: variant, className: classNames(className, 'nbb-hero-hero-content-hero-byline', 'nbb-hero-byline'), ...rest, children: children || byline }));
-};
-HeroContent.SecondaryText = (props) => {
-    const { className, variant = 'h2', children, secondaryText, sx = [], ...rest } = deepMerge(useHeroContext(), props);
-    const content = children || secondaryText;
-    if (!content)
-        return null;
-    return (jsxRuntime.jsx(material.Typography, { variant: variant, className: classNames(className, 'nbb-hero-hero-content-secondary-text', 'nbb-hero-secondary-text'), sx: [
-            {
-                textAlign: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
-        ], ...rest, children: content }));
-};
-HeroContent.ActionButton = (props) => {
-    const { buttonText, className, variant = 'contained', children, onClick, sx = [], ...rest } = deepMerge(useHeroContext(), props);
-    return (jsxRuntime.jsx(material.Button, { variant: variant, onClick: onClick, className: classNames(className, 'nbb-hero-hero-content-action-button', 'nbb-button'), sx: [
-            {
-                fontWeight: 600,
-                px: 4,
-                py: 1.5,
-            },
-            ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
-        ], ...rest, children: children || buttonText }));
-};
-HeroContent.TertiaryText = (props) => {
-    const { className, children, tertiaryText, color = 'primary', variant = 'button', sx = [], ...rest } = deepMerge(useHeroContext(), props);
-    const content = children || tertiaryText;
-    if (!content)
-        return null;
-    return (jsxRuntime.jsx(material.Typography, { color: color, variant: variant, className: classNames(className, 'nbb-hero-hero-content-tertiary-text', 'nbb-hero-tertiary-text'), sx: [
-            (theme) => ({
-                lineHeight: theme.typography.body1.lineHeight,
-                fontWeight: theme.typography.h1.fontWeight,
-            }),
-            ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
-        ], ...rest, children: content }));
-};
-const defaultBlocks = createDefaultBlocks({
-    heroContent: Hero.HeroContent,
-    heroImg: Hero.HeroImg,
-    heroByline: HeroContent.HeroByline,
-    secondaryText: HeroContent.SecondaryText,
-    actionButton: HeroContent.ActionButton,
-    tertiaryText: HeroContent.TertiaryText,
-});
-
-exports.Hero = Hero;
-//# sourceMappingURL=index.cjs.js.map
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const n=["buttonText","byline","onClickButton","imageUrl","secondaryText","tertiaryText"],o=r.createContext(void 0),c=({children:r,...t})=>e.jsx(o.Provider,{value:t,children:r}),i=()=>{const e=r.useContext(o);if(!e)throw new Error("useHeroContext must be used within a HeroProvider");return e};function a({blocksOverride:e,defaultBlocks:r,defaultBlockOrder:t,children:n}){if(void 0===e)return n({blocks:r,blockOrder:t});if("function"==typeof e){const{blocks:o,blockOrder:c}=e({defaultBlocks:r,defaultBlockOrder:t});return n({blocks:o,blockOrder:c})}return e}function s(e,r){const t={...e};for(const e in r)Object.prototype.hasOwnProperty.call(r,e)&&(t[e]=r[e]);return t}function l(...e){return e.flat().filter(Boolean).join(" ")}function h(e,...r){const t={...e};for(const e of r)delete t[e];return t}function x(e,...r){const t={};for(const n of r)n in e&&(t[n]=e[n]);return t}const d=({className:o,children:i,...s})=>e.jsx(t.Stack,{className:l("nbb-hero-block",o),...h(s,...n),children:e.jsx(c,{...x(s,...n),children:e.jsx(a,{defaultBlocks:b,defaultBlockOrder:Object.keys(b),blocksOverride:i,children:({blocks:{heroByline:t,secondaryText:n,actionButton:o,tertiaryText:c,...i},blockOrder:a})=>a.filter(e=>e in i).map(t=>e.jsx(r.Fragment,{children:i[t]},String(t)))})})});d.HeroImg=({component:r="img",src:o,alt:c="hero image",className:a,...x})=>{const d=i(),{imageUrl:y}=s(d,x);return e.jsx(t.Box,{component:r,src:o||y,alt:c,className:l("nbb-hero-hero-img","nbb-hero-img",a),...h(x,...n)})};const y=({className:r,children:n,spacing:o=3,sx:c,...i})=>e.jsx(t.Stack,{spacing:o,sx:{alignItems:"center",py:5.5,...Array.isArray(c)?c:[c]},className:l("nbb-hero-hero-content","nbb-hero-content",r),...i,children:n||e.jsxs(e.Fragment,{children:[e.jsxs(t.Stack,{sx:{alignItems:"center"},children:[e.jsx(y.HeroByline,{}),e.jsx(y.SecondaryText,{})]}),e.jsxs(t.Stack,{spacing:Number(o)/2,sx:{alignItems:"center"},children:[e.jsx(y.ActionButton,{}),e.jsx(y.TertiaryText,{})]})]})});d.HeroContent=y,y.HeroByline=({variant:r="h6",className:o,children:c,...a})=>{const x=i(),{byline:d}=s(x,a);return e.jsx(t.Typography,{variant:r,className:l(o,"nbb-hero-hero-content-hero-byline","nbb-hero-byline"),...h(a,...n),children:c||d})},y.SecondaryText=({className:r,variant:o="h2",sx:c,...a})=>{const x=i(),{secondaryText:d}=s(x,a),y="children"in a?a.children:d;return y?e.jsx(t.Typography,{variant:o,className:l(r,"nbb-hero-hero-content-secondary-text","nbb-hero-secondary-text"),sx:[{textAlign:"center"},...Array.isArray(c)?c:[c]],...h(a,...n),children:y}):null},y.ActionButton=({className:r,variant:o="contained",children:c,onClick:a,sx:x,...d})=>{const y=i(),{buttonText:b,onClickButton:u}=s(y,d);return e.jsx(t.Button,{variant:o,onClick:a||u,className:l(r,"nbb-hero-hero-content-action-button","nbb-button"),sx:[{fontWeight:600,px:4,py:1.5},...Array.isArray(x)?x:[x]],...h(d,...n),children:c||b})},y.TertiaryText=({className:r,sx:o,color:c="primary",variant:a="button",...x})=>{const d=i(),{tertiaryText:y}=s(d,x),b="children"in x?x.children:y;return b?e.jsx(t.Typography,{color:c,variant:a,className:l(r,"nbb-hero-hero-content-tertiary-text","nbb-hero-tertiary-text"),sx:[e=>({lineHeight:e.typography.body1.lineHeight,fontWeight:e.typography.h1.fontWeight}),...Array.isArray(o)?o:[o]],...h(x,...n),children:b}):null};const b=(u={heroContent:d.HeroContent,heroImg:d.HeroImg,heroByline:y.HeroByline,secondaryText:y.SecondaryText,actionButton:y.ActionButton,tertiaryText:y.TertiaryText},Object.fromEntries(Object.entries(u).map(([e,t])=>[e,r.createElement(t,{key:e})])));var u;exports.Hero=d;

package/dist/index.esm.js

@@ -1,173 +1 @@
-
-
-          if (typeof global === 'undefined') {
-            var global = window;
-          }
-        
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { createContext, useContext, createElement, Fragment as Fragment$1 } from 'react';
-import { Typography, Button, Stack, Box } from '@mui/material';
-
-const HeroContext = createContext(undefined);
-const HeroProvider = ({ children, ...value }) => {
-    return jsx(HeroContext.Provider, { value: value, children: children });
-};
-const useHeroContext = () => {
-    const context = useContext(HeroContext);
-    if (!context) {
-        throw new Error('useHeroContext must be used within a HeroProvider');
-    }
-    return context;
-};
-
-/**
- * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.
- *
- * @param components - A map of default block keys to component functions.
- *
- * @example
- * const defaultBlocks = createDefaultBlocks({
- *   title: Title,
- *   description: Description,
- *   form: Form,
- * });
- */
-function createDefaultBlocks(components) {
-    return Object.fromEntries(Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })]));
-}
-/**
- * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.
- * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.
- *
- * @param props
- * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).
- * @param props.defaultBlocks - The default blocks of outer component.
- * @param props.children - A function returning the JSX to render.
- *
- * @example
- * <BlocksOverrideComponent
- *   defaultBlocks={defaultFormBlocks}
- *   blocksOverride={children}
- * >
- *   {({ blocks, blockOrder }) =>
- *     blockOrder.map((key) => (
- *       <Fragment key={String(key)}>{blocks[key]}</Fragment>
- *     ))
- *   }
- * </BlocksOverrideComponent>
- */
-function BlocksOverrideComponent({ blocksOverride, defaultBlocks, defaultBlockOrder, children, }) {
-    if (blocksOverride === undefined) {
-        return children({
-            // TODO: Remove this assertion
-            blocks: defaultBlocks,
-            blockOrder: defaultBlockOrder,
-        });
-    }
-    if (typeof blocksOverride === 'function') {
-        const { blocks, blockOrder } = blocksOverride({
-            defaultBlocks,
-            defaultBlockOrder,
-        });
-        return children({ blocks, blockOrder });
-    }
-    return blocksOverride;
-}
-function deepMerge(obj1, obj2) {
-    const result = { ...obj1 };
-    for (const key in obj2) {
-        if (obj2.hasOwnProperty(key)) {
-            const val1 = result[key];
-            const val2 = obj2[key];
-            if (Array.isArray(val1) || Array.isArray(val2)) {
-                // If either is an array, replace entirely with obj2's value
-                result[key] = val2;
-            }
-            else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {
-                result[key] = deepMerge(val1, val2);
-            }
-            else {
-                result[key] = val2;
-            }
-        }
-    }
-    return result;
-}
-/**
- * Utility function to join class names together, ignoring undefined or nil values.
- * @param classes - The class names to join.
- * @returns The joined class names.
- */
-function classNames(...classes) {
-    return classes.flat().filter(Boolean).join(' ');
-}
-
-const Hero = ({ onClickButton, buttonText, imageUrl, secondaryText, tertiaryText, byline, className, children, ...props }) => {
-    return (jsx(Stack, { className: classNames('nbb-hero-block', className), ...props, children: jsx(HeroProvider, { onClickButton,
-            buttonText,
-            imageUrl,
-            secondaryText,
-            tertiaryText,
-            byline, children: jsx(BlocksOverrideComponent, { defaultBlocks: defaultBlocks, defaultBlockOrder: Object.keys(defaultBlocks), blocksOverride: children, children: ({ blocks: { heroByline, secondaryText, actionButton, tertiaryText, ...blocks }, blockOrder }) => blockOrder
-                    .filter((key) => key in blocks)
-                    .map((key) => jsx(Fragment$1, { children: blocks[key] }, String(key))) }) }) }));
-};
-Hero.HeroImg = (props) => {
-    const { component = 'img', className, imageUrl, src, alt = 'hero image', ...rest } = deepMerge(useHeroContext(), props);
-    return (jsx(Box, { component: component, src: src || imageUrl, alt: alt, className: classNames('nbb-hero-hero-img', 'nbb-hero-img', className), ...rest }));
-};
-const HeroContent = ({ className, children, spacing = 3, sx, ...rest }) => {
-    return (jsx(Stack, { spacing: spacing, sx: { alignItems: 'center', py: 5.5, ...(Array.isArray(sx) ? sx : [sx]) }, className: classNames('nbb-hero-hero-content', 'nbb-hero-content', className), ...rest, children: children || (jsxs(Fragment, { children: [jsxs(Stack, { sx: { alignItems: 'center' }, children: [jsx(HeroContent.HeroByline, {}), jsx(HeroContent.SecondaryText, {})] }), jsxs(Stack, { spacing: Number(spacing) / 2, sx: { alignItems: 'center' }, children: [jsx(HeroContent.ActionButton, {}), jsx(HeroContent.TertiaryText, {})] })] })) }));
-};
-Hero.HeroContent = HeroContent;
-HeroContent.HeroByline = (props) => {
-    const { byline, variant = 'h6', className, children, ...rest } = deepMerge(useHeroContext(), props);
-    return (jsx(Typography, { variant: variant, className: classNames(className, 'nbb-hero-hero-content-hero-byline', 'nbb-hero-byline'), ...rest, children: children || byline }));
-};
-HeroContent.SecondaryText = (props) => {
-    const { className, variant = 'h2', children, secondaryText, sx = [], ...rest } = deepMerge(useHeroContext(), props);
-    const content = children || secondaryText;
-    if (!content)
-        return null;
-    return (jsx(Typography, { variant: variant, className: classNames(className, 'nbb-hero-hero-content-secondary-text', 'nbb-hero-secondary-text'), sx: [
-            {
-                textAlign: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
-        ], ...rest, children: content }));
-};
-HeroContent.ActionButton = (props) => {
-    const { buttonText, className, variant = 'contained', children, onClick, sx = [], ...rest } = deepMerge(useHeroContext(), props);
-    return (jsx(Button, { variant: variant, onClick: onClick, className: classNames(className, 'nbb-hero-hero-content-action-button', 'nbb-button'), sx: [
-            {
-                fontWeight: 600,
-                px: 4,
-                py: 1.5,
-            },
-            ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
-        ], ...rest, children: children || buttonText }));
-};
-HeroContent.TertiaryText = (props) => {
-    const { className, children, tertiaryText, color = 'primary', variant = 'button', sx = [], ...rest } = deepMerge(useHeroContext(), props);
-    const content = children || tertiaryText;
-    if (!content)
-        return null;
-    return (jsx(Typography, { color: color, variant: variant, className: classNames(className, 'nbb-hero-hero-content-tertiary-text', 'nbb-hero-tertiary-text'), sx: [
-            (theme) => ({
-                lineHeight: theme.typography.body1.lineHeight,
-                fontWeight: theme.typography.h1.fontWeight,
-            }),
-            ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
-        ], ...rest, children: content }));
-};
-const defaultBlocks = createDefaultBlocks({
-    heroContent: Hero.HeroContent,
-    heroImg: Hero.HeroImg,
-    heroByline: HeroContent.HeroByline,
-    secondaryText: HeroContent.SecondaryText,
-    actionButton: HeroContent.ActionButton,
-    tertiaryText: HeroContent.TertiaryText,
-});
-
-export { Hero };
-//# sourceMappingURL=index.esm.js.map
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{createContext as n,useContext as o,createElement as c,Fragment as i}from"react";import{Typography as a,Button as l,Stack as s,Box as h}from"@mui/material";const d=["buttonText","byline","onClickButton","imageUrl","secondaryText","tertiaryText"],b=n(void 0),y=({children:r,...t})=>e(b.Provider,{value:t,children:r}),u=()=>{const e=o(b);if(!e)throw new Error("useHeroContext must be used within a HeroProvider");return e};function m({blocksOverride:e,defaultBlocks:r,defaultBlockOrder:t,children:n}){if(void 0===e)return n({blocks:r,blockOrder:t});if("function"==typeof e){const{blocks:o,blockOrder:c}=e({defaultBlocks:r,defaultBlockOrder:t});return n({blocks:o,blockOrder:c})}return e}function x(e,r){const t={...e};for(const e in r)Object.prototype.hasOwnProperty.call(r,e)&&(t[e]=r[e]);return t}function f(...e){return e.flat().filter(Boolean).join(" ")}function g(e,...r){const t={...e};for(const e of r)delete t[e];return t}function k(e,...r){const t={};for(const n of r)n in e&&(t[n]=e[n]);return t}const p=({className:r,children:t,...n})=>e(s,{className:f("nbb-hero-block",r),...g(n,...d),children:e(y,{...k(n,...d),children:e(m,{defaultBlocks:T,defaultBlockOrder:Object.keys(T),blocksOverride:t,children:({blocks:{heroByline:r,secondaryText:t,actionButton:n,tertiaryText:o,...c},blockOrder:a})=>a.filter(e=>e in c).map(r=>e(i,{children:c[r]},String(r)))})})});p.HeroImg=({component:r="img",src:t,alt:n="hero image",className:o,...c})=>{const i=u(),{imageUrl:a}=x(i,c);return e(h,{component:r,src:t||a,alt:n,className:f("nbb-hero-hero-img","nbb-hero-img",o),...g(c,...d)})};const B=({className:n,children:o,spacing:c=3,sx:i,...a})=>e(s,{spacing:c,sx:{alignItems:"center",py:5.5,...Array.isArray(i)?i:[i]},className:f("nbb-hero-hero-content","nbb-hero-content",n),...a,children:o||r(t,{children:[r(s,{sx:{alignItems:"center"},children:[e(B.HeroByline,{}),e(B.SecondaryText,{})]}),r(s,{spacing:Number(c)/2,sx:{alignItems:"center"},children:[e(B.ActionButton,{}),e(B.TertiaryText,{})]})]})});p.HeroContent=B,B.HeroByline=({variant:r="h6",className:t,children:n,...o})=>{const c=u(),{byline:i}=x(c,o);return e(a,{variant:r,className:f(t,"nbb-hero-hero-content-hero-byline","nbb-hero-byline"),...g(o,...d),children:n||i})},B.SecondaryText=({className:r,variant:t="h2",sx:n,...o})=>{const c=u(),{secondaryText:i}=x(c,o),l="children"in o?o.children:i;return l?e(a,{variant:t,className:f(r,"nbb-hero-hero-content-secondary-text","nbb-hero-secondary-text"),sx:[{textAlign:"center"},...Array.isArray(n)?n:[n]],...g(o,...d),children:l}):null},B.ActionButton=({className:r,variant:t="contained",children:n,onClick:o,sx:c,...i})=>{const a=u(),{buttonText:s,onClickButton:h}=x(a,i);return e(l,{variant:t,onClick:o||h,className:f(r,"nbb-hero-hero-content-action-button","nbb-button"),sx:[{fontWeight:600,px:4,py:1.5},...Array.isArray(c)?c:[c]],...g(i,...d),children:n||s})},B.TertiaryText=({className:r,sx:t,color:n="primary",variant:o="button",...c})=>{const i=u(),{tertiaryText:l}=x(i,c),s="children"in c?c.children:l;return s?e(a,{color:n,variant:o,className:f(r,"nbb-hero-hero-content-tertiary-text","nbb-hero-tertiary-text"),sx:[e=>({lineHeight:e.typography.body1.lineHeight,fontWeight:e.typography.h1.fontWeight}),...Array.isArray(t)?t:[t]],...g(c,...d),children:s}):null};const T=(v={heroContent:p.HeroContent,heroImg:p.HeroImg,heroByline:B.HeroByline,secondaryText:B.SecondaryText,actionButton:B.ActionButton,tertiaryText:B.TertiaryText},Object.fromEntries(Object.entries(v).map(([e,r])=>[e,c(r,{key:e})])));var v;export{p as Hero};

package/dist/lib.d.ts

@@ -72,10 +72,12 @@ export declare function BlocksOverrideComponent<DefaultBlocks extends Record<str
         blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];
     }) => ReactNode;
 }): ReactNode;
-type MergeTypes<Object1, Object2> = {
-    [K in keyof Object1 | keyof Object2]: K extends keyof Object1 ? Object1[K] : K extends keyof Object2 ? Object2[K] : never;
+type MergeKeepingRequired<A, B> = Omit<A, keyof B> & {
+    [K in keyof A & keyof B]-?: undefined extends B[K] ? A[K] : B[K];
+} & {
+    [K in Exclude<keyof B, keyof A>]: B[K];
 };
-export declare function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B): MergeTypes<B, A>;
+export declare function merge<A extends Record<PropertyKey, any>, B extends Record<PropertyKey, any>>(a: A, b: B): MergeKeepingRequired<A, B>;
 type ClassName = string | ClassName[] | undefined | null;
 /**
  * Utility function to join class names together, ignoring undefined or nil values.
@@ -83,5 +85,19 @@ type ClassName = string | ClassName[] | undefined | null;
  * @returns The joined class names.
  */
 export declare function classNames(...classes: ClassName[]): string;
+/**
+ * Omits the given string keys from `source`.
+ *
+ * Usage:
+ *   omit(obj, "a", "b")
+ */
+export declare function omit<T extends object, const Keys extends readonly string[]>(source: T, ...keys: Keys): Omit<T, Extract<Keys[number], keyof T>>;
+/**
+ * Picks the given keys out of `source` into a new object.
+ *
+ * Usage:
+ *   pick(obj, "a", "b")
+ */
+export declare function pick<T extends object, K extends PropertyKey>(source: T, ...keys: K[]): Pick<T, Extract<K, keyof T>>;
 export {};
 //# sourceMappingURL=lib.d.ts.map

package/dist/lib.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiB,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,cAAc,CAAC,aAAa,EAAE,YAAY,IAClD,CAAC,CAAC,EACA,aAAa,EACb,iBAAiB,GAClB,EAAE;IACD,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;CACrD,KAAK;IACJ,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC;IAE9C,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,GAAG,SAAS,CAAC,MAAM,YAAY,CAAC,EAAE,CAAC;CAChF,CAAC,GACF,SAAS,CAAC;AAEd;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAClF,UAAU,EAAE,CAAC,GACZ;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;CACzD,CAMA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,uBAAuB,CACrC,aAAa,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC/C,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC9C,EACA,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,cAAc,EAAE,cAAc,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAC5D,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;IAC3C,QAAQ,EAAE,CAAC,EACT,MAAM,EACN,UAAU,GACX,EAAE;QAED,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QACvD,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,EAAE,CAAC;KACnE,KAAK,SAAS,CAAC;CACjB,aAmBA;AAED,KAAK,UAAU,CAAC,OAAO,EAAE,OAAO,IAAI;KACjC,CAAC,IAAI,MAAM,OAAO,GAAG,MAAM,OAAO,GAAG,CAAC,SAAS,MAAM,OAAO,GACzD,OAAO,CAAC,CAAC,CAAC,GACV,CAAC,SAAS,MAAM,OAAO,GACrB,OAAO,CAAC,CAAC,CAAC,GACV,KAAK;CACZ,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAmBrF,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAClC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAE1D"}
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,17 +1,25 @@
 {
   "name": "@nodeblocks/frontend-hero-block",
-  "version": "0.2.0",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "browser": "dist/index.iife.js",
-  "types": "dist/index.d.ts",
+  "version": "0.2.1",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "development": "./src/index.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.esm.js"
+    }
+  },
   "files": [
-    "dist/",
-    "dist/index.css"
+    "dist/"
   ],
   "scripts": {
-    "build": "rollup -c",
-    "watch": "rm -rf dist && cross-env NODE_ENV=development rollup -c --watch"
+    "build": "npm run typecheck && rollup -c",
+    "watch": "rm -rf dist && cross-env NODE_ENV=development rollup -c --watch",
+    "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
@@ -24,12 +32,12 @@
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.1",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
-    "rollup": "^4.28.0",
+    "rollup": "^4.55.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-polyfill-node": "^0.13.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-serve": "^1.1.1",
     "tslib": "^2.8.1",

package/dist/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/context.tsx","../src/lib.ts","../src/Hero.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\ntype HeroContextValue = {\n  buttonText: string;\n  byline: ReactNode;\n  onClickButton: () => void;\n  imageUrl: string;\n  secondaryText?: ReactNode;\n  tertiaryText?: ReactNode;\n};\n\nconst HeroContext = createContext<HeroContextValue | undefined>(undefined);\n\nexport const HeroProvider = ({\n  children,\n  ...value\n}: HeroContextValue & {\n  children: ReactNode;\n}) => {\n  return <HeroContext.Provider value={value}>{children}</HeroContext.Provider>;\n};\n\nexport const useHeroContext = () => {\n  const context = useContext<HeroContextValue | undefined>(HeroContext);\n\n  if (!context) {\n    throw new Error('useHeroContext must be used within a HeroProvider');\n  }\n  return context;\n};\n","import { ComponentProps, createElement, FunctionComponent, ReactElement, ReactNode } from 'react';\n\n/**\n * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.\n *\n * @example\n * <Block>\n *   {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({\n *     blocks: {\n *       ...defaultBlocks,\n *       header: {\n *         ...header,\n *         props: {\n *           ...header.props,\n *           label: \"Custom Label\"\n *         }\n *       },\n *       subheader: <CustomComponent />\n *     },\n *     blockOrder: [\"header\", \"subheader\", \"body\", \"footer\"]\n *   })}\n * </Block>\n */\nexport type BlocksOverride<DefaultBlocks, CustomBlocks> =\n  | (({\n      defaultBlocks,\n      defaultBlockOrder,\n    }: {\n      defaultBlocks: DefaultBlocks;\n      defaultBlockOrder: readonly (keyof DefaultBlocks)[];\n    }) => {\n      blocks: Partial<DefaultBlocks> & CustomBlocks;\n      // NOTE: This specific combination allows proper autocomplete.\n      blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];\n    })\n  | ReactNode;\n\n/**\n * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.\n *\n * @param components - A map of default block keys to component functions.\n *\n * @example\n * const defaultBlocks = createDefaultBlocks({\n *   title: Title,\n *   description: Description,\n *   form: Form,\n * });\n */\nexport function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(\n  components: T\n): {\n  [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n} {\n  return Object.fromEntries(\n    Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })])\n  ) as {\n    [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n  };\n}\n\n/**\n * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.\n * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.\n *\n * @param props\n * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).\n * @param props.defaultBlocks - The default blocks of outer component.\n * @param props.children - A function returning the JSX to render.\n *\n * @example\n * <BlocksOverrideComponent\n *   defaultBlocks={defaultFormBlocks}\n *   blocksOverride={children}\n * >\n *   {({ blocks, blockOrder }) =>\n *     blockOrder.map((key) => (\n *       <Fragment key={String(key)}>{blocks[key]}</Fragment>\n *     ))\n *   }\n * </BlocksOverrideComponent>\n */\nexport function BlocksOverrideComponent<\n  DefaultBlocks extends Record<string, ReactNode>,\n  CustomBlocks extends Record<string, ReactNode>,\n>({\n  blocksOverride,\n  defaultBlocks,\n  defaultBlockOrder,\n  children,\n}: {\n  blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;\n  defaultBlocks: DefaultBlocks;\n  defaultBlockOrder: (keyof DefaultBlocks)[];\n  children: ({\n    blocks,\n    blockOrder,\n  }: {\n    // TODO: Possibly find an alternative to Partial<CustomBlocks>\n    blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;\n    blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];\n  }) => ReactNode;\n}) {\n  if (blocksOverride === undefined) {\n    return children({\n      // TODO: Remove this assertion\n      blocks: defaultBlocks as DefaultBlocks & Partial<CustomBlocks>,\n      blockOrder: defaultBlockOrder,\n    });\n  }\n\n  if (typeof blocksOverride === 'function') {\n    const { blocks, blockOrder } = blocksOverride({\n      defaultBlocks,\n      defaultBlockOrder,\n    });\n\n    return children({ blocks, blockOrder });\n  }\n\n  return blocksOverride;\n}\n\ntype MergeTypes<Object1, Object2> = {\n  [K in keyof Object1 | keyof Object2]: K extends keyof Object1\n    ? Object1[K]\n    : K extends keyof Object2\n      ? Object2[K]\n      : never;\n};\n\nexport function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B) {\n  const result: Record<string, any> = { ...obj1 };\n\n  for (const key in obj2) {\n    if (obj2.hasOwnProperty(key)) {\n      const val1 = result[key];\n      const val2 = obj2[key];\n\n      if (Array.isArray(val1) || Array.isArray(val2)) {\n        // If either is an array, replace entirely with obj2's value\n        result[key] = val2;\n      } else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {\n        result[key] = deepMerge(val1, val2);\n      } else {\n        result[key] = val2;\n      }\n    }\n  }\n\n  return result as MergeTypes<B, A>;\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n  return classes.flat().filter(Boolean).join(' ');\n}\n","import { ComponentProps, Fragment, ReactNode } from 'react';\nimport { HeroProvider, useHeroContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport { Box, Button, Stack, Typography, StackProps, ButtonProps, BoxProps, TypographyProps } from '@mui/material';\n\nexport const Hero = <CustomBlocks extends Record<string, ReactNode> = {}>({\n  onClickButton,\n  buttonText,\n  imageUrl,\n  secondaryText,\n  tertiaryText,\n  byline,\n  className,\n  children,\n  ...props\n}: Omit<StackProps, 'children'> & {\n  /** */\n  buttonText: string;\n  /**\n   * Configures the main byline text to display for this component.\n   * Supports components to handle inline images and text colors\n   */\n  byline: ReactNode;\n  /** href for linking Hero */\n  onClickButton: () => void;\n  /** URL of the image to show in this hero image component */\n  imageUrl: string;\n  /** Show/hide secondary text */\n  secondaryText?: ReactNode;\n  /** Show/hide tertiary text */\n  tertiaryText?: ReactNode;\n  children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n  return (\n    <Stack className={classNames('nbb-hero-block', className)} {...props}>\n      <HeroProvider\n        {...{\n          onClickButton,\n          buttonText,\n          imageUrl,\n          secondaryText,\n          tertiaryText,\n          byline,\n        }}\n      >\n        <BlocksOverrideComponent\n          defaultBlocks={defaultBlocks}\n          defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n          blocksOverride={children}\n        >\n          {({ blocks: { heroByline, secondaryText, actionButton, tertiaryText, ...blocks }, blockOrder }) =>\n            blockOrder\n              .filter((key) => key in blocks)\n              .map<ReactNode>((key) => <Fragment key={String(key)}>{blocks[key]}</Fragment>)\n          }\n        </BlocksOverrideComponent>\n      </HeroProvider>\n    </Stack>\n  );\n};\n\nHero.HeroImg = (props: Partial<BoxProps<'img'>>) => {\n  const {\n    component = 'img',\n    className,\n    imageUrl,\n    src,\n    alt = 'hero image',\n    ...rest\n  } = deepMerge(useHeroContext(), props);\n\n  return (\n    <Box\n      component={component}\n      src={src || imageUrl}\n      alt={alt}\n      className={classNames('nbb-hero-hero-img', 'nbb-hero-img', className)}\n      {...rest}\n    />\n  );\n};\n\nconst HeroContent = ({ className, children, spacing = 3, sx, ...rest }: Partial<StackProps>) => {\n  return (\n    <Stack\n      spacing={spacing}\n      sx={{ alignItems: 'center', py: 5.5, ...(Array.isArray(sx) ? sx : [sx]) }}\n      className={classNames('nbb-hero-hero-content', 'nbb-hero-content', className)}\n      {...rest}\n    >\n      {children || (\n        <>\n          <Stack sx={{ alignItems: 'center' }}>\n            <HeroContent.HeroByline />\n            <HeroContent.SecondaryText />\n          </Stack>\n          <Stack spacing={Number(spacing) / 2} sx={{ alignItems: 'center' }}>\n            <HeroContent.ActionButton />\n            <HeroContent.TertiaryText />\n          </Stack>\n        </>\n      )}\n    </Stack>\n  );\n};\n\nHero.HeroContent = HeroContent;\n\nHeroContent.HeroByline = (props: Partial<TypographyProps>) => {\n  const { byline, variant = 'h6', className, children, ...rest } = deepMerge(useHeroContext(), props);\n\n  return (\n    <Typography\n      variant={variant}\n      className={classNames(className, 'nbb-hero-hero-content-hero-byline', 'nbb-hero-byline')}\n      {...rest}\n    >\n      {children || byline}\n    </Typography>\n  );\n};\n\nHeroContent.SecondaryText = (props: Partial<TypographyProps>) => {\n  const { className, variant = 'h2', children, secondaryText, sx = [], ...rest } = deepMerge(useHeroContext(), props);\n  const content = children || secondaryText;\n  if (!content) return null;\n  return (\n    <Typography\n      variant={variant}\n      className={classNames(className, 'nbb-hero-hero-content-secondary-text', 'nbb-hero-secondary-text')}\n      sx={[\n        {\n          textAlign: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ]}\n      {...rest}\n    >\n      {content}\n    </Typography>\n  );\n};\n\nHeroContent.ActionButton = (props: Partial<ButtonProps>) => {\n  const {\n    buttonText,\n    className,\n    variant = 'contained',\n    children,\n    onClick,\n    sx = [],\n    ...rest\n  } = deepMerge(useHeroContext(), props);\n\n  return (\n    <Button\n      variant={variant}\n      onClick={onClick}\n      className={classNames(className, 'nbb-hero-hero-content-action-button', 'nbb-button')}\n      sx={[\n        {\n          fontWeight: 600,\n            px: 4,\n            py: 1.5,\n          },\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ]}\n      {...rest}\n    >\n      {children || buttonText}\n    </Button>\n  );\n};\n\nHeroContent.TertiaryText = (props: Partial<TypographyProps>) => {\n  const {\n    className,\n    children,\n    tertiaryText,\n    color = 'primary',\n    variant = 'button',\n    sx = [],\n    ...rest\n  } = deepMerge(useHeroContext(), props);\n\n  const content = children || tertiaryText;\n  if (!content) return null;\n  return (\n    <Typography\n      color={color}\n      variant={variant}\n      className={classNames(className, 'nbb-hero-hero-content-tertiary-text', 'nbb-hero-tertiary-text')}\n      sx={[\n        (theme) => ({\n          lineHeight: theme.typography.body1.lineHeight,\n          fontWeight: theme.typography.h1.fontWeight,\n        }),\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ]}\n      {...rest}\n    >\n      {content}\n    </Typography>\n  );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n  heroContent: Hero.HeroContent,\n  heroImg: Hero.HeroImg,\n  heroByline: HeroContent.HeroByline,\n  secondaryText: HeroContent.SecondaryText,\n  actionButton: HeroContent.ActionButton,\n  tertiaryText: HeroContent.TertiaryText,\n});\n"],"names":["createContext","_jsx","useContext","createElement","Stack","Fragment","Box","_jsxs","_Fragment","Typography","Button"],"mappings":"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"}

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../src/context.tsx","../src/lib.ts","../src/Hero.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\ntype HeroContextValue = {\n  buttonText: string;\n  byline: ReactNode;\n  onClickButton: () => void;\n  imageUrl: string;\n  secondaryText?: ReactNode;\n  tertiaryText?: ReactNode;\n};\n\nconst HeroContext = createContext<HeroContextValue | undefined>(undefined);\n\nexport const HeroProvider = ({\n  children,\n  ...value\n}: HeroContextValue & {\n  children: ReactNode;\n}) => {\n  return <HeroContext.Provider value={value}>{children}</HeroContext.Provider>;\n};\n\nexport const useHeroContext = () => {\n  const context = useContext<HeroContextValue | undefined>(HeroContext);\n\n  if (!context) {\n    throw new Error('useHeroContext must be used within a HeroProvider');\n  }\n  return context;\n};\n","import { ComponentProps, createElement, FunctionComponent, ReactElement, ReactNode } from 'react';\n\n/**\n * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.\n *\n * @example\n * <Block>\n *   {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({\n *     blocks: {\n *       ...defaultBlocks,\n *       header: {\n *         ...header,\n *         props: {\n *           ...header.props,\n *           label: \"Custom Label\"\n *         }\n *       },\n *       subheader: <CustomComponent />\n *     },\n *     blockOrder: [\"header\", \"subheader\", \"body\", \"footer\"]\n *   })}\n * </Block>\n */\nexport type BlocksOverride<DefaultBlocks, CustomBlocks> =\n  | (({\n      defaultBlocks,\n      defaultBlockOrder,\n    }: {\n      defaultBlocks: DefaultBlocks;\n      defaultBlockOrder: readonly (keyof DefaultBlocks)[];\n    }) => {\n      blocks: Partial<DefaultBlocks> & CustomBlocks;\n      // NOTE: This specific combination allows proper autocomplete.\n      blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];\n    })\n  | ReactNode;\n\n/**\n * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.\n *\n * @param components - A map of default block keys to component functions.\n *\n * @example\n * const defaultBlocks = createDefaultBlocks({\n *   title: Title,\n *   description: Description,\n *   form: Form,\n * });\n */\nexport function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(\n  components: T\n): {\n  [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n} {\n  return Object.fromEntries(\n    Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })])\n  ) as {\n    [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n  };\n}\n\n/**\n * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.\n * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.\n *\n * @param props\n * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).\n * @param props.defaultBlocks - The default blocks of outer component.\n * @param props.children - A function returning the JSX to render.\n *\n * @example\n * <BlocksOverrideComponent\n *   defaultBlocks={defaultFormBlocks}\n *   blocksOverride={children}\n * >\n *   {({ blocks, blockOrder }) =>\n *     blockOrder.map((key) => (\n *       <Fragment key={String(key)}>{blocks[key]}</Fragment>\n *     ))\n *   }\n * </BlocksOverrideComponent>\n */\nexport function BlocksOverrideComponent<\n  DefaultBlocks extends Record<string, ReactNode>,\n  CustomBlocks extends Record<string, ReactNode>,\n>({\n  blocksOverride,\n  defaultBlocks,\n  defaultBlockOrder,\n  children,\n}: {\n  blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;\n  defaultBlocks: DefaultBlocks;\n  defaultBlockOrder: (keyof DefaultBlocks)[];\n  children: ({\n    blocks,\n    blockOrder,\n  }: {\n    // TODO: Possibly find an alternative to Partial<CustomBlocks>\n    blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;\n    blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];\n  }) => ReactNode;\n}) {\n  if (blocksOverride === undefined) {\n    return children({\n      // TODO: Remove this assertion\n      blocks: defaultBlocks as DefaultBlocks & Partial<CustomBlocks>,\n      blockOrder: defaultBlockOrder,\n    });\n  }\n\n  if (typeof blocksOverride === 'function') {\n    const { blocks, blockOrder } = blocksOverride({\n      defaultBlocks,\n      defaultBlockOrder,\n    });\n\n    return children({ blocks, blockOrder });\n  }\n\n  return blocksOverride;\n}\n\ntype MergeTypes<Object1, Object2> = {\n  [K in keyof Object1 | keyof Object2]: K extends keyof Object1\n    ? Object1[K]\n    : K extends keyof Object2\n      ? Object2[K]\n      : never;\n};\n\nexport function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B) {\n  const result: Record<string, any> = { ...obj1 };\n\n  for (const key in obj2) {\n    if (obj2.hasOwnProperty(key)) {\n      const val1 = result[key];\n      const val2 = obj2[key];\n\n      if (Array.isArray(val1) || Array.isArray(val2)) {\n        // If either is an array, replace entirely with obj2's value\n        result[key] = val2;\n      } else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {\n        result[key] = deepMerge(val1, val2);\n      } else {\n        result[key] = val2;\n      }\n    }\n  }\n\n  return result as MergeTypes<B, A>;\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n  return classes.flat().filter(Boolean).join(' ');\n}\n","import { ComponentProps, Fragment, ReactNode } from 'react';\nimport { HeroProvider, useHeroContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport { Box, Button, Stack, Typography, StackProps, ButtonProps, BoxProps, TypographyProps } from '@mui/material';\n\nexport const Hero = <CustomBlocks extends Record<string, ReactNode> = {}>({\n  onClickButton,\n  buttonText,\n  imageUrl,\n  secondaryText,\n  tertiaryText,\n  byline,\n  className,\n  children,\n  ...props\n}: Omit<StackProps, 'children'> & {\n  /** */\n  buttonText: string;\n  /**\n   * Configures the main byline text to display for this component.\n   * Supports components to handle inline images and text colors\n   */\n  byline: ReactNode;\n  /** href for linking Hero */\n  onClickButton: () => void;\n  /** URL of the image to show in this hero image component */\n  imageUrl: string;\n  /** Show/hide secondary text */\n  secondaryText?: ReactNode;\n  /** Show/hide tertiary text */\n  tertiaryText?: ReactNode;\n  children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n  return (\n    <Stack className={classNames('nbb-hero-block', className)} {...props}>\n      <HeroProvider\n        {...{\n          onClickButton,\n          buttonText,\n          imageUrl,\n          secondaryText,\n          tertiaryText,\n          byline,\n        }}\n      >\n        <BlocksOverrideComponent\n          defaultBlocks={defaultBlocks}\n          defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n          blocksOverride={children}\n        >\n          {({ blocks: { heroByline, secondaryText, actionButton, tertiaryText, ...blocks }, blockOrder }) =>\n            blockOrder\n              .filter((key) => key in blocks)\n              .map<ReactNode>((key) => <Fragment key={String(key)}>{blocks[key]}</Fragment>)\n          }\n        </BlocksOverrideComponent>\n      </HeroProvider>\n    </Stack>\n  );\n};\n\nHero.HeroImg = (props: Partial<BoxProps<'img'>>) => {\n  const {\n    component = 'img',\n    className,\n    imageUrl,\n    src,\n    alt = 'hero image',\n    ...rest\n  } = deepMerge(useHeroContext(), props);\n\n  return (\n    <Box\n      component={component}\n      src={src || imageUrl}\n      alt={alt}\n      className={classNames('nbb-hero-hero-img', 'nbb-hero-img', className)}\n      {...rest}\n    />\n  );\n};\n\nconst HeroContent = ({ className, children, spacing = 3, sx, ...rest }: Partial<StackProps>) => {\n  return (\n    <Stack\n      spacing={spacing}\n      sx={{ alignItems: 'center', py: 5.5, ...(Array.isArray(sx) ? sx : [sx]) }}\n      className={classNames('nbb-hero-hero-content', 'nbb-hero-content', className)}\n      {...rest}\n    >\n      {children || (\n        <>\n          <Stack sx={{ alignItems: 'center' }}>\n            <HeroContent.HeroByline />\n            <HeroContent.SecondaryText />\n          </Stack>\n          <Stack spacing={Number(spacing) / 2} sx={{ alignItems: 'center' }}>\n            <HeroContent.ActionButton />\n            <HeroContent.TertiaryText />\n          </Stack>\n        </>\n      )}\n    </Stack>\n  );\n};\n\nHero.HeroContent = HeroContent;\n\nHeroContent.HeroByline = (props: Partial<TypographyProps>) => {\n  const { byline, variant = 'h6', className, children, ...rest } = deepMerge(useHeroContext(), props);\n\n  return (\n    <Typography\n      variant={variant}\n      className={classNames(className, 'nbb-hero-hero-content-hero-byline', 'nbb-hero-byline')}\n      {...rest}\n    >\n      {children || byline}\n    </Typography>\n  );\n};\n\nHeroContent.SecondaryText = (props: Partial<TypographyProps>) => {\n  const { className, variant = 'h2', children, secondaryText, sx = [], ...rest } = deepMerge(useHeroContext(), props);\n  const content = children || secondaryText;\n  if (!content) return null;\n  return (\n    <Typography\n      variant={variant}\n      className={classNames(className, 'nbb-hero-hero-content-secondary-text', 'nbb-hero-secondary-text')}\n      sx={[\n        {\n          textAlign: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ]}\n      {...rest}\n    >\n      {content}\n    </Typography>\n  );\n};\n\nHeroContent.ActionButton = (props: Partial<ButtonProps>) => {\n  const {\n    buttonText,\n    className,\n    variant = 'contained',\n    children,\n    onClick,\n    sx = [],\n    ...rest\n  } = deepMerge(useHeroContext(), props);\n\n  return (\n    <Button\n      variant={variant}\n      onClick={onClick}\n      className={classNames(className, 'nbb-hero-hero-content-action-button', 'nbb-button')}\n      sx={[\n        {\n          fontWeight: 600,\n            px: 4,\n            py: 1.5,\n          },\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ]}\n      {...rest}\n    >\n      {children || buttonText}\n    </Button>\n  );\n};\n\nHeroContent.TertiaryText = (props: Partial<TypographyProps>) => {\n  const {\n    className,\n    children,\n    tertiaryText,\n    color = 'primary',\n    variant = 'button',\n    sx = [],\n    ...rest\n  } = deepMerge(useHeroContext(), props);\n\n  const content = children || tertiaryText;\n  if (!content) return null;\n  return (\n    <Typography\n      color={color}\n      variant={variant}\n      className={classNames(className, 'nbb-hero-hero-content-tertiary-text', 'nbb-hero-tertiary-text')}\n      sx={[\n        (theme) => ({\n          lineHeight: theme.typography.body1.lineHeight,\n          fontWeight: theme.typography.h1.fontWeight,\n        }),\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ]}\n      {...rest}\n    >\n      {content}\n    </Typography>\n  );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n  heroContent: Hero.HeroContent,\n  heroImg: Hero.HeroImg,\n  heroByline: HeroContent.HeroByline,\n  secondaryText: HeroContent.SecondaryText,\n  actionButton: HeroContent.ActionButton,\n  tertiaryText: HeroContent.TertiaryText,\n});\n"],"names":["_jsx","Fragment","_jsxs","_Fragment"],"mappings":"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"}