@xyo-network/react-module 2.64.0-rc.3 → 2.64.0-rc.5

package/dist/node/components/Card/Module/components/DiscoverDialog.js

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DiscoverDialog_exports = {};
+__export(DiscoverDialog_exports, {
+  DiscoverDialog: () => DiscoverDialog
+});
+module.exports = __toCommonJS(DiscoverDialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_promise = require("@xylabs/react-promise");
+const DiscoverDialog = ({ module: module2, setOpen, ...props }) => {
+  const [discoverPayloads] = (0, import_react_promise.usePromise)(async () => {
+    return await module2?.discover();
+  }, [module2]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Dialog, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.DialogTitle, { children: [
+      "Supported Queries for ",
+      module2?.config.name || module2?.address
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { sx: { p: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: () => setOpen?.(false), variant: "outlined", children: "Close" }) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DiscoverDialog
+});
+//# sourceMappingURL=DiscoverDialog.js.map

package/dist/node/components/Card/Module/components/DiscoverDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"sourcesContent":["import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n  module?: ModuleInstance\n  setOpen?: Dispatch<SetStateAction<boolean>>\n}\n\n// Add a dialogue title and quick tip to show description of discover query\n\nexport const DiscoverDialog: React.FC<DiscoverDialogProps> = ({ module, setOpen, ...props }) => {\n  const [discoverPayloads] = usePromise(async () => {\n    return await module?.discover()\n  }, [module])\n\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Supported Queries for {module?.config.name || module?.address}</DialogTitle>\n      <Divider />\n      <DialogContent>\n        <Paper sx={{ p: 1 }}>\n          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n        </Paper>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => setOpen?.(false)} variant={'outlined'}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBM;AAnBN,sBAA0H;AAC1H,2BAA2B;AAWpB,MAAM,iBAAgD,CAAC,EAAE,QAAAA,SAAQ,SAAS,GAAG,MAAM,MAAM;AAC9F,QAAM,CAAC,gBAAgB,QAAI,iCAAW,YAAY;AAChD,WAAO,MAAMA,SAAQ,SAAS;AAAA,EAChC,GAAG,CAACA,OAAM,CAAC;AAEX,SACE,6CAAC,0BAAQ,GAAG,OACV;AAAA,iDAAC,+BAAY;AAAA;AAAA,MAAuBA,SAAQ,OAAO,QAAQA,SAAQ;AAAA,OAAQ;AAAA,IAC3E,4CAAC,2BAAQ;AAAA,IACT,4CAAC,iCACC,uDAAC,yBAAM,IAAI,EAAE,GAAG,EAAE,GAChB;AAAA,kDAAC,qCAAkB,6FAA+E;AAAA,MAClG,4CAAC,SAAK,eAAK,UAAU,kBAAkB,MAAM,CAAC,GAAE;AAAA,OAClD,GACF;AAAA,IACA,4CAAC,iCACC,sDAAC,0BAAO,SAAS,MAAM,UAAU,KAAK,GAAG,SAAS,YAAY,mBAE9D,GACF;AAAA,KACF;AAEJ;","names":["module"]}

package/dist/node/components/Card/Module/components/DiscoverDialog.mjs

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper } from "@mui/material";
+import { usePromise } from "@xylabs/react-promise";
+const DiscoverDialog = ({ module, setOpen, ...props }) => {
+  const [discoverPayloads] = usePromise(async () => {
+    return await module?.discover();
+  }, [module]);
+  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { children: [
+      "Supported Queries for ",
+      module?.config.name || module?.address
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Paper, { sx: { p: 1 }, children: [
+      /* @__PURE__ */ jsx(DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }),
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(discoverPayloads, null, 2) })
+    ] }) }),
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: () => setOpen?.(false), variant: "outlined", children: "Close" }) })
+  ] });
+};
+export {
+  DiscoverDialog
+};
+//# sourceMappingURL=DiscoverDialog.mjs.map

