@xyo-network/react-payload-plugin 4.4.10 → 5.0.0-rc.1

package/dist/browser/index.mjs

@@ -18,35 +18,35 @@ var PayloadAvatar = /* @__PURE__ */ __name(({ ...props }) => {
 
 // src/components/PayloadCardActionArea.tsx
 import { CardActionArea } from "@mui/material";
-import React2, { forwardRef } from "react";
-var PayloadCardActionArea = /* @__PURE__ */ forwardRef(({ payload, ...props }, ref) => {
+import React2 from "react";
+var PayloadCardActionArea = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
   return /* @__PURE__ */ React2.createElement(CardActionArea, {
     ref,
     ...props
   });
-});
+}, "PayloadCardActionArea");
 PayloadCardActionArea.displayName = "ButtonExXYLabs";
 
 // src/components/PayloadCardContent.tsx
 import { CardContent } from "@mui/material";
 import { PayloadDetails } from "@xyo-network/react-payload-details";
-import React3, { forwardRef as forwardRef2 } from "react";
-var PayloadCardContent = /* @__PURE__ */ forwardRef2(({ payload, ...props }, ref) => {
+import React3 from "react";
+var PayloadCardContent = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
   return /* @__PURE__ */ React3.createElement(CardContent, {
     ref,
     ...props
   }, /* @__PURE__ */ React3.createElement(PayloadDetails, {
     payload
   }));
-});
+}, "PayloadCardContent");
 PayloadCardContent.displayName = "PayloadCardContent";
 
 // src/components/PayloadCardHeader.tsx
 import { CardHeader } from "@mui/material";
 import { Identicon } from "@xylabs/react-identicon";
 import { usePayloadHash } from "@xyo-network/react-shared";
-import React4, { forwardRef as forwardRef3 } from "react";
-var PayloadCardHeader = /* @__PURE__ */ forwardRef3(({ payload, ...props }, ref) => {
+import React4 from "react";
+var PayloadCardHeader = /* @__PURE__ */ __name(({ ref, payload, ...props }) => {
   const hash = usePayloadHash(payload);
   return /* @__PURE__ */ React4.createElement(CardHeader, {
     ref,
@@ -58,18 +58,18 @@ var PayloadCardHeader = /* @__PURE__ */ forwardRef3(({ payload, ...props }, ref)
     }),
     ...props
   });
-});
+}, "PayloadCardHeader");
 PayloadCardHeader.displayName = "PayloadCardHeader";
 
 // src/components/PayloadDetailsBox.tsx
 import { PayloadDetails as PayloadDetails2 } from "@xyo-network/react-payload-details";
