@nodeblocks/frontend-hero-block 0.0.2 → 0.1.0

package/dist/Hero.d.ts

@@ -1,30 +1,44 @@
-import React from "react";
-import "./hero.css";
-import { DefaultBlocks, DefaultSettings } from "./blocks";
-export interface HeroProps {
-    /** */
-    buttonText: string;
-    /**
-     * Configures the main byline text to display for this component.
-     * Supports components to handle inline images and text colors
-     */
-    byline: string | React.ReactNode;
-    /** href for linking Hero */
-    onClickButton: () => void;
-    /** URL of the image to show in this hero image component */
-    imageUrl: string;
-    /** Screen size to show for this block */
-    className: string;
-    /** Show/hide secondary text */
-    secondaryText?: string | React.ReactNode;
-    /** Show/hide tertiary text */
-    tertiaryText?: string | React.ReactNode;
-    children?: (defaultBlocks: DefaultBlocks, settings?: DefaultSettings) => {
-        blocks: {
-            [x: string]: any;
-        };
-        settings?: DefaultSettings;
+import { ComponentProps, ReactNode } from 'react';
+import '@basaldev/blocks-frontend-framework/dist/style.css';
+import './hero.css';
+import { BlocksOverride } from './lib';
+export declare const Hero: {
+    <CustomBlocks extends Record<string, ReactNode> = {}>({ onClickButton, buttonText, imageUrl, secondaryText, tertiaryText, byline, className, children, ...props }: Omit<ComponentProps<"div">, "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;
+        children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;
+    }): import("react/jsx-runtime").JSX.Element;
+    HeroImg({ src, ...props }: Partial<ComponentProps<"img">>): import("react/jsx-runtime").JSX.Element;
+    HeroContent: {
+        ({ className, ...props }: Partial<ComponentProps<"div">>): import("react/jsx-runtime").JSX.Element;
+        HeroByline({ className, children, ...props }: Partial<ComponentProps<"h6">>): import("react/jsx-runtime").JSX.Element;
+        SecondaryText({ className, children, ...props }: Partial<ComponentProps<"h3">>): import("react/jsx-runtime").JSX.Element;
+        ActionButton({ className, children, onClick, ...props }: Partial<ComponentProps<"button">>): import("react/jsx-runtime").JSX.Element;
+        TertiaryText({ className, children, ...props }: Partial<ComponentProps<"span">>): import("react/jsx-runtime").JSX.Element;
     };
-}
-export declare const Hero: React.FC<HeroProps>;
+};
+declare const defaultBlocks: {
+    heroImg: import("react").ReactElement<Partial<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>, ({ src, ...props }: Partial<ComponentProps<"img">>) => import("react/jsx-runtime").JSX.Element>;
+    heroContent: import("react").ReactElement<Partial<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
+        ({ className, ...props }: Partial<ComponentProps<"div">>): import("react/jsx-runtime").JSX.Element;
+        HeroByline({ className, children, ...props }: Partial<ComponentProps<"h6">>): import("react/jsx-runtime").JSX.Element;
+        SecondaryText({ className, children, ...props }: Partial<ComponentProps<"h3">>): import("react/jsx-runtime").JSX.Element;
+        ActionButton({ className, children, onClick, ...props }: Partial<ComponentProps<"button">>): import("react/jsx-runtime").JSX.Element;
+        TertiaryText({ className, children, ...props }: Partial<ComponentProps<"span">>): import("react/jsx-runtime").JSX.Element;
+    }>;
+};
+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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,aAAa,EAAiB,eAAe,EAAa,MAAM,UAAU,CAAC;AACpF,MAAM,WAAW,SAAS;IACxB,MAAM;IACN,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,4BAA4B;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,CAAC,EAAE,eAAe,KAAK;QACvE,MAAM,EAAE;YAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC;QAC7B,QAAQ,CAAC,EAAE,eAAe,CAAC;KAC9B,CAAC;CACD;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4BpC,CAAC"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../src/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,oDAAoD,CAAC;AAC5D,OAAO,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAA2D,MAAM,OAAO,CAAC;AAEhG,eAAO,MAAM,IAAI;KAAI,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,oHAUhE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;QAC3C,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;+BA6BkC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;;kCAMnB,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;sDAiBf,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;yDAU1B,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;iEAUrB,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;wDAU1C,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;;CAvD7F,CAAC;AAiEF,QAAA,MAAM,aAAa;iLA/DgB,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;;kCAMnB,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;sDAiBf,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;yDAU1B,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;iEAUrB,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;wDAU1C,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;;CAa5F,CAAC"}

package/dist/context.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+type HeroContextValue = {
+    buttonText: string;
+    byline: ReactNode;
+    onClickButton: () => void;
+    imageUrl: string;
+    secondaryText?: ReactNode;
+    tertiaryText?: ReactNode;
+};
+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

@@ -0,0 +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"}

package/dist/index.cjs.js