package/dist/node/components/Card/Module/components/DiscoverDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"sourcesContent":["import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { Dispatch, SetStateAction } from 'react'\n\nexport interface DiscoverDialogProps extends DialogProps {\n  module?: ModuleInstance\n  setOpen?: Dispatch<SetStateAction<boolean>>\n}\n\n// Add a dialogue title and quick tip to show description of discover query\n\nexport const DiscoverDialog: React.FC<DiscoverDialogProps> = ({ module, setOpen, ...props }) => {\n  const [discoverPayloads] = usePromise(async () => {\n    return await module?.discover()\n  }, [module])\n\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Supported Queries for {module?.config.name || module?.address}</DialogTitle>\n      <Divider />\n      <DialogContent>\n        <Paper sx={{ p: 1 }}>\n          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>\n          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>\n        </Paper>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={() => setOpen?.(false)} variant={'outlined'}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"mappings":"AAmBM,SACA,KADA;AAnBN,SAAS,QAAQ,QAAQ,eAAe,eAAe,mBAAgC,aAAa,SAAS,aAAa;AAC1H,SAAS,kBAAkB;AAWpB,MAAM,iBAAgD,CAAC,EAAE,QAAQ,SAAS,GAAG,MAAM,MAAM;AAC9F,QAAM,CAAC,gBAAgB,IAAI,WAAW,YAAY;AAChD,WAAO,MAAM,QAAQ,SAAS;AAAA,EAChC,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,qBAAC,UAAQ,GAAG,OACV;AAAA,yBAAC,eAAY;AAAA;AAAA,MAAuB,QAAQ,OAAO,QAAQ,QAAQ;AAAA,OAAQ;AAAA,IAC3E,oBAAC,WAAQ;AAAA,IACT,oBAAC,iBACC,+BAAC,SAAM,IAAI,EAAE,GAAG,EAAE,GAChB;AAAA,0BAAC,qBAAkB,6FAA+E;AAAA,MAClG,oBAAC,SAAK,eAAK,UAAU,kBAAkB,MAAM,CAAC,GAAE;AAAA,OAClD,GACF;AAAA,IACA,oBAAC,iBACC,8BAAC,UAAO,SAAS,MAAM,UAAU,KAAK,GAAG,SAAS,YAAY,mBAE9D,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/node/components/Card/Module/components/index.d.mts

@@ -0,0 +1,2 @@
+export * from './DiscoverDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/Card/Module/components/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/node/components/Card/Module/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DiscoverDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/Card/Module/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/node/components/Card/Module/components/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var components_exports = {};
+module.exports = __toCommonJS(components_exports);
+__reExport(components_exports, require("./DiscoverDialog"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./DiscoverDialog")
+});
+//# sourceMappingURL=index.js.map

package/dist/node/components/Card/Module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Card/Module/components/index.ts"],"sourcesContent":["export * from './DiscoverDialog'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,6BAAd;","names":[]}

package/dist/node/components/Card/Module/components/index.mjs

@@ -0,0 +1,2 @@
+export * from "./DiscoverDialog";
+//# sourceMappingURL=index.mjs.map

package/dist/node/components/Card/Module/components/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/Card/Module/components/index.ts"],"sourcesContent":["export * from './DiscoverDialog'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/node/components/Card/Module/index.d.mts

@@ -0,0 +1,5 @@
+export * from './Card';
+export * from './CardActions';
+export * from './CardContent';
+export * from './CardHeader';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/Card/Module/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}

package/dist/node/components/Card/Module/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Card';
+export * from './CardActions';
+export * from './CardContent';
+export * from './CardHeader';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/Card/Module/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}

package/dist/node/components/Card/Module/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Module_exports = {};
+module.exports = __toCommonJS(Module_exports);
+__reExport(Module_exports, require("./Card"), module.exports);
+__reExport(Module_exports, require("./CardActions"), module.exports);
+__reExport(Module_exports, require("./CardContent"), module.exports);
+__reExport(Module_exports, require("./CardHeader"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Card"),
+  ...require("./CardActions"),
+  ...require("./CardContent"),
+  ...require("./CardHeader")
+});
+//# sourceMappingURL=index.js.map