-import React5, { forwardRef as forwardRef4 } from "react";
-var PayloadDetailsBox = /* @__PURE__ */ forwardRef4((props, ref) => {
+import React5 from "react";
+var PayloadDetailsBox = /* @__PURE__ */ __name(({ ref, ...props }) => {
   return /* @__PURE__ */ React5.createElement(PayloadDetails2, {
     ref,
     ...props
   });
-});
+}, "PayloadDetailsBox");
 PayloadDetailsBox.displayName = "PayloadDetailsBox";
 
 // src/components/PayloadEditorBox.tsx

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 = forwardRef<HTMLButtonElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }, ref) => {\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, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardContent = forwardRef<HTMLDivElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }, ref) => {\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, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }, ref) => {\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, { forwardRef } from 'react'\n\nimport type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\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,UAASC,kBAAkB;AAI3B,IAAMC,wBAAwBD,2BAAwE,CAAC,EAAEE,SAAS,GAAGC,MAAAA,GAASC,QAAAA;AACnI,SAAO,gBAAAL,OAAA,cAACD,gBAAAA;IAAeM;IAAW,GAAGD;;AACvC,CAAA;AAEAF,sBAAsBI,cAAc;;;ACVpC,SAASC,mBAAmB;AAC5B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAI3B,IAAMC,qBAAqBD,gBAAAA,YAAkE,CAAC,EAAEE,SAAS,GAAGC,MAAAA,GAASC,QAAAA;AAC1H,SACE,gBAAAL,OAAA,cAACF,aAAAA;IAAYO;IAAW,GAAGD;KACzB,gBAAAJ,OAAA,cAACD,gBAAAA;IAAeI;;AAGtB,CAAA;AAEAD,mBAAmBI,cAAc;;;ACdjC,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAI3B,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,GAASC,QAAAA;AACrH,QAAMC,OAAOP,eAAeI,OAAAA;AAC5B,SAAO,gBAAAH,OAAA,cAACH,YAAAA;IAAWQ;IAAUE,OAAM;IAAUC,WAAWF;IAAMG,QAAQ,gBAAAT,OAAA,cAACF,WAAAA;MAAUY,MAAM;MAAIC,OAAOL;;IAAW,GAAGF;;AAClH,CAAA;AAEAF,kBAAkBU,cAAc;;;ACZhC,SAASC,kBAAAA,uBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAIlC,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAACE,OAAOC,QAAAA;AAC9F,SAAO,gBAAAJ,OAAA,cAACD,iBAAAA;IAAeK;IAAW,GAAGD;;AACvC,CAAA;AAEAD,kBAAkBG,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","forwardRef","PayloadCardActionArea","payload","props","ref","displayName","CardContent","PayloadDetails","React","forwardRef","PayloadCardContent","payload","props","ref","displayName","CardHeader","Identicon","usePayloadHash","React","forwardRef","PayloadCardHeader","payload","props","ref","hash","title","subheader","avatar","size","value","displayName","PayloadDetails","React","forwardRef","PayloadDetailsBox","props","ref","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 = ({\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"]}

package/dist/types/DefaultPayloadRenderPlugin.d.ts

@@ -0,0 +1,3 @@
+import type { PayloadRenderPlugin } from './PayloadRenderPlugin.ts';
+export declare const DefaultPayloadRenderPlugin: PayloadRenderPlugin;
+//# sourceMappingURL=DefaultPayloadRenderPlugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/DefaultPayloadRenderPlugin.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,eAAO,MAAM,0BAA0B,EAAE,mBAkBxC,CAAA"}

package/dist/types/PayloadRenderPlugin.d.ts

@@ -0,0 +1,65 @@
+import type { AvatarProps, CardActionAreaProps, CardContentProps, CardHeaderProps, CardProps, MenuItemProps, MenuListProps, TableCellProps } from '@mui/material';
+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';
+export interface PayloadRenderProps<T extends Payload = Payload> {
+    payload?: T;
+}
+export interface PayloadDetailsRenderProps extends PayloadRenderProps {
+    active?: boolean;
+}
+export interface PayloadDetailsListRenderProps extends PayloadDetailsRenderProps {
+    listMode?: ListMode;
+    visibleRows?: number;
+}
+export interface PayloadEditorRenderProps extends PayloadDetailsRenderProps {
+    onChange?: (payload: Payload) => boolean;
+}
+export interface PayloadRenderPluginBase {
+    canRender: (payload?: Payload) => boolean;
+    name: string;
+}
+export interface PayloadRenderPluginCardComponents {
+    actionArea: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardActionAreaProps>>;
+    content: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardContentProps>>;
+    header: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardHeaderProps>>;
+}
+export interface PayloadRenderPluginAvatarComponents {
+    image: ComponentType<PayloadRenderProps & AvatarProps>;
+}
+export interface PayloadRenderPluginTableComponents {
+    cell: ComponentType<PayloadRenderProps & TableCellProps>;
+}
+export interface PayloadRenderPluginMenuComponents {
+    item: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuItemProps>>;
+    list: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuListProps>>;
+}
+export interface PayloadRenderPluginBoxComponents {
+    /** @deprecated - use detailsBox  */
+    details?: ComponentType<PayloadDetailsRenderProps & FlexBoxProps>;
+    detailsBox: ComponentType<PayloadDetailsRenderProps & FlexBoxProps>;
+    detailsCard?: ComponentType<PayloadDetailsRenderProps & CardProps>;
+    editor: ComponentType<PayloadEditorRenderProps & FlexBoxProps>;
+    listModes?: ListMode[];
+}
+export interface PayloadRenderPluginComponents {
+    avatar: PayloadRenderPluginAvatarComponents;
+    box: PayloadRenderPluginBoxComponents;
+    card: PayloadRenderPluginCardComponents;
+    table: PayloadRenderPluginTableComponents;
+}
+export interface PayloadRenderPluginComponentsConfig {
+    avatar?: Partial<PayloadRenderPluginAvatarComponents>;
+    box?: Partial<PayloadRenderPluginBoxComponents>;
+    card?: Partial<PayloadRenderPluginCardComponents>;
+    menu?: Partial<PayloadRenderPluginMenuComponents>;
+    table?: Partial<PayloadRenderPluginTableComponents>;
+}
+export interface PayloadRenderPlugin extends PayloadRenderPluginBase {
+    components: PayloadRenderPluginComponents;
+}
+export interface PayloadRenderPluginConfig extends PayloadRenderPluginBase {
+    components?: PayloadRenderPluginComponentsConfig;
+}
+//# sourceMappingURL=PayloadRenderPlugin.d.ts.map

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

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

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

@@ -0,0 +1,5 @@
+import type { AvatarProps } from '@mui/material';
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps>;
+//# sourceMappingURL=PayloadAvatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,WAAW,CAEpE,CAAA"}

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

@@ -0,0 +1,10 @@
+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;
+};
+//# sourceMappingURL=PayloadCardActionArea.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,10 @@
+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;
+};
+//# sourceMappingURL=PayloadCardContent.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,10 @@
+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;
+};
+//# sourceMappingURL=PayloadCardHeader.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,11 @@
+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;
+};
+export { PayloadDetailsBox };
+//# sourceMappingURL=PayloadDetailsBox.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+import type { FlexBoxProps } from '@xylabs/react-flexbox';
+import React from 'react';
+import type { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps>;
+//# sourceMappingURL=PayloadEditorBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadEditorBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadEditorBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAEzE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,GAAG,YAAY,CAE9E,CAAA"}

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

@@ -0,0 +1,5 @@
+import type { TableCellProps } from '@mui/material';
+import React from 'react';
+import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps>;
+//# sourceMappingURL=PayloadTableCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayloadTableCell.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAGnE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,cAAc,CAM1E,CAAA"}

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

@@ -0,0 +1,8 @@
+export * from './PayloadAvatar.tsx';
+export * from './PayloadCardActionArea.tsx';
+export * from './PayloadCardContent.tsx';
+export * from './PayloadCardHeader.tsx';
+export * from './PayloadDetailsBox.tsx';
+export * from './PayloadEditorBox.tsx';
+export * from './PayloadTableCell.tsx';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA"}

package/dist/types/createPayloadRenderPlugin.d.ts

@@ -0,0 +1,3 @@
+import type { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts';
+export declare const createPayloadRenderPlugin: (plugin: PayloadRenderPluginConfig) => PayloadRenderPlugin;
+//# sourceMappingURL=createPayloadRenderPlugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/createPayloadRenderPlugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAE9F,eAAO,MAAM,yBAAyB,GAAI,QAAQ,yBAAyB,KAAG,mBAE7E,CAAA"}

package/dist/types/img/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DefaultAvatarIcon } from './default-256.jpg';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/img/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components/index.ts';
+export * from './createPayloadRenderPlugin.ts';
+export * from './DefaultPayloadRenderPlugin.ts';
+export * from './PayloadRenderPlugin.ts';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-payload-plugin",
-  "version": "4.4.10",
+  "version": "5.0.0-rc.1",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -28,10 +28,10 @@
   "exports": {
     ".": {
       "browser": {
-        "types": "./dist/browser/index.d.ts",
+        "types": "./dist/types/index.d.ts",
         "default": "./dist/browser/index.mjs"
       },
-      "types": "./dist/browser/index.d.ts",
+      "types": "./dist/types/index.d.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
@@ -43,22 +43,23 @@
     "lint-pkg": "npmPkgJsonLint ."
   },
   "dependencies": {
-    "@xylabs/react-flexbox": "^5.3.23",
-    "@xylabs/react-identicon": "^5.3.23",
-    "@xyo-network/payload-model": "^3.9.17",
-    "@xyo-network/react-payload-details": "^4.4.10",
-    "@xyo-network/react-shared": "^4.4.10"
+    "@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.1",
+    "@xyo-network/react-shared": "^5.0.0-rc.1"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.6",
-    "@mui/material": "^6.4.6",
-    "@mui/styles": "^6.4.6",
-    "@xylabs/ts-scripts-yarn3": "^5.0.25",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "typescript": "^5.7.3"
+    "@mui/icons-material": "^6.4.7",
+    "@mui/material": "^6.4.7",
+    "@mui/styles": "^6.4.7",
+    "@types/react": "^19.0.10",
+    "@xylabs/ts-scripts-yarn3": "^6.0.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.8.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11",
@@ -66,11 +67,12 @@
     "@mui/icons-material": "^6",
     "@mui/material": "^6",
     "@mui/styles": "^6",
-    "react": "^18",
-    "react-dom": "^18"
+    "react": "^19",
+    "react-dom": "^19"
   },
   "publishConfig": {
     "access": "public"
   },
-  "docs": "dist/docs.json"
+  "docs": "dist/docs.json",
+  "stableVersion": "4.4.11"
 }

package/src/components/PayloadCardActionArea.tsx

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

package/src/components/PayloadCardContent.tsx

@@ -1,16 +1,18 @@
 import type { CardContentProps } from '@mui/material'
 import { CardContent } from '@mui/material'
 import { PayloadDetails } from '@xyo-network/react-payload-details'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-export const PayloadCardContent = forwardRef<HTMLDivElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }, ref) => {
+export const PayloadCardContent = ({
+  ref, payload, ...props
+}: PayloadRenderProps & CardContentProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
   return (
     <CardContent ref={ref} {...props}>
       <PayloadDetails payload={payload} />
     </CardContent>
   )
-})
+}
 
 PayloadCardContent.displayName = 'PayloadCardContent'

