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

package/dist/HowToUse.d.ts

@@ -1,48 +1,48 @@
-import '@basaldev/blocks-frontend-framework/dist/style.css';
-import { ComponentProps, ReactNode } from 'react';
-import './how-to-use.css';
+import { SvgIconComponent } from '@mui/icons-material';
+import { CardProps, StackProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { HowToUseContextValue } from './context';
 import { BlocksOverride } from './lib';
 declare const HowToUse: {
-    <CustomBlocks extends Record<string, ReactNode> = {}>({ className, children, ...props }: Omit<ComponentProps<"div">, "children"> & {
+    <CustomBlocks extends Record<string, ReactNode> = {}>({ className, children, subtitle, headerContent, message, linkHref, linkContent, sx, ...props }: Omit<StackProps, "children"> & {
         children?: BlocksOverride<typeof defaultHowToUseBlocks, CustomBlocks>;
-    }): import("react/jsx-runtime").JSX.Element;
-    Header: ({ className, children, subtitle, ...props }: ComponentProps<"div"> & {
-        subtitle: ReactNode;
+    } & 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;
-    CardList: ({ children, className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-    Card: ({ children, className, icon, headerContent, ...props }: ComponentProps<"div"> & {
-        icon: import("@basaldev/blocks-frontend-framework").IconType;
-        headerContent: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, className, message, linkHref, linkContent, ...props }: ComponentProps<"div"> & {
-        message: ReactNode;
-        linkHref: string;
-        linkContent: ReactNode;
+    CardList: ({ children, className, sx, ...props }: StackProps & {
+        children: ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
+    Card: ({ children, className, icon: Icon, sx, ...props }: CardProps & {
+        icon: SvgIconComponent;
+    } & Required<Pick<HowToUseContextValue, "headerContent">>) => 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("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        subtitle: ReactNode;
-    }, ({ className, children, subtitle, ...props }: ComponentProps<"div"> & {
-        subtitle: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element>;
-    cardList: import("react").ReactElement<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, ({ children, className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element>;
-    card: import("react").ReactElement<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        icon: import("@basaldev/blocks-frontend-framework").IconType;
-        headerContent: ReactNode;
-    }, ({ children, className, icon, headerContent, ...props }: ComponentProps<"div"> & {
-        icon: import("@basaldev/blocks-frontend-framework").IconType;
-        headerContent: ReactNode;
+    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>;
-    footer: import("react").ReactElement<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        message: ReactNode;
-        linkHref: string;
-        linkContent: ReactNode;
-    }, ({ children, className, message, linkHref, linkContent, ...props }: ComponentProps<"div"> & {
-        message: ReactNode;
-        linkHref: string;
-        linkContent: ReactNode;
+    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;
+    } & {
+        children: ReactNode;
+    }, ({ children, className, sx, ...props }: StackProps & {
+        children: ReactNode;
     }) => 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;
+    } & {
+        icon: SvgIconComponent;
+    } & Required<Pick<HowToUseContextValue, "headerContent">>, ({ children, className, icon: Icon, sx, ...props }: CardProps & {
+        icon: SvgIconComponent;
+    } & Required<Pick<HowToUseContextValue, "headerContent">>) => 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>;
 };
 export default HowToUse;
 //# sourceMappingURL=HowToUse.d.ts.map

package/dist/HowToUse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HowToUse.d.ts","sourceRoot":"","sources":["../src/HowToUse.tsx"],"names":[],"mappings":"AAAA,OAAO,oDAAoD,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,cAAc,EAA4D,MAAM,OAAO,CAAC;AAEjG,QAAA,MAAM,QAAQ;KAAI,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,0CAI7D,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;QAC3C,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,qBAAqB,EAAE,YAAY,CAAC,CAAC;KACvE;;;;;;;;;;;;;;CAuBA,CAAC;AAOF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;CAKzB,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,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"}

package/dist/context.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type HowToUseContextValue = {
+    subtitle: ReactNode;
+    headerContent: ReactNode;
+    message: ReactNode;
+    linkHref: string;
+    linkContent: ReactNode;
+};
+export declare const HowToUseProvider: ({ children, ...value }: HowToUseContextValue & {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useHowToUseContext: () => HowToUseContextValue;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D,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"}