@xyo-network/react-powered-by-xyo 2.64.9 → 2.64.10

package/dist/browser/components/SentinelSummary.cjs

@@ -1,61 +0,0 @@
-"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);
-
-// src/components/SentinelSummary.tsx
-var SentinelSummary_exports = {};
-__export(SentinelSummary_exports, {
-  SentinelSummary: () => SentinelSummary
-});
-module.exports = __toCommonJS(SentinelSummary_exports);
-var import_icons_material2 = require("@mui/icons-material");
-
-// src/components/ModuleSummary.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_delay = require("@xylabs/delay");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_node = require("@xyo-network/react-node");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ModuleSummary = ({ children, icon, module: module2, ...props }) => {
-  const [downModules] = (0, import_react_node.useModulesFromNode)(void 0, { direction: "down" });
-  const [upModules] = (0, import_react_node.useModulesFromNode)(void 0, { direction: "up" });
-  const [busy, setBusy] = (0, import_react.useState)(false);
-  const downModulesFromResolve = downModules?.length;
-  const upModulesFromResolve = upModules?.length;
-  module2?.on("moduleBusy", async ({ busy: busy2 }) => {
-    setBusy(busy2);
-    await (0, import_delay.delay)(2e3);
-    setBusy(false);
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "flex-start", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Extension, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { marginX: 1, children: module2?.config?.name ?? "<Unknown>" })
-    ] }),
-    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
-  ] }) });
-};
-
-// src/components/SentinelSummary.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SentinelSummary = ({ module: module2, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material2.TimerRounded, {}), ...props });
-};
-//# sourceMappingURL=SentinelSummary.cjs.map