package/src/components/PayloadCardHeader.tsx

@@ -2,13 +2,15 @@ import type { CardHeaderProps } from '@mui/material'
 import { CardHeader } from '@mui/material'
 import { Identicon } from '@xylabs/react-identicon'
 import { usePayloadHash } from '@xyo-network/react-shared'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-export const PayloadCardHeader = forwardRef<HTMLElement, PayloadRenderProps & CardHeaderProps>(({ payload, ...props }, ref) => {
+export const PayloadCardHeader = ({
+  ref, payload, ...props
+}: PayloadRenderProps & CardHeaderProps & { ref?: React.RefObject<HTMLElement | null> }) => {
   const hash = usePayloadHash(payload)
   return <CardHeader ref={ref} title="Payload" subheader={hash} avatar={<Identicon size={24} value={hash} />} {...props} />
-})
+}
 
 PayloadCardHeader.displayName = 'PayloadCardHeader'

package/src/components/PayloadDetailsBox.tsx

@@ -1,12 +1,12 @@
 import type { FlexBoxProps } from '@xylabs/react-flexbox'
 import { PayloadDetails } from '@xyo-network/react-payload-details'
-import React, { forwardRef } from 'react'
+import React from 'react'
 
 import type { PayloadRenderProps } from '../PayloadRenderPlugin.ts'
 
