@xyo-network/react-powered-by-xyo 2.82.0 → 2.83.1

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

@@ -1,15 +0,0 @@
-export * from './ArchivistSummary.tsx';
-export * from './BridgeSummary.tsx';
-export * from './DebugDialog.tsx';
-export * from './DivinerSummary.tsx';
-export * from './ModuleAccordion.tsx';
-export * from './ModuleDetails.tsx';
-export * from './ModuleSummary.tsx';
-export * from './NodeDetails.tsx';
-export * from './PoweredByXyo.tsx';
-export * from './PoweredByXyoButton.tsx';
-export * from './SentinelSummary.tsx';
-export * from './TypedModuleSummary.tsx';
-export * from './WitnessSummary.tsx';
-export * from './XyoBusy.tsx';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA"}

package/dist/browser/img/index.d.cts

@@ -1,3 +0,0 @@
-export { default as xyoColorLogo } from './xyo-color-logo.svg';
-export { default as xyoColorLogoText } from './xyo-color-logo-text-only.svg';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/img/index.d.cts.map

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

package/dist/browser/img/index.d.mts

@@ -1,3 +0,0 @@
-export { default as xyoColorLogo } from './xyo-color-logo.svg';
-export { default as xyoColorLogoText } from './xyo-color-logo-text-only.svg';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/img/index.d.mts.map

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

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

@@ -1,3 +0,0 @@
-export { default as xyoColorLogo } from './xyo-color-logo.svg';
-export { default as xyoColorLogoText } from './xyo-color-logo-text-only.svg';
-//# sourceMappingURL=index.d.ts.map

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

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

package/dist/browser/index.cjs

