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

package/dist/HowToUse.d.ts

@@ -6,11 +6,11 @@ import { BlocksOverride } from './lib';
 declare const HowToUse: {
     <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;
+    } & Required<Pick<HowToUseContextValue, "subtitle" | "headerContent" | "message" | "linkHref" | "linkContent">> & Partial<Pick<HowToUseContextValue, "cardList">>): 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;
+        children?: ReactNode;
+    } & Partial<Pick<HowToUseContextValue, "cardList">>) => import("react/jsx-runtime").JSX.Element;
     Card: ({ children, className, icon: Icon, headerContent, sx, ...props }: CardProps & {
         icon: SvgIconComponent;
         headerContent: ReactNode;
@@ -19,17 +19,17 @@ declare const HowToUse: {
 };
 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;
+        component?: React.ElementType | undefined;
     } & 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;
+        component?: React.ElementType | undefined;
     } & {
-        children: ReactNode;
-    }, ({ children, className, sx, ...props }: StackProps & {
-        children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element>;
+        children?: ReactNode;
+    } & Partial<Pick<HowToUseContextValue, "cardList">>, ({ children, className, sx, ...props }: StackProps & {
+        children?: ReactNode;
+    } & Partial<Pick<HowToUseContextValue, "cardList">>) => import("react/jsx-runtime").JSX.Element>;
     card: import("react").ReactElement<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "style" | "square" | "className" | "classes" | "elevation" | "sx" | "variant" | "raised"> & {
-        component?: React.ElementType;
+        component?: React.ElementType | undefined;
     } & {
         icon: SvgIconComponent;
         headerContent: ReactNode;
@@ -38,7 +38,7 @@ declare const defaultHowToUseBlocks: {
         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;
+        component?: React.ElementType | undefined;
     } & Required<Pick<HowToUseContextValue, "message" | "linkHref" | "linkContent">>, ({ children, className, sx, ...props }: StackProps & Required<Pick<HowToUseContextValue, "message" | "linkHref" | "linkContent">>) => import("react/jsx-runtime").JSX.Element>;
 };
 export default HowToUse;

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,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"}
+{"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,EAAsB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAA6D,MAAM,WAAW,CAAC;AAE5G,OAAO,EAAE,cAAc,EAAuE,MAAM,OAAO,CAAC;AA8N5G,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,GAC7G,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;oDAxJ9C,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,eAAe,CAAC,CAAC;sDA6F9E,UAAU,GAAG;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;6EAlKvF,SAAS,GAAG;QAAE,IAAI,EAAE,gBAAgB,CAAC;QAAC,aAAa,EAAE,SAAS,CAAA;KAAE;oDAgHhE,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC,CAAC;CA8I3F,CAAC;AAOF,QAAA,MAAM,qBAAqB;;;mHAhMxB,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,eAAe,CAAC,CAAC;;;;mBA6FpD,SAAS;iGAAnC,UAAU,GAAG;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;;;;cAlKnE,gBAAgB;uBAAiB,SAAS;0EAA9D,SAAS,GAAG;QAAE,IAAI,EAAE,gBAAgB,CAAC;QAAC,aAAa,EAAE,SAAS,CAAA;KAAE;;;8HAgHhE,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC,CAAC;CA0J1F,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/context.d.ts

@@ -1,12 +1,13 @@
 import { ReactNode } from 'react';
 export type HowToUseContextValue = {
+    cardList?: ReactNode[];
     subtitle: ReactNode;
     headerContent: ReactNode;
     message: ReactNode;
     linkHref: string;
     linkContent: ReactNode;
 };
-export declare const keys: readonly ["subtitle", "headerContent", "message", "linkHref", "linkContent"];
+export declare const keys: readonly ["cardList", "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;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"}
+{"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,CAAC,EAAE,SAAS,EAAE,CAAC;IACvB,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,0FAOyB,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 +1 @@
-"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;
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/icons-material"),t=require("@mui/material"),s=require("react");const n=["cardList","subtitle","headerContent","message","linkHref","linkContent"],o=s.createContext(void 0),i=({children:r,...t})=>e.jsx(o.Provider,{value:t,children:r}),a=()=>{const e=s.useContext(o);if(!e)throw new Error("useHowToUseContext must be used within a HowToUseProvider");return e};function c({blocksOverride:e,defaultBlocks:r,defaultBlockOrder:t,children:s}){if(void 0===e)return s({blocks:r,blockOrder:t});if("function"==typeof e){const{blocks:n,blockOrder:o}=e({defaultBlocks:r,defaultBlockOrder:t});return s({blocks:n,blockOrder:o})}return e}function l(e){return"[object Object]"===Object.prototype.toString.call(e)&&!s.isValidElement(e)}const d=new Set(["__proto__","prototype","constructor"]);function x(e,r){const t={...e};for(const e of Reflect.ownKeys(r)){if(d.has(e))continue;const s=t[e],n=r[e];l(s)&&l(n)?t[e]=x(s,n):t[e]=n}return t}function h(...e){return e.flat().filter(Boolean).join(" ")}function m(e,...r){const t={...e};for(const e of r)delete t[e];return t}function u(e,...r){const t={};for(const s of r)s in e&&(t[s]=e[s]);return t}const p=({className:r,children:o,sx:a=[],...l})=>e.jsx(i,{...u(l,...n),children:e.jsx(t.Stack,{spacing:{xs:5,sm:6},className:h("nbb-how-to-use",r),sx:[e=>({backgroundColor:e.palette.background.default}),...Array.isArray(a)?a:[a]],...m(l,...n),children:e.jsx(c,{defaultBlocks:f,defaultBlockOrder:Object.keys(f),blocksOverride:o,children:({blocks:{card:r,...t},blockOrder:n})=>e.jsx(e.Fragment,{children:n.filter(e=>e in t).map(r=>e.jsx(s.Fragment,{children:t[r]},String(r)))})})})}),f=(y={header:p.Header=({className:r,children:s,sx:o=[],...i})=>{const c=a(),{subtitle:l,headerContent:d}=x(c,i);return e.jsxs(t.Stack,{spacing:{xs:.5,sm:1},className:h("nbb-how-to-use-header",r),sx:[{textAlign:"center"},...Array.isArray(o)?o:[o]],...m(i,...n),children:[e.jsx(t.Typography,{variant:"h4",sx:{color:"primary.main",typography:{xs:"h6",sm:"h4"}},children:d||s}),e.jsx(t.Typography,{variant:"h1",component:"h1",sx:{fontSize:{xs:"h4.fontSize",sm:45}},children:l})]})},cardList:p.CardList=({children:o,className:i,sx:c=[],...l})=>{const{cardList:d=[]}=x(a(),l),u=o?s.Children.toArray(o):d;return e.jsx(t.Stack,{direction:{xs:"column",sm:"row"},spacing:0,className:h("nbb-how-to-use-card-list",i),sx:[{alignItems:{xs:"center",sm:"stretch"},justifyContent:"center"},...Array.isArray(c)?c:[c]],...m(l,...n),children:u.reduce((t,s,n)=>[...t,...n>0?[e.jsx(r.ArrowRight,{sx:{display:{xs:"none",sm:"initial"},fontSize:40,color:"primary.main",alignSelf:"center"}},`right-arrow-${n}`),e.jsx(r.ArrowDropDown,{sx:{display:{xs:"initial",sm:"none"},fontSize:40,color:"primary.main",alignSelf:"center"}},`down-arrow-${n}`)]:[],s],[])})},card:p.Card=({children:r,className:s,icon:n,headerContent:o,sx:i=[],...a})=>e.jsx(t.Card,{component:"article",elevation:0,className:h("nbb-how-to-use-card",s),sx:[{width:"100%",maxWidth:360},...Array.isArray(i)?i:[i]],...a,children:e.jsxs(t.CardContent,{component:t.Stack,spacing:2,sx:{py:{xs:2,sm:3},px:2.5,alignItems:{xs:"flex-start",sm:"unset"}},children:[e.jsxs(t.Stack,{direction:{xs:"row",sm:"column"},spacing:{xs:2,sm:1},sx:{alignItems:"center",justifyContent:"center",py:.5},children:[n&&e.jsx(n,{sx:{color:"primary.main",fontSize:{xs:24,sm:40}}}),e.jsx(t.Typography,{component:"h6",sx:{typography:{xs:"subtitle1",sm:"h4"},m:0},children:o})]}),e.jsx(t.Typography,{variant:"body1",sx:{textAlign:"left"},children:r})]})}),footer:p.Footer=({children:r,className:s,sx:o=[],...i})=>{const c=a(),{message:l,linkHref:d,linkContent:u}=x(c,i);return e.jsxs(t.Stack,{spacing:{xs:1.5,sm:2},className:h("nbb-how-to-use-footer",s),sx:[{alignItems:"center"},...Array.isArray(o)?o:[o]],...m(i,...n),children:[l&&e.jsx(t.Typography,{variant:"h6",sx:{typography:{xs:"subtitle2",sm:"h5"},color:"primary.main"},children:l}),e.jsx(t.Button,{href:d,rel:"noreferrer noopener",variant:"contained",size:"large",sx:{width:360,maxWidth:"100%",typography:{xs:"subtitle1",sm:"h5"},px:{sm:4}},children:u})]})}},Object.fromEntries(Object.entries(y).map(([e,r])=>[e,s.createElement(r,{key:e})])));var y;exports.HowToUse=p;

package/dist/index.esm.js

@@ -1 +1 @@
-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};
+import{jsx as e,Fragment as r,jsxs as t}from"react/jsx-runtime";import{ArrowRight as n,ArrowDropDown as s}from"@mui/icons-material";import{Stack as o,Typography as i,Card as c,CardContent as a,Button as l}from"@mui/material";import d,{createContext as m,useContext as h,createElement as u,Fragment as f,Children as x}from"react";const p=["cardList","subtitle","headerContent","message","linkHref","linkContent"],y=m(void 0),b=({children:r,...t})=>e(y.Provider,{value:t,children:r}),g=()=>{const e=h(y);if(!e)throw new Error("useHowToUseContext must be used within a HowToUseProvider");return e};function k({blocksOverride:e,defaultBlocks:r,defaultBlockOrder:t,children:n}){if(void 0===e)return n({blocks:r,blockOrder:t});if("function"==typeof e){const{blocks:s,blockOrder:o}=e({defaultBlocks:r,defaultBlockOrder:t});return n({blocks:s,blockOrder:o})}return e}function w(e){return"[object Object]"===Object.prototype.toString.call(e)&&!d.isValidElement(e)}const v=new Set(["__proto__","prototype","constructor"]);function O(e,r){const t={...e};for(const e of Reflect.ownKeys(r)){if(v.has(e))continue;const n=t[e],s=r[e];w(n)&&w(s)?t[e]=O(n,s):t[e]=s}return t}function A(...e){return e.flat().filter(Boolean).join(" ")}function C(e,...r){const t={...e};for(const e of r)delete t[e];return t}function j(e,...r){const t={};for(const n of r)n in e&&(t[n]=e[n]);return t}const N=({className:t,children:n,sx:s=[],...i})=>e(b,{...j(i,...p),children:e(o,{spacing:{xs:5,sm:6},className:A("nbb-how-to-use",t),sx:[e=>({backgroundColor:e.palette.background.default}),...Array.isArray(s)?s:[s]],...C(i,...p),children:e(k,{defaultBlocks:S,defaultBlockOrder:Object.keys(S),blocksOverride:n,children:({blocks:{card:t,...n},blockOrder:s})=>e(r,{children:s.filter(e=>e in n).map(r=>e(f,{children:n[r]},String(r)))})})})}),S=(B={header:N.Header=({className:r,children:n,sx:s=[],...c})=>{const a=g(),{subtitle:l,headerContent:d}=O(a,c);return t(o,{spacing:{xs:.5,sm:1},className:A("nbb-how-to-use-header",r),sx:[{textAlign:"center"},...Array.isArray(s)?s:[s]],...C(c,...p),children:[e(i,{variant:"h4",sx:{color:"primary.main",typography:{xs:"h6",sm:"h4"}},children:d||n}),e(i,{variant:"h1",component:"h1",sx:{fontSize:{xs:"h4.fontSize",sm:45}},children:l})]})},cardList:N.CardList=({children:r,className:t,sx:i=[],...c})=>{const{cardList:a=[]}=O(g(),c),l=r?x.toArray(r):a;return e(o,{direction:{xs:"column",sm:"row"},spacing:0,className:A("nbb-how-to-use-card-list",t),sx:[{alignItems:{xs:"center",sm:"stretch"},justifyContent:"center"},...Array.isArray(i)?i:[i]],...C(c,...p),children:l.reduce((r,t,o)=>[...r,...o>0?[e(n,{sx:{display:{xs:"none",sm:"initial"},fontSize:40,color:"primary.main",alignSelf:"center"}},`right-arrow-${o}`),e(s,{sx:{display:{xs:"initial",sm:"none"},fontSize:40,color:"primary.main",alignSelf:"center"}},`down-arrow-${o}`)]:[],t],[])})},card:N.Card=({children:r,className:n,icon:s,headerContent:l,sx:d=[],...m})=>e(c,{component:"article",elevation:0,className:A("nbb-how-to-use-card",n),sx:[{width:"100%",maxWidth:360},...Array.isArray(d)?d:[d]],...m,children:t(a,{component:o,spacing:2,sx:{py:{xs:2,sm:3},px:2.5,alignItems:{xs:"flex-start",sm:"unset"}},children:[t(o,{direction:{xs:"row",sm:"column"},spacing:{xs:2,sm:1},sx:{alignItems:"center",justifyContent:"center",py:.5},children:[s&&e(s,{sx:{color:"primary.main",fontSize:{xs:24,sm:40}}}),e(i,{component:"h6",sx:{typography:{xs:"subtitle1",sm:"h4"},m:0},children:l})]}),e(i,{variant:"body1",sx:{textAlign:"left"},children:r})]})}),footer:N.Footer=({children:r,className:n,sx:s=[],...c})=>{const a=g(),{message:d,linkHref:m,linkContent:h}=O(a,c);return t(o,{spacing:{xs:1.5,sm:2},className:A("nbb-how-to-use-footer",n),sx:[{alignItems:"center"},...Array.isArray(s)?s:[s]],...C(c,...p),children:[d&&e(i,{variant:"h6",sx:{typography:{xs:"subtitle2",sm:"h5"},color:"primary.main"},children:d}),e(l,{href:m,rel:"noreferrer noopener",variant:"contained",size:"large",sx:{width:360,maxWidth:"100%",typography:{xs:"subtitle1",sm:"h5"},px:{sm:4}},children:h})]})}},Object.fromEntries(Object.entries(B).map(([e,r])=>[e,u(r,{key:e})])));var B;export{N as HowToUse};

package/dist/lib.d.ts

@@ -1,4 +1,5 @@
-import { ComponentProps, FunctionComponent, ReactElement, ReactNode } from 'react';
+import React, { ComponentProps, FunctionComponent, ReactElement, ReactNode } from 'react';
+import { DistributedOmit } from 'type-fest';
 /**
  * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.
  *
@@ -71,13 +72,47 @@ export declare function BlocksOverrideComponent<DefaultBlocks extends Record<str
         blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;
         blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];
     }) => ReactNode;
-}): ReactNode;
-type MergeKeepingRequired<A, B> = Omit<A, keyof B> & {
-    [K in keyof A & keyof B]-?: undefined extends B[K] ? A[K] : B[K];
+}): React.ReactNode;
+type IsOptionalKey<T, K extends keyof T> = {} extends Pick<T, K> ? true : false;
+type MergeKeepingRequired<A extends Record<PropertyKey, any>, B extends Record<PropertyKey, any>> = DistributedOmit<A, keyof B> & DistributedOmit<B, keyof A> & {
+    [K in keyof A & keyof B as IsOptionalKey<A, K> extends true ? IsOptionalKey<B, K> extends true ? never : K : K]-?: IsOptionalKey<B, K> extends true ? A[K] | Required<B>[K] : B[K];
 } & {
-    [K in Exclude<keyof B, keyof A>]: B[K];
+    [K in keyof A & keyof B as IsOptionalKey<A, K> extends true ? IsOptionalKey<B, K> extends true ? K : never : never]?: A[K] | Required<B>[K];
 };
-export declare function merge<A extends Record<PropertyKey, any>, B extends Record<PropertyKey, any>>(a: A, b: B): MergeKeepingRequired<A, B>;
+/**
+ * Shallow merges `target` and `source`, prioritizing `source`.
+ *
+ * ⚠️ Keeps keys from `target` that don't exist in `source`.
+ */
+export declare function merge<A extends Record<PropertyKey, any>, B extends Record<PropertyKey, any>>(target: A, source: B): MergeKeepingRequired<A, B>;
+type PlainObject = Record<PropertyKey, unknown>;
+type Simplify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type MergeDeepValueKeepingRequired<A, B> = [NonNullable<A>, NonNullable<B>] extends [PlainObject, PlainObject] ? MergeDeepKeepingRequired<Extract<NonNullable<A>, PlainObject>, Extract<NonNullable<B>, PlainObject>> : B;
+type MergeValueAtKey<A extends PlainObject, B extends PlainObject, K extends keyof A | keyof B> = K extends keyof B ? K extends keyof A ? IsOptionalKey<B, K> extends true ? A[K] | MergeDeepValueKeepingRequired<A[K], Required<B>[K]> : MergeDeepValueKeepingRequired<A[K], B[K]> : B[K] : K extends keyof A ? A[K] : never;
+/**
+ * This is the "readable" view:
+ * every possible key is present at least optionally,
+ * so generic indexing works.
+ */
+type MergeReadableView<A extends PlainObject, B extends PlainObject> = {
+    [K in keyof A | keyof B]?: MergeValueAtKey<A, B, K>;
+};
+/**
+ * This is your original precise required/optional logic.
+ */
+type MergePrecise<A extends PlainObject, B extends PlainObject> = Omit<A, keyof B> & Omit<B, keyof A> & {
+    [K in keyof A & keyof B as IsOptionalKey<A, K> extends true ? IsOptionalKey<B, K> extends true ? never : K : K]-?: IsOptionalKey<B, K> extends true ? A[K] | MergeDeepValueKeepingRequired<A[K], Required<B>[K]> : MergeDeepValueKeepingRequired<A[K], B[K]>;
+} & {
+    [K in keyof A & keyof B as IsOptionalKey<A, K> extends true ? IsOptionalKey<B, K> extends true ? K : never : never]?: A[K] | MergeDeepValueKeepingRequired<A[K], Required<B>[K]>;
+};
+type MergeDeepKeepingRequired<A extends PlainObject, B extends PlainObject> = Simplify<MergePrecise<A, B> & MergeReadableView<A, B>>;
+/**
+ * Deep merges `target` and `source`, prioritizing `source`.
+ * Replaces arrays. Returns a new object.
+ */
+export declare function deepMerge<T extends PlainObject, U extends PlainObject>(target: T, source: U): MergeDeepKeepingRequired<T, U>;
 type ClassName = string | ClassName[] | undefined | null;
 /**
  * Utility function to join class names together, ignoring undefined or nil values.

package/dist/lib.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nodeblocks/frontend-how-to-use-block",
-  "version": "0.3.2",
+  "version": "0.4.1",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
@@ -42,5 +42,8 @@
     "rollup-plugin-serve": "^1.1.1",
     "tslib": "^2.8.1",
     "typescript": "^5.7.2"
+  },
+  "dependencies": {
+    "type-fest": "^5.4.4"
   }
 }