@nodeblocks/frontend-how-to-use-block 0.3.0 → 0.3.2

package/dist/HowToUse.d.ts

@@ -4,28 +4,23 @@ import { ReactNode } from 'react';
 import { HowToUseContextValue } from './context';
 import { BlocksOverride } from './lib';
 declare const HowToUse: {
-    <CustomBlocks extends Record<string, ReactNode> = {}>({ className, children, subtitle, headerContent, message, linkHref, linkContent, sx, ...props }: Omit<StackProps, "children"> & {
+    <CustomBlocks extends Record<string, ReactNode> = {}>({ className, children, sx, ...props }: Omit<StackProps, "children"> & {
         children?: BlocksOverride<typeof defaultHowToUseBlocks, CustomBlocks>;
     } & Required<Pick<HowToUseContextValue, "subtitle" | "headerContent" | "message" | "linkHref" | "linkContent">>): import("react/jsx-runtime").JSX.Element;
-    Header: ({ className, children, sx, ...props }: StackProps & Required<Pick<HowToUseContextValue, "subtitle">> & {
-        children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ className, children, sx, ...props }: StackProps & Partial<Pick<HowToUseContextValue, "subtitle" | "headerContent">>) => import("react/jsx-runtime").JSX.Element;
     CardList: ({ children, className, sx, ...props }: StackProps & {
         children: ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
-    Card: ({ children, className, icon: Icon, sx, ...props }: CardProps & {
+    Card: ({ children, className, icon: Icon, headerContent, sx, ...props }: CardProps & {
         icon: SvgIconComponent;
-    } & Required<Pick<HowToUseContextValue, "headerContent">>) => import("react/jsx-runtime").JSX.Element;
+        headerContent: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
     Footer: ({ children, className, sx, ...props }: StackProps & Required<Pick<HowToUseContextValue, "message" | "linkHref" | "linkContent">>) => import("react/jsx-runtime").JSX.Element;
 };
 declare const defaultHowToUseBlocks: {
     header: import("react").ReactElement<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & {
         component?: React.ElementType;
-    } & Required<Pick<HowToUseContextValue, "subtitle">> & {
-        children: ReactNode;
-    }, ({ className, children, sx, ...props }: StackProps & Required<Pick<HowToUseContextValue, "subtitle">> & {
-        children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element>;
+    } & Partial<Pick<HowToUseContextValue, "subtitle" | "headerContent">>, ({ className, children, sx, ...props }: StackProps & Partial<Pick<HowToUseContextValue, "subtitle" | "headerContent">>) => import("react/jsx-runtime").JSX.Element>;
     cardList: import("react").ReactElement<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & {
         component?: React.ElementType;
     } & {
@@ -37,9 +32,11 @@ declare const defaultHowToUseBlocks: {
         component?: React.ElementType;
     } & {
         icon: SvgIconComponent;
-    } & Required<Pick<HowToUseContextValue, "headerContent">>, ({ children, className, icon: Icon, sx, ...props }: CardProps & {
+        headerContent: ReactNode;
+    }, ({ children, className, icon: Icon, headerContent, sx, ...props }: CardProps & {
         icon: SvgIconComponent;
-    } & Required<Pick<HowToUseContextValue, "headerContent">>) => import("react/jsx-runtime").JSX.Element>;
+        headerContent: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element>;
     footer: import("react").ReactElement<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & {
         component?: React.ElementType;
     } & Required<Pick<HowToUseContextValue, "message" | "linkHref" | "linkContent">>, ({ children, className, sx, ...props }: StackProps & Required<Pick<HowToUseContextValue, "message" | "linkHref" | "linkContent">>) => import("react/jsx-runtime").JSX.Element>;

package/dist/HowToUse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HowToUse.d.ts","sourceRoot":"","sources":["../src/HowToUse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAuB,SAAS,EAA0B,UAAU,EAAc,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAwC,MAAM,WAAW,CAAC;AACvF,OAAO,EAAE,cAAc,EAAuE,MAAM,OAAO,CAAC;AAoO5G,QAAA,MAAM,QAAQ;KAAI,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,uGAU7D,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;QAChC,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,qBAAqB,EAAE,YAAY,CAAC,CAAC;KACvE,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC,CAAC;oDA3J5G,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;sDA6FjC,UAAU,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;8DA1K1F,SAAS,GAAG;QAAE,IAAI,EAAE,gBAAgB,CAAA;KAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAC;oDA2H9F,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC,CAAC;CAwJ3F,CAAC;AAOF,QAAA,MAAM,qBAAqB;;;;kBA7MoD,SAAS;+CAArF,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;;;;kBA6FR,SAAS;+CAAlC,UAAU,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;;;;cA1KtE,gBAAgB;mHAApC,SAAS,GAAG;QAAE,IAAI,EAAE,gBAAgB,CAAA;KAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAC;;;8HA2H9F,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC,CAAC;CAoK1F,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"HowToUse.d.ts","sourceRoot":"","sources":["../src/HowToUse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAuB,SAAS,EAA0B,UAAU,EAAc,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAA6D,MAAM,WAAW,CAAC;AAE5G,OAAO,EAAE,cAAc,EAAmE,MAAM,OAAO,CAAC;AAoOxG,QAAA,MAAM,QAAQ;KAAI,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,8CAK7D,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;QAChC,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,qBAAqB,EAAE,YAAY,CAAC,CAAC;KACvE,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC,CAAC;oDAvJ5G,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,eAAe,CAAC,CAAC;sDA8FxB,UAAU,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;6EAzK1F,SAAS,GAAG;QAAE,IAAI,EAAE,gBAAgB,CAAC;QAAC,aAAa,EAAE,SAAS,CAAA;KAAE;oDA0HhE,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC,CAAC;CA2I3F,CAAC;AAOF,QAAA,MAAM,qBAAqB;;;mHAjMxB,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,eAAe,CAAC,CAAC;;;;kBA8FC,SAAS;+CAAlC,UAAU,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;;;;cAzKtE,gBAAgB;uBAAiB,SAAS;0EAA9D,SAAS,GAAG;QAAE,IAAI,EAAE,gBAAgB,CAAC;QAAC,aAAa,EAAE,SAAS,CAAA;KAAE;;;8HA0HhE,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC,CAAC;CAuJ1F,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/context.d.ts

@@ -6,6 +6,7 @@ export type HowToUseContextValue = {
     linkHref: string;
     linkContent: ReactNode;
 };
+export declare const keys: readonly ["subtitle", "headerContent", "message", "linkHref", "linkContent"];
 export declare const HowToUseProvider: ({ children, ...value }: HowToUseContextValue & {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

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,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,gBAAgB,GAAI,wBAG9B,oBAAoB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAEA,CAAC;AAEF,eAAO,MAAM,kBAAkB,4BAO9B,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,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,IAAI,8EAMyB,CAAC;AAW3C,eAAO,MAAM,gBAAgB,GAAI,wBAG9B,oBAAoB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAEA,CAAC;AAEF,eAAO,MAAM,kBAAkB,4BAO9B,CAAC"}

package/dist/index.cjs.js

@@ -1,236 +1 @@
-
-
-          if (typeof global === 'undefined') {
-            var global = window;
-          }
-        
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var iconsMaterial = require('@mui/icons-material');
-var material = require('@mui/material');
-var react = require('react');
-
-const HowToUseContext = react.createContext(undefined);
-const HowToUseProvider = ({ children, ...value }) => {
-    return jsxRuntime.jsx(HowToUseContext.Provider, { value: value, children: children });
-};
-const useHowToUseContext = () => {
-    const context = react.useContext(HowToUseContext);
-    if (!context) {
-        throw new Error('useHowToUseContext must be used within a HowToUseProvider');
-    }
-    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 Card = ({ children, className, icon: Icon, sx, ...props }) => {
-    const { headerContent } = deepMerge(useHowToUseContext(), props);
-    return (jsxRuntime.jsx(material.Card, { component: "article", elevation: 0, className: classNames('nbb-how-to-use-card', className), sx: [
-            {
-                width: '100%',
-                maxWidth: 360,
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], ...props, children: jsxRuntime.jsxs(material.CardContent, { component: material.Stack, spacing: 2, sx: {
-                py: { xs: 2, lg: 3 },
-                px: 2.5,
-                alignItems: { xs: 'flex-start', lg: 'unset' },
-            }, children: [jsxRuntime.jsxs(material.Stack, { direction: { xs: 'row', lg: 'column' }, spacing: { xs: 2, lg: 1 }, sx: {
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        py: 0.5,
-                    }, children: [Icon && (jsxRuntime.jsx(Icon, { sx: {
-                                color: 'primary.main',
-                                fontSize: { xs: 24, lg: 40 },
-                            } })), jsxRuntime.jsx(material.Typography, { variant: "h6", component: "h6", sx: {
-                                color: '#000',
-                                fontWeight: 600,
-                                fontSize: { xs: 16, lg: 25 },
-                                m: 0,
-                                lineHeight: 1.72,
-                            }, children: headerContent })] }), jsxRuntime.jsx(material.Typography, { sx: {
-                        fontSize: 16,
-                        textAlign: 'left',
-                        lineHeight: 1.72,
-                        fontWeight: 300,
-                    }, children: children })] }) }));
-};
-const Header = ({ className, children, sx, ...props }) => {
-    const { subtitle } = deepMerge(useHowToUseContext(), props);
-    return (jsxRuntime.jsxs(material.Stack, { spacing: { xs: 0.5, lg: 1 }, className: classNames('nbb-how-to-use-header', className), sx: [
-            {
-                textAlign: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], ...props, children: [jsxRuntime.jsx(material.Typography, { variant: "h4", sx: {
-                    color: 'primary.main',
-                    fontWeight: 'bold',
-                    lineHeight: 1.5,
-                    fontSize: { xs: 18, lg: 24 },
-                }, children: children }), jsxRuntime.jsx(material.Typography, { variant: "h1", component: "h1", sx: {
-                    fontSize: { xs: 25, lg: 45 },
-                    fontWeight: 600,
-                    lineHeight: 1.5,
-                }, children: subtitle })] }));
-};
-const Footer = ({ children, className, sx, ...props }) => {
-    const { message, linkHref, linkContent } = deepMerge(useHowToUseContext(), props);
-    return (jsxRuntime.jsxs(material.Stack, { spacing: 1.5, className: classNames('nbb-how-to-use-footer', className), sx: [
-            {
-                alignItems: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], ...props, children: [message && (jsxRuntime.jsx(material.Typography, { variant: "body2", sx: {
-                    color: 'primary.main',
-                    fontWeight: 600,
-                    lineHeight: 1.72,
-                }, children: message })), jsxRuntime.jsx(material.Button, { href: linkHref, rel: "noreferrer noopener", variant: "contained", size: "medium", sx: {
-                    width: 360,
-                    maxWidth: '100%',
-                    py: 1.5,
-                    fontSize: { lg: 22 },
-                    lineHeight: 1.5,
-                    fontWeight: 600,
-                }, children: linkContent })] }));
-};
-const CardList = ({ children, className, sx, ...props }) => {
-    return (jsxRuntime.jsx(material.Stack, { direction: { xs: 'column', lg: 'row' }, spacing: 0, className: classNames('nbb-how-to-use-card-list', className), sx: [
-            {
-                alignItems: { xs: 'center', lg: 'stretch' },
-                justifyContent: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], ...props, children: children && Array.isArray(children)
-            ? children.reduce((total, child, i) => [
-                ...total,
-                ...(i > 0
-                    ? [
-                        jsxRuntime.jsx(iconsMaterial.ArrowRight, { sx: {
-                                display: { xs: 'none', lg: 'initial' },
-                                fontSize: 40,
-                                color: 'primary.main',
-                                alignSelf: 'center',
-                            } }, `right-arrow-${i}`),
-                        jsxRuntime.jsx(iconsMaterial.ArrowDropDown, { sx: {
-                                display: { xs: 'initial', lg: 'none' },
-                                fontSize: 40,
-                                color: 'primary.main',
-                                alignSelf: 'center',
-                            } }, `down-arrow-${i}`),
-                    ]
-                    : []),
-                child,
-            ], [])
-            : children }));
-};
-const HowToUse = ({ className, children, subtitle, headerContent, message, linkHref, linkContent, sx, ...props }) => {
-    return (jsxRuntime.jsx(HowToUseProvider, { subtitle,
-        headerContent,
-        message,
-        linkHref,
-        linkContent, children: jsxRuntime.jsx(material.Stack, { spacing: { xs: 5, lg: 6 }, className: classNames('nbb-how-to-use', className), sx: [
-                (theme) => ({
-                    backgroundColor: theme.palette.background.default,
-                    py: { xs: 5, lg: 10 },
-                    px: { xs: 2, lg: 'unset' },
-                }),
-                ...(Array.isArray(sx) ? sx : [sx]),
-            ], ...props, children: jsxRuntime.jsx(BlocksOverrideComponent, { defaultBlocks: defaultHowToUseBlocks, defaultBlockOrder: Object.keys(defaultHowToUseBlocks), blocksOverride: children, children: ({ blocks: { card, ...blocks }, blockOrder }) => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: blockOrder
-                        .filter((key) => key in blocks)
-                        .map((key) => (jsxRuntime.jsx(react.Fragment, { children: blocks[key] }, String(key)))) })) }) }) }));
-};
-HowToUse.Header = Header;
-HowToUse.CardList = CardList;
-HowToUse.Card = Card;
-HowToUse.Footer = Footer;
-const defaultHowToUseBlocks = createDefaultBlocks({
-    header: HowToUse.Header,
-    cardList: HowToUse.CardList,
-    card: HowToUse.Card,
-    footer: HowToUse.Footer,
-});
-
-exports.HowToUse = HowToUse;
-//# sourceMappingURL=index.cjs.js.map
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/icons-material"),n=require("@mui/material"),t=require("react");const s=["subtitle","headerContent","message","linkHref","linkContent"],i=t.createContext(void 0),o=({children:r,...n})=>e.jsx(i.Provider,{value:n,children:r}),a=()=>{const e=t.useContext(i);if(!e)throw new Error("useHowToUseContext must be used within a HowToUseProvider");return e};function l({blocksOverride:e,defaultBlocks:r,defaultBlockOrder:n,children:t}){if(void 0===e)return t({blocks:r,blockOrder:n});if("function"==typeof e){const{blocks:s,blockOrder:i}=e({defaultBlocks:r,defaultBlockOrder:n});return t({blocks:s,blockOrder:i})}return e}function c(e,r){const n={...e};for(const e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e]);return n}function d(...e){return e.flat().filter(Boolean).join(" ")}function x(e,...r){const n={...e};for(const e of r)delete n[e];return n}function h(e,...r){const n={};for(const t of r)t in e&&(n[t]=e[t]);return n}const g=({className:r,children:i,sx:a,...c})=>e.jsx(o,{...h(c,...s),children:e.jsx(n.Stack,{spacing:{xs:5,lg:6},className:d("nbb-how-to-use",r),sx:[e=>({backgroundColor:e.palette.background.default,py:{xs:5,lg:10},px:{xs:2,lg:"unset"}}),...Array.isArray(a)?a:[a]],...x(c,...s),children:e.jsx(l,{defaultBlocks:u,defaultBlockOrder:Object.keys(u),blocksOverride:i,children:({blocks:{card:r,...n},blockOrder:s})=>e.jsx(e.Fragment,{children:s.filter(e=>e in n).map(r=>e.jsx(t.Fragment,{children:n[r]},String(r)))})})})}),u=(f={header:g.Header=({className:r,children:t,sx:i,...o})=>{const l=a(),{subtitle:h,headerContent:g}=c(l,o);return e.jsxs(n.Stack,{spacing:{xs:.5,lg:1},className:d("nbb-how-to-use-header",r),sx:[{textAlign:"center"},...Array.isArray(i)?i:[i]],...x(o,...s),children:[e.jsx(n.Typography,{variant:"h4",sx:{color:"primary.main",fontWeight:"bold",lineHeight:1.5,fontSize:{xs:18,lg:24}},children:g||t}),e.jsx(n.Typography,{variant:"h1",component:"h1",sx:{fontSize:{xs:25,lg:45},fontWeight:600,lineHeight:1.5},children:h})]})},cardList:g.CardList=({children:t,className:s,sx:i,...o})=>e.jsx(n.Stack,{direction:{xs:"column",lg:"row"},spacing:0,className:d("nbb-how-to-use-card-list",s),sx:[{alignItems:{xs:"center",lg:"stretch"},justifyContent:"center"},...Array.isArray(i)?i:[i]],...o,children:t&&Array.isArray(t)?t.reduce((n,t,s)=>[...n,...s>0?[e.jsx(r.ArrowRight,{sx:{display:{xs:"none",lg:"initial"},fontSize:40,color:"primary.main",alignSelf:"center"}},`right-arrow-${s}`),e.jsx(r.ArrowDropDown,{sx:{display:{xs:"initial",lg:"none"},fontSize:40,color:"primary.main",alignSelf:"center"}},`down-arrow-${s}`)]:[],t],[]):t}),card:g.Card=({children:r,className:t,icon:i,headerContent:o,sx:a,...l})=>e.jsx(n.Card,{component:"article",elevation:0,className:d("nbb-how-to-use-card",t),sx:[{width:"100%",maxWidth:360},...Array.isArray(a)?a:[a]],...x(l,...s),children:e.jsxs(n.CardContent,{component:n.Stack,spacing:2,sx:{py:{xs:2,lg:3},px:2.5,alignItems:{xs:"flex-start",lg:"unset"}},children:[e.jsxs(n.Stack,{direction:{xs:"row",lg:"column"},spacing:{xs:2,lg:1},sx:{alignItems:"center",justifyContent:"center",py:.5},children:[i&&e.jsx(i,{sx:{color:"primary.main",fontSize:{xs:24,lg:40}}}),e.jsx(n.Typography,{variant:"h6",component:"h6",sx:{color:"#000",fontWeight:600,fontSize:{xs:16,lg:25},m:0,lineHeight:1.72},children:o})]}),e.jsx(n.Typography,{sx:{fontSize:16,textAlign:"left",lineHeight:1.72,fontWeight:300},children:r})]})}),footer:g.Footer=({children:r,className:t,sx:i,...o})=>{const l=a(),{message:h,linkHref:g,linkContent:u}=c(l,o);return e.jsxs(n.Stack,{spacing:1.5,className:d("nbb-how-to-use-footer",t),sx:[{alignItems:"center"},...Array.isArray(i)?i:[i]],...x(o,...s),children:[h&&e.jsx(n.Typography,{variant:"body2",sx:{color:"primary.main",fontWeight:600,lineHeight:1.72},children:h}),e.jsx(n.Button,{href:g,rel:"noreferrer noopener",variant:"contained",size:"large",sx:{width:360,maxWidth:"100%",fontSize:{lg:22},lineHeight:1.5,px:{lg:32}},children:u})]})}},Object.fromEntries(Object.entries(f).map(([e,r])=>[e,t.createElement(r,{key:e})])));var f;exports.HowToUse=g;

package/dist/index.esm.js

@@ -1,234 +1 @@
-
-
-          if (typeof global === 'undefined') {
-            var global = window;
-          }
-        
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { ArrowRight, ArrowDropDown } from '@mui/icons-material';
-import { Stack, Typography, Card as Card$1, CardContent, Button } from '@mui/material';
-import { createContext, useContext, createElement, Fragment as Fragment$1 } from 'react';
-
-const HowToUseContext = createContext(undefined);
-const HowToUseProvider = ({ children, ...value }) => {
-    return jsx(HowToUseContext.Provider, { value: value, children: children });
-};
-const useHowToUseContext = () => {
-    const context = useContext(HowToUseContext);
-    if (!context) {
-        throw new Error('useHowToUseContext must be used within a HowToUseProvider');
-    }
-    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 Card = ({ children, className, icon: Icon, sx, ...props }) => {
-    const { headerContent } = deepMerge(useHowToUseContext(), props);
-    return (jsx(Card$1, { component: "article", elevation: 0, className: classNames('nbb-how-to-use-card', className), sx: [
-            {
-                width: '100%',
-                maxWidth: 360,
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], ...props, children: jsxs(CardContent, { component: Stack, spacing: 2, sx: {
-                py: { xs: 2, lg: 3 },
-                px: 2.5,
-                alignItems: { xs: 'flex-start', lg: 'unset' },
-            }, children: [jsxs(Stack, { direction: { xs: 'row', lg: 'column' }, spacing: { xs: 2, lg: 1 }, sx: {
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        py: 0.5,
-                    }, children: [Icon && (jsx(Icon, { sx: {
-                                color: 'primary.main',
-                                fontSize: { xs: 24, lg: 40 },
-                            } })), jsx(Typography, { variant: "h6", component: "h6", sx: {
-                                color: '#000',
-                                fontWeight: 600,
-                                fontSize: { xs: 16, lg: 25 },
-                                m: 0,
-                                lineHeight: 1.72,
-                            }, children: headerContent })] }), jsx(Typography, { sx: {
-                        fontSize: 16,
-                        textAlign: 'left',
-                        lineHeight: 1.72,
-                        fontWeight: 300,
-                    }, children: children })] }) }));
-};
-const Header = ({ className, children, sx, ...props }) => {
-    const { subtitle } = deepMerge(useHowToUseContext(), props);
-    return (jsxs(Stack, { spacing: { xs: 0.5, lg: 1 }, className: classNames('nbb-how-to-use-header', className), sx: [
-            {
-                textAlign: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], ...props, children: [jsx(Typography, { variant: "h4", sx: {
-                    color: 'primary.main',
-                    fontWeight: 'bold',
-                    lineHeight: 1.5,
-                    fontSize: { xs: 18, lg: 24 },
-                }, children: children }), jsx(Typography, { variant: "h1", component: "h1", sx: {
-                    fontSize: { xs: 25, lg: 45 },
-                    fontWeight: 600,
-                    lineHeight: 1.5,
-                }, children: subtitle })] }));
-};
-const Footer = ({ children, className, sx, ...props }) => {
-    const { message, linkHref, linkContent } = deepMerge(useHowToUseContext(), props);
-    return (jsxs(Stack, { spacing: 1.5, className: classNames('nbb-how-to-use-footer', className), sx: [
-            {
-                alignItems: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], ...props, children: [message && (jsx(Typography, { variant: "body2", sx: {
-                    color: 'primary.main',
-                    fontWeight: 600,
-                    lineHeight: 1.72,
-                }, children: message })), jsx(Button, { href: linkHref, rel: "noreferrer noopener", variant: "contained", size: "medium", sx: {
-                    width: 360,
-                    maxWidth: '100%',
-                    py: 1.5,
-                    fontSize: { lg: 22 },
-                    lineHeight: 1.5,
-                    fontWeight: 600,
-                }, children: linkContent })] }));
-};
-const CardList = ({ children, className, sx, ...props }) => {
-    return (jsx(Stack, { direction: { xs: 'column', lg: 'row' }, spacing: 0, className: classNames('nbb-how-to-use-card-list', className), sx: [
-            {
-                alignItems: { xs: 'center', lg: 'stretch' },
-                justifyContent: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], ...props, children: children && Array.isArray(children)
-            ? children.reduce((total, child, i) => [
-                ...total,
-                ...(i > 0
-                    ? [
-                        jsx(ArrowRight, { sx: {
-                                display: { xs: 'none', lg: 'initial' },
-                                fontSize: 40,
-                                color: 'primary.main',
-                                alignSelf: 'center',
-                            } }, `right-arrow-${i}`),
-                        jsx(ArrowDropDown, { sx: {
-                                display: { xs: 'initial', lg: 'none' },
-                                fontSize: 40,
-                                color: 'primary.main',
-                                alignSelf: 'center',
-                            } }, `down-arrow-${i}`),
-                    ]
-                    : []),
-                child,
-            ], [])
-            : children }));
-};
-const HowToUse = ({ className, children, subtitle, headerContent, message, linkHref, linkContent, sx, ...props }) => {
-    return (jsx(HowToUseProvider, { subtitle,
-        headerContent,
-        message,
-        linkHref,
-        linkContent, children: jsx(Stack, { spacing: { xs: 5, lg: 6 }, className: classNames('nbb-how-to-use', className), sx: [
-                (theme) => ({
-                    backgroundColor: theme.palette.background.default,
-                    py: { xs: 5, lg: 10 },
-                    px: { xs: 2, lg: 'unset' },
-                }),
-                ...(Array.isArray(sx) ? sx : [sx]),
-            ], ...props, children: jsx(BlocksOverrideComponent, { defaultBlocks: defaultHowToUseBlocks, defaultBlockOrder: Object.keys(defaultHowToUseBlocks), blocksOverride: children, children: ({ blocks: { card, ...blocks }, blockOrder }) => (jsx(Fragment, { children: blockOrder
-                        .filter((key) => key in blocks)
-                        .map((key) => (jsx(Fragment$1, { children: blocks[key] }, String(key)))) })) }) }) }));
-};
-HowToUse.Header = Header;
-HowToUse.CardList = CardList;
-HowToUse.Card = Card;
-HowToUse.Footer = Footer;
-const defaultHowToUseBlocks = createDefaultBlocks({
-    header: HowToUse.Header,
-    cardList: HowToUse.CardList,
-    card: HowToUse.Card,
-    footer: HowToUse.Footer,
-});
-
-export { HowToUse };
-//# sourceMappingURL=index.esm.js.map
+import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import{ArrowRight as t,ArrowDropDown as i}from"@mui/icons-material";import{Stack as o,Typography as l,Card as s,CardContent as a,Button as c}from"@mui/material";import{createContext as d,useContext as h,createElement as f,Fragment as m}from"react";const g=["subtitle","headerContent","message","linkHref","linkContent"],x=d(void 0),u=({children:r,...n})=>e(x.Provider,{value:n,children:r}),p=()=>{const e=h(x);if(!e)throw new Error("useHowToUseContext must be used within a HowToUseProvider");return e};function b({blocksOverride:e,defaultBlocks:r,defaultBlockOrder:n,children:t}){if(void 0===e)return t({blocks:r,blockOrder:n});if("function"==typeof e){const{blocks:i,blockOrder:o}=e({defaultBlocks:r,defaultBlockOrder:n});return t({blocks:i,blockOrder:o})}return e}function y(e,r){const n={...e};for(const e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e]);return n}function k(...e){return e.flat().filter(Boolean).join(" ")}function w(e,...r){const n={...e};for(const e of r)delete n[e];return n}function v(e,...r){const n={};for(const t of r)t in e&&(n[t]=e[t]);return n}const A=({className:n,children:t,sx:i,...l})=>e(u,{...v(l,...g),children:e(o,{spacing:{xs:5,lg:6},className:k("nbb-how-to-use",n),sx:[e=>({backgroundColor:e.palette.background.default,py:{xs:5,lg:10},px:{xs:2,lg:"unset"}}),...Array.isArray(i)?i:[i]],...w(l,...g),children:e(b,{defaultBlocks:O,defaultBlockOrder:Object.keys(O),blocksOverride:t,children:({blocks:{card:n,...t},blockOrder:i})=>e(r,{children:i.filter(e=>e in t).map(r=>e(m,{children:t[r]},String(r)))})})})}),O=(C={header:A.Header=({className:r,children:t,sx:i,...s})=>{const a=p(),{subtitle:c,headerContent:d}=y(a,s);return n(o,{spacing:{xs:.5,lg:1},className:k("nbb-how-to-use-header",r),sx:[{textAlign:"center"},...Array.isArray(i)?i:[i]],...w(s,...g),children:[e(l,{variant:"h4",sx:{color:"primary.main",fontWeight:"bold",lineHeight:1.5,fontSize:{xs:18,lg:24}},children:d||t}),e(l,{variant:"h1",component:"h1",sx:{fontSize:{xs:25,lg:45},fontWeight:600,lineHeight:1.5},children:c})]})},cardList:A.CardList=({children:r,className:n,sx:l,...s})=>e(o,{direction:{xs:"column",lg:"row"},spacing:0,className:k("nbb-how-to-use-card-list",n),sx:[{alignItems:{xs:"center",lg:"stretch"},justifyContent:"center"},...Array.isArray(l)?l:[l]],...s,children:r&&Array.isArray(r)?r.reduce((r,n,o)=>[...r,...o>0?[e(t,{sx:{display:{xs:"none",lg:"initial"},fontSize:40,color:"primary.main",alignSelf:"center"}},`right-arrow-${o}`),e(i,{sx:{display:{xs:"initial",lg:"none"},fontSize:40,color:"primary.main",alignSelf:"center"}},`down-arrow-${o}`)]:[],n],[]):r}),card:A.Card=({children:r,className:t,icon:i,headerContent:c,sx:d,...h})=>e(s,{component:"article",elevation:0,className:k("nbb-how-to-use-card",t),sx:[{width:"100%",maxWidth:360},...Array.isArray(d)?d:[d]],...w(h,...g),children:n(a,{component:o,spacing:2,sx:{py:{xs:2,lg:3},px:2.5,alignItems:{xs:"flex-start",lg:"unset"}},children:[n(o,{direction:{xs:"row",lg:"column"},spacing:{xs:2,lg:1},sx:{alignItems:"center",justifyContent:"center",py:.5},children:[i&&e(i,{sx:{color:"primary.main",fontSize:{xs:24,lg:40}}}),e(l,{variant:"h6",component:"h6",sx:{color:"#000",fontWeight:600,fontSize:{xs:16,lg:25},m:0,lineHeight:1.72},children:c})]}),e(l,{sx:{fontSize:16,textAlign:"left",lineHeight:1.72,fontWeight:300},children:r})]})}),footer:A.Footer=({children:r,className:t,sx:i,...s})=>{const a=p(),{message:d,linkHref:h,linkContent:f}=y(a,s);return n(o,{spacing:1.5,className:k("nbb-how-to-use-footer",t),sx:[{alignItems:"center"},...Array.isArray(i)?i:[i]],...w(s,...g),children:[d&&e(l,{variant:"body2",sx:{color:"primary.main",fontWeight:600,lineHeight:1.72},children:d}),e(c,{href:h,rel:"noreferrer noopener",variant:"contained",size:"large",sx:{width:360,maxWidth:"100%",fontSize:{lg:22},lineHeight:1.5,px:{lg:32}},children:f})]})}},Object.fromEntries(Object.entries(C).map(([e,r])=>[e,f(r,{key:e})])));var C;export{A as HowToUse};

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,24 @@
 {
   "name": "@nodeblocks/frontend-how-to-use-block",
-  "version": "0.3.0",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "browser": "dist/index.iife.js",
-  "types": "dist/index.d.ts",
+  "version": "0.3.2",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.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",
@@ -25,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/HowToUse.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\nexport type HowToUseContextValue = {\n  subtitle: ReactNode;\n  headerContent: ReactNode;\n  message: ReactNode;\n  linkHref: string;\n  linkContent: ReactNode;\n};\n\nconst HowToUseContext = createContext<HowToUseContextValue | undefined>(undefined);\n\nexport const HowToUseProvider = ({\n  children,\n  ...value\n}: HowToUseContextValue & {\n  children: ReactNode;\n}) => {\n  return <HowToUseContext.Provider value={value}>{children}</HowToUseContext.Provider>;\n};\n\nexport const useHowToUseContext = () => {\n  const context = useContext(HowToUseContext);\n\n  if (!context) {\n    throw new Error('useHowToUseContext must be used within a HowToUseProvider');\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 { ArrowDropDown, ArrowRight, SvgIconComponent } from '@mui/icons-material';\nimport { Button, CardContent, CardProps, Card as MuiCard, Stack, StackProps, Typography } from '@mui/material';\nimport { Fragment, ReactNode } from 'react';\nimport { HowToUseContextValue, HowToUseProvider, useHowToUseContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\n\nconst Card = ({\n  children,\n  className,\n  icon: Icon,\n  sx,\n  ...props\n}: CardProps & { icon: SvgIconComponent } & Required<Pick<HowToUseContextValue, 'headerContent'>>) => {\n  const { headerContent } = deepMerge(useHowToUseContext(), props);\n\n  return (\n    <MuiCard\n      component=\"article\"\n      elevation={0}\n      className={classNames('nbb-how-to-use-card', className)}\n      sx={[\n        {\n          width: '100%',\n          maxWidth: 360,\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...props}\n    >\n      <CardContent\n        component={Stack}\n        spacing={2}\n        sx={{\n          py: { xs: 2, lg: 3 },\n          px: 2.5,\n          alignItems: { xs: 'flex-start', lg: 'unset' },\n        }}\n      >\n        <Stack\n          direction={{ xs: 'row', lg: 'column' }}\n          spacing={{ xs: 2, lg: 1 }}\n          sx={{\n            alignItems: 'center',\n            justifyContent: 'center',\n            py: 0.5,\n          }}\n        >\n          {Icon && (\n            <Icon\n              sx={{\n                color: 'primary.main',\n                fontSize: { xs: 24, lg: 40 },\n              }}\n            />\n          )}\n          <Typography\n            variant=\"h6\"\n            component=\"h6\"\n            sx={{\n              color: '#000',\n              fontWeight: 600,\n              fontSize: { xs: 16, lg: 25 },\n              m: 0,\n              lineHeight: 1.72,\n            }}\n          >\n            {headerContent}\n          </Typography>\n        </Stack>\n        <Typography\n          sx={{\n            fontSize: 16,\n            textAlign: 'left',\n            lineHeight: 1.72,\n            fontWeight: 300,\n          }}\n        >\n          {children}\n        </Typography>\n      </CardContent>\n    </MuiCard>\n  );\n};\n\nconst Header = ({\n  className,\n  children,\n  sx,\n  ...props\n}: StackProps & Required<Pick<HowToUseContextValue, 'subtitle'>> & { children: ReactNode }) => {\n  const { subtitle } = deepMerge(useHowToUseContext(), props);\n\n  return (\n    <Stack\n      spacing={{ xs: 0.5, lg: 1 }}\n      className={classNames('nbb-how-to-use-header', className)}\n      sx={[\n        {\n          textAlign: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...props}\n    >\n      <Typography\n        variant=\"h4\"\n        sx={{\n          color: 'primary.main',\n          fontWeight: 'bold',\n          lineHeight: 1.5,\n          fontSize: { xs: 18, lg: 24 },\n        }}\n      >\n        {children}\n      </Typography>\n      <Typography\n        variant=\"h1\"\n        component=\"h1\"\n        sx={{\n          fontSize: { xs: 25, lg: 45 },\n          fontWeight: 600,\n          lineHeight: 1.5,\n        }}\n      >\n        {subtitle}\n      </Typography>\n    </Stack>\n  );\n};\n\nconst Footer = ({\n  children,\n  className,\n  sx,\n  ...props\n}: StackProps & Required<Pick<HowToUseContextValue, 'message' | 'linkHref' | 'linkContent'>>) => {\n  const { message, linkHref, linkContent } = deepMerge(useHowToUseContext(), props);\n\n  return (\n    <Stack\n      spacing={1.5}\n      className={classNames('nbb-how-to-use-footer', className)}\n      sx={[\n        {\n          alignItems: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...props}\n    >\n      {message && (\n        <Typography\n          variant=\"body2\"\n          sx={{\n            color: 'primary.main',\n            fontWeight: 600,\n            lineHeight: 1.72,\n          }}\n        >\n          {message}\n        </Typography>\n      )}\n      <Button\n        href={linkHref}\n        rel=\"noreferrer noopener\"\n        variant=\"contained\"\n        size=\"medium\"\n        sx={{\n          width: 360,\n          maxWidth: '100%',\n          py: 1.5,\n          fontSize: { lg: 22 },\n          lineHeight: 1.5,\n          fontWeight: 600,\n        }}\n      >\n        {linkContent}\n      </Button>\n    </Stack>\n  );\n};\n\nconst CardList = ({ children, className, sx, ...props }: StackProps & { children: ReactNode }) => {\n  return (\n    <Stack\n      direction={{ xs: 'column', lg: 'row' }}\n      spacing={0}\n      className={classNames('nbb-how-to-use-card-list', className)}\n      sx={[\n        {\n          alignItems: { xs: 'center', lg: 'stretch' },\n          justifyContent: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...props}\n    >\n      {children && Array.isArray(children)\n        ? children.reduce(\n            (total, child, i) => [\n              ...total,\n              ...(i > 0\n                ? [\n                    <ArrowRight\n                      key={`right-arrow-${i}`}\n                      sx={{\n                        display: { xs: 'none', lg: 'initial' },\n                        fontSize: 40,\n                        color: 'primary.main',\n                        alignSelf: 'center',\n                      }}\n                    />,\n                    <ArrowDropDown\n                      key={`down-arrow-${i}`}\n                      sx={{\n                        display: { xs: 'initial', lg: 'none' },\n                        fontSize: 40,\n                        color: 'primary.main',\n                        alignSelf: 'center',\n                      }}\n                    />,\n                  ]\n                : []),\n              child,\n            ],\n            []\n          )\n        : children}\n    </Stack>\n  );\n};\n\nconst HowToUse = <CustomBlocks extends Record<string, ReactNode> = {}>({\n  className,\n  children,\n  subtitle,\n  headerContent,\n  message,\n  linkHref,\n  linkContent,\n  sx,\n  ...props\n}: Omit<StackProps, 'children'> & {\n  children?: BlocksOverride<typeof defaultHowToUseBlocks, CustomBlocks>;\n} & Required<Pick<HowToUseContextValue, 'subtitle' | 'headerContent' | 'message' | 'linkHref' | 'linkContent'>>) => {\n  return (\n    <HowToUseProvider\n      {...{\n        subtitle,\n        headerContent,\n        message,\n        linkHref,\n        linkContent,\n      }}\n    >\n      <Stack\n        spacing={{ xs: 5, lg: 6 }}\n        className={classNames('nbb-how-to-use', className)}\n        sx={[\n          (theme) => ({\n            backgroundColor: theme.palette.background.default,\n            py: { xs: 5, lg: 10 },\n            px: { xs: 2, lg: 'unset' },\n          }),\n          ...(Array.isArray(sx) ? sx : [sx]),\n        ]}\n        {...props}\n      >\n        <BlocksOverrideComponent\n          defaultBlocks={defaultHowToUseBlocks}\n          defaultBlockOrder={Object.keys(defaultHowToUseBlocks) as (keyof typeof defaultHowToUseBlocks)[]}\n          blocksOverride={children}\n        >\n          {/* NOTE: Must remove the some components so they aren't included in the rendering below */}\n          {({ blocks: { card, ...blocks }, blockOrder }) => (\n            <>\n              {blockOrder\n                .filter((key) => key in blocks)\n                .map<ReactNode>((key) => (\n                  <Fragment key={String(key)}>{blocks[key]}</Fragment>\n                ))}\n            </>\n          )}\n        </BlocksOverrideComponent>\n      </Stack>\n    </HowToUseProvider>\n  );\n};\n\nHowToUse.Header = Header;\nHowToUse.CardList = CardList;\nHowToUse.Card = Card;\nHowToUse.Footer = Footer;\n\nconst defaultHowToUseBlocks = createDefaultBlocks({\n  header: HowToUse.Header,\n  cardList: HowToUse.CardList,\n  card: HowToUse.Card,\n  footer: HowToUse.Footer,\n});\n\nexport default HowToUse;\n"],"names":["createContext","_jsx","useContext","createElement","MuiCard","_jsxs","CardContent","Stack","Typography","Button","ArrowRight","ArrowDropDown","Fragment"],"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/HowToUse.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\nexport type HowToUseContextValue = {\n  subtitle: ReactNode;\n  headerContent: ReactNode;\n  message: ReactNode;\n  linkHref: string;\n  linkContent: ReactNode;\n};\n\nconst HowToUseContext = createContext<HowToUseContextValue | undefined>(undefined);\n\nexport const HowToUseProvider = ({\n  children,\n  ...value\n}: HowToUseContextValue & {\n  children: ReactNode;\n}) => {\n  return <HowToUseContext.Provider value={value}>{children}</HowToUseContext.Provider>;\n};\n\nexport const useHowToUseContext = () => {\n  const context = useContext(HowToUseContext);\n\n  if (!context) {\n    throw new Error('useHowToUseContext must be used within a HowToUseProvider');\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 { ArrowDropDown, ArrowRight, SvgIconComponent } from '@mui/icons-material';\nimport { Button, CardContent, CardProps, Card as MuiCard, Stack, StackProps, Typography } from '@mui/material';\nimport { Fragment, ReactNode } from 'react';\nimport { HowToUseContextValue, HowToUseProvider, useHowToUseContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\n\nconst Card = ({\n  children,\n  className,\n  icon: Icon,\n  sx,\n  ...props\n}: CardProps & { icon: SvgIconComponent } & Required<Pick<HowToUseContextValue, 'headerContent'>>) => {\n  const { headerContent } = deepMerge(useHowToUseContext(), props);\n\n  return (\n    <MuiCard\n      component=\"article\"\n      elevation={0}\n      className={classNames('nbb-how-to-use-card', className)}\n      sx={[\n        {\n          width: '100%',\n          maxWidth: 360,\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...props}\n    >\n      <CardContent\n        component={Stack}\n        spacing={2}\n        sx={{\n          py: { xs: 2, lg: 3 },\n          px: 2.5,\n          alignItems: { xs: 'flex-start', lg: 'unset' },\n        }}\n      >\n        <Stack\n          direction={{ xs: 'row', lg: 'column' }}\n          spacing={{ xs: 2, lg: 1 }}\n          sx={{\n            alignItems: 'center',\n            justifyContent: 'center',\n            py: 0.5,\n          }}\n        >\n          {Icon && (\n            <Icon\n              sx={{\n                color: 'primary.main',\n                fontSize: { xs: 24, lg: 40 },\n              }}\n            />\n          )}\n          <Typography\n            variant=\"h6\"\n            component=\"h6\"\n            sx={{\n              color: '#000',\n              fontWeight: 600,\n              fontSize: { xs: 16, lg: 25 },\n              m: 0,\n              lineHeight: 1.72,\n            }}\n          >\n            {headerContent}\n          </Typography>\n        </Stack>\n        <Typography\n          sx={{\n            fontSize: 16,\n            textAlign: 'left',\n            lineHeight: 1.72,\n            fontWeight: 300,\n          }}\n        >\n          {children}\n        </Typography>\n      </CardContent>\n    </MuiCard>\n  );\n};\n\nconst Header = ({\n  className,\n  children,\n  sx,\n  ...props\n}: StackProps & Required<Pick<HowToUseContextValue, 'subtitle'>> & { children: ReactNode }) => {\n  const { subtitle } = deepMerge(useHowToUseContext(), props);\n\n  return (\n    <Stack\n      spacing={{ xs: 0.5, lg: 1 }}\n      className={classNames('nbb-how-to-use-header', className)}\n      sx={[\n        {\n          textAlign: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...props}\n    >\n      <Typography\n        variant=\"h4\"\n        sx={{\n          color: 'primary.main',\n          fontWeight: 'bold',\n          lineHeight: 1.5,\n          fontSize: { xs: 18, lg: 24 },\n        }}\n      >\n        {children}\n      </Typography>\n      <Typography\n        variant=\"h1\"\n        component=\"h1\"\n        sx={{\n          fontSize: { xs: 25, lg: 45 },\n          fontWeight: 600,\n          lineHeight: 1.5,\n        }}\n      >\n        {subtitle}\n      </Typography>\n    </Stack>\n  );\n};\n\nconst Footer = ({\n  children,\n  className,\n  sx,\n  ...props\n}: StackProps & Required<Pick<HowToUseContextValue, 'message' | 'linkHref' | 'linkContent'>>) => {\n  const { message, linkHref, linkContent } = deepMerge(useHowToUseContext(), props);\n\n  return (\n    <Stack\n      spacing={1.5}\n      className={classNames('nbb-how-to-use-footer', className)}\n      sx={[\n        {\n          alignItems: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...props}\n    >\n      {message && (\n        <Typography\n          variant=\"body2\"\n          sx={{\n            color: 'primary.main',\n            fontWeight: 600,\n            lineHeight: 1.72,\n          }}\n        >\n          {message}\n        </Typography>\n      )}\n      <Button\n        href={linkHref}\n        rel=\"noreferrer noopener\"\n        variant=\"contained\"\n        size=\"medium\"\n        sx={{\n          width: 360,\n          maxWidth: '100%',\n          py: 1.5,\n          fontSize: { lg: 22 },\n          lineHeight: 1.5,\n          fontWeight: 600,\n        }}\n      >\n        {linkContent}\n      </Button>\n    </Stack>\n  );\n};\n\nconst CardList = ({ children, className, sx, ...props }: StackProps & { children: ReactNode }) => {\n  return (\n    <Stack\n      direction={{ xs: 'column', lg: 'row' }}\n      spacing={0}\n      className={classNames('nbb-how-to-use-card-list', className)}\n      sx={[\n        {\n          alignItems: { xs: 'center', lg: 'stretch' },\n          justifyContent: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...props}\n    >\n      {children && Array.isArray(children)\n        ? children.reduce(\n            (total, child, i) => [\n              ...total,\n              ...(i > 0\n                ? [\n                    <ArrowRight\n                      key={`right-arrow-${i}`}\n                      sx={{\n                        display: { xs: 'none', lg: 'initial' },\n                        fontSize: 40,\n                        color: 'primary.main',\n                        alignSelf: 'center',\n                      }}\n                    />,\n                    <ArrowDropDown\n                      key={`down-arrow-${i}`}\n                      sx={{\n                        display: { xs: 'initial', lg: 'none' },\n                        fontSize: 40,\n                        color: 'primary.main',\n                        alignSelf: 'center',\n                      }}\n                    />,\n                  ]\n                : []),\n              child,\n            ],\n            []\n          )\n        : children}\n    </Stack>\n  );\n};\n\nconst HowToUse = <CustomBlocks extends Record<string, ReactNode> = {}>({\n  className,\n  children,\n  subtitle,\n  headerContent,\n  message,\n  linkHref,\n  linkContent,\n  sx,\n  ...props\n}: Omit<StackProps, 'children'> & {\n  children?: BlocksOverride<typeof defaultHowToUseBlocks, CustomBlocks>;\n} & Required<Pick<HowToUseContextValue, 'subtitle' | 'headerContent' | 'message' | 'linkHref' | 'linkContent'>>) => {\n  return (\n    <HowToUseProvider\n      {...{\n        subtitle,\n        headerContent,\n        message,\n        linkHref,\n        linkContent,\n      }}\n    >\n      <Stack\n        spacing={{ xs: 5, lg: 6 }}\n        className={classNames('nbb-how-to-use', className)}\n        sx={[\n          (theme) => ({\n            backgroundColor: theme.palette.background.default,\n            py: { xs: 5, lg: 10 },\n            px: { xs: 2, lg: 'unset' },\n          }),\n          ...(Array.isArray(sx) ? sx : [sx]),\n        ]}\n        {...props}\n      >\n        <BlocksOverrideComponent\n          defaultBlocks={defaultHowToUseBlocks}\n          defaultBlockOrder={Object.keys(defaultHowToUseBlocks) as (keyof typeof defaultHowToUseBlocks)[]}\n          blocksOverride={children}\n        >\n          {/* NOTE: Must remove the some components so they aren't included in the rendering below */}\n          {({ blocks: { card, ...blocks }, blockOrder }) => (\n            <>\n              {blockOrder\n                .filter((key) => key in blocks)\n                .map<ReactNode>((key) => (\n                  <Fragment key={String(key)}>{blocks[key]}</Fragment>\n                ))}\n            </>\n          )}\n        </BlocksOverrideComponent>\n      </Stack>\n    </HowToUseProvider>\n  );\n};\n\nHowToUse.Header = Header;\nHowToUse.CardList = CardList;\nHowToUse.Card = Card;\nHowToUse.Footer = Footer;\n\nconst defaultHowToUseBlocks = createDefaultBlocks({\n  header: HowToUse.Header,\n  cardList: HowToUse.CardList,\n  card: HowToUse.Card,\n  footer: HowToUse.Footer,\n});\n\nexport default HowToUse;\n"],"names":["_jsx","MuiCard","_jsxs","Fragment"],"mappings":"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"}