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

package/dist/HowToUse.d.ts

@@ -1,48 +1,45 @@
-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, 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 & 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;
-    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;
+    Card: ({ children, className, icon: Icon, headerContent, sx, ...props }: CardProps & {
+        icon: SvgIconComponent;
         headerContent: ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, className, message, linkHref, linkContent, ...props }: ComponentProps<"div"> & {
-        message: ReactNode;
-        linkHref: string;
-        linkContent: 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("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        subtitle: ReactNode;
-    }, ({ className, children, subtitle, ...props }: ComponentProps<"div"> & {
-        subtitle: 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;
+    } & 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;
+    } & {
+        children: ReactNode;
+    }, ({ children, className, sx, ...props }: StackProps & {
+        children: 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;
+    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;
         headerContent: ReactNode;
-    }, ({ children, className, icon, headerContent, ...props }: ComponentProps<"div"> & {
-        icon: import("@basaldev/blocks-frontend-framework").IconType;
+    }, ({ children, className, icon: Icon, headerContent, sx, ...props }: CardProps & {
+        icon: SvgIconComponent;
         headerContent: 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;
-    }) => 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,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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export type HowToUseContextValue = {
+    subtitle: ReactNode;
+    headerContent: ReactNode;
+    message: ReactNode;
+    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;
+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;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"}