@xyo-network/react-payload-plugin 2.81.10 → 2.82.0

package/dist/browser/index.cjs

@@ -5,6 +5,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -44,32 +45,35 @@ module.exports = __toCommonJS(src_exports);
 
 // src/components/PayloadAvatar.tsx
 var import_material = require("@mui/material");
+var import_react = __toESM(require("react"), 1);
 
 // src/img/index.ts
 var import_default_256 = __toESM(require("./default-256-FF63Q77N.jpg"), 1);
 
 // src/components/PayloadAvatar.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var PayloadAvatar = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { src: import_default_256.default, ...props });
-};
+var PayloadAvatar = /* @__PURE__ */ __name(({ ...props }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_material.Avatar, {
+    src: import_default_256.default,
+    ...props
+  });
+}, "PayloadAvatar");
 
 // src/components/PayloadCardActionArea.tsx
 var import_material2 = require("@mui/material");
-var import_react = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var PayloadCardActionArea = (0, import_react.forwardRef)(({ payload, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardActionArea, { ...props });
+var import_react2 = __toESM(require("react"), 1);
+var PayloadCardActionArea = /* @__PURE__ */ (0, import_react2.forwardRef)(({ ref, payload, ...props }) => {
+  return /* @__PURE__ */ import_react2.default.createElement(import_material2.CardActionArea, props);
 });
 PayloadCardActionArea.displayName = "ButtonExXYLabs";
 
 // src/components/PayloadCardContent.tsx
 var import_material3 = require("@mui/material");
 var import_react_payload_details = require("@xyo-network/react-payload-details");
-var import_react2 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var PayloadCardContent = (0, import_react2.forwardRef)(({ payload, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.CardContent, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_payload_details.PayloadDetails, { payload }) });
+var import_react3 = __toESM(require("react"), 1);
+var PayloadCardContent = /* @__PURE__ */ (0, import_react3.forwardRef)(({ payload, ...props }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_material3.CardContent, props, /* @__PURE__ */ import_react3.default.createElement(import_react_payload_details.PayloadDetails, {
+    payload
+  }));
 });
 PayloadCardContent.displayName = "PayloadCardContent";
 
@@ -77,45 +81,54 @@ PayloadCardContent.displayName = "PayloadCardContent";
 var import_material4 = require("@mui/material");
 var import_react_identicon = require("@xylabs/react-identicon");
 var import_react_shared = require("@xyo-network/react-shared");
-var import_react3 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var PayloadCardHeader = (0, import_react3.forwardRef)(({ payload, ...props }) => {
+var import_react4 = __toESM(require("react"), 1);
+var PayloadCardHeader = /* @__PURE__ */ (0, import_react4.forwardRef)(({ payload, ...props }) => {
   const hash = (0, import_react_shared.usePayloadHash)(payload);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_identicon.Identicon, { size: 24, value: hash }), ...props });
+  return /* @__PURE__ */ import_react4.default.createElement(import_material4.CardHeader, {
+    title: "Payload",
+    subheader: hash,
+    avatar: /* @__PURE__ */ import_react4.default.createElement(import_react_identicon.Identicon, {
+      size: 24,
+      value: hash
+    }),
+    ...props
+  });
 });
 PayloadCardHeader.displayName = "PayloadCardHeader";
 
 // src/components/PayloadDetailsBox.tsx
 var import_react_payload_details2 = require("@xyo-network/react-payload-details");
-var import_react4 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var PayloadDetailsBox = (0, import_react4.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_payload_details2.PayloadDetails, { ref, ...props });
+var import_react5 = __toESM(require("react"), 1);
+var PayloadDetailsBox = /* @__PURE__ */ (0, import_react5.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_react_payload_details2.PayloadDetails, {
+    ref,
+    ...props
+  });
 });
 PayloadDetailsBox.displayName = "PayloadDetailsBox";
 
 // src/components/PayloadEditorBox.tsx
 var import_react_payload_details3 = require("@xyo-network/react-payload-details");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var PayloadEditorBox = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_payload_details3.PayloadDetails, { ...props });
-};
+var import_react6 = __toESM(require("react"), 1);
+var PayloadEditorBox = /* @__PURE__ */ __name((props) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_react_payload_details3.PayloadDetails, props);
+}, "PayloadEditorBox");
 
 // src/components/PayloadTableCell.tsx
 var import_material5 = require("@mui/material");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var PayloadTableCell = ({ payload, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.TableCell, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { children: payload?.schema }) });