package/dist/node/components/Card/Module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Card/Module/index.ts"],"sourcesContent":["export * from './Card'\nexport * from './CardActions'\nexport * from './CardContent'\nexport * from './CardHeader'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,mBAAd;AACA,2BAAc,0BADd;AAEA,2BAAc,0BAFd;AAGA,2BAAc,yBAHd;","names":[]}

package/dist/node/components/Card/Module/index.mjs

@@ -0,0 +1,5 @@
+export * from "./Card";
+export * from "./CardActions";
+export * from "./CardContent";
+export * from "./CardHeader";
+//# sourceMappingURL=index.mjs.map

package/dist/node/components/Card/Module/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Card/Module/index.ts"],"sourcesContent":["export * from './Card'\nexport * from './CardActions'\nexport * from './CardContent'\nexport * from './CardHeader'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/components/Card/index.d.mts

@@ -0,0 +1,3 @@
+export * from './Diviner';
+export * from './Module';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/Card/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}

package/dist/node/components/Card/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Diviner';
+export * from './Module';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}

package/dist/node/components/Card/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Card_exports = {};
+module.exports = __toCommonJS(Card_exports);
+__reExport(Card_exports, require("./Diviner"), module.exports);
+__reExport(Card_exports, require("./Module"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Diviner"),
+  ...require("./Module")
+});
+//# sourceMappingURL=index.js.map

package/dist/node/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Card/index.ts"],"sourcesContent":["export * from './Diviner'\nexport * from './Module'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAc,sBAAd;AACA,yBAAc,qBADd;","names":[]}

package/dist/node/components/Card/index.mjs

@@ -0,0 +1,3 @@
+export * from "./Diviner";
+export * from "./Module";
+//# sourceMappingURL=index.mjs.map

package/dist/node/components/Card/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Card/index.ts"],"sourcesContent":["export * from './Diviner'\nexport * from './Module'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/DetailsBox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAKtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAMxD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,YAAY,CA0BvE,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsBox.d.ts","sourceRoot":"","sources":["../../../src/components/DetailsBox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAKtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAMxD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,YAAY,CA0BvE,CAAA"}

package/dist/node/components/DetailsBox.js

@@ -0,0 +1,54 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DetailsBox_exports = {};
+__export(DetailsBox_exports, {
+  ModuleDetailsBox: () => ModuleDetailsBox
+});
+module.exports = __toCommonJS(DetailsBox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_eth_address = require("@xylabs/eth-address");
+var import_react_button = require("@xylabs/react-button");
+var import_react_crypto = require("@xylabs/react-crypto");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react = require("react");
+const getModuleIcon = (moduleType, module2) => {
+  return module2?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? (0, import_react_shared.findNetworkComponent)(moduleType)?.icon() : null;
+};
+const ModuleDetailsBox = ({ children, module: module2, ...props }) => {
+  const [showQueries, setShowQueries] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { children: [
+      module2 ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
+        const icon = getModuleIcon(moduleType, module2);
+        return icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { onClick: () => setShowQueries(!showQueries), children: icon }, moduleType) : null;
+      }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_crypto.EthAccountBox, { address: import_eth_address.EthAddress.fromString(module2?.address) })
+    ] }),
+    showQueries ? module2?.queries.map((query) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { children: query }, query);
+    }) : null,
+    children
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ModuleDetailsBox
+});
+//# sourceMappingURL=DetailsBox.js.map