@@ -1,529 +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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-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/index.ts
-var src_exports = {};
-__export(src_exports, {
-  ArchivistSummary: () => ArchivistSummary,
-  BridgeSummary: () => BridgeSummary,
-  DebugDialog: () => DebugDialog,
-  DivinerSummary: () => DivinerSummary,
-  ModuleAccordion: () => ModuleAccordion,
-  ModuleDetails: () => ModuleDetails,
-  ModuleSummary: () => ModuleSummary,
-  NodeDetails: () => NodeDetails,
-  PoweredByXyo: () => PoweredByXyo,
-  PoweredByXyoButton: () => PoweredByXyoButton,
-  SentinelSummary: () => SentinelSummary,
-  TypedModuleSummary: () => TypedModuleSummary,
-  WitnessSummary: () => WitnessSummary,
-  XyoBusy: () => XyoBusy
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/ArchivistSummary.tsx
-var import_icons_material2 = require("@mui/icons-material");
-var import_react2 = __toESM(require("react"), 1);
-
-// 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 = __toESM(require("react"), 1);
-var ModuleSummary = /* @__PURE__ */ __name(({ children, icon, mod, ...props }) => {
-  const [downModules] = (0, import_react_node.useWeakModulesFromNode)(void 0, {
-    direction: "down"
-  });
-  const [upModules] = (0, import_react_node.useWeakModulesFromNode)(void 0, {
-    direction: "up"
-  });
-  const [busy, setBusy] = (0, import_react.useState)(false);
-  const downModulesFromResolve = downModules?.length;
-  const upModulesFromResolve = upModules?.length;
-  mod?.on("moduleBusy", async ({ busy: busy2 }) => {
-    setBusy(busy2);
-    await (0, import_delay.delay)(2e3);
-    setBusy(false);
-  });
-  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexCol, {
-    alignItems: "stretch",
-    width: "100%",
-    ...props
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
-    justifyContent: "flex-start"
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, null, /* @__PURE__ */ import_react.default.createElement(import_react_shared.TypographyEx, {
-    color: busy ? "gray" : void 0
-  }, icon ?? /* @__PURE__ */ import_react.default.createElement(import_icons_material.Extension, null)), /* @__PURE__ */ import_react.default.createElement(import_react_shared.TypographyEx, {
-    marginX: 1
-  }, mod?.config?.name ?? "<Unknown>")), children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null));
-}, "ModuleSummary");
-
-// src/components/ArchivistSummary.tsx
-var ArchivistSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ import_react2.default.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ import_react2.default.createElement(import_icons_material2.Inventory2Rounded, null),
-    ...props
-  });
-}, "ArchivistSummary");
-
-// src/components/BridgeSummary.tsx
-var import_icons_material3 = require("@mui/icons-material");
-var import_react3 = __toESM(require("react"), 1);
-var BridgeSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ import_react3.default.createElement(import_icons_material3.InsertLinkRounded, null),
-    ...props
-  });
-}, "BridgeSummary");
-
-// src/components/DebugDialog.tsx
-var import_material4 = require("@mui/material");
-var import_react13 = __toESM(require("react"), 1);
-
-// src/components/NodeDetails.tsx
-var import_react_flexbox3 = require("@xylabs/react-flexbox");
-var import_react_node3 = require("@xyo-network/react-node");
-var import_react12 = __toESM(require("react"), 1);
-
-// src/components/ModuleAccordion.tsx
-var import_icons_material8 = require("@mui/icons-material");
-var import_react11 = __toESM(require("react"), 1);
-var import_material3 = require("@mui/material");
-
-// src/components/ModuleDetails.tsx
-var import_material2 = require("@mui/material");
-var import_react_button2 = require("@xylabs/react-button");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-var import_react_promise = require("@xylabs/react-promise");
-var import_module_model = require("@xyo-network/module-model");
-var import_payload_model = require("@xyo-network/payload-model");
-var import_react_property = require("@xyo-network/react-property");
-var import_react5 = __toESM(require("react"), 1);
-
-// src/components/JsonViewerButton.tsx
-var import_material = require("@mui/material");
-var import_react_button = require("@xylabs/react-button");
-var import_react_payload_raw_info = require("@xyo-network/react-payload-raw-info");
-var import_react4 = __toESM(require("react"), 1);
-var JsonViewerButton = /* @__PURE__ */ __name(({ children, jsonViewProps, src, title, ...props }) => {
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react_button.ButtonEx, {
-    onClick: /* @__PURE__ */ __name(() => setOpen(!open), "onClick"),
-    ...props
-  }, children ?? "JSON"), /* @__PURE__ */ import_react4.default.createElement(import_material.Dialog, {
-    open,
-    onClose: /* @__PURE__ */ __name(() => setOpen(false), "onClose")
-  }, title ? /* @__PURE__ */ import_react4.default.createElement(import_material.DialogTitle, null, title) : null, /* @__PURE__ */ import_react4.default.createElement(import_material.DialogContent, null, /* @__PURE__ */ import_react4.default.createElement(import_react_payload_raw_info.JsonViewerEx, {
-    value: src,
-    ...jsonViewProps
-  })), /* @__PURE__ */ import_react4.default.createElement(import_material.DialogActions, null, /* @__PURE__ */ import_react4.default.createElement(import_react_button.ButtonEx, {
-    onClick: /* @__PURE__ */ __name(() => setOpen(false), "onClick")
-  }, "Close"))));
-}, "JsonViewerButton");
-
-// src/components/ModuleDetails.tsx
-var ModuleDetails = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  const [manifest] = (0, import_react_promise.usePromise)(async () => {
-    return await mod?.manifest();
-  }, [
-    mod
-  ]);
-  const [discover] = (0, import_react_promise.usePromise)(async () => {
-    return await mod?.state();
-  }, [
-    mod
-  ]);
-  const [describe] = (0, import_react_promise.usePromise)(async () => {
-    const state = await mod?.state();
-    return state?.find((0, import_payload_model.isPayloadOfSchemaType)(import_module_model.ModuleDescriptionSchema));
-  }, [
-    mod
-  ]);
-  const queries = mod?.queries;
-  const config = mod?.config;
-  return /* @__PURE__ */ import_react5.default.createElement(import_react_flexbox2.FlexCol, {
-    alignItems: "stretch",
-    ...props
-  }, /* @__PURE__ */ import_react5.default.createElement(import_react_property.Property, {
-    title: "Address",
-    value: mod?.address
-  }), /* @__PURE__ */ import_react5.default.createElement(import_react_flexbox2.FlexRow, {
-    gap: 1,
-    justifyContent: "space-between"
-  }, /* @__PURE__ */ import_react5.default.createElement(import_material2.ButtonGroup, null, manifest ? /* @__PURE__ */ import_react5.default.createElement(JsonViewerButton, {
-    variant: "contained",
-    src: manifest
-  }, "Manifest") : null, config ? /* @__PURE__ */ import_react5.default.createElement(JsonViewerButton, {
-    variant: "contained",
-    src: config
-  }, "Config") : null, discover ? /* @__PURE__ */ import_react5.default.createElement(JsonViewerButton, {
-    variant: "contained",
-    src: discover
-  }, "Discover") : null, describe ? /* @__PURE__ */ import_react5.default.createElement(JsonViewerButton, {
-    variant: "contained",
-    src: describe
-  }, "Describe") : null, queries ? /* @__PURE__ */ import_react5.default.createElement(JsonViewerButton, {
-    variant: "contained",
-    src: queries
-  }, "Queries") : null), /* @__PURE__ */ import_react5.default.createElement(import_material2.ButtonGroup, null, /* @__PURE__ */ import_react5.default.createElement(import_react_button2.ButtonEx, {
-    target: "_blank",
-    href: `https://explore.xyo.network/block?network=main&address=${mod?.address}`,
-    variant: "outlined"
-  }, "Main"), /* @__PURE__ */ import_react5.default.createElement(import_react_button2.ButtonEx, {
-    target: "_blank",
-    href: `https://beta.explore.xyo.network/block?network=kerplunk&address=${mod?.address}`,
-    variant: "outlined"
-  }, "Kerplunk"), /* @__PURE__ */ import_react5.default.createElement(import_react_button2.ButtonEx, {
-    target: "_blank",
-    href: `https://beta.explore.xyo.network/block?network=local&address=${mod?.address}`,
-    variant: "outlined"
-  }, "Local"))));
-}, "ModuleDetails");
-
-// src/components/TypedModuleSummary.tsx
-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_model = require("@xyo-network/sentinel-model");
-var import_witness_model = require("@xyo-network/witness-model");
-var import_react10 = __toESM(require("react"), 1);
-
-// src/components/DivinerSummary.tsx
-var import_icons_material4 = require("@mui/icons-material");
-var import_react6 = __toESM(require("react"), 1);
-var DivinerSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ import_react6.default.createElement(import_icons_material4.BubbleChartRounded, null),
-    ...props
-  });
-}, "DivinerSummary");
-
-// src/components/NodeSummary.tsx
-var import_icons_material5 = require("@mui/icons-material");
-var import_react_promise2 = require("@xylabs/react-promise");
-var import_react_node2 = require("@xyo-network/react-node");
-var import_react7 = __toESM(require("react"), 1);
-var NodeSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  const [manifest] = (0, import_react_promise2.usePromise)(async () => {
-    return await mod?.manifest();
-  }, [
-    mod
-  ]);
-  const [downModules] = (0, import_react_node2.useWeakModulesFromNode)(void 0, {
-    direction: "down"
-  });
-  const [upModules] = (0, import_react_node2.useWeakModulesFromNode)(void 0, {
-    direction: "up"
-  });
-  const downModulesFromResolve = downModules?.length;
-  const upModulesFromResolve = upModules?.length;
-  const manifestPublicModules = manifest?.modules?.public?.length;
-  return /* @__PURE__ */ import_react7.default.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ import_react7.default.createElement(import_icons_material5.HubRounded, null),
-    ...props
-  }, manifestPublicModules !== void 0 && downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0 ? `[${manifestPublicModules}m/${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null);
-}, "NodeSummary");
-
-// src/components/SentinelSummary.tsx
-var import_icons_material6 = require("@mui/icons-material");
-var import_react8 = __toESM(require("react"), 1);
-var SentinelSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ import_react8.default.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ import_react8.default.createElement(import_icons_material6.TimerRounded, null),
-    ...props
-  });
-}, "SentinelSummary");
-
-// src/components/WitnessSummary.tsx
-var import_icons_material7 = require("@mui/icons-material");
-var import_react9 = __toESM(require("react"), 1);
-var WitnessSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ import_react9.default.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ import_react9.default.createElement(import_icons_material7.VisibilityRounded, null),
-    ...props
-  });
-}, "WitnessSummary");
-
-// src/components/TypedModuleSummary.tsx
-var TypedModuleSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  if ((0, import_archivist_model.isArchivistInstance)(mod)) {
-    return /* @__PURE__ */ import_react10.default.createElement(ArchivistSummary, {
-      mod,
-      ...props
-    });
-  }
-  if ((0, import_diviner_model.isDivinerInstance)(mod)) {
-    return /* @__PURE__ */ import_react10.default.createElement(DivinerSummary, {
-      mod,
-      ...props
-    });
-  }
-  if ((0, import_node_model.isNodeInstance)(mod)) {
-    return /* @__PURE__ */ import_react10.default.createElement(NodeSummary, {
-      mod,
-      ...props
-    });
-  }
-  if ((0, import_witness_model.isWitnessInstance)(mod)) {
-    return /* @__PURE__ */ import_react10.default.createElement(WitnessSummary, {
-      mod,
-      ...props
-    });
-  }
-  if ((0, import_bridge_model.isBridgeInstance)(mod)) {
-    return /* @__PURE__ */ import_react10.default.createElement(BridgeSummary, {
-      mod,
-      ...props
-    });
-  }
-  if ((0, import_sentinel_model.isSentinelInstance)(mod)) {
-    return /* @__PURE__ */ import_react10.default.createElement(SentinelSummary, {
-      mod,
-      ...props
-    });
-  }
-  return /* @__PURE__ */ import_react10.default.createElement(ModuleSummary, {
-    mod,
-    ...props
-  });
-}, "TypedModuleSummary");
-
-// src/components/ModuleAccordion.tsx
-var ModuleAccordion = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ import_react11.default.createElement(import_material3.Accordion, props, /* @__PURE__ */ import_react11.default.createElement(import_material3.AccordionSummary, {
-    expandIcon: /* @__PURE__ */ import_react11.default.createElement(import_icons_material8.ExpandMore, null)
-  }, /* @__PURE__ */ import_react11.default.createElement(TypedModuleSummary, {
-    mod
-  })), /* @__PURE__ */ import_react11.default.createElement(import_material3.AccordionDetails, null, /* @__PURE__ */ import_react11.default.createElement(ModuleDetails, {
-    mod
-  })));
-}, "ModuleAccordion");
-
-// src/components/NodeDetails.tsx
-var NodeDetails = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  const [node = mod] = (0, import_react_node3.useProvidedNode)();
-  const [children] = (0, import_react_node3.useWeakModulesFromNode)(void 0, {
-    node: node ?? void 0
-  });
-  return /* @__PURE__ */ import_react12.default.createElement(import_react_flexbox3.FlexCol, {
-    alignItems: "stretch",
-    ...props
-  }, children ? /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(import_react_flexbox3.FlexCol, {
-    alignItems: "stretch",
-    marginY: 1
-  }, children?.map((child) => {
-    const instance = child.deref();
-    return instance ? /* @__PURE__ */ import_react12.default.createElement(ModuleAccordion, {
-      key: instance.address,
-      mod: instance
-    }) : null;
-  }))) : null);
-}, "NodeDetails");
-
-// src/components/DebugDialog.tsx
-var DebugDialog = /* @__PURE__ */ __name(({ onClose, ...props }) => {
-  return /* @__PURE__ */ import_react13.default.createElement(import_material4.Dialog, props, /* @__PURE__ */ import_react13.default.createElement(import_material4.DialogTitle, null, "Xyo Module Viewer"), /* @__PURE__ */ import_react13.default.createElement(import_material4.DialogContent, null, /* @__PURE__ */ import_react13.default.createElement(NodeDetails, {
-    width: "100%"
-  })), /* @__PURE__ */ import_react13.default.createElement(import_material4.DialogActions, null, /* @__PURE__ */ import_react13.default.createElement(import_material4.Button, {
-    onClick: /* @__PURE__ */ __name((event) => onClose?.(event, "backdropClick"), "onClick")
-  }, "Close")));
-}, "DebugDialog");
-
-// src/components/PoweredByXyo.tsx
-var import_material6 = require("@mui/material");
-var import_delay2 = require("@xylabs/delay");
-var import_forget = require("@xylabs/forget");
-var import_react_async_effect = require("@xylabs/react-async-effect");
-var import_react_flexbox6 = require("@xylabs/react-flexbox");
-var import_react_node4 = require("@xyo-network/react-node");
-var import_react16 = __toESM(require("react"), 1);
-
-// src/components/PoweredByXyoButton.tsx
-var import_material5 = require("@mui/material");
-var import_react_button3 = require("@xylabs/react-button");
-var import_react_flexbox5 = require("@xylabs/react-flexbox");
-var import_react15 = __toESM(require("react"), 1);
-
-// src/img/index.ts
-var import_xyo_color_logo = __toESM(require("./xyo-color-logo-LHR2SMEM.svg"), 1);
-var import_xyo_color_logo_text_only = __toESM(require("./xyo-color-logo-text-only-QPAW5BSQ.svg"), 1);
-
-// src/components/XyoBusy.tsx
-var import_react_flexbox4 = require("@xylabs/react-flexbox");
-var import_react14 = __toESM(require("react"), 1);
-var XyoBusy = /* @__PURE__ */ __name(({ widthInPixels, busy, spinsPerSecond = 0.5, ...props }) => {
-  const [imageLoaded, setImageLoaded] = (0, import_react14.useState)(false);
-  if (!imageLoaded) {
-    const img = new Image();
-    img.addEventListener("load", () => setImageLoaded(true));
-    img.src = import_xyo_color_logo.default;
-  }
-  return imageLoaded ? /* @__PURE__ */ import_react14.default.createElement(import_react_flexbox4.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
-  }, /* @__PURE__ */ import_react14.default.createElement("img", {
-    src: import_xyo_color_logo.default,
-    height: widthInPixels ?? 22
-  })) : null;
-}, "XyoBusy");
-
-// src/components/PoweredByXyoButton.tsx
-var PoweredByXyoButton = /* @__PURE__ */ __name(({ busy = false, href, logoHeight, logoTextSize, sx, target = "_blank", variant = "text", ...props }) => {
-  const [imageLoaded, setImageLoaded] = (0, import_react15.useState)(false);
-  const img = new Image();
-  img.addEventListener("load", () => setImageLoaded(true));
-  img.src = import_xyo_color_logo_text_only.default;
-  return imageLoaded ? /* @__PURE__ */ import_react15.default.createElement(import_react_button3.ButtonEx, {
-    href,
-    target,
-    variant,
-    sx: {
-      borderRadius: 0,
-      padding: 0,
-      ...sx
-    },
-    ...props
-  }, /* @__PURE__ */ import_react15.default.createElement(import_react_flexbox5.FlexCol, {
-    padding: 0.5
-  }, /* @__PURE__ */ import_react15.default.createElement(import_material5.Typography, {
-    style: {
-      fontSize: logoTextSize ?? 10
-    },
-    fontSize: "small"
-  }, "Powered by"), /* @__PURE__ */ import_react15.default.createElement(import_react_flexbox5.FlexRow, null, /* @__PURE__ */ import_react15.default.createElement(XyoBusy, {
-    busy
-  }), /* @__PURE__ */ import_react15.default.createElement("img", {
-    src: import_xyo_color_logo_text_only.default,
-    height: logoHeight ?? 24,
-    width: 45
-  })))) : null;
-}, "PoweredByXyoButton");
-
-// src/components/PoweredByXyo.tsx
-var PoweredByXyo = /* @__PURE__ */ __name(({ autoStop, busy, buttonProps, debugDialog = false, disableAnimation = false, href = "https://xyo.network", logoHeight, logoTextSize, onButtonClick, node: propNode, ...props }) => {
-  const [node] = (0, import_react_node4.useProvidedNode)();
-  const [debugDialogOpen, setDebugDialogOpen] = (0, import_react16.useState)(false);
-  const busyMap = (0, import_react16.useMemo)(() => ({}), [
-    node
-  ]);
-  const activeBusy = busy ?? Object.values(busyMap).includes(true);
-  const activeOnButtonClick = (debugDialog ? (event) => {
-    if (event.shiftKey && event.altKey) {
-      setDebugDialogOpen(true);
-    } else if (href) {
-      window.open(href);
-    }
-  } : void 0) ?? onButtonClick;
-  const activeHref = activeOnButtonClick ? void 0 : href;
-  const onKeyDownEscListener = /* @__PURE__ */ __name((event) => {
-    if (event.key === "Escape" && debugDialogOpen) {
-      setDebugDialogOpen(false);
-    }
-  }, "onKeyDownEscListener");
-  (0, import_react_async_effect.useAsyncEffect)(async () => {
-    const activeNode = propNode ?? node;
-    if (disableAnimation) {
-      return;
-    } else if (activeNode) {
-      const mods = await activeNode?.resolve("*");
-      mods?.map((mod) => {
-        mod.on("moduleBusy", ({ mod: mod2, busy: busy2 }) => {
-          busyMap[mod2.address] = busy2;
-          if (autoStop) {
-            (0, import_forget.forget)((async () => {
-              await (0, import_delay2.delay)(1e3);
-              busyMap[mod2.address] = false;
-            })());
-          }
-        });
-      });
-      activeNode?.on("moduleBusy", ({ mod, busy: busy2 }) => {
-        busyMap[mod.address] = busy2;
-        if (autoStop) {
-          (0, import_forget.forget)((async () => {
-            await (0, import_delay2.delay)(1e3);
-            busyMap[mod.address] = false;
-          })());
-        }
-      });
-    }
-  }, [
-    disableAnimation,
-    propNode,
-    node,
-    busyMap,
-    autoStop
-  ]);
-  return /* @__PURE__ */ import_react16.default.createElement(import_react_flexbox6.FlexCol, {
-    alignItems: "stretch",
-    position: "absolute",
-    bottom: "0",
-    left: "0",
-    ...props
-  }, /* @__PURE__ */ import_react16.default.createElement(import_material6.Paper, {
-    sx: {
-      borderRadius: 0
-    }
-  }, /* @__PURE__ */ import_react16.default.createElement(PoweredByXyoButton, {
-    onClick: activeOnButtonClick,
-    href: activeHref,
-    busy: activeBusy,
-    logoHeight,
-    logoTextSize,
-    fullWidth: true,
-    ...buttonProps
-  })), debugDialog && debugDialogOpen ? /* @__PURE__ */ import_react16.default.createElement(DebugDialog, {
-    fullScreen: true,
-    open: debugDialogOpen,
-    onClose: /* @__PURE__ */ __name(() => setDebugDialogOpen(false), "onClose"),
-    onKeyDown: onKeyDownEscListener
-  }) : null);
-}, "PoweredByXyo");
-//# sourceMappingURL=index.cjs.map