-};
+var import_react7 = __toESM(require("react"), 1);
+var PayloadTableCell = /* @__PURE__ */ __name(({ payload, ...props }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_material5.TableCell, props, /* @__PURE__ */ import_react7.default.createElement(import_material5.Typography, null, payload?.schema));
+}, "PayloadTableCell");
 
 // src/createPayloadRenderPlugin.ts
 var import_lodash = require("@xylabs/lodash");
 
 // src/DefaultPayloadRenderPlugin.ts
 var DefaultPayloadRenderPlugin = {
-  canRender: function(payload) {
+  canRender: /* @__PURE__ */ __name(function(payload) {
     return !!payload?.schema;
-  },
+  }, "canRender"),
   components: {
     avatar: {
       image: PayloadAvatar
@@ -137,7 +150,7 @@ var DefaultPayloadRenderPlugin = {
 };
 
 // src/createPayloadRenderPlugin.ts
-var createPayloadRenderPlugin = (plugin) => {
+var createPayloadRenderPlugin = /* @__PURE__ */ __name((plugin) => {
   return (0, import_lodash.merge)({}, DefaultPayloadRenderPlugin, plugin);
-};
+}, "createPayloadRenderPlugin");
 //# sourceMappingURL=index.cjs.map

package/dist/browser/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/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"]}
+{"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.ts'\nexport * from './createPayloadRenderPlugin.ts'\nexport * from './DefaultPayloadRenderPlugin.ts'\nexport * from './PayloadRenderPlugin.ts'\n","import { Avatar, AvatarProps } from '@mui/material'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport { 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","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, 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 React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\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 React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\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 React, { forwardRef } from 'react'\n\nimport { 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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\nimport React from 'react'\n\nimport { 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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\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.ts'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\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;;;;;;;;;;;;;;;ACAA,sBAAoC;AACpC,mBAAkB;;;ACDlB,yBAA6C;;;ADMtC,IAAMA,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,6BAAAC,QAAA,cAACC,wBAAAA;IAAOC,KAAKC;IAAoB,GAAGJ;;AAC7C,GAFyE;;;AENzE,IAAAK,mBAAoD;AACpD,IAAAC,gBAAkC;AAK3B,IAAMC,wBAAwBC,8CAAqE,CAAC,EAAEC,KAAKC,SAAS,GAAGC,MAAAA,MAAO;AACnI,SAAO,8BAAAC,QAAA,cAACC,iCAAmBF,KAAAA;AAC7B,CAAA;AAEAJ,sBAAsBO,cAAc;;;ACVpC,IAAAC,mBAA8C;AAC9C,mCAA+B;AAC/B,IAAAC,gBAAkC;AAK3B,IAAMC,qBAAqBC,8CAA+D,CAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACrH,SACE,8BAAAC,QAAA,cAACC,8BAAgBF,OACf,8BAAAC,QAAA,cAACE,6CAAAA;IAAeJ;;AAGtB,CAAA;AAEAF,mBAAmBO,cAAc;;;ACfjC,IAAAC,mBAA4C;AAC5C,6BAA0B;AAC1B,0BAA+B;AAC/B,IAAAC,gBAAkC;AAK3B,IAAMC,oBAAoBC,8CAA8D,CAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACnH,QAAMC,WAAOC,oCAAeH,OAAAA;AAC5B,SAAO,8BAAAI,QAAA,cAACC,6BAAAA;IAAWC,OAAM;IAAUC,WAAWL;IAAMM,QAAQ,8BAAAJ,QAAA,cAACK,kCAAAA;MAAUC,MAAM;MAAIC,OAAOT;;IAAW,GAAGD;;AACxG,CAAA;AAEAH,kBAAkBc,cAAc;;;ACZhC,IAAAC,gCAA+B;AAC/B,IAAAC,gBAAkC;AAIlC,IAAMC,oBAAoBC,8CAA8D,CAACC,OAAOC,QAAAA;AAC9F,SAAO,8BAAAC,QAAA,cAACC,8CAAAA;IAAeF;IAAW,GAAGD;;AACvC,CAAA;AAEAF,kBAAkBM,cAAc;;;ACThC,IAAAC,gCAA+B;AAC/B,IAAAC,gBAAkB;AAIX,IAAMC,mBAAsE,wBAACC,UAAAA;AAClF,SAAO,8BAAAC,QAAA,cAACC,8CAAmBF,KAAAA;AAC7B,GAFmF;;;ACNnF,IAAAG,mBAAsD;AACtD,IAAAC,gBAAkB;AAKX,IAAMC,mBAAkE,wBAAC,EAAEC,SAAS,GAAGC,MAAAA,MAAO;AACnG,SACE,8BAAAC,QAAA,cAACC,4BAAcF,OACb,8BAAAC,QAAA,cAACE,6BAAAA,MAAYJ,SAASK,MAAAA,CAAAA;AAG5B,GAN+E;;;ACN/E,oBAAsB;;;ACaf,IAAMC,6BAAkD;EAC7DC,WAAW,gCAAUC,SAAiB;AACpC,WAAO,CAAC,CAACA,SAASC;EACpB,GAFW;EAGXC,YAAY;IACVC,QAAQ;MACNC,OAAOC;IACT;IACAC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MACLC,MAAMC;IACR;EACF;EACAC,MAAM;AACR;;;AD9BO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,aAAOC,qBAAM,CAAC,GAAGC,4BAA4BF,MAAAA;AAC/C,GAFyC;","names":["PayloadAvatar","props","React","Avatar","src","DefaultAvatarIcon","import_material","import_react","PayloadCardActionArea","forwardRef","ref","payload","props","React","CardActionArea","displayName","import_material","import_react","PayloadCardContent","forwardRef","payload","props","React","CardContent","PayloadDetails","displayName","import_material","import_react","PayloadCardHeader","forwardRef","payload","props","hash","usePayloadHash","React","CardHeader","title","subheader","avatar","Identicon","size","value","displayName","import_react_payload_details","import_react","PayloadDetailsBox","forwardRef","props","ref","React","PayloadDetails","displayName","import_react_payload_details","import_react","PayloadEditorBox","props","React","PayloadDetails","import_material","import_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","merge","DefaultPayloadRenderPlugin"]}

package/dist/browser/index.d.cts

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

package/dist/browser/index.d.mts

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

package/dist/browser/index.d.ts

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

package/dist/browser/{index.js → index.mjs}

@@ -1,31 +1,37 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
 // src/components/PayloadAvatar.tsx
 import { Avatar } from "@mui/material";
+import React from "react";
 
 // src/img/index.ts
 import { default as default2 } from "./default-256-FF63Q77N.jpg";
 
 // src/components/PayloadAvatar.tsx
-import { jsx } from "react/jsx-runtime";
-var PayloadAvatar = ({ ...props }) => {
-  return /* @__PURE__ */ jsx(Avatar, { src: default2, ...props });
-};
+var PayloadAvatar = /* @__PURE__ */ __name(({ ...props }) => {
+  return /* @__PURE__ */ React.createElement(Avatar, {
+    src: default2,
+    ...props
+  });
+}, "PayloadAvatar");
 
 // src/components/PayloadCardActionArea.tsx
 import { CardActionArea } from "@mui/material";
-import { forwardRef } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var PayloadCardActionArea = forwardRef(({ payload, ...props }) => {
-  return /* @__PURE__ */ jsx2(CardActionArea, { ...props });
+import React2, { forwardRef } from "react";
+var PayloadCardActionArea = /* @__PURE__ */ forwardRef(({ ref, payload, ...props }) => {
+  return /* @__PURE__ */ React2.createElement(CardActionArea, props);
 });
 PayloadCardActionArea.displayName = "ButtonExXYLabs";
 
 // src/components/PayloadCardContent.tsx
 import { CardContent } from "@mui/material";
 import { PayloadDetails } from "@xyo-network/react-payload-details";
-import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var PayloadCardContent = forwardRef2(({ payload, ...props }) => {
-  return /* @__PURE__ */ jsx3(CardContent, { ...props, children: /* @__PURE__ */ jsx3(PayloadDetails, { payload }) });
+import React3, { forwardRef as forwardRef2 } from "react";
+var PayloadCardContent = /* @__PURE__ */ forwardRef2(({ payload, ...props }) => {
+  return /* @__PURE__ */ React3.createElement(CardContent, props, /* @__PURE__ */ React3.createElement(PayloadDetails, {
+    payload
+  }));
 });
 PayloadCardContent.displayName = "PayloadCardContent";
 
@@ -33,45 +39,54 @@ PayloadCardContent.displayName = "PayloadCardContent";
 import { CardHeader } from "@mui/material";
 import { Identicon } from "@xylabs/react-identicon";
 import { usePayloadHash } from "@xyo-network/react-shared";
-import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var PayloadCardHeader = forwardRef3(({ payload, ...props }) => {
+import React4, { forwardRef as forwardRef3 } from "react";
+var PayloadCardHeader = /* @__PURE__ */ forwardRef3(({ payload, ...props }) => {
   const hash = usePayloadHash(payload);
-  return /* @__PURE__ */ jsx4(CardHeader, { title: "Payload", subheader: hash, avatar: /* @__PURE__ */ jsx4(Identicon, { size: 24, value: hash }), ...props });
+  return /* @__PURE__ */ React4.createElement(CardHeader, {
+    title: "Payload",
+    subheader: hash,
+    avatar: /* @__PURE__ */ React4.createElement(Identicon, {
+      size: 24,
+      value: hash
+    }),
+    ...props
+  });
 });
 PayloadCardHeader.displayName = "PayloadCardHeader";
 
 // src/components/PayloadDetailsBox.tsx
 import { PayloadDetails as PayloadDetails2 } from "@xyo-network/react-payload-details";
-import { forwardRef as forwardRef4 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var PayloadDetailsBox = forwardRef4((props, ref) => {
-  return /* @__PURE__ */ jsx5(PayloadDetails2, { ref, ...props });
+import React5, { forwardRef as forwardRef4 } from "react";
+var PayloadDetailsBox = /* @__PURE__ */ forwardRef4((props, ref) => {
+  return /* @__PURE__ */ React5.createElement(PayloadDetails2, {
+    ref,
+    ...props
+  });
 });
 PayloadDetailsBox.displayName = "PayloadDetailsBox";
 
 // src/components/PayloadEditorBox.tsx
 import { PayloadDetails as PayloadDetails3 } from "@xyo-network/react-payload-details";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var PayloadEditorBox = (props) => {
-  return /* @__PURE__ */ jsx6(PayloadDetails3, { ...props });
-};
+import React6 from "react";
+var PayloadEditorBox = /* @__PURE__ */ __name((props) => {
+  return /* @__PURE__ */ React6.createElement(PayloadDetails3, props);
+}, "PayloadEditorBox");
 
 // src/components/PayloadTableCell.tsx
 import { TableCell, Typography } from "@mui/material";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var PayloadTableCell = ({ payload, ...props }) => {
-  return /* @__PURE__ */ jsx7(TableCell, { ...props, children: /* @__PURE__ */ jsx7(Typography, { children: payload?.schema }) });
-};
+import React7 from "react";
+var PayloadTableCell = /* @__PURE__ */ __name(({ payload, ...props }) => {
+  return /* @__PURE__ */ React7.createElement(TableCell, props, /* @__PURE__ */ React7.createElement(Typography, null, payload?.schema));
+}, "PayloadTableCell");
 
 // src/createPayloadRenderPlugin.ts
 import { merge } from "@xylabs/lodash";
 
 // src/DefaultPayloadRenderPlugin.ts
 var DefaultPayloadRenderPlugin = {
-  canRender: function(payload) {
+  canRender: /* @__PURE__ */ __name(function(payload) {
     return !!payload?.schema;
-  },
+  }, "canRender"),
   components: {
     avatar: {
       image: PayloadAvatar
@@ -93,9 +108,9 @@ var DefaultPayloadRenderPlugin = {
 };
 
 // src/createPayloadRenderPlugin.ts
-var createPayloadRenderPlugin = (plugin) => {
+var createPayloadRenderPlugin = /* @__PURE__ */ __name((plugin) => {
   return merge({}, DefaultPayloadRenderPlugin, plugin);
-};
+}, "createPayloadRenderPlugin");
 export {
   DefaultPayloadRenderPlugin,
   PayloadAvatar,
@@ -107,4 +122,4 @@ export {
   PayloadTableCell,
   createPayloadRenderPlugin
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -0,0 +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'\nimport React from 'react'\n\nimport { DefaultAvatarIcon } from '../img/index.ts'\nimport { 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","import { CardActionArea, CardActionAreaProps } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @eslint-react/ensure-forward-ref-using-ref\nexport const PayloadCardActionArea = forwardRef<HTMLDivElement, PayloadRenderProps & CardActionAreaProps>(({ ref, 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 React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\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 React, { forwardRef } from 'react'\n\nimport { PayloadRenderProps } from '../PayloadRenderPlugin.ts'\n\n// eslint-disable-next-line @eslint-react/ensure-forward-ref-using-ref\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 React, { forwardRef } from 'react'\n\nimport { 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 { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { PayloadDetails } from '@xyo-network/react-payload-details'\nimport React from 'react'\n\nimport { PayloadEditorRenderProps } from '../PayloadRenderPlugin.ts'\n\nexport const PayloadEditorBox: React.FC<PayloadEditorRenderProps & FlexBoxProps> = (props) => {\n  return <PayloadDetails {...props} />\n}\n","import { TableCell, TableCellProps, Typography } from '@mui/material'\nimport React from 'react'\n\nimport { 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 { merge } from '@xylabs/lodash'\n\nimport { DefaultPayloadRenderPlugin } from './DefaultPayloadRenderPlugin.ts'\nimport { PayloadRenderPlugin, PayloadRenderPluginConfig } from './PayloadRenderPlugin.ts'\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.ts'\nimport { PayloadRenderPlugin } from './PayloadRenderPlugin.ts'\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,SAASA,cAA2B;AACpC,OAAOC,WAAW;;;ACDlB,SAAoBC,WAAXC,gBAAoC;;;ADMtC,IAAMC,gBAA4D,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AACpF,SAAO,sBAAA,cAACC,QAAAA;IAAOC,KAAKC;IAAoB,GAAGH;;AAC7C,GAFyE;;;AENzE,SAASI,sBAA2C;AACpD,OAAOC,UAASC,kBAAkB;AAK3B,IAAMC,wBAAwBD,2BAAqE,CAAC,EAAEE,KAAKC,SAAS,GAAGC,MAAAA,MAAO;AACnI,SAAO,gBAAAL,OAAA,cAACD,gBAAmBM,KAAAA;AAC7B,CAAA;AAEAH,sBAAsBI,cAAc;;;ACVpC,SAASC,mBAAqC;AAC9C,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,qBAAqBD,gBAAAA,YAA+D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACrH,SACE,gBAAAJ,OAAA,cAACF,aAAgBM,OACf,gBAAAJ,OAAA,cAACD,gBAAAA;IAAeI;;AAGtB,CAAA;AAEAD,mBAAmBG,cAAc;;;ACfjC,SAASC,kBAAmC;AAC5C,SAASC,iBAAiB;AAC1B,SAASC,sBAAsB;AAC/B,OAAOC,UAASC,cAAAA,mBAAkB;AAK3B,IAAMC,oBAAoBD,gBAAAA,YAA8D,CAAC,EAAEE,SAAS,GAAGC,MAAAA,MAAO;AACnH,QAAMC,OAAON,eAAeI,OAAAA;AAC5B,SAAO,gBAAAH,OAAA,cAACH,YAAAA;IAAWS,OAAM;IAAUC,WAAWF;IAAMG,QAAQ,gBAAAR,OAAA,cAACF,WAAAA;MAAUW,MAAM;MAAIC,OAAOL;;IAAW,GAAGD;;AACxG,CAAA;AAEAF,kBAAkBS,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;;;ACNnF,SAASG,WAA2BC,kBAAkB;AACtD,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;;;ACN/E,SAASC,aAAa;;;ACaf,IAAMC,6BAAkD;EAC7DC,WAAW,gCAAUC,SAAiB;AACpC,WAAO,CAAC,CAACA,SAASC;EACpB,GAFW;EAGXC,YAAY;IACVC,QAAQ;MACNC,OAAOC;IACT;IACAC,KAAK;MACHC,YAAYC;MACZC,QAAQC;IACV;IACAC,MAAM;MACJC,YAAYC;MACZC,SAASC;MACTC,QAAQC;IACV;IACAC,OAAO;MACLC,MAAMC;IACR;EACF;EACAC,MAAM;AACR;;;AD9BO,IAAMC,4BAA4B,wBAACC,WAAAA;AACxC,SAAOC,MAAM,CAAC,GAAGC,4BAA4BF,MAAAA;AAC/C,GAFyC;","names":["Avatar","React","DefaultAvatarIcon","default","PayloadAvatar","props","Avatar","src","DefaultAvatarIcon","CardActionArea","React","forwardRef","PayloadCardActionArea","ref","payload","props","displayName","CardContent","PayloadDetails","React","forwardRef","PayloadCardContent","payload","props","displayName","CardHeader","Identicon","usePayloadHash","React","forwardRef","PayloadCardHeader","payload","props","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","merge","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","merge","DefaultPayloadRenderPlugin"]}

package/dist/neutral/DefaultPayloadRenderPlugin.d.cts

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

package/dist/neutral/DefaultPayloadRenderPlugin.d.mts

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

package/dist/neutral/DefaultPayloadRenderPlugin.d.ts

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

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

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

package/dist/neutral/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,2BAA2B,CAAA;AAE9D,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;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,WAAW,CAEpE,CAAA"}

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

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

package/dist/neutral/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,2BAA2B,CAAA;AAE9D,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;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,WAAW,CAEpE,CAAA"}

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

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

package/dist/neutral/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,2BAA2B,CAAA;AAE9D,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;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,WAAW,CAEpE,CAAA"}

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

@@ -1,9 +1,10 @@
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
-export declare const PayloadCardActionArea: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
+import React from 'react';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadCardActionArea: 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.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;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").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?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    component?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=PayloadCardActionArea.d.ts.map

package/dist/neutral/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,2BAA2B,CAAA;AAG9D,eAAO,MAAM,qBAAqB;;;;;;0DAEhC,CAAA"}
+{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,eAAO,MAAM,qBAAqB;;;;;;gDAEhC,CAAA"}

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

@@ -1,9 +1,10 @@
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
-export declare const PayloadCardActionArea: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
+import React from 'react';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadCardActionArea: 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.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;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").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?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    component?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=PayloadCardActionArea.d.ts.map

package/dist/neutral/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,2BAA2B,CAAA;AAG9D,eAAO,MAAM,qBAAqB;;;;;;0DAEhC,CAAA"}
+{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,eAAO,MAAM,qBAAqB;;;;;;gDAEhC,CAAA"}

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

@@ -1,9 +1,10 @@
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
-export declare const PayloadCardActionArea: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
+import React from 'react';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadCardActionArea: 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.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;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardActionAreaOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").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?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    component?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=PayloadCardActionArea.d.ts.map

package/dist/neutral/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,2BAA2B,CAAA;AAG9D,eAAO,MAAM,qBAAqB;;;;;;0DAEhC,CAAA"}
+{"version":3,"file":"PayloadCardActionArea.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardActionArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,eAAO,MAAM,qBAAqB;;;;;;gDAEhC,CAAA"}

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

@@ -1,9 +1,10 @@
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
-export declare const PayloadCardContent: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
+import React from 'react';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadCardContent: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<{
     schema: string;
-} & 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;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent.js").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?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    component?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=PayloadCardContent.d.ts.map

package/dist/neutral/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,2BAA2B,CAAA;AAE9D,eAAO,MAAM,kBAAkB;;;;;;uDAM7B,CAAA"}
+{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,eAAO,MAAM,kBAAkB;;;;;;6CAM7B,CAAA"}

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

@@ -1,9 +1,10 @@
-import { PayloadRenderProps } from '../PayloadRenderPlugin.js';
-export declare const PayloadCardContent: import("react").ForwardRefExoticComponent<Omit<PayloadRenderProps<{
+import React from 'react';
+import { PayloadRenderProps } from '../PayloadRenderPlugin.ts';
+export declare const PayloadCardContent: React.ForwardRefExoticComponent<Omit<PayloadRenderProps<{
     schema: string;
-} & 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;
+} & import("@xyo-network/payload-model").PayloadFields> & import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent.js").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?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    component?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=PayloadCardContent.d.ts.map

package/dist/neutral/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,2BAA2B,CAAA;AAE9D,eAAO,MAAM,kBAAkB;;;;;;uDAM7B,CAAA"}
+{"version":3,"file":"PayloadCardContent.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadCardContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAG9D,eAAO,MAAM,kBAAkB;;;;;;6CAM7B,CAAA"}