@@ -1,6 +1,35 @@
+
+
+          if (typeof global === 'undefined') {
+            var global = window;
+          }
+        
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('@basaldev/blocks-frontend-framework/dist/style.css');
+
+/**
+ * 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 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;
+};
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -29,59 +58,121 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".nbb-hero-block {\n  --color-object-accent-primary: #006EAD;\n  --color-object-accent-primary-emphasis: #006EAD;\n    display: flex;\n    flex-direction: column-reverse;\n    text-align: center;\n    justify-content: start;\n}\n\n.nbb-hero-block .nbb-button {\n  --color-object-accent-primary: #006EAD;\n  --color-object-accent-primary-emphasis: #006EAD;\n}\n\n@media (min-width: 680px) {\n  .nbb-hero-block {\n    display: flex;\n    flex-direction: row-reverse;\n    position: relative;\n    align-items: center;\n  }\n  .nbb-hero-img {\n    width: 50%;\n  }\n  .nbb-hero-block .text-content {\n    left: 146px;\n    width: 600px;\n    text-align: left;\n    margin-left: 32px;\n  }\n}";
+var css_248z = ".nbb-hero-block {\n  display: flex;\n  flex-direction: row-reverse;\n  text-align: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  row-gap: 40px;\n  font-family: var(--font-family);\n}\n\n.nbb-hero-content {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  gap: 1em;\n  min-width: 400px;\n}\n\n.nbb-hero-tertiary-text {\n  font-size: 30px;\n  margin-block: 10px;\n}\n\n.nbb-hero-byline {\n  font-size: 16px;\n  margin-block: 10px;\n}\n\n.nbb-button {\n  align-items: center;\n  border-radius: var(--border-radius-3);\n  border: 1px solid transparent;\n  cursor: pointer;\n  display: inline-flex;\n  font-family: var(--font-family);\n  gap: var(--spacing-5xs);\n  transition:\n    background-color 300ms,\n    border-color 300ms,\n    color 300ms;\n  white-space: nowrap;\n  padding: 13px 24px;\n  color: var(--color-text-on-primary);\n  background-color: var(--color-object-accent-primary);\n}\n";
 styleInject(css_248z);
 
 /**
- * Utility function to join class names together, ignoring undefined or nil values.
- * @param classes - The class names to join.
- * @returns The joined class names.
+ * 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 classNames(...classes) {
-    return classes.flat().filter(Boolean).join(' ');
-}
-
-function HeroImg({ imageUrl }) {
-    return jsxRuntime.jsx("img", { className: "nbb-hero-img", src: imageUrl, alt: "hero image" });
-}
-function HeroByline({ byline }) {
-    return jsxRuntime.jsx("h6", { children: byline });
-}
-function SecondaryText({ secondaryText }) {
-    return jsxRuntime.jsx("h3", { children: secondaryText });
+function createDefaultBlocks(components) {
+    return Object.fromEntries(Object.entries(components).map(([key, Component]) => [key, react.createElement(Component, { key })]));
 }
-function ActionButton({ onClickButton, buttonText }) {
-    return (jsxRuntime.jsx("button", { type: "button", onClick: onClickButton, className: "nbb-button primary", children: buttonText }));
-}
-function TertiaryText({ text }) {
-    return jsxRuntime.jsx("span", { className: "nbb-typography nbb-typography-color-brand nbb-typography-size-s nbb-typography-weight-bold", children: text });
+/**
+ * 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 setBlocks(defaultBlocks, children, settings) {
-    const { blocks: customBlocks = {}, settings: customSettings = {} } = children ? children(defaultBlocks, settings) : { blocks: {}, settings: {} };
-    return {
-        blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [
-            key,
-            customBlocks[key] || defaultComponent,
-        ])),
-        settings: {
-            ...settings,
-            ...customSettings,
+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;
 }
-const defaultBlocks = {
-    HeroImg: HeroImg,
-    HeroByline: HeroByline,
-    SecondaryText: SecondaryText,
-    ActionButton: ActionButton,
-    TertiaryText: TertiaryText,
-};
 
-const Hero = ({ onClickButton, buttonText, imageUrl, className, secondaryText, tertiaryText, byline, children, }) => {
-    const { blocks } = setBlocks(defaultBlocks, children, {});
-    const { HeroImg, HeroByline, SecondaryText, ActionButton, TertiaryText } = blocks;
-    return (jsxRuntime.jsxs("div", { className: classNames('nbb-hero-block', className), children: [jsxRuntime.jsx(HeroImg, { imageUrl: imageUrl }), jsxRuntime.jsxs("div", { className: "text-content", children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(HeroByline, { byline: byline }), jsxRuntime.jsx(SecondaryText, { secondaryText: secondaryText })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(ActionButton, { onClickButton: onClickButton, buttonText: buttonText }), jsxRuntime.jsx(TertiaryText, { text: tertiaryText })] })] })] }));
+const Hero = ({ onClickButton, buttonText, imageUrl, secondaryText, tertiaryText, byline, className, children, ...props }) => {
+    return (jsxRuntime.jsx("div", { 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: { item, ...blocks }, blockOrder }) => blockOrder
+                    .filter((key) => key in blocks)
+                    .map((key) => jsxRuntime.jsx(react.Fragment, { children: blocks[key] }, String(key))) }) }) }));
+};
+Hero.HeroImg = ({ src, ...props }) => {
+    const { className, imageUrl } = deepMerge(useHeroContext(), props);
+    return jsxRuntime.jsx("img", { className: classNames('nbb-hero-img', className), src: src || imageUrl, alt: "hero image", ...props });
+};
+const HeroContent = ({ className, ...props }) => {
+    return (jsxRuntime.jsxs("div", { className: classNames('nbb-hero-content', className), ...props, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(HeroContent.HeroByline, {}), jsxRuntime.jsx(HeroContent.SecondaryText, {})] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(HeroContent.ActionButton, {}), jsxRuntime.jsx(HeroContent.TertiaryText, {})] })] }));
+};
+Hero.HeroContent = HeroContent;
+HeroContent.HeroByline = ({ className, children, ...props }) => {
+    const { byline } = deepMerge(useHeroContext(), props);
+    return (jsxRuntime.jsx("h6", { className: classNames(className, 'nbb-hero-byline'), ...props, children: children || byline }));
+};
+HeroContent.SecondaryText = ({ className, children, ...props }) => {
+    const { secondaryText } = deepMerge(useHeroContext(), props);
+    return (jsxRuntime.jsx("h3", { className: classNames(className, 'nbb-hero-tertiary-text'), ...props, children: children || secondaryText }));
+};
+HeroContent.ActionButton = ({ className, children, onClick, ...props }) => {
+    const { buttonText, onClickButton } = deepMerge(useHeroContext(), props);
+    return (jsxRuntime.jsx("button", { type: "button", onClick: onClick || onClickButton, className: classNames(className, 'nbb-button'), ...props, children: children || buttonText }));
+};
+HeroContent.TertiaryText = ({ className, children, ...props }) => {
+    const { tertiaryText } = deepMerge(useHeroContext(), props);
+    return (jsxRuntime.jsx("span", { className: classNames(className, 'nbb-hero-tertiary-text'), ...props, children: children || tertiaryText }));
 };
+const defaultBlocks = createDefaultBlocks({
+    heroImg: Hero.HeroImg,
+    heroContent: Hero.HeroContent,
+});
 
 exports.Hero = Hero;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/className.tsx","../src/blocks.tsx","../src/Hero.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","type 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","export type DefaultBlocks = {\n    HeroImg: React.FC<{ imageUrl: string }>;\n    HeroByline: React.FC<{ byline: string | React.ReactNode }>;\n    SecondaryText: React.FC<{ secondaryText: string | React.ReactNode }>;\n    ActionButton: React.FC<{ onClickButton: () => void; buttonText: string }>;\n    TertiaryText: React.FC<{ text: string | React.ReactNode }>;\n}\n\nexport type DefaultSettings = {\n}\n\nexport function HeroImg({ imageUrl }: { imageUrl: string }) {\n    return <img className=\"nbb-hero-img\" src={imageUrl} alt=\"hero image\" />;\n  }\n  \n  export function HeroByline({ byline }: { byline: string | React.ReactNode }) {\n    return <h6>{byline}</h6>;\n  }\n  \n  export function SecondaryText({ secondaryText }: { secondaryText: string | React.ReactNode }) {\n    return <h3>{secondaryText}</h3>\n  }\n  \n  export function ActionButton({ onClickButton, buttonText }: { onClickButton: () => void; buttonText: string }) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onClickButton}\n        className=\"nbb-button primary\"\n      >\n        {buttonText}\n      </button>\n    );\n  }\n  export function TertiaryText({ text }: { text: string | React.ReactNode }) {\n    return <span className=\"nbb-typography nbb-typography-color-brand nbb-typography-size-s nbb-typography-weight-bold\">{text}</span>;\n  }\n\nexport function setBlocks(\n    defaultBlocks: DefaultBlocks,\n    children?: (defaultBlocks: DefaultBlocks, settings?: DefaultSettings) => {\n        blocks: { [x: string]: any };\n        settings?: DefaultSettings;\n    },\n    settings?: DefaultSettings,\n) {\n    const { blocks: customBlocks = {}, settings: customSettings = {} } =\n        children ? children(defaultBlocks, settings) : { blocks: {}, settings: {} };\n\n    return {\n        blocks: Object.fromEntries(\n            Object.entries(defaultBlocks).map(([key, defaultComponent]) => [\n                key,\n                customBlocks[key] || defaultComponent,\n            ])\n        ),\n        settings: {\n            ...settings,\n            ...customSettings,\n        }\n    };\n}\n\n\nexport const defaultSettings = {\n}\n\nexport const defaultBlocks = {\n    HeroImg: HeroImg,\n    HeroByline: HeroByline,\n    SecondaryText: SecondaryText,\n    ActionButton: ActionButton,\n    TertiaryText: TertiaryText,\n}\n","import React from \"react\";\nimport \"./hero.css\";\nimport { classNames } from \"./className\";\nimport { DefaultBlocks, defaultBlocks, DefaultSettings, setBlocks } from \"./blocks\";\nexport interface HeroProps {\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: string | React.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  /** Screen size to show for this block */\n  className: string;\n  /** Show/hide secondary text */\n  secondaryText?: string | React.ReactNode;\n  /** Show/hide tertiary text */\n  tertiaryText?: string | React.ReactNode;\n  children?: (defaultBlocks: DefaultBlocks, settings?: DefaultSettings) => {\n    blocks: { [x: string]: any };\n    settings?: DefaultSettings;\n},\n}\n\nexport const Hero: React.FC<HeroProps> = ({\n  onClickButton,\n  buttonText,\n  imageUrl,\n  className,\n  secondaryText,\n  tertiaryText,\n  byline,\n  children,\n}) => {\n  const { blocks } = setBlocks(defaultBlocks, children, {});\n  const { HeroImg, HeroByline, SecondaryText, ActionButton, TertiaryText} = blocks;\n  return (\n    \n    <div className={classNames('nbb-hero-block', className)}>\n      <HeroImg imageUrl={imageUrl} />\n      <div className=\"text-content\">\n        <div>\n          <HeroByline byline={byline} />\n          <SecondaryText secondaryText={secondaryText} />\n        </div>\n        <div>\n          <ActionButton onClickButton={onClickButton} buttonText={buttonText} />\n          <TertiaryText text={tertiaryText}  />\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs.js","sources":["../src/className.tsx","../src/context.tsx","../node_modules/style-inject/dist/style-inject.es.js","../src/lib.ts","../src/Hero.tsx"],"sourcesContent":["type 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 { 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","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\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 { classNames } from './className';\nimport { HeroProvider, useHeroContext } from './context';\nimport '@basaldev/blocks-frontend-framework/dist/style.css';\nimport './hero.css';\nimport { BlocksOverride, BlocksOverrideComponent, createDefaultBlocks, deepMerge } from './lib';\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<ComponentProps<'div'>, '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    <div 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: { item, ...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    </div>\n  );\n};\n\nHero.HeroImg = ({ src, ...props }: Partial<ComponentProps<'img'>>) => {\n  const { className, imageUrl } = deepMerge(useHeroContext(), props);\n\n  return <img className={classNames('nbb-hero-img', className)} src={src || imageUrl} alt=\"hero image\" {...props} />;\n};\n\nconst HeroContent = ({ className, ...props }: Partial<ComponentProps<'div'>>) => {\n  return (\n    <div className={classNames('nbb-hero-content', className)} {...props}>\n      <div>\n        <HeroContent.HeroByline />\n        <HeroContent.SecondaryText />\n      </div>\n      <div>\n        <HeroContent.ActionButton />\n        <HeroContent.TertiaryText />\n      </div>\n    </div>\n  );\n};\n\nHero.HeroContent = HeroContent;\n\nHeroContent.HeroByline = ({ className, children, ...props }: Partial<ComponentProps<'h6'>>) => {\n  const { byline } = deepMerge(useHeroContext(), props);\n\n  return (\n    <h6 className={classNames(className, 'nbb-hero-byline')} {...props}>\n      {children || byline}\n    </h6>\n  );\n};\n\nHeroContent.SecondaryText = ({ className, children, ...props }: Partial<ComponentProps<'h3'>>) => {\n  const { secondaryText } = deepMerge(useHeroContext(), props);\n\n  return (\n    <h3 className={classNames(className, 'nbb-hero-tertiary-text')} {...props}>\n      {children || secondaryText}\n    </h3>\n  );\n};\n\nHeroContent.ActionButton = ({ className, children, onClick, ...props }: Partial<ComponentProps<'button'>>) => {\n  const { buttonText, onClickButton } = deepMerge(useHeroContext(), props);\n\n  return (\n    <button type=\"button\" onClick={onClick || onClickButton} className={classNames(className, 'nbb-button')} {...props}>\n      {children || buttonText}\n    </button>\n  );\n};\n\nHeroContent.TertiaryText = ({ className, children, ...props }: Partial<ComponentProps<'span'>>) => {\n  const { tertiaryText } = deepMerge(useHeroContext(), props);\n\n  return (\n    <span className={classNames(className, 'nbb-hero-tertiary-text')} {...props}>\n      {children || tertiaryText}\n    </span>\n  );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n  heroImg: Hero.HeroImg,\n  heroContent: Hero.HeroContent,\n});\n"],"names":["createContext","_jsx","useContext","createElement","Fragment","_jsxs"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/index.esm.js

@@ -1,4 +1,33 @@
+
+
+          if (typeof global === 'undefined') {
+            var global = window;
+          }
+        
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, useContext, createElement, Fragment } from 'react';
+import '@basaldev/blocks-frontend-framework/dist/style.css';
+
+/**
+ * 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 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;
+};
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -27,59 +56,121 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".nbb-hero-block {\n  --color-object-accent-primary: #006EAD;\n  --color-object-accent-primary-emphasis: #006EAD;\n    display: flex;\n    flex-direction: column-reverse;\n    text-align: center;\n    justify-content: start;\n}\n\n.nbb-hero-block .nbb-button {\n  --color-object-accent-primary: #006EAD;\n  --color-object-accent-primary-emphasis: #006EAD;\n}\n\n@media (min-width: 680px) {\n  .nbb-hero-block {\n    display: flex;\n    flex-direction: row-reverse;\n    position: relative;\n    align-items: center;\n  }\n  .nbb-hero-img {\n    width: 50%;\n  }\n  .nbb-hero-block .text-content {\n    left: 146px;\n    width: 600px;\n    text-align: left;\n    margin-left: 32px;\n  }\n}";
+var css_248z = ".nbb-hero-block {\n  display: flex;\n  flex-direction: row-reverse;\n  text-align: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  row-gap: 40px;\n  font-family: var(--font-family);\n}\n\n.nbb-hero-content {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  gap: 1em;\n  min-width: 400px;\n}\n\n.nbb-hero-tertiary-text {\n  font-size: 30px;\n  margin-block: 10px;\n}\n\n.nbb-hero-byline {\n  font-size: 16px;\n  margin-block: 10px;\n}\n\n.nbb-button {\n  align-items: center;\n  border-radius: var(--border-radius-3);\n  border: 1px solid transparent;\n  cursor: pointer;\n  display: inline-flex;\n  font-family: var(--font-family);\n  gap: var(--spacing-5xs);\n  transition:\n    background-color 300ms,\n    border-color 300ms,\n    color 300ms;\n  white-space: nowrap;\n  padding: 13px 24px;\n  color: var(--color-text-on-primary);\n  background-color: var(--color-object-accent-primary);\n}\n";
 styleInject(css_248z);
 
 /**
- * Utility function to join class names together, ignoring undefined or nil values.
- * @param classes - The class names to join.
- * @returns The joined class names.
+ * 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 classNames(...classes) {
-    return classes.flat().filter(Boolean).join(' ');
-}
-
-function HeroImg({ imageUrl }) {
-    return jsx("img", { className: "nbb-hero-img", src: imageUrl, alt: "hero image" });
-}
-function HeroByline({ byline }) {
-    return jsx("h6", { children: byline });
-}
-function SecondaryText({ secondaryText }) {
-    return jsx("h3", { children: secondaryText });
+function createDefaultBlocks(components) {
+    return Object.fromEntries(Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })]));
 }
-function ActionButton({ onClickButton, buttonText }) {
-    return (jsx("button", { type: "button", onClick: onClickButton, className: "nbb-button primary", children: buttonText }));
-}
-function TertiaryText({ text }) {
-    return jsx("span", { className: "nbb-typography nbb-typography-color-brand nbb-typography-size-s nbb-typography-weight-bold", children: text });
+/**
+ * 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 setBlocks(defaultBlocks, children, settings) {
-    const { blocks: customBlocks = {}, settings: customSettings = {} } = children ? children(defaultBlocks, settings) : { blocks: {}, settings: {} };
-    return {
-        blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [
-            key,
-            customBlocks[key] || defaultComponent,
-        ])),
-        settings: {
-            ...settings,
-            ...customSettings,
+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;
 }
-const defaultBlocks = {
-    HeroImg: HeroImg,
-    HeroByline: HeroByline,
-    SecondaryText: SecondaryText,
-    ActionButton: ActionButton,
-    TertiaryText: TertiaryText,
-};
 
-const Hero = ({ onClickButton, buttonText, imageUrl, className, secondaryText, tertiaryText, byline, children, }) => {
-    const { blocks } = setBlocks(defaultBlocks, children, {});
-    const { HeroImg, HeroByline, SecondaryText, ActionButton, TertiaryText } = blocks;
-    return (jsxs("div", { className: classNames('nbb-hero-block', className), children: [jsx(HeroImg, { imageUrl: imageUrl }), jsxs("div", { className: "text-content", children: [jsxs("div", { children: [jsx(HeroByline, { byline: byline }), jsx(SecondaryText, { secondaryText: secondaryText })] }), jsxs("div", { children: [jsx(ActionButton, { onClickButton: onClickButton, buttonText: buttonText }), jsx(TertiaryText, { text: tertiaryText })] })] })] }));
+const Hero = ({ onClickButton, buttonText, imageUrl, secondaryText, tertiaryText, byline, className, children, ...props }) => {
+    return (jsx("div", { 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: { item, ...blocks }, blockOrder }) => blockOrder
+                    .filter((key) => key in blocks)
+                    .map((key) => jsx(Fragment, { children: blocks[key] }, String(key))) }) }) }));
+};
+Hero.HeroImg = ({ src, ...props }) => {
+    const { className, imageUrl } = deepMerge(useHeroContext(), props);
+    return jsx("img", { className: classNames('nbb-hero-img', className), src: src || imageUrl, alt: "hero image", ...props });
+};
+const HeroContent = ({ className, ...props }) => {
+    return (jsxs("div", { className: classNames('nbb-hero-content', className), ...props, children: [jsxs("div", { children: [jsx(HeroContent.HeroByline, {}), jsx(HeroContent.SecondaryText, {})] }), jsxs("div", { children: [jsx(HeroContent.ActionButton, {}), jsx(HeroContent.TertiaryText, {})] })] }));
+};
+Hero.HeroContent = HeroContent;
+HeroContent.HeroByline = ({ className, children, ...props }) => {
+    const { byline } = deepMerge(useHeroContext(), props);
+    return (jsx("h6", { className: classNames(className, 'nbb-hero-byline'), ...props, children: children || byline }));
+};
+HeroContent.SecondaryText = ({ className, children, ...props }) => {
+    const { secondaryText } = deepMerge(useHeroContext(), props);
+    return (jsx("h3", { className: classNames(className, 'nbb-hero-tertiary-text'), ...props, children: children || secondaryText }));
+};
+HeroContent.ActionButton = ({ className, children, onClick, ...props }) => {
+    const { buttonText, onClickButton } = deepMerge(useHeroContext(), props);
+    return (jsx("button", { type: "button", onClick: onClick || onClickButton, className: classNames(className, 'nbb-button'), ...props, children: children || buttonText }));
+};
+HeroContent.TertiaryText = ({ className, children, ...props }) => {
+    const { tertiaryText } = deepMerge(useHeroContext(), props);
+    return (jsx("span", { className: classNames(className, 'nbb-hero-tertiary-text'), ...props, children: children || tertiaryText }));
 };
+const defaultBlocks = createDefaultBlocks({
+    heroImg: Hero.HeroImg,
+    heroContent: Hero.HeroContent,
+});
 
 export { Hero };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/className.tsx","../src/blocks.tsx","../src/Hero.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","type 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","export type DefaultBlocks = {\n    HeroImg: React.FC<{ imageUrl: string }>;\n    HeroByline: React.FC<{ byline: string | React.ReactNode }>;\n    SecondaryText: React.FC<{ secondaryText: string | React.ReactNode }>;\n    ActionButton: React.FC<{ onClickButton: () => void; buttonText: string }>;\n    TertiaryText: React.FC<{ text: string | React.ReactNode }>;\n}\n\nexport type DefaultSettings = {\n}\n\nexport function HeroImg({ imageUrl }: { imageUrl: string }) {\n    return <img className=\"nbb-hero-img\" src={imageUrl} alt=\"hero image\" />;\n  }\n  \n  export function HeroByline({ byline }: { byline: string | React.ReactNode }) {\n    return <h6>{byline}</h6>;\n  }\n  \n  export function SecondaryText({ secondaryText }: { secondaryText: string | React.ReactNode }) {\n    return <h3>{secondaryText}</h3>\n  }\n  \n  export function ActionButton({ onClickButton, buttonText }: { onClickButton: () => void; buttonText: string }) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onClickButton}\n        className=\"nbb-button primary\"\n      >\n        {buttonText}\n      </button>\n    );\n  }\n  export function TertiaryText({ text }: { text: string | React.ReactNode }) {\n    return <span className=\"nbb-typography nbb-typography-color-brand nbb-typography-size-s nbb-typography-weight-bold\">{text}</span>;\n  }\n\nexport function setBlocks(\n    defaultBlocks: DefaultBlocks,\n    children?: (defaultBlocks: DefaultBlocks, settings?: DefaultSettings) => {\n        blocks: { [x: string]: any };\n        settings?: DefaultSettings;\n    },\n    settings?: DefaultSettings,\n) {\n    const { blocks: customBlocks = {}, settings: customSettings = {} } =\n        children ? children(defaultBlocks, settings) : { blocks: {}, settings: {} };\n\n    return {\n        blocks: Object.fromEntries(\n            Object.entries(defaultBlocks).map(([key, defaultComponent]) => [\n                key,\n                customBlocks[key] || defaultComponent,\n            ])\n        ),\n        settings: {\n            ...settings,\n            ...customSettings,\n        }\n    };\n}\n\n\nexport const defaultSettings = {\n}\n\nexport const defaultBlocks = {\n    HeroImg: HeroImg,\n    HeroByline: HeroByline,\n    SecondaryText: SecondaryText,\n    ActionButton: ActionButton,\n    TertiaryText: TertiaryText,\n}\n","import React from \"react\";\nimport \"./hero.css\";\nimport { classNames } from \"./className\";\nimport { DefaultBlocks, defaultBlocks, DefaultSettings, setBlocks } from \"./blocks\";\nexport interface HeroProps {\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: string | React.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  /** Screen size to show for this block */\n  className: string;\n  /** Show/hide secondary text */\n  secondaryText?: string | React.ReactNode;\n  /** Show/hide tertiary text */\n  tertiaryText?: string | React.ReactNode;\n  children?: (defaultBlocks: DefaultBlocks, settings?: DefaultSettings) => {\n    blocks: { [x: string]: any };\n    settings?: DefaultSettings;\n},\n}\n\nexport const Hero: React.FC<HeroProps> = ({\n  onClickButton,\n  buttonText,\n  imageUrl,\n  className,\n  secondaryText,\n  tertiaryText,\n  byline,\n  children,\n}) => {\n  const { blocks } = setBlocks(defaultBlocks, children, {});\n  const { HeroImg, HeroByline, SecondaryText, ActionButton, TertiaryText} = blocks;\n  return (\n    \n    <div className={classNames('nbb-hero-block', className)}>\n      <HeroImg imageUrl={imageUrl} />\n      <div className=\"text-content\">\n        <div>\n          <HeroByline byline={byline} />\n          <SecondaryText secondaryText={secondaryText} />\n        </div>\n        <div>\n          <ActionButton onClickButton={onClickButton} buttonText={buttonText} />\n          <TertiaryText text={tertiaryText}  />\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.esm.js","sources":["../src/className.tsx","../src/context.tsx","../node_modules/style-inject/dist/style-inject.es.js","../src/lib.ts","../src/Hero.tsx"],"sourcesContent":["type 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 { 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","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\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 { classNames } from './className';\nimport { HeroProvider, useHeroContext } from './context';\nimport '@basaldev/blocks-frontend-framework/dist/style.css';\nimport './hero.css';\nimport { BlocksOverride, BlocksOverrideComponent, createDefaultBlocks, deepMerge } from './lib';\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<ComponentProps<'div'>, '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    <div 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: { item, ...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    </div>\n  );\n};\n\nHero.HeroImg = ({ src, ...props }: Partial<ComponentProps<'img'>>) => {\n  const { className, imageUrl } = deepMerge(useHeroContext(), props);\n\n  return <img className={classNames('nbb-hero-img', className)} src={src || imageUrl} alt=\"hero image\" {...props} />;\n};\n\nconst HeroContent = ({ className, ...props }: Partial<ComponentProps<'div'>>) => {\n  return (\n    <div className={classNames('nbb-hero-content', className)} {...props}>\n      <div>\n        <HeroContent.HeroByline />\n        <HeroContent.SecondaryText />\n      </div>\n      <div>\n        <HeroContent.ActionButton />\n        <HeroContent.TertiaryText />\n      </div>\n    </div>\n  );\n};\n\nHero.HeroContent = HeroContent;\n\nHeroContent.HeroByline = ({ className, children, ...props }: Partial<ComponentProps<'h6'>>) => {\n  const { byline } = deepMerge(useHeroContext(), props);\n\n  return (\n    <h6 className={classNames(className, 'nbb-hero-byline')} {...props}>\n      {children || byline}\n    </h6>\n  );\n};\n\nHeroContent.SecondaryText = ({ className, children, ...props }: Partial<ComponentProps<'h3'>>) => {\n  const { secondaryText } = deepMerge(useHeroContext(), props);\n\n  return (\n    <h3 className={classNames(className, 'nbb-hero-tertiary-text')} {...props}>\n      {children || secondaryText}\n    </h3>\n  );\n};\n\nHeroContent.ActionButton = ({ className, children, onClick, ...props }: Partial<ComponentProps<'button'>>) => {\n  const { buttonText, onClickButton } = deepMerge(useHeroContext(), props);\n\n  return (\n    <button type=\"button\" onClick={onClick || onClickButton} className={classNames(className, 'nbb-button')} {...props}>\n      {children || buttonText}\n    </button>\n  );\n};\n\nHeroContent.TertiaryText = ({ className, children, ...props }: Partial<ComponentProps<'span'>>) => {\n  const { tertiaryText } = deepMerge(useHeroContext(), props);\n\n  return (\n    <span className={classNames(className, 'nbb-hero-tertiary-text')} {...props}>\n      {children || tertiaryText}\n    </span>\n  );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n  heroImg: Hero.HeroImg,\n  heroContent: Hero.HeroContent,\n});\n"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/lib.d.ts

@@ -0,0 +1,87 @@
+import { ComponentProps, FunctionComponent, ReactElement, ReactNode } from 'react';
+/**
+ * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.
+ *
+ * @example
+ * <Block>
+ *   {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({
+ *     blocks: {
+ *       ...defaultBlocks,
+ *       header: {
+ *         ...header,
+ *         props: {
+ *           ...header.props,
+ *           label: "Custom Label"
+ *         }
+ *       },
+ *       subheader: <CustomComponent />
+ *     },
+ *     blockOrder: ["header", "subheader", "body", "footer"]
+ *   })}
+ * </Block>
+ */
+export type BlocksOverride<DefaultBlocks, CustomBlocks> = (({ defaultBlocks, defaultBlockOrder, }: {
+    defaultBlocks: DefaultBlocks;
+    defaultBlockOrder: readonly (keyof DefaultBlocks)[];
+}) => {
+    blocks: Partial<DefaultBlocks> & CustomBlocks;
+    blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];
+}) | ReactNode;
+/**
+ * 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,
+ * });
+ */
+export declare function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(components: T): {
+    [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;
+};
+/**
+ * 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>
+ */
+export declare function BlocksOverrideComponent<DefaultBlocks extends Record<string, ReactNode>, CustomBlocks extends Record<string, ReactNode>>({ blocksOverride, defaultBlocks, defaultBlockOrder, children, }: {
+    blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;
+    defaultBlocks: DefaultBlocks;
+    defaultBlockOrder: (keyof DefaultBlocks)[];
+    children: ({ blocks, blockOrder, }: {
+        blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;
+        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;
+};
+export declare function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B): MergeTypes<B, A>;
+type ClassName = string | ClassName[] | undefined | null;
+/**
+ * Utility function to join class names together, ignoring undefined or nil values.
+ * @param classes - The class names to join.
+ * @returns The joined class names.
+ */
+export declare function classNames(...classes: ClassName[]): string;
+export {};
+//# sourceMappingURL=lib.d.ts.map

package/dist/lib.d.ts.map

@@ -0,0 +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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nodeblocks/frontend-hero-block",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "browser": "dist/index.iife.js",
@@ -15,10 +15,10 @@
   },
   "peerDependencies": {
     "react": "^18.3.1",
-    "react-dom": "^18.0.0"
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.1",
@@ -26,6 +26,7 @@
     "@types/react-dom": "^18.3.1",
     "rollup": "^4.28.0",
     "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/readme.md

@@ -3,24 +3,29 @@
 Welcome to the Nodeblocks Frontend Starter Kit! 🎉 This kit is designed to make building frontend libraries in React super easy, helping you streamline your development workflow with minimal fuss. Let's dive in! 🤿
 
 ### ✨ Features
+
 - **🚀 Bundling with Rollup:** Get a clean, minimalistic approach to bundling your JavaScript files for smoother frontend development.
 - **💙 TypeScript Support:** We've included a pre-configured `tsconfig.json` to ensure your TypeScript setup is strict, efficient, and ready to go.
 - **⚙️ Peer Dependencies:** Keep bundle sizes lean with React and React DOM set as peer dependencies.
 - **🎨 CSS Support:** Easily import and process CSS files, giving you more control over your styles.
 
 ### 🛠️ How to Use
+
 1. **Clone this repository** 🌀:
+
    ```bash
    git clone <repository-url>
    cd <repository-directory>
    ```
 
 2. **Install dependencies** 📦:
+
    ```bash
    npm install
    ```
 
 3. **Start development** 🛠️:
+
    ```bash
    npm run watch
    ```
@@ -48,10 +53,12 @@ This ensures Nodeblocks libraries integrate seamlessly with different workflows.
    npm link
    ```
 2. In the test project you want to run:
+
    ```bash
    npm i
    npm link @basaldev/frontend-starter-kit
    ```
-(Note that in real life your library would not be called frontend-starter-kit.)
 
-3. Then you can follow your usual workflow either with **Create React App** (`npm start`) or with Vite (`npm run dev`). This will give you a development environment where whenever you change your library it will be available in your test project.
+   (Note that in real life your library would not be called frontend-starter-kit.)
+
+3. Then you can follow your usual workflow either with **Create React App** (`npm start`) or with Vite (`npm run dev`). This will give you a development environment where whenever you change your library it will be available in your test project.

package/dist/blocks.d.ts

@@ -1,55 +0,0 @@
-export type DefaultBlocks = {
-    HeroImg: React.FC<{
-        imageUrl: string;
-    }>;
-    HeroByline: React.FC<{
-        byline: string | React.ReactNode;
-    }>;
-    SecondaryText: React.FC<{
-        secondaryText: string | React.ReactNode;
-    }>;
-    ActionButton: React.FC<{
-        onClickButton: () => void;
-        buttonText: string;
-    }>;
-    TertiaryText: React.FC<{
-        text: string | React.ReactNode;
-    }>;
-};
-export type DefaultSettings = {};
-export declare function HeroImg({ imageUrl }: {
-    imageUrl: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function HeroByline({ byline }: {
-    byline: string | React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SecondaryText({ secondaryText }: {
-    secondaryText: string | React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ActionButton({ onClickButton, buttonText }: {
-    onClickButton: () => void;
-    buttonText: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function TertiaryText({ text }: {
-    text: string | React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function setBlocks(defaultBlocks: DefaultBlocks, children?: (defaultBlocks: DefaultBlocks, settings?: DefaultSettings) => {
-    blocks: {
-        [x: string]: any;
-    };
-    settings?: DefaultSettings;
-}, settings?: DefaultSettings): {
-    blocks: {
-        [k: string]: any;
-    };
-    settings: {};
-};
-export declare const defaultSettings: {};
-export declare const defaultBlocks: {
-    HeroImg: typeof HeroImg;
-    HeroByline: typeof HeroByline;
-    SecondaryText: typeof SecondaryText;
-    ActionButton: typeof ActionButton;
-    TertiaryText: typeof TertiaryText;
-};
-//# sourceMappingURL=blocks.d.ts.map

package/dist/blocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../src/blocks.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IACxB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxC,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IAC3D,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,aAAa,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IACrE,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,aAAa,EAAE,MAAM,IAAI,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1E,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC9D,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,EAC7B,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,2CAEvD;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAAE,2CAE1E;AAED,wBAAgB,aAAa,CAAC,EAAE,aAAa,EAAE,EAAE;IAAE,aAAa,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAAE,2CAE3F;AAED,wBAAgB,YAAY,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE;IAAE,aAAa,EAAE,MAAM,IAAI,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,2CAU5G;AACD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAAE,2CAExE;AAEH,wBAAgB,SAAS,CACrB,aAAa,EAAE,aAAa,EAC5B,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,CAAC,EAAE,eAAe,KAAK;IACrE,MAAM,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC9B,EACD,QAAQ,CAAC,EAAE,eAAe;;;;;EAiB7B;AAGD,eAAO,MAAM,eAAe,IAC3B,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAA"}