package/dist/browser/components/SentinelSummary.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/SentinelSummary.tsx","../../../src/components/ModuleSummary.tsx"],"sourcesContent":["import { TimerRounded as TimerRoundedIcon } from '@mui/icons-material'\nimport { SentinelInstance } from '@xyo-network/sentinel'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const SentinelSummary: React.FC<ModuleSummaryProps<SentinelInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<TimerRoundedIcon />} {...props} />\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  module?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, module, ...props }) => {\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  module?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{module?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined)\n          ? `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n          : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,yBAAiD;;;ACAjD,4BAA2C;AAC3C,mBAAsB;AACtB,2BAA+C;AAE/C,wBAAmC;AACnC,0BAA6B;AAC7B,mBAAoC;AAwB5B;AAjBD,IAAM,gBAA8C,CAAC,EAAE,UAAU,MAAM,QAAAC,SAAQ,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,WAAW,QAAI,sCAAmB,QAAW,EAAE,WAAW,OAAO,CAAC;AACzE,QAAM,CAAC,SAAS,QAAI,sCAAmB,QAAW,EAAE,WAAW,KAAK,CAAC;AACrE,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,QAAM,yBAAyB,aAAa;AAC5C,QAAM,uBAAuB,WAAW;AAExC,EAAAA,SAAQ,GAAG,cAAc,OAAO,EAAE,MAAAC,MAAK,MAAM;AAC3C,YAAQA,KAAI;AACZ,cAAM,oBAAM,GAAI;AAChB,YAAQ,KAAK;AAAA,EACf,CAAC;AAED,SACE,4CAAC,gCAAQ,YAAW,WAAU,OAAM,QAAQ,GAAG,OAC7C,uDAAC,gCAAQ,gBAAe,cACtB;AAAA,iDAAC,gCACC;AAAA,kDAAC,oCAAa,OAAO,OAAO,SAAS,QAAY,kBAAQ,4CAAC,sBAAAC,WAAA,EAAc,GAAG;AAAA,MAC3E,4CAAC,oCAAa,SAAS,GAAI,UAAAF,SAAQ,QAAQ,QAAQ,aAAY;AAAA,OACjE;AAAA,IACC,aAAa,2BAA2B,UAAa,yBAAyB,UAC3E,IAAI,sBAAsB,UAAK,oBAAoB,YACnD;AAAA,KACN,GACF;AAEJ;;;ADlC8C,IAAAG,sBAAA;AADvC,IAAM,kBAAkE,CAAC,EAAE,QAAAC,SAAQ,GAAG,MAAM,MAAM;AACvG,SAAO,6CAAC,iBAAc,QAAQA,SAAQ,MAAM,6CAAC,uBAAAC,cAAA,EAAiB,GAAK,GAAG,OAAO;AAC/E;","names":["import_icons_material","module","busy","ExtensionIcon","import_jsx_runtime","module","TimerRoundedIcon"]}

package/dist/browser/components/SentinelSummary.js

@@ -1,40 +0,0 @@
-// src/components/SentinelSummary.tsx
-import { TimerRounded as TimerRoundedIcon } from "@mui/icons-material";
-
-// src/components/ModuleSummary.tsx
-import { Extension as ExtensionIcon } from "@mui/icons-material";
-import { delay } from "@xylabs/delay";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-import { useModulesFromNode } from "@xyo-network/react-node";
-import { TypographyEx } from "@xyo-network/react-shared";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ModuleSummary = ({ children, icon, module, ...props }) => {
-  const [downModules] = useModulesFromNode(void 0, { direction: "down" });
-  const [upModules] = useModulesFromNode(void 0, { direction: "up" });
-  const [busy, setBusy] = useState(false);
-  const downModulesFromResolve = downModules?.length;
-  const upModulesFromResolve = upModules?.length;
-  module?.on("moduleBusy", async ({ busy: busy2 }) => {
-    setBusy(busy2);
-    await delay(2e3);
-    setBusy(false);
-  });
-  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "flex-start", children: [
-    /* @__PURE__ */ jsxs(FlexRow, { children: [
-      /* @__PURE__ */ jsx(TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ jsx(ExtensionIcon, {}) }),
-      /* @__PURE__ */ jsx(TypographyEx, { marginX: 1, children: module?.config?.name ?? "<Unknown>" })
-    ] }),
-    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
-  ] }) });
-};
-
-// src/components/SentinelSummary.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var SentinelSummary = ({ module, ...props }) => {
-  return /* @__PURE__ */ jsx2(ModuleSummary, { module, icon: /* @__PURE__ */ jsx2(TimerRoundedIcon, {}), ...props });
-};
-export {
-  SentinelSummary
-};
-//# sourceMappingURL=SentinelSummary.js.map

package/dist/browser/components/SentinelSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/SentinelSummary.tsx","../../../src/components/ModuleSummary.tsx"],"sourcesContent":["import { TimerRounded as TimerRoundedIcon } from '@mui/icons-material'\nimport { SentinelInstance } from '@xyo-network/sentinel'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const SentinelSummary: React.FC<ModuleSummaryProps<SentinelInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<TimerRoundedIcon />} {...props} />\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  module?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, module, ...props }) => {\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  module?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{module?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined)\n          ? `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n          : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n"],"mappings":";AAAA,SAAS,gBAAgB,wBAAwB;;;ACAjD,SAAS,aAAa,qBAAqB;AAC3C,SAAS,aAAa;AACtB,SAAuB,SAAS,eAAe;AAE/C,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAoB,gBAAgB;AAwB5B,SAC2D,KAD3D;AAjBD,IAAM,gBAA8C,CAAC,EAAE,UAAU,MAAM,QAAQ,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,WAAW,IAAI,mBAAmB,QAAW,EAAE,WAAW,OAAO,CAAC;AACzE,QAAM,CAAC,SAAS,IAAI,mBAAmB,QAAW,EAAE,WAAW,KAAK,CAAC;AACrE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,yBAAyB,aAAa;AAC5C,QAAM,uBAAuB,WAAW;AAExC,UAAQ,GAAG,cAAc,OAAO,EAAE,MAAAA,MAAK,MAAM;AAC3C,YAAQA,KAAI;AACZ,UAAM,MAAM,GAAI;AAChB,YAAQ,KAAK;AAAA,EACf,CAAC;AAED,SACE,oBAAC,WAAQ,YAAW,WAAU,OAAM,QAAQ,GAAG,OAC7C,+BAAC,WAAQ,gBAAe,cACtB;AAAA,yBAAC,WACC;AAAA,0BAAC,gBAAa,OAAO,OAAO,SAAS,QAAY,kBAAQ,oBAAC,iBAAc,GAAG;AAAA,MAC3E,oBAAC,gBAAa,SAAS,GAAI,kBAAQ,QAAQ,QAAQ,aAAY;AAAA,OACjE;AAAA,IACC,aAAa,2BAA2B,UAAa,yBAAyB,UAC3E,IAAI,sBAAsB,UAAK,oBAAoB,YACnD;AAAA,KACN,GACF;AAEJ;;;ADlC8C,gBAAAC,YAAA;AADvC,IAAM,kBAAkE,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACvG,SAAO,gBAAAA,KAAC,iBAAc,QAAgB,MAAM,gBAAAA,KAAC,oBAAiB,GAAK,GAAG,OAAO;AAC/E;","names":["busy","jsx"]}

package/dist/browser/components/TypedModuleSummary.cjs

@@ -1,138 +0,0 @@
-"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);
-
-// src/components/TypedModuleSummary.tsx
-var TypedModuleSummary_exports = {};
-__export(TypedModuleSummary_exports, {
-  TypedModuleSummary: () => TypedModuleSummary
-});
-module.exports = __toCommonJS(TypedModuleSummary_exports);
-var import_archivist_model = require("@xyo-network/archivist-model");
-var import_bridge_model = require("@xyo-network/bridge-model");
-var import_diviner_model = require("@xyo-network/diviner-model");
-var import_node_model = require("@xyo-network/node-model");
-var import_sentinel = require("@xyo-network/sentinel");
-var import_witness_model = require("@xyo-network/witness-model");
-
-// src/components/ArchivistSummary.tsx
-var import_icons_material2 = require("@mui/icons-material");
-
-// src/components/ModuleSummary.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_delay = require("@xylabs/delay");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_node = require("@xyo-network/react-node");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ModuleSummary = ({ children, icon, module: module2, ...props }) => {
-  const [downModules] = (0, import_react_node.useModulesFromNode)(void 0, { direction: "down" });
-  const [upModules] = (0, import_react_node.useModulesFromNode)(void 0, { direction: "up" });
-  const [busy, setBusy] = (0, import_react.useState)(false);
-  const downModulesFromResolve = downModules?.length;
-  const upModulesFromResolve = upModules?.length;
-  module2?.on("moduleBusy", async ({ busy: busy2 }) => {
-    setBusy(busy2);
-    await (0, import_delay.delay)(2e3);
-    setBusy(false);
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "flex-start", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Extension, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { marginX: 1, children: module2?.config?.name ?? "<Unknown>" })
-    ] }),
-    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
-  ] }) });
-};
-
-// src/components/ArchivistSummary.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ArchivistSummary = ({ module: module2, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material2.Inventory2Rounded, {}), ...props });
-};
-
-// src/components/BridgeSummary.tsx
-var import_icons_material3 = require("@mui/icons-material");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var BridgeSummary = ({ module: module2, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material3.InsertLinkRounded, {}), ...props });
-};
-
-// src/components/DivinerSummary.tsx
-var import_icons_material4 = require("@mui/icons-material");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var DivinerSummary = ({ module: module2, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_material4.BubbleChartRounded, {}), ...props });
-};
-
-// src/components/NodeSummary.tsx
-var import_icons_material5 = require("@mui/icons-material");
-var import_react_promise = require("@xylabs/react-promise");
-var import_react_node2 = require("@xyo-network/react-node");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var NodeSummary = ({ module: module2, ...props }) => {
-  const [manifest] = (0, import_react_promise.usePromise)(async () => {
-    return await module2?.manifest();
-  }, [module2]);
-  const [downModules] = (0, import_react_node2.useModulesFromNode)(void 0, { direction: "down" });
-  const [upModules] = (0, import_react_node2.useModulesFromNode)(void 0, { direction: "up" });
-  const downModulesFromResolve = downModules?.length;
-  const upModulesFromResolve = upModules?.length;
-  const manifestPublicModules = manifest?.modules?.public?.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons_material5.HubRounded, {}), ...props, children: manifestPublicModules !== void 0 && downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0 ? `[${manifestPublicModules}m/${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null });
-};
-
-// src/components/SentinelSummary.tsx
-var import_icons_material6 = require("@mui/icons-material");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var SentinelSummary = ({ module: module2, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_material6.TimerRounded, {}), ...props });
-};
-
-// src/components/WitnessSummary.tsx
-var import_icons_material7 = require("@mui/icons-material");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var WitnessSummary = ({ module: module2, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons_material7.VisibilityRounded, {}), ...props });
-};
-
-// src/components/TypedModuleSummary.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var TypedModuleSummary = ({ module: module2, ...props }) => {
-  if ((0, import_archivist_model.isArchivistInstance)(module2)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ArchivistSummary, { module: module2, ...props });
-  }
-  if ((0, import_diviner_model.isDivinerInstance)(module2)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DivinerSummary, { module: module2, ...props });
-  }
-  if ((0, import_node_model.isNodeInstance)(module2)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(NodeSummary, { module: module2, ...props });
-  }
-  if ((0, import_witness_model.isWitnessInstance)(module2)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(WitnessSummary, { module: module2, ...props });
-  }
-  if ((0, import_bridge_model.isBridgeInstance)(module2)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BridgeSummary, { module: module2, ...props });
-  }
-  if ((0, import_sentinel.isSentinelInstance)(module2)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SentinelSummary, { module: module2, ...props });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ModuleSummary, { module: module2, ...props });
-};
-//# sourceMappingURL=TypedModuleSummary.cjs.map

package/dist/browser/components/TypedModuleSummary.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/TypedModuleSummary.tsx","../../../src/components/ArchivistSummary.tsx","../../../src/components/ModuleSummary.tsx","../../../src/components/BridgeSummary.tsx","../../../src/components/DivinerSummary.tsx","../../../src/components/NodeSummary.tsx","../../../src/components/SentinelSummary.tsx","../../../src/components/WitnessSummary.tsx"],"sourcesContent":["import { isArchivistInstance } from '@xyo-network/archivist-model'\nimport { isBridgeInstance } from '@xyo-network/bridge-model'\nimport { isDivinerInstance } from '@xyo-network/diviner-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { isSentinelInstance } from '@xyo-network/sentinel'\nimport { isWitnessInstance } from '@xyo-network/witness-model'\n\nimport { ArchivistSummary } from './ArchivistSummary'\nimport { BridgeSummary } from './BridgeSummary'\nimport { DivinerSummary } from './DivinerSummary'\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\nimport { NodeSummary } from './NodeSummary'\nimport { SentinelSummary } from './SentinelSummary'\nimport { WitnessSummary } from './WitnessSummary'\n\nexport const TypedModuleSummary: React.FC<ModuleSummaryProps> = ({ module, ...props }) => {\n  if (isArchivistInstance(module)) {\n    return <ArchivistSummary module={module} {...props} />\n  }\n  if (isDivinerInstance(module)) {\n    return <DivinerSummary module={module} {...props} />\n  }\n  if (isNodeInstance(module)) {\n    return <NodeSummary module={module} {...props} />\n  }\n  if (isWitnessInstance(module)) {\n    return <WitnessSummary module={module} {...props} />\n  }\n  if (isBridgeInstance(module)) {\n    return <BridgeSummary module={module} {...props} />\n  }\n  if (isSentinelInstance(module)) {\n    return <SentinelSummary module={module} {...props} />\n  }\n  return <ModuleSummary module={module} {...props} />\n}\n","import { Inventory2Rounded as Inventory2RoundedIcon } from '@mui/icons-material'\nimport { ArchivistInstance } from '@xyo-network/archivist-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const ArchivistSummary: React.FC<ModuleSummaryProps<ArchivistInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<Inventory2RoundedIcon />} {...props} />\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  module?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, module, ...props }) => {\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  module?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{module?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined)\n          ? `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n          : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { InsertLinkRounded as InsertLinkRoundedIcon } from '@mui/icons-material'\nimport { BridgeInstance } from '@xyo-network/bridge-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const BridgeSummary: React.FC<ModuleSummaryProps<BridgeInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<InsertLinkRoundedIcon />} {...props}></ModuleSummary>\n}\n","import { BubbleChartRounded as BubbleChartRoundedIcon } from '@mui/icons-material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const DivinerSummary: React.FC<ModuleSummaryProps<DivinerInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<BubbleChartRoundedIcon />} {...props} />\n}\n","import { HubRounded as HubRoundedIcon } from '@mui/icons-material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const NodeSummary: React.FC<ModuleSummaryProps<NodeInstance>> = ({ module, ...props }) => {\n  const [manifest] = usePromise(async () => {\n    return await module?.manifest()\n  }, [module])\n\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  const manifestPublicModules = manifest?.modules?.public?.length\n\n  return (\n    <ModuleSummary module={module} icon={<HubRoundedIcon />} {...props}>\n      {manifestPublicModules !== undefined && downModulesFromResolve !== undefined && upModulesFromResolve !== undefined\n        ? `[${manifestPublicModules}m/${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n        : null}\n    </ModuleSummary>\n  )\n}\n","import { TimerRounded as TimerRoundedIcon } from '@mui/icons-material'\nimport { SentinelInstance } from '@xyo-network/sentinel'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const SentinelSummary: React.FC<ModuleSummaryProps<SentinelInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<TimerRoundedIcon />} {...props} />\n}\n","import { VisibilityRounded as VisibilityRoundedIcon } from '@mui/icons-material'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const WitnessSummary: React.FC<ModuleSummaryProps<WitnessInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<VisibilityRoundedIcon />} {...props} />\n}\n"],"mappings":"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","names":["import_icons_material","module","busy","ExtensionIcon","import_jsx_runtime","module","Inventory2RoundedIcon","import_icons_material","import_jsx_runtime","module","InsertLinkRoundedIcon","import_icons_material","import_jsx_runtime","module","BubbleChartRoundedIcon","import_icons_material","import_react_node","import_jsx_runtime","module","HubRoundedIcon","import_icons_material","import_jsx_runtime","module","TimerRoundedIcon","import_icons_material","import_jsx_runtime","module","VisibilityRoundedIcon","import_jsx_runtime","module"]}