package/dist/node/components/DetailsBox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DetailsBox.tsx"],"sourcesContent":["import { EthAddress } from '@xylabs/eth-address'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps'\n\nconst getModuleIcon = (moduleType: string, module: Module) => {\n  return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null\n}\n\nexport const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({ children, module, ...props }) => {\n  const [showQueries, setShowQueries] = useState(false)\n  return (\n    <FlexCol {...props}>\n      <FlexRow>\n        {module\n          ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {\n              const icon = getModuleIcon(moduleType, module)\n              return icon ? (\n                <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n                  {icon}\n                </ButtonEx>\n              ) : null\n            })\n          : null}\n        <EthAccountBox address={EthAddress.fromString(module?.address)} />\n      </FlexRow>\n\n      {showQueries\n        ? module?.queries.map((query) => {\n            return <FlexRow key={query}>{query}</FlexRow>\n          })\n        : null}\n      {children}\n    </FlexCol>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAlBN,yBAA2B;AAC3B,0BAAyB;AACzB,0BAA8B;AAC9B,2BAA+C;AAE/C,0BAAqC;AACrC,mBAAyB;AAIzB,MAAM,gBAAgB,CAAC,YAAoBA,YAAmB;AAC5D,SAAOA,SAAQ,QAAQ,KAAK,CAAC,UAAU,MAAM,WAAW,qBAAqB,UAAU,EAAE,CAAC,QAAI,0CAAqB,UAAU,GAAG,KAAK,IAAI;AAC3I;AAEO,MAAM,mBAA+D,CAAC,EAAE,UAAU,QAAAA,SAAQ,GAAG,MAAM,MAAM;AAC9G,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,SACE,6CAAC,gCAAS,GAAG,OACX;AAAA,iDAAC,gCACE;AAAA,MAAAA,UACG,CAAC,YAAY,UAAU,aAAa,WAAW,MAAM,EAAE,IAAI,CAAC,eAAe;AACzE,cAAM,OAAO,cAAc,YAAYA,OAAM;AAC7C,eAAO,OACL,4CAAC,gCAAS,SAAS,MAAM,eAAe,CAAC,WAAW,GACjD,kBADyD,UAE5D,IACE;AAAA,MACN,CAAC,IACD;AAAA,MACJ,4CAAC,qCAAc,SAAS,8BAAW,WAAWA,SAAQ,OAAO,GAAG;AAAA,OAClE;AAAA,IAEC,cACGA,SAAQ,QAAQ,IAAI,CAAC,UAAU;AAC7B,aAAO,4CAAC,gCAAqB,mBAAR,KAAc;AAAA,IACrC,CAAC,IACD;AAAA,IACH;AAAA,KACH;AAEJ;","names":["module"]}

package/dist/node/components/DetailsBox.mjs

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EthAddress } from "@xylabs/eth-address";
+import { ButtonEx } from "@xylabs/react-button";
+import { EthAccountBox } from "@xylabs/react-crypto";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { findNetworkComponent } from "@xyo-network/react-shared";
+import { useState } from "react";
+const getModuleIcon = (moduleType, module) => {
+  return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null;
+};
+const ModuleDetailsBox = ({ children, module, ...props }) => {
+  const [showQueries, setShowQueries] = useState(false);
+  return /* @__PURE__ */ jsxs(FlexCol, { ...props, children: [
+    /* @__PURE__ */ jsxs(FlexRow, { children: [
+      module ? ["sentinel", "bridge", "archivist", "diviner", "node"].map((moduleType) => {
+        const icon = getModuleIcon(moduleType, module);
+        return icon ? /* @__PURE__ */ jsx(ButtonEx, { onClick: () => setShowQueries(!showQueries), children: icon }, moduleType) : null;
+      }) : null,
+      /* @__PURE__ */ jsx(EthAccountBox, { address: EthAddress.fromString(module?.address) })
+    ] }),
+    showQueries ? module?.queries.map((query) => {
+      return /* @__PURE__ */ jsx(FlexRow, { children: query }, query);
+    }) : null,
+    children
+  ] });
+};
+export {
+  ModuleDetailsBox
+};
+//# sourceMappingURL=DetailsBox.mjs.map

