@xyo-network/react-payload-plugin 5.0.0-rc.2 → 5.0.1

package/dist/browser/index.mjs

@@ -19,11 +19,8 @@ var PayloadAvatar = /* @__PURE__ */ __name(({ ...props }) => {
 // src/components/PayloadCardActionArea.tsx
 import { CardActionArea } from "@mui/material";
 import React2 from "react";
-var PayloadCardActionArea = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
-  return /* @__PURE__ */ React2.createElement(CardActionArea, {
-    ref,
-    ...props
-  });
+var PayloadCardActionArea = /* @__PURE__ */ __name(({ payload, ...props }) => {
+  return /* @__PURE__ */ React2.createElement(CardActionArea, props);
 }, "PayloadCardActionArea");
 PayloadCardActionArea.displayName = "ButtonExXYLabs";
 
@@ -31,11 +28,8 @@ PayloadCardActionArea.displayName = "ButtonExXYLabs";
 import { CardContent } from "@mui/material";
 import { PayloadDetails } from "@xyo-network/react-payload-details";
 import React3 from "react";
-var PayloadCardContent = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
-  return /* @__PURE__ */ React3.createElement(CardContent, {
-    ref,
-    ...props
-  }, /* @__PURE__ */ React3.createElement(PayloadDetails, {
+var PayloadCardContent = /* @__PURE__ */ __name(({ payload, ...props }) => {
+  return /* @__PURE__ */ React3.createElement(CardContent, props, /* @__PURE__ */ React3.createElement(PayloadDetails, {
     payload
   }));
 }, "PayloadCardContent");
@@ -46,10 +40,9 @@ import { CardHeader } from "@mui/material";
 import { Identicon } from "@xylabs/react-identicon";
 import { usePayloadHash } from "@xyo-network/react-shared";
 import React4 from "react";
-var PayloadCardHeader = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
+var PayloadCardHeader = /* @__PURE__ */ __name(({ payload, ...props }) => {
   const hash = usePayloadHash(payload);
   return /* @__PURE__ */ React4.createElement(CardHeader, {
-    ref,
     title: "Payload",
     subheader: hash,
     avatar: /* @__PURE__ */ React4.createElement(Identicon, {
@@ -64,11 +57,8 @@ PayloadCardHeader.displayName = "PayloadCardHeader";
 // src/components/PayloadDetailsBox.tsx
 import { PayloadDetails as PayloadDetails2 } from "@xyo-network/react-payload-details";
 import React5 from "react";
-var PayloadDetailsBox = /* @__PURE__ */ __name(({ ref, ...props }) => {
-  return /* @__PURE__ */ React5.createElement(PayloadDetails2, {
-    ref,
-    ...props
-  });
+var PayloadDetailsBox = /* @__PURE__ */ __name((props) => {
+  return /* @__PURE__ */ React5.createElement(PayloadDetails2, props);
 }, "PayloadDetailsBox");
 PayloadDetailsBox.displayName = "PayloadDetailsBox";
 

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/PayloadAvatar.tsx","../../src/img/index.ts","../../src/components/PayloadCardActionArea.tsx","../../src/components/PayloadCardContent.tsx","../../src/components/PayloadCardHeader.tsx","../../src/components/PayloadDetailsBox.tsx","../../src/components/PayloadEditorBox.tsx","../../src/components/PayloadTableCell.tsx","../../src/DefaultPayloadRenderPlugin.ts","../../src/createPayloadRenderPlugin.ts"],"sourcesContent":["import type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {\n  return <Avatar src={DefaultAvatarIcon} {...props} />\n}\n","export { default as DefaultAvatarIcon } from './default-256.jpg'\n","/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { CardActionAreaProps } from '@mui/material'\nimport { CardActionArea } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardActionArea = ({\n  ref, payload, ...props\n}: PayloadRenderProps & CardActionAreaProps & { ref?: React.RefObject<HTMLButtonElement | null> }) => {\n  return <CardActionArea ref={ref} {...props} />\n}\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardContent = ({\n  ref, payload, ...props\n}: PayloadRenderProps & CardContentProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {\n  return (\n    <CardContent ref={ref} {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n}\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardHeader = ({\n  ref, payload, ...props\n}: PayloadRenderProps & CardHeaderProps & { ref?: React.RefObject<HTMLElement | null> }) => {\n  const hash = usePayloadHash(payload)\n  return <CardHeader ref={ref} title=\"Payload\" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />\n}\n\nPayloadCardHeader.displayName = 'PayloadCardHeader'\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nconst PayloadDetailsBox = ({ ref, ...props }: PayloadRenderProps & FlexBoxProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {\n  return <PayloadDetails ref={ref} {...props} />\n}\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import type { TableCellProps } from '@mui/material'\nimport { TableCell, Typography } from '@mui/material'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// DEFAULT IF DONT KNOW WHAT TO RENDER\nexport const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {\n  return (\n    <TableCell {...props}>\n      <Typography>{payload?.schema}</Typography>\n    </TableCell>\n  )\n}\n","import type { Payload } from '@xyo-network/payload-model'\n\nimport {\n  PayloadAvatar,\n  PayloadCardActionArea,\n  PayloadCardContent,\n  PayloadCardHeader,\n  PayloadDetailsBox,\n  PayloadEditorBox,\n  PayloadTableCell,\n} from './components/index.ts'\nimport type { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: { image: PayloadAvatar },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: { cell: PayloadTableCell },\n  },\n  name: 'Payload',\n}\n","import { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport type { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return { ...DefaultPayloadRenderPlugin, ...plugin } as PayloadRenderPlugin\n}\n"],"mappings":";;;;AACA,SAASA,cAAc;AACvB,OAAOC,WAAW;;;ACFlB,SAAoBC,WAAXC,gBAAoC;;;ADOtC,IAAMC,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,sBAAA,cAACC,QAAAA;IAAOC,KAAKC;IAAoB,GAAGH;;AAC7C,GAFyE;;;AELzE,SAASI,sBAAsB;AAC/B,OAAOC,YAA2B;AAI3B,IAAMC,wBAAwB,wBAAC,EACpCC,KAAKC,SAAS,GAAGC,MAAAA,MAC8E;AAC/F,SAAO,gBAAAC,OAAA,cAACC,gBAAAA;IAAeJ;IAAW,GAAGE;;AACvC,GAJqC;AAMrCH,sBAAsBM,cAAc;;;ACZpC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,qBAAqB,wBAAC,EACjCC,KAAKC,SAAS,GAAGC,MAAAA,MACwE;AACzF,SACE,gBAAAC,OAAA,cAACC,aAAAA;IAAYJ;IAAW,GAAGE;KACzB,gBAAAC,OAAA,cAACE,gBAAAA;IAAeJ;;AAGtB,GARkC;AAUlCF,mBAAmBO,cAAc;;;AChBjC,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,oBAAoB,wBAAC,EAChCC,KAAKC,SAAS,GAAGC,MAAAA,MACoE;AACrF,QAAMC,OAAOC,eAAeH,OAAAA;AAC5B,SAAO,gBAAAI,OAAA,cAACC,YAAAA;IAAWN;IAAUO,OAAM;IAAUC,WAAWL;IAAMM,QAAQ,gBAAAJ,OAAA,cAACK,WAAAA;MAAUC,MAAM;MAAIC,OAAOT;;IAAW,GAAGD;;AAClH,GALiC;AAOjCH,kBAAkBc,cAAc;;;ACdhC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,YAAW;AAIlB,IAAMC,oBAAoB,wBAAC,EAAEC,KAAK,GAAGC,MAAAA,MAA6F;AAChI,SAAO,gBAAAC,OAAA,cAACC,iBAAAA;IAAeH;IAAW,GAAGC;;AACvC,GAF0B;AAI1BF,kBAAkBK,cAAc;;;ACThC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,mBAAsE,wBAACC,UAAAA;AAClF,SAAO,gBAAAC,OAAA,cAACC,iBAAmBF,KAAAA;AAC7B,GAFmF;;;ACLnF,SAASG,WAAWC,kBAAkB;AACtC,OAAOC,YAAW;AAKX,IAAMC,mBAAkE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACnG,SACE,gBAAAC,OAAA,cAACC,WAAcF,OACb,gBAAAC,OAAA,cAACE,YAAAA,MAAYJ,SAASK,MAAAA,CAAAA;AAG5B,GAN+E;;;ACMxE,IAAMC,6BAAkD;EAC7DC,WAAW,gCAAUC,SAAiB;AACpC,WAAO,CAAC,CAACA,SAASC;EACpB,GAFW;EAGXC,YAAY;IACVC,QAAQ;MAAEC,OAAOC;IAAc;IAC/BC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MAAEC,MAAMC;IAAiB;EAClC;EACAC,MAAM;AACR;;;AC5BO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,SAAO;IAAE,GAAGC;IAA4B,GAAGD;EAAO;AACpD,GAFyC;","names":["Avatar","React","DefaultAvatarIcon","default","PayloadAvatar","props","Avatar","src","DefaultAvatarIcon","CardActionArea","React","PayloadCardActionArea","ref","payload","props","React","CardActionArea","displayName","CardContent","PayloadDetails","React","PayloadCardContent","ref","payload","props","React","CardContent","PayloadDetails","displayName","CardHeader","Identicon","usePayloadHash","React","PayloadCardHeader","ref","payload","props","hash","usePayloadHash","React","CardHeader","title","subheader","avatar","Identicon","size","value","displayName","PayloadDetails","React","PayloadDetailsBox","ref","props","React","PayloadDetails","displayName","PayloadDetails","React","PayloadEditorBox","props","React","PayloadDetails","TableCell","Typography","React","PayloadTableCell","payload","props","React","TableCell","Typography","schema","DefaultPayloadRenderPlugin","canRender","payload","schema","components","avatar","image","PayloadAvatar","box","detailsBox","PayloadDetailsBox","editor","PayloadEditorBox","card","actionArea","PayloadCardActionArea","content","PayloadCardContent","header","PayloadCardHeader","table","cell","PayloadTableCell","name","createPayloadRenderPlugin","plugin","DefaultPayloadRenderPlugin"]}
+{"version":3,"sources":["../../src/components/PayloadAvatar.tsx","../../src/img/index.ts","../../src/components/PayloadCardActionArea.tsx","../../src/components/PayloadCardContent.tsx","../../src/components/PayloadCardHeader.tsx","../../src/components/PayloadDetailsBox.tsx","../../src/components/PayloadEditorBox.tsx","../../src/components/PayloadTableCell.tsx","../../src/DefaultPayloadRenderPlugin.ts","../../src/createPayloadRenderPlugin.ts"],"sourcesContent":["import type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps> = ({ ...props }) => {\n  return <Avatar src={DefaultAvatarIcon} {...props} />\n}\n","export { default as DefaultAvatarIcon } from './default-256.jpg'\n","/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { CardActionAreaProps } from '@mui/material'\nimport { CardActionArea } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardActionArea: React.FC<PayloadRenderProps & CardActionAreaProps> = ({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n}\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import type { CardContentProps } from '@mui/material'\nimport { CardContent } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n}\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import type { CardHeaderProps } from '@mui/material'\nimport { CardHeader } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardHeader: React.FC<PayloadRenderProps & CardHeaderProps> = ({ payload, ...props }) => {\n  const hash = usePayloadHash(payload)\n  return <CardHeader title=\"Payload\" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />\n}\n\nPayloadCardHeader.displayName = 'PayloadCardHeader'\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nconst PayloadDetailsBox: React.FC<PayloadRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport type { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import type { TableCellProps } from '@mui/material'\nimport { TableCell, Typography } from '@mui/material'\nimport React from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// DEFAULT IF DONT KNOW WHAT TO RENDER\nexport const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps> = ({ payload, ...props }) => {\n  return (\n    <TableCell {...props}>\n      <Typography>{payload?.schema}</Typography>\n    </TableCell>\n  )\n}\n","import type { Payload } from '@xyo-network/payload-model'\n\nimport {\n  PayloadAvatar,\n  PayloadCardActionArea,\n  PayloadCardContent,\n  PayloadCardHeader,\n  PayloadDetailsBox,\n  PayloadEditorBox,\n  PayloadTableCell,\n} from './components/index.ts'\nimport type { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: { image: PayloadAvatar },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: { cell: PayloadTableCell },\n  },\n  name: 'Payload',\n}\n","import { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport type { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return { ...DefaultPayloadRenderPlugin, ...plugin } as PayloadRenderPlugin\n}\n"],"mappings":";;;;AACA,SAASA,cAAc;AACvB,OAAOC,WAAW;;;ACFlB,SAAoBC,WAAXC,gBAAoC;;;ADOtC,IAAMC,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,sBAAA,cAACC,QAAAA;IAAOC,KAAKC;IAAoB,GAAGH;;AAC7C,GAFyE;;;AELzE,SAASI,sBAAsB;AAC/B,OAAOC,YAA2B;AAI3B,IAAMC,wBAA4E,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AAC7G,SAAO,gBAAAC,OAAA,cAACC,gBAAmBF,KAAAA;AAC7B,GAFyF;AAIzFF,sBAAsBK,cAAc;;;ACVpC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,qBAAsE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACvG,SACE,gBAAAC,OAAA,cAACC,aAAgBF,OACf,gBAAAC,OAAA,cAACE,gBAAAA;IAAeJ;;AAGtB,GANmF;AAQnFD,mBAAmBM,cAAc;;;ACdjC,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,oBAAoE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACrG,QAAMC,OAAOC,eAAeH,OAAAA;AAC5B,SAAO,gBAAAI,OAAA,cAACC,YAAAA;IAAWC,OAAM;IAAUC,WAAWL;IAAMM,QAAQ,gBAAAJ,OAAA,cAACK,WAAAA;MAAUC,MAAM;MAAIC,OAAOT;;IAAW,GAAGD;;AACxG,GAHiF;AAKjFF,kBAAkBa,cAAc;;;ACZhC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,YAAW;AAIlB,IAAMC,oBAAiE,wBAACC,UAAAA;AACtE,SAAO,gBAAAC,OAAA,cAACC,iBAAmBF,KAAAA;AAC7B,GAFuE;AAIvED,kBAAkBI,cAAc;;;ACThC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,YAAW;AAIX,IAAMC,mBAAsE,wBAACC,UAAAA;AAClF,SAAO,gBAAAC,OAAA,cAACC,iBAAmBF,KAAAA;AAC7B,GAFmF;;;ACLnF,SAASG,WAAWC,kBAAkB;AACtC,OAAOC,YAAW;AAKX,IAAMC,mBAAkE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACnG,SACE,gBAAAC,OAAA,cAACC,WAAcF,OACb,gBAAAC,OAAA,cAACE,YAAAA,MAAYJ,SAASK,MAAAA,CAAAA;AAG5B,GAN+E;;;ACMxE,IAAMC,6BAAkD;EAC7DC,WAAW,gCAAUC,SAAiB;AACpC,WAAO,CAAC,CAACA,SAASC;EACpB,GAFW;EAGXC,YAAY;IACVC,QAAQ;MAAEC,OAAOC;IAAc;IAC/BC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MAAEC,MAAMC;IAAiB;EAClC;EACAC,MAAM;AACR;;;AC5BO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,SAAO;IAAE,GAAGC;IAA4B,GAAGD;EAAO;AACpD,GAFyC;","names":["Avatar","React","DefaultAvatarIcon","default","PayloadAvatar","props","Avatar","src","DefaultAvatarIcon","CardActionArea","React","PayloadCardActionArea","payload","props","React","CardActionArea","displayName","CardContent","PayloadDetails","React","PayloadCardContent","payload","props","React","CardContent","PayloadDetails","displayName","CardHeader","Identicon","usePayloadHash","React","PayloadCardHeader","payload","props","hash","usePayloadHash","React","CardHeader","title","subheader","avatar","Identicon","size","value","displayName","PayloadDetails","React","PayloadDetailsBox","props","React","PayloadDetails","displayName","PayloadDetails","React","PayloadEditorBox","props","React","PayloadDetails","TableCell","Typography","React","PayloadTableCell","payload","props","React","TableCell","Typography","schema","DefaultPayloadRenderPlugin","canRender","payload","schema","components","avatar","image","PayloadAvatar","box","detailsBox","PayloadDetailsBox","editor","PayloadEditorBox","card","actionArea","PayloadCardActionArea","content","PayloadCardContent","header","PayloadCardHeader","table","cell","PayloadTableCell","name","createPayloadRenderPlugin","plugin","DefaultPayloadRenderPlugin"]}

package/dist/types/PayloadRenderPlugin.d.ts

@@ -2,7 +2,7 @@ import type { AvatarProps, CardActionAreaProps, CardContentProps, CardHeaderProp
 import type { FlexBoxProps } from '@xylabs/react-flexbox';
 import type { Payload } from '@xyo-network/payload-model';
 import type { ListMode } from '@xyo-network/react-shared';
-import type { ComponentType, ForwardRefExoticComponent, PropsWithoutRef } from 'react';
+import type { ComponentType } from 'react';
 export interface PayloadRenderProps<T extends Payload = Payload> {
     payload?: T;
 }
@@ -21,9 +21,9 @@ export interface PayloadRenderPluginBase {
     name: string;
 }
 export interface PayloadRenderPluginCardComponents {
-    actionArea: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardActionAreaProps>>;
-    content: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardContentProps>>;
-    header: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardHeaderProps>>;
+    actionArea: ComponentType<PayloadRenderProps & CardActionAreaProps>;
+    content: ComponentType<PayloadRenderProps & CardContentProps>;
+    header: ComponentType<PayloadRenderProps & CardHeaderProps>;
 }
 export interface PayloadRenderPluginAvatarComponents {
     image: ComponentType<PayloadRenderProps & AvatarProps>;
@@ -32,8 +32,8 @@ export interface PayloadRenderPluginTableComponents {
     cell: ComponentType<PayloadRenderProps & TableCellProps>;
 }
 export interface PayloadRenderPluginMenuComponents {
-    item: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuItemProps>>;
-    list: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuListProps>>;
+    item: ComponentType<PayloadRenderProps & MenuItemProps>;
+    list: ComponentType<PayloadRenderProps & MenuListProps>;
 }
 export interface PayloadRenderPluginBoxComponents {
     /** @deprecated - use detailsBox  */

package/dist/types/PayloadRenderPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/PayloadRenderPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,aAAa,EACb,aAAa,EACb,cAAc,EACf,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,KAAK,EACV,aAAa,EAAE,yBAAyB,EAAE,eAAe,EAC1D,MAAM,OAAO,CAAA;AAEd,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO;IAC7D,OAAO,CAAC,EAAE,CAAC,CAAA;CACZ;AAED,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,6BAA8B,SAAQ,yBAAyB;IAC9E,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,wBAAyB,SAAQ,yBAAyB;IACzE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAA;CACzC;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAA;IACzC,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,iCAAiC;IAChD,UAAU,EAAE,yBAAyB,CAAC,eAAe,CAAC,kBAAkB,GAAG,mBAAmB,CAAC,CAAC,CAAA;IAChG,OAAO,EAAE,yBAAyB,CAAC,eAAe,CAAC,kBAAkB,GAAG,gBAAgB,CAAC,CAAC,CAAA;IAC1F,MAAM,EAAE,yBAAyB,CAAC,eAAe,CAAC,kBAAkB,GAAG,eAAe,CAAC,CAAC,CAAA;CACzF;AAED,MAAM,WAAW,mCAAmC;IAClD,KAAK,EAAE,aAAa,CAAC,kBAAkB,GAAG,WAAW,CAAC,CAAA;CACvD;AAED,MAAM,WAAW,kCAAkC;IACjD,IAAI,EAAE,aAAa,CAAC,kBAAkB,GAAG,cAAc,CAAC,CAAA;CACzD;AAED,MAAM,WAAW,iCAAiC;IAChD,IAAI,EAAE,yBAAyB,CAAC,eAAe,CAAC,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAA;IACpF,IAAI,EAAE,yBAAyB,CAAC,eAAe,CAAC,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAA;CACrF;AAED,MAAM,WAAW,gCAAgC;IAC/C,oCAAoC;IACpC,OAAO,CAAC,EAAE,aAAa,CAAC,yBAAyB,GAAG,YAAY,CAAC,CAAA;IACjE,UAAU,EAAE,aAAa,CAAC,yBAAyB,GAAG,YAAY,CAAC,CAAA;IACnE,WAAW,CAAC,EAAE,aAAa,CAAC,yBAAyB,GAAG,SAAS,CAAC,CAAA;IAClE,MAAM,EAAE,aAAa,CAAC,wBAAwB,GAAG,YAAY,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;CACvB;AAED,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,mCAAmC,CAAA;IAC3C,GAAG,EAAE,gCAAgC,CAAA;IACrC,IAAI,EAAE,iCAAiC,CAAA;IACvC,KAAK,EAAE,kCAAkC,CAAA;CAC1C;AAED,MAAM,WAAW,mCAAmC;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC,mCAAmC,CAAC,CAAA;IACrD,GAAG,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,CAAA;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC,iCAAiC,CAAC,CAAA;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC,iCAAiC,CAAC,CAAA;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC,kCAAkC,CAAC,CAAA;CACpD;AAED,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB;IAClE,UAAU,EAAE,6BAA6B,CAAA;CAC1C;AAED,MAAM,WAAW,yBAA0B,SAAQ,uBAAuB;IACxE,UAAU,CAAC,EAAE,mCAAmC,CAAA;CACjD"}
+{"version":3,"file":"PayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/PayloadRenderPlugin.ts"],"names":[],"mappings":"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"}

package/dist/types/components/PayloadCardActionArea.d.ts

@@ -1,10 +1,5 @@
 import type { CardActionAreaProps } from '@mui/material';
 import React from 'react';
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
-export declare const PayloadCardActionArea: {
-    ({ ref, payload, ...props }: PayloadRenderProps & CardActionAreaProps & {
-        ref?: React.RefObject<HTMLButtonElement | null>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const PayloadCardActionArea: React.FC<PayloadRenderProps & CardActionAreaProps>;
 //# sourceMappingURL=PayloadCardActionArea.d.ts.map

package/dist/types/components/PayloadCardActionArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAExD,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,qBAAqB;iCAE/B,kBAAkB,GAAG,mBAAmB,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;KAAE;;CAEhG,CAAA"}
+{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAExD,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,mBAAmB,CAEpF,CAAA"}

package/dist/types/components/PayloadCardContent.d.ts

@@ -1,10 +1,5 @@
 import type { CardContentProps } from '@mui/material';
 import React from 'react';
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
-export declare const PayloadCardContent: {
-    ({ ref, payload, ...props }: PayloadRenderProps & CardContentProps & {
-        ref?: React.RefObject<HTMLDivElement | null>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const PayloadCardContent: React.FC<PayloadRenderProps & CardContentProps>;
 //# sourceMappingURL=PayloadCardContent.d.ts.map

package/dist/types/components/PayloadCardContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAGrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,kBAAkB;iCAE5B,kBAAkB,GAAG,gBAAgB,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAM1F,CAAA"}
+{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAGrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,gBAAgB,CAM9E,CAAA"}

package/dist/types/components/PayloadCardHeader.d.ts

@@ -1,10 +1,5 @@
 import type { CardHeaderProps } from '@mui/material';
 import React from 'react';
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
-export declare const PayloadCardHeader: {
-    ({ ref, payload, ...props }: PayloadRenderProps & CardHeaderProps & {
-        ref?: React.RefObject<HTMLElement | null>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const PayloadCardHeader: React.FC<PayloadRenderProps & CardHeaderProps>;
 //# sourceMappingURL=PayloadCardHeader.d.ts.map

package/dist/types/components/PayloadCardHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,iBAAiB;iCAE3B,kBAAkB,GAAG,eAAe,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;KAAE;;CAGtF,CAAA"}
+{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,eAAe,CAG5E,CAAA"}

package/dist/types/components/PayloadDetailsBox.d.ts

@@ -1,11 +1,6 @@
 import type { FlexBoxProps } from '@xylabs/react-flexbox';
 import React from 'react';
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
-declare const PayloadDetailsBox: {
-    ({ ref, ...props }: PayloadRenderProps & FlexBoxProps & {
-        ref?: React.RefObject<HTMLDivElement | null>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const PayloadDetailsBox: React.FC<PayloadRenderProps & FlexBoxProps>;
 export { PayloadDetailsBox };
 //# sourceMappingURL=PayloadDetailsBox.d.ts.map

package/dist/types/components/PayloadDetailsBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDetailsBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,QAAA,MAAM,iBAAiB;wBAAuB,kBAAkB,GAAG,YAAY,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KAAE;;CAEjI,CAAA;AAGD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"PayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDetailsBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,YAAY,CAElE,CAAA;AAGD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-payload-plugin",
-  "version": "5.0.0-rc.2",
+  "version": "5.0.1",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -37,17 +37,17 @@
     "./package.json": "./package.json"
   },
   "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
+  "types": "dist/types/index.d.ts",
   "scripts": {
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\"",
     "lint-pkg": "npmPkgJsonLint ."
   },
   "dependencies": {
-    "@xylabs/react-flexbox": "^6.0.0-rc.2",
-    "@xylabs/react-identicon": "^6.0.0-rc.2",
-    "@xyo-network/payload-model": "^3.9.35",
-    "@xyo-network/react-payload-details": "^5.0.0-rc.2",
-    "@xyo-network/react-shared": "^5.0.0-rc.2"
+    "@xylabs/react-flexbox": "^6.0.2",
+    "@xylabs/react-identicon": "^6.0.2",
+    "@xyo-network/payload-model": "^3.9.37",
+    "@xyo-network/react-payload-details": "^5.0.1",
+    "@xyo-network/react-shared": "^5.0.1"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
@@ -56,9 +56,9 @@
     "@mui/material": "^6.4.7",
     "@mui/styles": "^6.4.7",
     "@types/react": "^19.0.10",
-    "@xylabs/ts-scripts-yarn3": "^6.0.3",
-    "react": "^19",
-    "react-dom": "^19",
+    "@xylabs/ts-scripts-yarn3": "^6.0.8",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "typescript": "^5.8.2"
   },
   "peerDependencies": {
@@ -73,6 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "docs": "dist/docs.json",
-  "stableVersion": "4.4.11"
+  "docs": "dist/docs.json"
 }

package/src/PayloadRenderPlugin.ts

@@ -38,9 +38,9 @@ export interface PayloadRenderPluginBase {
 }
 
 export interface PayloadRenderPluginCardComponents {
-  actionArea: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardActionAreaProps>>
-  content: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardContentProps>>
-  header: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardHeaderProps>>
+  actionArea: ComponentType<PayloadRenderProps & CardActionAreaProps>
+  content: ComponentType<PayloadRenderProps & CardContentProps>
+  header: ComponentType<PayloadRenderProps & CardHeaderProps>
 }
 
 export interface PayloadRenderPluginAvatarComponents {
@@ -52,8 +52,8 @@ export interface PayloadRenderPluginTableComponents {
 }
 
 export interface PayloadRenderPluginMenuComponents {
-  item: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuItemProps>>
-  list: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuListProps>>
+  item: ComponentType<PayloadRenderProps & MenuItemProps>
+  list: ComponentType<PayloadRenderProps & MenuListProps>
 }
 
 export interface PayloadRenderPluginBoxComponents {

package/src/components/PayloadCardActionArea.tsx

@@ -5,10 +5,8 @@ import React, { forwardRef } from 'react'
 
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-export const PayloadCardActionArea = ({
-  ref, payload, ...props
-}: PayloadRenderProps & CardActionAreaProps & { ref?: React.RefObject<HTMLButtonElement | null> }) => {
-  return <CardActionArea ref={ref} {...props} />
+export const PayloadCardActionArea: React.FC<PayloadRenderProps & CardActionAreaProps> = ({ payload, ...props }) => {
+  return <CardActionArea {...props} />
 }
 
 PayloadCardActionArea.displayName = 'ButtonExXYLabs'

package/src/components/PayloadCardContent.tsx

@@ -5,11 +5,9 @@ import React from 'react'
 
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-export const PayloadCardContent = ({
-  ref, payload, ...props
-}: PayloadRenderProps & CardContentProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
+export const PayloadCardContent: React.FC<PayloadRenderProps & CardContentProps> = ({ payload, ...props }) => {
   return (
-    <CardContent ref={ref} {...props}>
+    <CardContent {...props}>
       <PayloadDetails payload={payload} />
     </CardContent>
   )

package/src/components/PayloadCardHeader.tsx

@@ -6,11 +6,9 @@ import React from 'react'
 
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-export const PayloadCardHeader = ({
-  ref, payload, ...props
-}: PayloadRenderProps & CardHeaderProps & { ref?: React.RefObject<HTMLElement | null> }) => {
+export const PayloadCardHeader: React.FC<PayloadRenderProps & CardHeaderProps> = ({ payload, ...props }) => {
   const hash = usePayloadHash(payload)
-  return <CardHeader ref={ref} title="Payload" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />
+  return <CardHeader title="Payload" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />
 }
 
 PayloadCardHeader.displayName = 'PayloadCardHeader'

package/src/components/PayloadDetailsBox.tsx

@@ -4,8 +4,8 @@ import React from 'react'
 
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-const PayloadDetailsBox = ({ ref, ...props }: PayloadRenderProps & FlexBoxProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
-  return <PayloadDetails ref={ref} {...props} />
+const PayloadDetailsBox: React.FC<PayloadRenderProps & FlexBoxProps> = (props) => {
+  return <PayloadDetails {...props} />
 }
 
 PayloadDetailsBox.displayName = 'PayloadDetailsBox'