package/dist/browser/components/TypedModuleSummary.js

@@ -1,117 +0,0 @@
-// src/components/TypedModuleSummary.tsx
-import { isArchivistInstance } from "@xyo-network/archivist-model";
-import { isBridgeInstance } from "@xyo-network/bridge-model";
-import { isDivinerInstance } from "@xyo-network/diviner-model";
-import { isNodeInstance } from "@xyo-network/node-model";
-import { isSentinelInstance } from "@xyo-network/sentinel";
-import { isWitnessInstance } from "@xyo-network/witness-model";
-
-// src/components/ArchivistSummary.tsx
-import { Inventory2Rounded as Inventory2RoundedIcon } from "@mui/icons-material";
-
-// src/components/ModuleSummary.tsx
-import { Extension as ExtensionIcon } from "@mui/icons-material";
-import { delay } from "@xylabs/delay";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-import { useModulesFromNode } from "@xyo-network/react-node";
-import { TypographyEx } from "@xyo-network/react-shared";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ModuleSummary = ({ children, icon, module, ...props }) => {
-  const [downModules] = useModulesFromNode(void 0, { direction: "down" });
-  const [upModules] = useModulesFromNode(void 0, { direction: "up" });
-  const [busy, setBusy] = useState(false);
-  const downModulesFromResolve = downModules?.length;
-  const upModulesFromResolve = upModules?.length;
-  module?.on("moduleBusy", async ({ busy: busy2 }) => {
-    setBusy(busy2);
-    await delay(2e3);
-    setBusy(false);
-  });
-  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "flex-start", children: [
-    /* @__PURE__ */ jsxs(FlexRow, { children: [
-      /* @__PURE__ */ jsx(TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ jsx(ExtensionIcon, {}) }),
-      /* @__PURE__ */ jsx(TypographyEx, { marginX: 1, children: module?.config?.name ?? "<Unknown>" })
-    ] }),
-    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
-  ] }) });
-};
-
-// src/components/ArchivistSummary.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ArchivistSummary = ({ module, ...props }) => {
-  return /* @__PURE__ */ jsx2(ModuleSummary, { module, icon: /* @__PURE__ */ jsx2(Inventory2RoundedIcon, {}), ...props });
-};
-
-// src/components/BridgeSummary.tsx
-import { InsertLinkRounded as InsertLinkRoundedIcon } from "@mui/icons-material";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var BridgeSummary = ({ module, ...props }) => {
-  return /* @__PURE__ */ jsx3(ModuleSummary, { module, icon: /* @__PURE__ */ jsx3(InsertLinkRoundedIcon, {}), ...props });
-};
-
-// src/components/DivinerSummary.tsx
-import { BubbleChartRounded as BubbleChartRoundedIcon } from "@mui/icons-material";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var DivinerSummary = ({ module, ...props }) => {
-  return /* @__PURE__ */ jsx4(ModuleSummary, { module, icon: /* @__PURE__ */ jsx4(BubbleChartRoundedIcon, {}), ...props });
-};
-
-// src/components/NodeSummary.tsx
-import { HubRounded as HubRoundedIcon } from "@mui/icons-material";
-import { usePromise } from "@xylabs/react-promise";
-import { useModulesFromNode as useModulesFromNode2 } from "@xyo-network/react-node";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var NodeSummary = ({ module, ...props }) => {
-  const [manifest] = usePromise(async () => {
-    return await module?.manifest();
-  }, [module]);
-  const [downModules] = useModulesFromNode2(void 0, { direction: "down" });
-  const [upModules] = useModulesFromNode2(void 0, { direction: "up" });
-  const downModulesFromResolve = downModules?.length;
-  const upModulesFromResolve = upModules?.length;
-  const manifestPublicModules = manifest?.modules?.public?.length;
-  return /* @__PURE__ */ jsx5(ModuleSummary, { module, icon: /* @__PURE__ */ jsx5(HubRoundedIcon, {}), ...props, children: manifestPublicModules !== void 0 && downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0 ? `[${manifestPublicModules}m/${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null });
-};
-
-// src/components/SentinelSummary.tsx
-import { TimerRounded as TimerRoundedIcon } from "@mui/icons-material";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var SentinelSummary = ({ module, ...props }) => {
-  return /* @__PURE__ */ jsx6(ModuleSummary, { module, icon: /* @__PURE__ */ jsx6(TimerRoundedIcon, {}), ...props });
-};
-
-// src/components/WitnessSummary.tsx
-import { VisibilityRounded as VisibilityRoundedIcon } from "@mui/icons-material";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var WitnessSummary = ({ module, ...props }) => {
-  return /* @__PURE__ */ jsx7(ModuleSummary, { module, icon: /* @__PURE__ */ jsx7(VisibilityRoundedIcon, {}), ...props });
-};
-
-// src/components/TypedModuleSummary.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var TypedModuleSummary = ({ module, ...props }) => {
-  if (isArchivistInstance(module)) {
-    return /* @__PURE__ */ jsx8(ArchivistSummary, { module, ...props });
-  }
-  if (isDivinerInstance(module)) {
-    return /* @__PURE__ */ jsx8(DivinerSummary, { module, ...props });
-  }
-  if (isNodeInstance(module)) {
-    return /* @__PURE__ */ jsx8(NodeSummary, { module, ...props });
-  }
-  if (isWitnessInstance(module)) {
-    return /* @__PURE__ */ jsx8(WitnessSummary, { module, ...props });
-  }
-  if (isBridgeInstance(module)) {
-    return /* @__PURE__ */ jsx8(BridgeSummary, { module, ...props });
-  }
-  if (isSentinelInstance(module)) {
-    return /* @__PURE__ */ jsx8(SentinelSummary, { module, ...props });
-  }
-  return /* @__PURE__ */ jsx8(ModuleSummary, { module, ...props });
-};
-export {
-  TypedModuleSummary
-};
-//# sourceMappingURL=TypedModuleSummary.js.map

package/dist/browser/components/TypedModuleSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/TypedModuleSummary.tsx","../../../src/components/ArchivistSummary.tsx","../../../src/components/ModuleSummary.tsx","../../../src/components/BridgeSummary.tsx","../../../src/components/DivinerSummary.tsx","../../../src/components/NodeSummary.tsx","../../../src/components/SentinelSummary.tsx","../../../src/components/WitnessSummary.tsx"],"sourcesContent":["import { isArchivistInstance } from '@xyo-network/archivist-model'\nimport { isBridgeInstance } from '@xyo-network/bridge-model'\nimport { isDivinerInstance } from '@xyo-network/diviner-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { isSentinelInstance } from '@xyo-network/sentinel'\nimport { isWitnessInstance } from '@xyo-network/witness-model'\n\nimport { ArchivistSummary } from './ArchivistSummary'\nimport { BridgeSummary } from './BridgeSummary'\nimport { DivinerSummary } from './DivinerSummary'\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\nimport { NodeSummary } from './NodeSummary'\nimport { SentinelSummary } from './SentinelSummary'\nimport { WitnessSummary } from './WitnessSummary'\n\nexport const TypedModuleSummary: React.FC<ModuleSummaryProps> = ({ module, ...props }) => {\n  if (isArchivistInstance(module)) {\n    return <ArchivistSummary module={module} {...props} />\n  }\n  if (isDivinerInstance(module)) {\n    return <DivinerSummary module={module} {...props} />\n  }\n  if (isNodeInstance(module)) {\n    return <NodeSummary module={module} {...props} />\n  }\n  if (isWitnessInstance(module)) {\n    return <WitnessSummary module={module} {...props} />\n  }\n  if (isBridgeInstance(module)) {\n    return <BridgeSummary module={module} {...props} />\n  }\n  if (isSentinelInstance(module)) {\n    return <SentinelSummary module={module} {...props} />\n  }\n  return <ModuleSummary module={module} {...props} />\n}\n","import { Inventory2Rounded as Inventory2RoundedIcon } from '@mui/icons-material'\nimport { ArchivistInstance } from '@xyo-network/archivist-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const ArchivistSummary: React.FC<ModuleSummaryProps<ArchivistInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<Inventory2RoundedIcon />} {...props} />\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  module?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, module, ...props }) => {\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  module?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{module?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined)\n          ? `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n          : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { InsertLinkRounded as InsertLinkRoundedIcon } from '@mui/icons-material'\nimport { BridgeInstance } from '@xyo-network/bridge-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const BridgeSummary: React.FC<ModuleSummaryProps<BridgeInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<InsertLinkRoundedIcon />} {...props}></ModuleSummary>\n}\n","import { BubbleChartRounded as BubbleChartRoundedIcon } from '@mui/icons-material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const DivinerSummary: React.FC<ModuleSummaryProps<DivinerInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<BubbleChartRoundedIcon />} {...props} />\n}\n","import { HubRounded as HubRoundedIcon } from '@mui/icons-material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const NodeSummary: React.FC<ModuleSummaryProps<NodeInstance>> = ({ module, ...props }) => {\n  const [manifest] = usePromise(async () => {\n    return await module?.manifest()\n  }, [module])\n\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  const manifestPublicModules = manifest?.modules?.public?.length\n\n  return (\n    <ModuleSummary module={module} icon={<HubRoundedIcon />} {...props}>\n      {manifestPublicModules !== undefined && downModulesFromResolve !== undefined && upModulesFromResolve !== undefined\n        ? `[${manifestPublicModules}m/${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n        : null}\n    </ModuleSummary>\n  )\n}\n","import { TimerRounded as TimerRoundedIcon } from '@mui/icons-material'\nimport { SentinelInstance } from '@xyo-network/sentinel'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const SentinelSummary: React.FC<ModuleSummaryProps<SentinelInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<TimerRoundedIcon />} {...props} />\n}\n","import { VisibilityRounded as VisibilityRoundedIcon } from '@mui/icons-material'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const WitnessSummary: React.FC<ModuleSummaryProps<WitnessInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<VisibilityRoundedIcon />} {...props} />\n}\n"],"mappings":"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","names":["busy","jsx","jsx","jsx","useModulesFromNode","jsx","useModulesFromNode","jsx","jsx","jsx"]}

package/dist/browser/components/WitnessSummary.cjs

@@ -1,61 +0,0 @@
-"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);
-
-// src/components/WitnessSummary.tsx
-var WitnessSummary_exports = {};
-__export(WitnessSummary_exports, {
-  WitnessSummary: () => WitnessSummary
-});
-module.exports = __toCommonJS(WitnessSummary_exports);
-var import_icons_material2 = require("@mui/icons-material");
-
-// src/components/ModuleSummary.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_delay = require("@xylabs/delay");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_node = require("@xyo-network/react-node");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ModuleSummary = ({ children, icon, module: module2, ...props }) => {
-  const [downModules] = (0, import_react_node.useModulesFromNode)(void 0, { direction: "down" });
-  const [upModules] = (0, import_react_node.useModulesFromNode)(void 0, { direction: "up" });
-  const [busy, setBusy] = (0, import_react.useState)(false);
-  const downModulesFromResolve = downModules?.length;
-  const upModulesFromResolve = upModules?.length;
-  module2?.on("moduleBusy", async ({ busy: busy2 }) => {
-    setBusy(busy2);
-    await (0, import_delay.delay)(2e3);
-    setBusy(false);
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "flex-start", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Extension, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { marginX: 1, children: module2?.config?.name ?? "<Unknown>" })
-    ] }),
-    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
-  ] }) });
-};
-
-// src/components/WitnessSummary.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var WitnessSummary = ({ module: module2, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ModuleSummary, { module: module2, icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material2.VisibilityRounded, {}), ...props });
-};
-//# sourceMappingURL=WitnessSummary.cjs.map