package/dist/node/components/DetailsBox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DetailsBox.tsx"],"sourcesContent":["import { EthAddress } from '@xylabs/eth-address'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { EthAccountBox } from '@xylabs/react-crypto'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module'\nimport { findNetworkComponent } from '@xyo-network/react-shared'\nimport { useState } from 'react'\n\nimport { ModuleRenderProps } from '../ModuleRenderProps'\n\nconst getModuleIcon = (moduleType: string, module: Module) => {\n  return module?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null\n}\n\nexport const ModuleDetailsBox: React.FC<ModuleRenderProps & FlexBoxProps> = ({ children, module, ...props }) => {\n  const [showQueries, setShowQueries] = useState(false)\n  return (\n    <FlexCol {...props}>\n      <FlexRow>\n        {module\n          ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {\n              const icon = getModuleIcon(moduleType, module)\n              return icon ? (\n                <ButtonEx onClick={() => setShowQueries(!showQueries)} key={moduleType}>\n                  {icon}\n                </ButtonEx>\n              ) : null\n            })\n          : null}\n        <EthAccountBox address={EthAddress.fromString(module?.address)} />\n      </FlexRow>\n\n      {showQueries\n        ? module?.queries.map((query) => {\n            return <FlexRow key={query}>{query}</FlexRow>\n          })\n        : null}\n      {children}\n    </FlexCol>\n  )\n}\n"],"mappings":"AAkBM,SAKU,KALV;AAlBN,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAuB,SAAS,eAAe;AAE/C,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AAIzB,MAAM,gBAAgB,CAAC,YAAoB,WAAmB;AAC5D,SAAO,QAAQ,QAAQ,KAAK,CAAC,UAAU,MAAM,WAAW,qBAAqB,UAAU,EAAE,CAAC,IAAI,qBAAqB,UAAU,GAAG,KAAK,IAAI;AAC3I;AAEO,MAAM,mBAA+D,CAAC,EAAE,UAAU,QAAQ,GAAG,MAAM,MAAM;AAC9G,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,yBAAC,WACE;AAAA,eACG,CAAC,YAAY,UAAU,aAAa,WAAW,MAAM,EAAE,IAAI,CAAC,eAAe;AACzE,cAAM,OAAO,cAAc,YAAY,MAAM;AAC7C,eAAO,OACL,oBAAC,YAAS,SAAS,MAAM,eAAe,CAAC,WAAW,GACjD,kBADyD,UAE5D,IACE;AAAA,MACN,CAAC,IACD;AAAA,MACJ,oBAAC,iBAAc,SAAS,WAAW,WAAW,QAAQ,OAAO,GAAG;AAAA,OAClE;AAAA,IAEC,cACG,QAAQ,QAAQ,IAAI,CAAC,UAAU;AAC7B,aAAO,oBAAC,WAAqB,mBAAR,KAAc;AAAA,IACrC,CAAC,IACD;AAAA,IACH;AAAA,KACH;AAEJ;","names":[]}

package/dist/node/components/DetailsBox.stories.js

@@ -0,0 +1,100 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DetailsBox_stories_exports = {};
+__export(DetailsBox_stories_exports, {
+  ArchivistDetails: () => ArchivistDetails,
+  DivinerDetails: () => DivinerDetails,
+  NodeDetails: () => NodeDetails,
+  default: () => DetailsBox_stories_default
+});
+module.exports = __toCommonJS(DetailsBox_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_async_effect = require("@xylabs/react-async-effect");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_archivist = require("@xyo-network/archivist");
+var import_crypto_asset_plugin = require("@xyo-network/crypto-asset-plugin");
+var import_node_memory = require("@xyo-network/node-memory");
+var import_react2 = require("react");
+var import_DetailsBox = require("./DetailsBox");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_DetailsBox.ModuleDetailsBox,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "modules/module/DetailsBox"
+};
+const NodeTemplate = (args) => {
+  const [node, setNode] = (0, import_react2.useState)();
+  (0, import_react_async_effect.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const node2 = await import_node_memory.MemoryNode.create();
+      if (mounted()) {
+        setNode(node2);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { minHeight: "80vh", alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DetailsBox.ModuleDetailsBox, { module: node, ...args }) });
+};
+const NodeDetails = NodeTemplate.bind({});
+NodeDetails.args = {};
+const ArchivistTemplate = (args) => {
+  const [archivist, setArchivist] = (0, import_react2.useState)();
+  (0, import_react_async_effect.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const archivist2 = await import_archivist.MemoryArchivist.create();
+      if (mounted()) {
+        setArchivist(archivist2);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { minHeight: "80vh", alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DetailsBox.ModuleDetailsBox, { module: archivist, ...args }) });
+};
+const ArchivistDetails = ArchivistTemplate.bind({});
+ArchivistDetails.args = {};
+const DivinerTemplate = (args) => {
+  const [diviner, setDiviner] = (0, import_react2.useState)();
+  (0, import_react_async_effect.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const diviner2 = await import_crypto_asset_plugin.CryptoMarketAssetDiviner.create();
+      if (mounted()) {
+        setDiviner(diviner2);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { minHeight: "80vh", alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DetailsBox.ModuleDetailsBox, { module: diviner, ...args }) });
+};
+const DivinerDetails = DivinerTemplate.bind({});
+DivinerDetails.args = {};
+var DetailsBox_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArchivistDetails,
+  DivinerDetails,
+  NodeDetails
+});
+//# sourceMappingURL=DetailsBox.stories.js.map

