@xyo-network/react-payload-plugin 2.80.0 → 2.81.1

package/dist/neutral/createPayloadRenderPlugin.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"createPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/createPayloadRenderPlugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAEtF,eAAO,MAAM,yBAAyB,WAAY,yBAAyB,KAAG,mBAE7E,CAAA"}
+{"version":3,"file":"createPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/createPayloadRenderPlugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAEzF,eAAO,MAAM,yBAAyB,WAAY,yBAAyB,KAAG,mBAE7E,CAAA"}

package/dist/neutral/createPayloadRenderPlugin.d.mts

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

package/dist/neutral/createPayloadRenderPlugin.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"createPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/createPayloadRenderPlugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAEtF,eAAO,MAAM,yBAAyB,WAAY,yBAAyB,KAAG,mBAE7E,CAAA"}
+{"version":3,"file":"createPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/createPayloadRenderPlugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAEzF,eAAO,MAAM,yBAAyB,WAAY,yBAAyB,KAAG,mBAE7E,CAAA"}

package/dist/neutral/createPayloadRenderPlugin.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"createPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/createPayloadRenderPlugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAEtF,eAAO,MAAM,yBAAyB,WAAY,yBAAyB,KAAG,mBAE7E,CAAA"}
+{"version":3,"file":"createPayloadRenderPlugin.d.ts","sourceRoot":"","sources":["../../src/createPayloadRenderPlugin.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAEzF,eAAO,MAAM,yBAAyB,WAAY,yBAAyB,KAAG,mBAE7E,CAAA"}

package/dist/neutral/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["export * from './components'\nexport * from './createPayloadRenderPlugin'\nexport * from './DefaultPayloadRenderPlugin'\nexport * from './PayloadRenderPlugin'\n","import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n})\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadCardHeader = forwardRef<HTMLElement, 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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: {\n      image: PayloadAvatar,\n    },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: {\n      cell: PayloadTableCell,\n    },\n  },\n  name: 'Payload',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAoC;;;ACApC,yBAA6C;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,4CAAC,0BAAO,KAAK,4BAAoB,GAAG,OAAO;AACpD;;;AEPA,IAAAA,mBAAoD;AACpD,mBAA2B;AAMlB,IAAAC,sBAAA;AADF,IAAM,4BAAwB,yBAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,6CAAC,mCAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,IAAAC,mBAA8C;AAC9C,mCAA+B;AAC/B,IAAAC,gBAA2B;AAOrB,IAAAC,sBAAA;AAHC,IAAM,yBAAqB,0BAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,6CAAC,gCAAa,GAAG,OACf,uDAAC,+CAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,IAAAC,mBAA4C;AAC5C,6BAA0B;AAC1B,0BAA+B;AAC/B,IAAAC,gBAA2B;AAMmC,IAAAC,sBAAA;AAFvD,IAAM,wBAAoB,0BAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,WAAO,oCAAe,OAAO;AACnC,SAAO,6CAAC,+BAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,6CAAC,oCAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,IAAAC,gCAA+B;AAC/B,IAAAC,gBAA2B;AAKlB,IAAAC,sBAAA;AADT,IAAM,wBAAoB,0BAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,6CAAC,gDAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,IAAAC,gCAA+B;AAKtB,IAAAC,sBAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,6CAAC,gDAAgB,GAAG,OAAO;AACpC;;;ACPA,IAAAC,mBAAsD;AAQhD,IAAAC,sBAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,6CAAC,8BAAW,GAAG,OACb,uDAAC,+BAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACXA,oBAAsB;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,aAAO,qBAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["import_material","import_jsx_runtime","import_material","import_react","import_jsx_runtime","import_material","import_react","import_jsx_runtime","import_react_payload_details","import_react","import_jsx_runtime","import_react_payload_details","import_jsx_runtime","import_material","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/index.ts","../../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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["export * from './components/index.js'\nexport * from './createPayloadRenderPlugin.js'\nexport * from './DefaultPayloadRenderPlugin.js'\nexport * from './PayloadRenderPlugin.js'\n","import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img/index.js'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\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","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n})\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadCardHeader = forwardRef<HTMLElement, 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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.js'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.js'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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.js'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin.js'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: {\n      image: PayloadAvatar,\n    },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: {\n      cell: PayloadTableCell,\n    },\n  },\n  name: 'Payload',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAoC;;;ACApC,yBAA6C;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,4CAAC,0BAAO,KAAK,4BAAoB,GAAG,OAAO;AACpD;;;AEPA,IAAAA,mBAAoD;AACpD,mBAA2B;AAMlB,IAAAC,sBAAA;AADF,IAAM,4BAAwB,yBAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,6CAAC,mCAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,IAAAC,mBAA8C;AAC9C,mCAA+B;AAC/B,IAAAC,gBAA2B;AAOrB,IAAAC,sBAAA;AAHC,IAAM,yBAAqB,0BAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,6CAAC,gCAAa,GAAG,OACf,uDAAC,+CAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,IAAAC,mBAA4C;AAC5C,6BAA0B;AAC1B,0BAA+B;AAC/B,IAAAC,gBAA2B;AAMmC,IAAAC,sBAAA;AAFvD,IAAM,wBAAoB,0BAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,WAAO,oCAAe,OAAO;AACnC,SAAO,6CAAC,+BAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,6CAAC,oCAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,IAAAC,gCAA+B;AAC/B,IAAAC,gBAA2B;AAKlB,IAAAC,sBAAA;AADT,IAAM,wBAAoB,0BAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,6CAAC,gDAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,IAAAC,gCAA+B;AAKtB,IAAAC,sBAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,6CAAC,gDAAgB,GAAG,OAAO;AACpC;;;ACPA,IAAAC,mBAAsD;AAQhD,IAAAC,sBAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,6CAAC,8BAAW,GAAG,OACb,uDAAC,+BAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACXA,oBAAsB;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,aAAO,qBAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["import_material","import_jsx_runtime","import_material","import_react","import_jsx_runtime","import_material","import_react","import_jsx_runtime","import_react_payload_details","import_react","import_jsx_runtime","import_react_payload_details","import_jsx_runtime","import_material","import_jsx_runtime"]}

package/dist/neutral/index.d.cts

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

package/dist/neutral/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA"}
+{"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/dist/neutral/index.d.mts

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

package/dist/neutral/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA"}
+{"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/dist/neutral/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA"}
+{"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/dist/neutral/index.js.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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n})\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadCardHeader = forwardRef<HTMLElement, 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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: {\n      image: PayloadAvatar,\n    },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: {\n      cell: PayloadTableCell,\n    },\n  },\n  name: 'Payload',\n}\n"],"mappings":";AAAA,SAAS,cAA2B;;;ACApC,SAAoB,WAAXA,gBAAoC;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAKC,UAAoB,GAAG,OAAO;AACpD;;;AEPA,SAAS,sBAA2C;AACpD,SAAS,kBAAkB;AAMlB,gBAAAC,YAAA;AADF,IAAM,wBAAwB,WAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,SAAS,mBAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAOrB,gBAAAC,YAAA;AAHC,IAAM,qBAAqBD,YAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,gBAAAC,KAAC,eAAa,GAAG,OACf,0BAAAA,KAAC,kBAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,SAAS,kBAAmC;AAC5C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAMmC,gBAAAC,YAAA;AAFvD,IAAM,oBAAoBD,YAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,OAAO,eAAe,OAAO;AACnC,SAAO,gBAAAC,KAAC,cAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,gBAAAA,KAAC,aAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,SAAS,kBAAAC,uBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAKlB,gBAAAC,YAAA;AADT,IAAM,oBAAoBD,YAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,gBAAAC,KAACF,iBAAA,EAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,SAAS,kBAAAG,uBAAsB;AAKtB,gBAAAC,YAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,WAA2B,kBAAkB;AAQhD,gBAAAE,YAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,gBAAAA,KAAC,aAAW,GAAG,OACb,0BAAAA,KAAC,cAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACXA,SAAS,aAAa;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,SAAO,MAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["default","default","jsx","forwardRef","jsx","forwardRef","jsx","PayloadDetails","forwardRef","jsx","PayloadDetails","jsx","jsx"]}
+{"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/createPayloadRenderPlugin.ts","../../src/DefaultPayloadRenderPlugin.ts"],"sourcesContent":["import { Avatar, AvatarProps } from '@mui/material'\n\nimport { DefaultAvatarIcon } from '../img/index.js'\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\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","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ payload, ...props }) => {\n  return <CardActionArea {...props} />\n})\n\nPayloadCardActionArea.displayName = 'ButtonExXYLabs'\n","import { CardContent, CardContentProps } from '@mui/material'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadCardContent = forwardRef<HTMLElement, PayloadRenderProps & CardContentProps>(({ payload, ...props }) => {\n  return (\n    <CardContent {...props}>\n      <PayloadDetails payload={payload} />\n    </CardContent>\n  )\n})\n\nPayloadCardContent.displayName = 'PayloadCardContent'\n","import { CardHeader, CardHeaderProps } from '@mui/material'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { usePayloadHash } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadCardHeader = forwardRef<HTMLElement, 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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\n\nconst PayloadDetailsBox = forwardRef<HTMLDivElement, PayloadRenderProps & FlexBoxProps>((props, ref) => {\n  return <PayloadDetails ref={ref} {...props} />\n})\n\nPayloadDetailsBox.displayName = 'PayloadDetailsBox'\nexport { PayloadDetailsBox }\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin.js'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.js'\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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.js'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.js'\n\nexport const createPayloadRenderPlugin = (plugin: PayloadRenderPluginConfig): PayloadRenderPlugin => {\n  return merge({}, DefaultPayloadRenderPlugin, plugin)\n}\n","import { 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.js'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin.js'\n\nexport const DefaultPayloadRenderPlugin: PayloadRenderPlugin = {\n  canRender: function (payload?: Payload): boolean {\n    return !!payload?.schema\n  },\n  components: {\n    avatar: {\n      image: PayloadAvatar,\n    },\n    box: {\n      detailsBox: PayloadDetailsBox,\n      editor: PayloadEditorBox,\n    },\n    card: {\n      actionArea: PayloadCardActionArea,\n      content: PayloadCardContent,\n      header: PayloadCardHeader,\n    },\n    table: {\n      cell: PayloadTableCell,\n    },\n  },\n  name: 'Payload',\n}\n"],"mappings":";AAAA,SAAS,cAA2B;;;ACApC,SAAoB,WAAXA,gBAAoC;;;ADMpC;AADF,IAAM,gBAA4D,CAAC,EAAE,GAAG,MAAM,MAAM;AACzF,SAAO,oBAAC,UAAO,KAAKC,UAAoB,GAAG,OAAO;AACpD;;;AEPA,SAAS,sBAA2C;AACpD,SAAS,kBAAkB;AAMlB,gBAAAC,YAAA;AADF,IAAM,wBAAwB,WAAqE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACnI,SAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO;AACpC,CAAC;AAED,sBAAsB,cAAc;;;ACVpC,SAAS,mBAAqC;AAC9C,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAOrB,gBAAAC,YAAA;AAHC,IAAM,qBAAqBD,YAA+D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAC1H,SACE,gBAAAC,KAAC,eAAa,GAAG,OACf,0BAAAA,KAAC,kBAAe,SAAkB,GACpC;AAEJ,CAAC;AAED,mBAAmB,cAAc;;;ACdjC,SAAS,kBAAmC;AAC5C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAMmC,gBAAAC,YAAA;AAFvD,IAAM,oBAAoBD,YAA8D,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxH,QAAM,OAAO,eAAe,OAAO;AACnC,SAAO,gBAAAC,KAAC,cAAW,OAAM,WAAU,WAAW,MAAM,QAAQ,gBAAAA,KAAC,aAAU,MAAM,IAAI,OAAO,MAAM,GAAK,GAAG,OAAO;AAC/G,CAAC;AAED,kBAAkB,cAAc;;;ACXhC,SAAS,kBAAAC,uBAAsB;AAC/B,SAAS,cAAAC,mBAAkB;AAKlB,gBAAAC,YAAA;AADT,IAAM,oBAAoBD,YAA8D,CAAC,OAAO,QAAQ;AACtG,SAAO,gBAAAC,KAACF,iBAAA,EAAe,KAAW,GAAG,OAAO;AAC9C,CAAC;AAED,kBAAkB,cAAc;;;ACThC,SAAS,kBAAAG,uBAAsB;AAKtB,gBAAAC,YAAA;AADF,IAAM,mBAAsE,CAAC,UAAU;AAC5F,SAAO,gBAAAA,KAACD,iBAAA,EAAgB,GAAG,OAAO;AACpC;;;ACPA,SAAS,WAA2B,kBAAkB;AAQhD,gBAAAE,YAAA;AAHC,IAAM,mBAAkE,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxG,SACE,gBAAAA,KAAC,aAAW,GAAG,OACb,0BAAAA,KAAC,cAAY,mBAAS,QAAO,GAC/B;AAEJ;;;ACXA,SAAS,aAAa;;;ACaf,IAAM,6BAAkD;AAAA,EAC7D,WAAW,SAAU,SAA4B;AAC/C,WAAO,CAAC,CAAC,SAAS;AAAA,EACpB;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AACR;;;AD9BO,IAAM,4BAA4B,CAAC,WAA2D;AACnG,SAAO,MAAM,CAAC,GAAG,4BAA4B,MAAM;AACrD;","names":["default","default","jsx","forwardRef","jsx","forwardRef","jsx","PayloadDetails","forwardRef","jsx","PayloadDetails","jsx","jsx"]}

package/dist/node/DefaultPayloadRenderPlugin.d.cts

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

package/dist/node/DefaultPayloadRenderPlugin.d.cts.map

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

package/dist/node/DefaultPayloadRenderPlugin.d.mts

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

package/dist/node/DefaultPayloadRenderPlugin.d.mts.map

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

package/dist/node/DefaultPayloadRenderPlugin.d.ts

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

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

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

package/dist/node/components/PayloadAvatar.d.cts

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

package/dist/node/components/PayloadAvatar.d.cts.map

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

package/dist/node/components/PayloadAvatar.d.mts

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

package/dist/node/components/PayloadAvatar.d.mts.map

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

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

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

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

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

package/dist/node/components/PayloadCardActionArea.d.cts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 export declare const PayloadCardActionArea: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
     schema: string;
-} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & {
-    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    component?: import("react").ElementType;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=PayloadCardActionArea.d.ts.map

package/dist/node/components/PayloadCardActionArea.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAG3D,eAAO,MAAM,qBAAqB;;;;;;0DAEhC,CAAA"}
+{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,eAAO,MAAM,qBAAqB;;;;;;0DAEhC,CAAA"}

package/dist/node/components/PayloadCardActionArea.d.mts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 export declare const PayloadCardActionArea: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
     schema: string;
-} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & {
-    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    component?: import("react").ElementType;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=PayloadCardActionArea.d.ts.map

package/dist/node/components/PayloadCardActionArea.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAG3D,eAAO,MAAM,qBAAqB;;;;;;0DAEhC,CAAA"}
+{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,eAAO,MAAM,qBAAqB;;;;;;0DAEhC,CAAA"}

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 export declare const PayloadCardActionArea: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
     schema: string;
-} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & {
-    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    component?: import("react").ElementType;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=PayloadCardActionArea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAG3D,eAAO,MAAM,qBAAqB;;;;;;0DAEhC,CAAA"}
+{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,eAAO,MAAM,qBAAqB;;;;;;0DAEhC,CAAA"}

package/dist/node/components/PayloadCardContent.d.cts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 export declare const PayloadCardContent: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
     schema: string;
-} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "className" | "style" | "classes" | "children" | "sx"> & {
-    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    component?: import("react").ElementType;
 }, "ref"> & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=PayloadCardContent.d.ts.map

package/dist/node/components/PayloadCardContent.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,eAAO,MAAM,kBAAkB;;;;;;uDAM7B,CAAA"}
+{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,eAAO,MAAM,kBAAkB;;;;;;uDAM7B,CAAA"}

package/dist/node/components/PayloadCardContent.d.mts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 export declare const PayloadCardContent: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
     schema: string;
-} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "className" | "style" | "classes" | "children" | "sx"> & {
-    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    component?: import("react").ElementType;
 }, "ref"> & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=PayloadCardContent.d.ts.map

package/dist/node/components/PayloadCardContent.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,eAAO,MAAM,kBAAkB;;;;;;uDAM7B,CAAA"}
+{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,eAAO,MAAM,kBAAkB;;;;;;uDAM7B,CAAA"}

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 export declare const PayloadCardContent: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
     schema: string;
-} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "className" | "style" | "classes" | "children" | "sx"> & {
-    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    component?: import("react").ElementType;
 }, "ref"> & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=PayloadCardContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,eAAO,MAAM,kBAAkB;;;;;;uDAM7B,CAAA"}
+{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,eAAO,MAAM,kBAAkB;;;;;;uDAM7B,CAAA"}

package/dist/node/components/PayloadCardHeader.d.cts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 export declare const PayloadCardHeader: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
     schema: string;
-} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "className" | "style" | "classes" | "action" | "sx" | "title" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, "ref"> & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=PayloadCardHeader.d.ts.map

package/dist/node/components/PayloadCardHeader.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,eAAO,MAAM,iBAAiB;;;;4NAG5B,CAAA"}
+{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,eAAO,MAAM,iBAAiB;;;;4NAG5B,CAAA"}

package/dist/node/components/PayloadCardHeader.d.mts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 export declare const PayloadCardHeader: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
     schema: string;
-} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "className" | "style" | "classes" | "action" | "sx" | "title" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, "ref"> & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=PayloadCardHeader.d.ts.map

package/dist/node/components/PayloadCardHeader.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,eAAO,MAAM,iBAAiB;;;;4NAG5B,CAAA"}
+{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,eAAO,MAAM,iBAAiB;;;;4NAG5B,CAAA"}

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 export declare const PayloadCardHeader: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
     schema: string;
-} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "className" | "style" | "classes" | "action" | "sx" | "title" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, "ref"> & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=PayloadCardHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,eAAO,MAAM,iBAAiB;;;;4NAG5B,CAAA"}
+{"version":3,"file":"PayloadCardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,eAAO,MAAM,iBAAiB;;;;4NAG5B,CAAA"}

package/dist/node/components/PayloadDetailsBox.d.cts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 declare const PayloadDetailsBox: import("react").ForwardRefExoticComponent<PayloadRenderProps<{
     schema: string;
 } & import("@xyo-network/payload-model").PayloadFields> & import("@xylabs/react-flexbox").BusyBoxProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/node/components/PayloadDetailsBox.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDetailsBox.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,QAAA,MAAM,iBAAiB;;uJAErB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"PayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDetailsBox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,QAAA,MAAM,iBAAiB;;uJAErB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/node/components/PayloadDetailsBox.d.mts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 declare const PayloadDetailsBox: import("react").ForwardRefExoticComponent<PayloadRenderProps<{
     schema: string;
 } & import("@xyo-network/payload-model").PayloadFields> & import("@xylabs/react-flexbox").BusyBoxProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/node/components/PayloadDetailsBox.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDetailsBox.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,QAAA,MAAM,iBAAiB;;uJAErB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"PayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDetailsBox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,QAAA,MAAM,iBAAiB;;uJAErB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { PayloadRenderProps } from '../PayloadRenderPlugin';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
 declare const PayloadDetailsBox: import("react").ForwardRefExoticComponent<PayloadRenderProps<{
     schema: string;
 } & import("@xyo-network/payload-model").PayloadFields> & import("@xylabs/react-flexbox").BusyBoxProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"PayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDetailsBox.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,QAAA,MAAM,iBAAiB;;uJAErB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"PayloadDetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDetailsBox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,QAAA,MAAM,iBAAiB;;uJAErB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/node/components/PayloadEditorBox.d.cts

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

package/dist/node/components/PayloadEditorBox.d.cts.map

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

package/dist/node/components/PayloadEditorBox.d.mts

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

package/dist/node/components/PayloadEditorBox.d.mts.map

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

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

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

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

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

package/dist/node/components/PayloadTableCell.d.cts

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

package/dist/node/components/PayloadTableCell.d.cts.map

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

package/dist/node/components/PayloadTableCell.d.mts

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

package/dist/node/components/PayloadTableCell.d.mts.map

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

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

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