package/dist/browser/components/WitnessSummary.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/WitnessSummary.tsx","../../../src/components/ModuleSummary.tsx"],"sourcesContent":["import { VisibilityRounded as VisibilityRoundedIcon } from '@mui/icons-material'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const WitnessSummary: React.FC<ModuleSummaryProps<WitnessInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<VisibilityRoundedIcon />} {...props} />\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  module?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, module, ...props }) => {\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  module?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{module?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined)\n          ? `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n          : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,yBAA2D;;;ACA3D,4BAA2C;AAC3C,mBAAsB;AACtB,2BAA+C;AAE/C,wBAAmC;AACnC,0BAA6B;AAC7B,mBAAoC;AAwB5B;AAjBD,IAAM,gBAA8C,CAAC,EAAE,UAAU,MAAM,QAAAC,SAAQ,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,WAAW,QAAI,sCAAmB,QAAW,EAAE,WAAW,OAAO,CAAC;AACzE,QAAM,CAAC,SAAS,QAAI,sCAAmB,QAAW,EAAE,WAAW,KAAK,CAAC;AACrE,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,QAAM,yBAAyB,aAAa;AAC5C,QAAM,uBAAuB,WAAW;AAExC,EAAAA,SAAQ,GAAG,cAAc,OAAO,EAAE,MAAAC,MAAK,MAAM;AAC3C,YAAQA,KAAI;AACZ,cAAM,oBAAM,GAAI;AAChB,YAAQ,KAAK;AAAA,EACf,CAAC;AAED,SACE,4CAAC,gCAAQ,YAAW,WAAU,OAAM,QAAQ,GAAG,OAC7C,uDAAC,gCAAQ,gBAAe,cACtB;AAAA,iDAAC,gCACC;AAAA,kDAAC,oCAAa,OAAO,OAAO,SAAS,QAAY,kBAAQ,4CAAC,sBAAAC,WAAA,EAAc,GAAG;AAAA,MAC3E,4CAAC,oCAAa,SAAS,GAAI,UAAAF,SAAQ,QAAQ,QAAQ,aAAY;AAAA,OACjE;AAAA,IACC,aAAa,2BAA2B,UAAa,yBAAyB,UAC3E,IAAI,sBAAsB,UAAK,oBAAoB,YACnD;AAAA,KACN,GACF;AAEJ;;;ADlC8C,IAAAG,sBAAA;AADvC,IAAM,iBAAgE,CAAC,EAAE,QAAAC,SAAQ,GAAG,MAAM,MAAM;AACrG,SAAO,6CAAC,iBAAc,QAAQA,SAAQ,MAAM,6CAAC,uBAAAC,mBAAA,EAAsB,GAAK,GAAG,OAAO;AACpF;","names":["import_icons_material","module","busy","ExtensionIcon","import_jsx_runtime","module","VisibilityRoundedIcon"]}

package/dist/browser/components/WitnessSummary.js

@@ -1,40 +0,0 @@
-// src/components/WitnessSummary.tsx
-import { VisibilityRounded as VisibilityRoundedIcon } from "@mui/icons-material";
-
-// src/components/ModuleSummary.tsx
-import { Extension as ExtensionIcon } from "@mui/icons-material";
-import { delay } from "@xylabs/delay";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-import { useModulesFromNode } from "@xyo-network/react-node";
-import { TypographyEx } from "@xyo-network/react-shared";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ModuleSummary = ({ children, icon, module, ...props }) => {
-  const [downModules] = useModulesFromNode(void 0, { direction: "down" });
-  const [upModules] = useModulesFromNode(void 0, { direction: "up" });
-  const [busy, setBusy] = useState(false);
-  const downModulesFromResolve = downModules?.length;
-  const upModulesFromResolve = upModules?.length;
-  module?.on("moduleBusy", async ({ busy: busy2 }) => {
-    setBusy(busy2);
-    await delay(2e3);
-    setBusy(false);
-  });
-  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "flex-start", children: [
-    /* @__PURE__ */ jsxs(FlexRow, { children: [
-      /* @__PURE__ */ jsx(TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ jsx(ExtensionIcon, {}) }),
-      /* @__PURE__ */ jsx(TypographyEx, { marginX: 1, children: module?.config?.name ?? "<Unknown>" })
-    ] }),
-    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
-  ] }) });
-};
-
-// src/components/WitnessSummary.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var WitnessSummary = ({ module, ...props }) => {
-  return /* @__PURE__ */ jsx2(ModuleSummary, { module, icon: /* @__PURE__ */ jsx2(VisibilityRoundedIcon, {}), ...props });
-};
-export {
-  WitnessSummary
-};
-//# sourceMappingURL=WitnessSummary.js.map

package/dist/browser/components/WitnessSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/WitnessSummary.tsx","../../../src/components/ModuleSummary.tsx"],"sourcesContent":["import { VisibilityRounded as VisibilityRoundedIcon } from '@mui/icons-material'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const WitnessSummary: React.FC<ModuleSummaryProps<WitnessInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<VisibilityRoundedIcon />} {...props} />\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  module?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, module, ...props }) => {\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  module?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{module?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined)\n          ? `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n          : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n"],"mappings":";AAAA,SAAS,qBAAqB,6BAA6B;;;ACA3D,SAAS,aAAa,qBAAqB;AAC3C,SAAS,aAAa;AACtB,SAAuB,SAAS,eAAe;AAE/C,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAoB,gBAAgB;AAwB5B,SAC2D,KAD3D;AAjBD,IAAM,gBAA8C,CAAC,EAAE,UAAU,MAAM,QAAQ,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,WAAW,IAAI,mBAAmB,QAAW,EAAE,WAAW,OAAO,CAAC;AACzE,QAAM,CAAC,SAAS,IAAI,mBAAmB,QAAW,EAAE,WAAW,KAAK,CAAC;AACrE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,yBAAyB,aAAa;AAC5C,QAAM,uBAAuB,WAAW;AAExC,UAAQ,GAAG,cAAc,OAAO,EAAE,MAAAA,MAAK,MAAM;AAC3C,YAAQA,KAAI;AACZ,UAAM,MAAM,GAAI;AAChB,YAAQ,KAAK;AAAA,EACf,CAAC;AAED,SACE,oBAAC,WAAQ,YAAW,WAAU,OAAM,QAAQ,GAAG,OAC7C,+BAAC,WAAQ,gBAAe,cACtB;AAAA,yBAAC,WACC;AAAA,0BAAC,gBAAa,OAAO,OAAO,SAAS,QAAY,kBAAQ,oBAAC,iBAAc,GAAG;AAAA,MAC3E,oBAAC,gBAAa,SAAS,GAAI,kBAAQ,QAAQ,QAAQ,aAAY;AAAA,OACjE;AAAA,IACC,aAAa,2BAA2B,UAAa,yBAAyB,UAC3E,IAAI,sBAAsB,UAAK,oBAAoB,YACnD;AAAA,KACN,GACF;AAEJ;;;ADlC8C,gBAAAC,YAAA;AADvC,IAAM,iBAAgE,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACrG,SAAO,gBAAAA,KAAC,iBAAc,QAAgB,MAAM,gBAAAA,KAAC,yBAAsB,GAAK,GAAG,OAAO;AACpF;","names":["busy","jsx"]}

package/dist/browser/components/XyoBusy.cjs

@@ -1,72 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/XyoBusy.tsx
-var XyoBusy_exports = {};
-__export(XyoBusy_exports, {
-  XyoBusy: () => XyoBusy
-});
-module.exports = __toCommonJS(XyoBusy_exports);
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react = require("react");
-
-// src/img/index.ts
-var import_xyo_color_logo = __toESM(require("../img/xyo-color-logo.svg"), 1);
-var import_xyo_color_logo_text_only = __toESM(require("../img/xyo-color-logo-text-only.svg"), 1);
-
-// src/components/XyoBusy.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var XyoBusy = ({ widthInPixels, busy, spinsPerSecond = 0.5, ...props }) => {
-  const [imageLoaded, setImageLoaded] = (0, import_react.useState)(false);
-  if (!imageLoaded) {
-    const img = new Image();
-    img.onload = () => setImageLoaded(true);
-    img.src = import_xyo_color_logo.default;
-  }
-  return imageLoaded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_flexbox.FlexCol,
-    {
-      sx: {
-        "@keyframes spin": {
-          "0%": {
-            transform: "rotate(360deg)"
-          },
-          "100%": {
-            transform: "rotate(0deg)"
-          }
-        },
-        animation: busy ? `spin ${1 / spinsPerSecond}s linear infinite` : void 0,
-        animationDirection: "reverse"
-      },
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_xyo_color_logo.default, height: widthInPixels ?? 22 })
-    }
-  ) : null;
-};
-//# sourceMappingURL=XyoBusy.cjs.map