package/dist/node/components/DetailsBox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DetailsBox.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { MemoryArchivist } from '@xyo-network/archivist'\nimport { CryptoMarketAssetDiviner } from '@xyo-network/crypto-asset-plugin'\nimport { DivinerInstance } from '@xyo-network/diviner'\nimport { MemoryNode } from '@xyo-network/node-memory'\nimport { useState } from 'react'\n\nimport { ModuleDetailsBox } from './DetailsBox'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: ModuleDetailsBox,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'modules/module/DetailsBox',\n} as Meta<typeof ModuleDetailsBox>\n\nconst NodeTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {\n  const [node, setNode] = useState<MemoryNode>()\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const node = await MemoryNode.create()\n      if (mounted()) {\n        setNode(node)\n      }\n    },\n    [],\n  )\n  return (\n    <FlexCol minHeight=\"80vh\" alignItems=\"stretch\">\n      <ModuleDetailsBox module={node} {...args} />\n    </FlexCol>\n  )\n}\n\nconst NodeDetails = NodeTemplate.bind({})\nNodeDetails.args = {}\n\nconst ArchivistTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {\n  const [archivist, setArchivist] = useState<MemoryArchivist>()\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const archivist = await MemoryArchivist.create()\n      if (mounted()) {\n        setArchivist(archivist)\n      }\n    },\n    [],\n  )\n  return (\n    <FlexCol minHeight=\"80vh\" alignItems=\"stretch\">\n      <ModuleDetailsBox module={archivist} {...args} />\n    </FlexCol>\n  )\n}\n\nconst ArchivistDetails = ArchivistTemplate.bind({})\nArchivistDetails.args = {}\n\nconst DivinerTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {\n  const [diviner, setDiviner] = useState<DivinerInstance>()\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const diviner = await CryptoMarketAssetDiviner.create()\n      if (mounted()) {\n        setDiviner(diviner)\n      }\n    },\n    [],\n  )\n  return (\n    <FlexCol minHeight=\"80vh\" alignItems=\"stretch\">\n      <ModuleDetailsBox module={diviner} {...args} />\n    </FlexCol>\n  )\n}\n\nconst DivinerDetails = DivinerTemplate.bind({})\nDivinerDetails.args = {}\n\nexport { ArchivistDetails, DivinerDetails, NodeDetails }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCM;AAnCN,gCAA+B;AAC/B,2BAAwB;AACxB,uBAAgC;AAChC,iCAAyC;AAEzC,yBAA2B;AAC3B,IAAAA,gBAAyB;AAEzB,wBAAiC;AAEjC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,eAAiD,CAAC,SAAS;AAC/D,QAAM,CAAC,MAAM,OAAO,QAAI,wBAAqB;AAC7C;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAMC,QAAO,MAAM,8BAAW,OAAO;AACrC,UAAI,QAAQ,GAAG;AACb,gBAAQA,KAAI;AAAA,MACd;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,4CAAC,gCAAQ,WAAU,QAAO,YAAW,WACnC,sDAAC,sCAAiB,QAAQ,MAAO,GAAG,MAAM,GAC5C;AAEJ;AAEA,MAAM,cAAc,aAAa,KAAK,CAAC,CAAC;AACxC,YAAY,OAAO,CAAC;AAEpB,MAAM,oBAAsD,CAAC,SAAS;AACpE,QAAM,CAAC,WAAW,YAAY,QAAI,wBAA0B;AAC5D;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAMC,aAAY,MAAM,iCAAgB,OAAO;AAC/C,UAAI,QAAQ,GAAG;AACb,qBAAaA,UAAS;AAAA,MACxB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,4CAAC,gCAAQ,WAAU,QAAO,YAAW,WACnC,sDAAC,sCAAiB,QAAQ,WAAY,GAAG,MAAM,GACjD;AAEJ;AAEA,MAAM,mBAAmB,kBAAkB,KAAK,CAAC,CAAC;AAClD,iBAAiB,OAAO,CAAC;AAEzB,MAAM,kBAAoD,CAAC,SAAS;AAClE,QAAM,CAAC,SAAS,UAAU,QAAI,wBAA0B;AACxD;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAMC,WAAU,MAAM,oDAAyB,OAAO;AACtD,UAAI,QAAQ,GAAG;AACb,mBAAWA,QAAO;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,4CAAC,gCAAQ,WAAU,QAAO,YAAW,WACnC,sDAAC,sCAAiB,QAAQ,SAAU,GAAG,MAAM,GAC/C;AAEJ;AAEA,MAAM,iBAAiB,gBAAgB,KAAK,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC;AAKvB,IAAO,6BAAQ;","names":["import_react","node","archivist","diviner"]}