-const PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {
+const PayloadDetailsBox = ({ ref, ...props }: PayloadRenderProps & FlexBoxProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
   return <PayloadDetails ref={ref} {...props} />
-})
+}
 
 PayloadDetailsBox.displayName = 'PayloadDetailsBox'
 export { PayloadDetailsBox }

package/dist/browser/index.d.ts

@@ -1,98 +0,0 @@
-import * as _mui_material from '@mui/material';
-import { AvatarProps, CardProps, CardActionAreaProps, CardContentProps, CardHeaderProps, MenuItemProps, MenuListProps, TableCellProps } from '@mui/material';
-import React, { ComponentType, ForwardRefExoticComponent, PropsWithoutRef } from 'react';
-import * as _xylabs_react_flexbox from '@xylabs/react-flexbox';
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import * as _xyo_network_payload_model from '@xyo-network/payload-model';
-import { Payload } from '@xyo-network/payload-model';
-import { ListMode } from '@xyo-network/react-shared';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-
-interface PayloadRenderProps<T extends Payload = Payload> {
-    payload?: T;
-}
-interface PayloadDetailsRenderProps extends PayloadRenderProps {
-    active?: boolean;
-}
-interface PayloadDetailsListRenderProps extends PayloadDetailsRenderProps {
-    listMode?: ListMode;
-    visibleRows?: number;
-}
-interface PayloadEditorRenderProps extends PayloadDetailsRenderProps {
-    onChange?: (payload: Payload) => boolean;
-}
-interface PayloadRenderPluginBase {
-    canRender: (payload?: Payload) => boolean;
-    name: string;
-}
-interface PayloadRenderPluginCardComponents {
-    actionArea: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardActionAreaProps>>;
-    content: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardContentProps>>;
-    header: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & CardHeaderProps>>;
-}
-interface PayloadRenderPluginAvatarComponents {
-    image: ComponentType<PayloadRenderProps & AvatarProps>;
-}
-interface PayloadRenderPluginTableComponents {
-    cell: ComponentType<PayloadRenderProps & TableCellProps>;
-}
-interface PayloadRenderPluginMenuComponents {
-    item: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuItemProps>>;
-    list: ForwardRefExoticComponent<PropsWithoutRef<PayloadRenderProps & MenuListProps>>;
-}
-interface PayloadRenderPluginBoxComponents {
-    details?: ComponentType<PayloadDetailsRenderProps & FlexBoxProps>;
-    detailsBox: ComponentType<PayloadDetailsRenderProps & FlexBoxProps>;
-    detailsCard?: ComponentType<PayloadDetailsRenderProps & CardProps>;
-    editor: ComponentType<PayloadEditorRenderProps & FlexBoxProps>;
-    listModes?: ListMode[];
-}
-interface PayloadRenderPluginComponents {
-    avatar: PayloadRenderPluginAvatarComponents;
-    box: PayloadRenderPluginBoxComponents;
-    card: PayloadRenderPluginCardComponents;
-    table: PayloadRenderPluginTableComponents;
-}
-interface PayloadRenderPluginComponentsConfig {
-    avatar?: Partial<PayloadRenderPluginAvatarComponents>;
-    box?: Partial<PayloadRenderPluginBoxComponents>;
-    card?: Partial<PayloadRenderPluginCardComponents>;
-    menu?: Partial<PayloadRenderPluginMenuComponents>;
-    table?: Partial<PayloadRenderPluginTableComponents>;
-}
-interface PayloadRenderPlugin extends PayloadRenderPluginBase {
-    components: PayloadRenderPluginComponents;
-}
-interface PayloadRenderPluginConfig extends PayloadRenderPluginBase {
-    components?: PayloadRenderPluginComponentsConfig;
-}
-
-declare const PayloadAvatar: React.FC<PayloadRenderProps & AvatarProps>;
-
-declare const PayloadCardActionArea: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<_xyo_network_payload_model.Payload> & _mui_material.CardActionAreaOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & {
-    component?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-
-declare const PayloadCardContent: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<_xyo_network_payload_model.Payload> & _mui_material.CardContentOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx"> & {
-    component?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-declare const PayloadCardHeader: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<_xyo_network_payload_model.Payload> & _mui_material.CardHeaderOwnProps<"span", "span"> & _mui_material.CardHeaderSlotsAndSlotProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "action" | "sx" | "title" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps" | "slots" | "slotProps">, "ref"> & React.RefAttributes<HTMLElement>>;
-
-declare const PayloadDetailsBox: React.ForwardRefExoticComponent<PayloadRenderProps<_xyo_network_payload_model.Payload> & _xylabs_react_flexbox.BusyBoxProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps>;
-
-declare const PayloadTableCell: React.FC<PayloadRenderProps & TableCellProps>;
-
-declare const createPayloadRenderPlugin: (plugin: PayloadRenderPluginConfig) => PayloadRenderPlugin;
-
-declare const DefaultPayloadRenderPlugin: PayloadRenderPlugin;
-
-export { DefaultPayloadRenderPlugin, PayloadAvatar, PayloadCardActionArea, PayloadCardContent, PayloadCardHeader, PayloadDetailsBox, type PayloadDetailsListRenderProps, type PayloadDetailsRenderProps, PayloadEditorBox, type PayloadEditorRenderProps, type PayloadRenderPlugin, type PayloadRenderPluginAvatarComponents, type PayloadRenderPluginBase, type PayloadRenderPluginBoxComponents, type PayloadRenderPluginCardComponents, type PayloadRenderPluginComponents, type PayloadRenderPluginComponentsConfig, type PayloadRenderPluginConfig, type PayloadRenderPluginMenuComponents, type PayloadRenderPluginTableComponents, type PayloadRenderProps, PayloadTableCell, createPayloadRenderPlugin };