package/dist/node/components/DetailsBox.stories.mjs

@@ -0,0 +1,74 @@
+import { jsx } from "react/jsx-runtime";
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { MemoryArchivist } from "@xyo-network/archivist";
+import { CryptoMarketAssetDiviner } from "@xyo-network/crypto-asset-plugin";
+import { MemoryNode } from "@xyo-network/node-memory";
+import { useState } from "react";
+import { ModuleDetailsBox } from "./DetailsBox";
+const StorybookEntry = {
+  argTypes: {},
+  component: ModuleDetailsBox,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "modules/module/DetailsBox"
+};
+const NodeTemplate = (args) => {
+  const [node, setNode] = useState();
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const node2 = await MemoryNode.create();
+      if (mounted()) {
+        setNode(node2);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(FlexCol, { minHeight: "80vh", alignItems: "stretch", children: /* @__PURE__ */ jsx(ModuleDetailsBox, { module: node, ...args }) });
+};
+const NodeDetails = NodeTemplate.bind({});
+NodeDetails.args = {};
+const ArchivistTemplate = (args) => {
+  const [archivist, setArchivist] = useState();
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const archivist2 = await MemoryArchivist.create();
+      if (mounted()) {
+        setArchivist(archivist2);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(FlexCol, { minHeight: "80vh", alignItems: "stretch", children: /* @__PURE__ */ jsx(ModuleDetailsBox, { module: archivist, ...args }) });
+};
+const ArchivistDetails = ArchivistTemplate.bind({});
+ArchivistDetails.args = {};
+const DivinerTemplate = (args) => {
+  const [diviner, setDiviner] = useState();
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const diviner2 = await CryptoMarketAssetDiviner.create();
+      if (mounted()) {
+        setDiviner(diviner2);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(FlexCol, { minHeight: "80vh", alignItems: "stretch", children: /* @__PURE__ */ jsx(ModuleDetailsBox, { module: diviner, ...args }) });
+};
+const DivinerDetails = DivinerTemplate.bind({});
+DivinerDetails.args = {};
+var DetailsBox_stories_default = StorybookEntry;
+export {
+  ArchivistDetails,
+  DivinerDetails,
+  NodeDetails,
+  DetailsBox_stories_default as default
+};
+//# sourceMappingURL=DetailsBox.stories.mjs.map

package/dist/node/components/DetailsBox.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DetailsBox.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { MemoryArchivist } from '@xyo-network/archivist'\nimport { CryptoMarketAssetDiviner } from '@xyo-network/crypto-asset-plugin'\nimport { DivinerInstance } from '@xyo-network/diviner'\nimport { MemoryNode } from '@xyo-network/node-memory'\nimport { useState } from 'react'\n\nimport { ModuleDetailsBox } from './DetailsBox'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: ModuleDetailsBox,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'modules/module/DetailsBox',\n} as Meta<typeof ModuleDetailsBox>\n\nconst NodeTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {\n  const [node, setNode] = useState<MemoryNode>()\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const node = await MemoryNode.create()\n      if (mounted()) {\n        setNode(node)\n      }\n    },\n    [],\n  )\n  return (\n    <FlexCol minHeight=\"80vh\" alignItems=\"stretch\">\n      <ModuleDetailsBox module={node} {...args} />\n    </FlexCol>\n  )\n}\n\nconst NodeDetails = NodeTemplate.bind({})\nNodeDetails.args = {}\n\nconst ArchivistTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {\n  const [archivist, setArchivist] = useState<MemoryArchivist>()\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const archivist = await MemoryArchivist.create()\n      if (mounted()) {\n        setArchivist(archivist)\n      }\n    },\n    [],\n  )\n  return (\n    <FlexCol minHeight=\"80vh\" alignItems=\"stretch\">\n      <ModuleDetailsBox module={archivist} {...args} />\n    </FlexCol>\n  )\n}\n\nconst ArchivistDetails = ArchivistTemplate.bind({})\nArchivistDetails.args = {}\n\nconst DivinerTemplate: StoryFn<typeof ModuleDetailsBox> = (args) => {\n  const [diviner, setDiviner] = useState<DivinerInstance>()\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const diviner = await CryptoMarketAssetDiviner.create()\n      if (mounted()) {\n        setDiviner(diviner)\n      }\n    },\n    [],\n  )\n  return (\n    <FlexCol minHeight=\"80vh\" alignItems=\"stretch\">\n      <ModuleDetailsBox module={diviner} {...args} />\n    </FlexCol>\n  )\n}\n\nconst DivinerDetails = DivinerTemplate.bind({})\nDivinerDetails.args = {}\n\nexport { ArchivistDetails, DivinerDetails, NodeDetails }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAoCM;AAnCN,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AAEzC,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAEzB,SAAS,wBAAwB;AAEjC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,eAAiD,CAAC,SAAS;AAC/D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAqB;AAC7C;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAMA,QAAO,MAAM,WAAW,OAAO;AACrC,UAAI,QAAQ,GAAG;AACb,gBAAQA,KAAI;AAAA,MACd;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,oBAAC,WAAQ,WAAU,QAAO,YAAW,WACnC,8BAAC,oBAAiB,QAAQ,MAAO,GAAG,MAAM,GAC5C;AAEJ;AAEA,MAAM,cAAc,aAAa,KAAK,CAAC,CAAC;AACxC,YAAY,OAAO,CAAC;AAEpB,MAAM,oBAAsD,CAAC,SAAS;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,SAA0B;AAC5D;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAMC,aAAY,MAAM,gBAAgB,OAAO;AAC/C,UAAI,QAAQ,GAAG;AACb,qBAAaA,UAAS;AAAA,MACxB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,oBAAC,WAAQ,WAAU,QAAO,YAAW,WACnC,8BAAC,oBAAiB,QAAQ,WAAY,GAAG,MAAM,GACjD;AAEJ;AAEA,MAAM,mBAAmB,kBAAkB,KAAK,CAAC,CAAC;AAClD,iBAAiB,OAAO,CAAC;AAEzB,MAAM,kBAAoD,CAAC,SAAS;AAClE,QAAM,CAAC,SAAS,UAAU,IAAI,SAA0B;AACxD;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAMC,WAAU,MAAM,yBAAyB,OAAO;AACtD,UAAI,QAAQ,GAAG;AACb,mBAAWA,QAAO;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,oBAAC,WAAQ,WAAU,QAAO,YAAW,WACnC,8BAAC,oBAAiB,QAAQ,SAAU,GAAG,MAAM,GAC/C;AAEJ;AAEA,MAAM,iBAAiB,gBAAgB,KAAK,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC;AAKvB,IAAO,6BAAQ;","names":["node","archivist","diviner"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/components/TableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAA;AAIzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,cAAc,CAOxE,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/components/TableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAA;AAIzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,cAAc,CAOxE,CAAA"}