@xyo-network/react-node-renderer 2.64.0-rc.2 → 2.64.0-rc.4

package/dist/node/hooks/cytoscape/useCytoscapeLayout.js

@@ -0,0 +1,39 @@
+"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 useCytoscapeLayout_exports = {};
+__export(useCytoscapeLayout_exports, {
+  useCytoscapeLayout: () => useCytoscapeLayout
+});
+module.exports = __toCommonJS(useCytoscapeLayout_exports);
+var import_react = require("react");
+const useCytoscapeLayout = () => {
+  const layout = (0, import_react.useMemo)(
+    () => ({
+      minNodeSpacing: 75,
+      name: "concentric"
+    }),
+    []
+  );
+  return layout;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCytoscapeLayout
+});
+//# sourceMappingURL=useCytoscapeLayout.js.map

package/dist/node/hooks/cytoscape/useCytoscapeLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/cytoscape/useCytoscapeLayout.ts"],"sourcesContent":["import { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nexport const useCytoscapeLayout = () => {\n  const layout: CytoscapeOptions['layout'] = useMemo(\n    () => ({\n      minNodeSpacing: 75,\n      name: 'concentric',\n    }),\n    [],\n  )\n\n  return layout\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAwB;AAEjB,MAAM,qBAAqB,MAAM;AACtC,QAAM,aAAqC;AAAA,IACzC,OAAO;AAAA,MACL,gBAAgB;AAAA,MAChB,MAAM;AAAA,IACR;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SAAO;AACT;","names":[]}

package/dist/node/hooks/cytoscape/useCytoscapeLayout.mjs

@@ -0,0 +1,15 @@
+import { useMemo } from "react";
+const useCytoscapeLayout = () => {
+  const layout = useMemo(
+    () => ({
+      minNodeSpacing: 75,
+      name: "concentric"
+    }),
+    []
+  );
+  return layout;
+};
+export {
+  useCytoscapeLayout
+};
+//# sourceMappingURL=useCytoscapeLayout.mjs.map

package/dist/node/hooks/cytoscape/useCytoscapeLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/cytoscape/useCytoscapeLayout.ts"],"sourcesContent":["import { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nexport const useCytoscapeLayout = () => {\n  const layout: CytoscapeOptions['layout'] = useMemo(\n    () => ({\n      minNodeSpacing: 75,\n      name: 'concentric',\n    }),\n    [],\n  )\n\n  return layout\n}\n"],"mappings":"AACA,SAAS,eAAe;AAEjB,MAAM,qBAAqB,MAAM;AACtC,QAAM,SAAqC;AAAA,IACzC,OAAO;AAAA,MACL,gBAAgB;AAAA,MAChB,MAAM;AAAA,IACR;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SAAO;AACT;","names":[]}

package/dist/node/hooks/cytoscape/useCytoscapeOptions.d.mts

@@ -0,0 +1,3 @@
+import { CytoscapeOptions } from 'cytoscape';
+export declare const useCytoscapeOptions: (elements: CytoscapeOptions['elements'], style?: CytoscapeOptions['style'], layout?: CytoscapeOptions['layout']) => CytoscapeOptions;
+//# sourceMappingURL=useCytoscapeOptions.d.ts.map

package/dist/node/hooks/cytoscape/useCytoscapeOptions.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCytoscapeOptions.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAM5C,eAAO,MAAM,mBAAmB,aACpB,gBAAgB,CAAC,UAAU,CAAC,UAC9B,gBAAgB,CAAC,OAAO,CAAC,WACxB,gBAAgB,CAAC,QAAQ,CAAC,qBAepC,CAAA"}

package/dist/node/hooks/cytoscape/useCytoscapeOptions.d.ts

@@ -0,0 +1,3 @@
+import { CytoscapeOptions } from 'cytoscape';
+export declare const useCytoscapeOptions: (elements: CytoscapeOptions['elements'], style?: CytoscapeOptions['style'], layout?: CytoscapeOptions['layout']) => CytoscapeOptions;
+//# sourceMappingURL=useCytoscapeOptions.d.ts.map

package/dist/node/hooks/cytoscape/useCytoscapeOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCytoscapeOptions.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAM5C,eAAO,MAAM,mBAAmB,aACpB,gBAAgB,CAAC,UAAU,CAAC,UAC9B,gBAAgB,CAAC,OAAO,CAAC,WACxB,gBAAgB,CAAC,QAAQ,CAAC,qBAepC,CAAA"}

package/dist/node/hooks/cytoscape/useCytoscapeOptions.js

@@ -0,0 +1,44 @@
+"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 useCytoscapeOptions_exports = {};
+__export(useCytoscapeOptions_exports, {
+  useCytoscapeOptions: () => useCytoscapeOptions
+});
+module.exports = __toCommonJS(useCytoscapeOptions_exports);
+var import_react = require("react");
+var import_useCytoscapeLayout = require("./useCytoscapeLayout");
+var import_useCytoscapeStyle = require("./useCytoscapeStyle");
+const useCytoscapeOptions = (elements, style, layout) => {
+  const defaultStyle = (0, import_useCytoscapeStyle.useCytoscapeStyle)();
+  const defaultLayout = (0, import_useCytoscapeLayout.useCytoscapeLayout)();
+  const options = (0, import_react.useMemo)(
+    () => ({
+      elements,
+      layout: layout ?? defaultLayout,
+      style: style ?? defaultStyle
+    }),
+    [defaultLayout, defaultStyle, elements, layout, style]
+  );
+  return options;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCytoscapeOptions
+});
+//# sourceMappingURL=useCytoscapeOptions.js.map

package/dist/node/hooks/cytoscape/useCytoscapeOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/cytoscape/useCytoscapeOptions.ts"],"sourcesContent":["import { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { useCytoscapeLayout } from './useCytoscapeLayout'\nimport { useCytoscapeStyle } from './useCytoscapeStyle'\n\nexport const useCytoscapeOptions = (\n  elements: CytoscapeOptions['elements'],\n  style?: CytoscapeOptions['style'],\n  layout?: CytoscapeOptions['layout'],\n) => {\n  const defaultStyle = useCytoscapeStyle()\n  const defaultLayout = useCytoscapeLayout()\n\n  const options = useMemo<CytoscapeOptions>(\n    () => ({\n      elements,\n      layout: layout ?? defaultLayout,\n      style: style ?? defaultStyle,\n    }),\n    [defaultLayout, defaultStyle, elements, layout, style],\n  )\n\n  return options\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAwB;AAExB,gCAAmC;AACnC,+BAAkC;AAE3B,MAAM,sBAAsB,CACjC,UACA,OACA,WACG;AACH,QAAM,mBAAe,4CAAkB;AACvC,QAAM,oBAAgB,8CAAmB;AAEzC,QAAM,cAAU;AAAA,IACd,OAAO;AAAA,MACL;AAAA,MACA,QAAQ,UAAU;AAAA,MAClB,OAAO,SAAS;AAAA,IAClB;AAAA,IACA,CAAC,eAAe,cAAc,UAAU,QAAQ,KAAK;AAAA,EACvD;AAEA,SAAO;AACT;","names":[]}

package/dist/node/hooks/cytoscape/useCytoscapeOptions.mjs

@@ -0,0 +1,20 @@
+import { useMemo } from "react";
+import { useCytoscapeLayout } from "./useCytoscapeLayout";
+import { useCytoscapeStyle } from "./useCytoscapeStyle";
+const useCytoscapeOptions = (elements, style, layout) => {
+  const defaultStyle = useCytoscapeStyle();
+  const defaultLayout = useCytoscapeLayout();
+  const options = useMemo(
+    () => ({
+      elements,
+      layout: layout ?? defaultLayout,
+      style: style ?? defaultStyle
+    }),
+    [defaultLayout, defaultStyle, elements, layout, style]
+  );
+  return options;
+};
+export {
+  useCytoscapeOptions
+};
+//# sourceMappingURL=useCytoscapeOptions.mjs.map

package/dist/node/hooks/cytoscape/useCytoscapeOptions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/cytoscape/useCytoscapeOptions.ts"],"sourcesContent":["import { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { useCytoscapeLayout } from './useCytoscapeLayout'\nimport { useCytoscapeStyle } from './useCytoscapeStyle'\n\nexport const useCytoscapeOptions = (\n  elements: CytoscapeOptions['elements'],\n  style?: CytoscapeOptions['style'],\n  layout?: CytoscapeOptions['layout'],\n) => {\n  const defaultStyle = useCytoscapeStyle()\n  const defaultLayout = useCytoscapeLayout()\n\n  const options = useMemo<CytoscapeOptions>(\n    () => ({\n      elements,\n      layout: layout ?? defaultLayout,\n      style: style ?? defaultStyle,\n    }),\n    [defaultLayout, defaultStyle, elements, layout, style],\n  )\n\n  return options\n}\n"],"mappings":"AACA,SAAS,eAAe;AAExB,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAE3B,MAAM,sBAAsB,CACjC,UACA,OACA,WACG;AACH,QAAM,eAAe,kBAAkB;AACvC,QAAM,gBAAgB,mBAAmB;AAEzC,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,MACL;AAAA,MACA,QAAQ,UAAU;AAAA,MAClB,OAAO,SAAS;AAAA,IAClB;AAAA,IACA,CAAC,eAAe,cAAc,UAAU,QAAQ,KAAK;AAAA,EACvD;AAEA,SAAO;AACT;","names":[]}

package/dist/node/hooks/cytoscape/useCytoscapeStyle.d.mts

@@ -0,0 +1,2 @@
+export declare const useCytoscapeStyle: () => import("cytoscape").Stylesheet[];
+//# sourceMappingURL=useCytoscapeStyle.d.ts.map

package/dist/node/hooks/cytoscape/useCytoscapeStyle.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCytoscapeStyle.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeStyle.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,wCAc7B,CAAA"}

package/dist/node/hooks/cytoscape/useCytoscapeStyle.d.ts

@@ -0,0 +1,2 @@
+export declare const useCytoscapeStyle: () => import("cytoscape").Stylesheet[];
+//# sourceMappingURL=useCytoscapeStyle.d.ts.map

package/dist/node/hooks/cytoscape/useCytoscapeStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCytoscapeStyle.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeStyle.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,wCAc7B,CAAA"}

package/dist/node/hooks/cytoscape/useCytoscapeStyle.js

@@ -0,0 +1,45 @@
+"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 useCytoscapeStyle_exports = {};
+__export(useCytoscapeStyle_exports, {
+  useCytoscapeStyle: () => useCytoscapeStyle
+});
+module.exports = __toCommonJS(useCytoscapeStyle_exports);
+var import_material = require("@mui/material");
+var import_react = require("react");
+var import_Cytoscape = require("../../Cytoscape");
+var import_useIcons = require("./useIcons");
+const useCytoscapeStyle = () => {
+  const theme = (0, import_material.useTheme)();
+  const icons = (0, import_useIcons.useIcons)();
+  const style = (0, import_react.useMemo)(
+    () => [
+      (0, import_Cytoscape.NodeIdStyles)(theme.palette.text.primary),
+      (0, import_Cytoscape.NodeStyled)(icons, theme.palette.primary.main),
+      (0, import_Cytoscape.EdgeStyled)(theme.palette.divider, theme.palette.divider)
+    ],
+    [icons, theme.palette.divider, theme.palette.primary.main, theme.palette.text.primary]
+  );
+  return style;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCytoscapeStyle
+});
+//# sourceMappingURL=useCytoscapeStyle.js.map

package/dist/node/hooks/cytoscape/useCytoscapeStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/cytoscape/useCytoscapeStyle.ts"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { EdgeStyled, NodeIdStyles, NodeStyled } from '../../Cytoscape'\nimport { useIcons } from './useIcons'\n\nexport const useCytoscapeStyle = () => {\n  const theme = useTheme()\n  const icons = useIcons()\n\n  const style: CytoscapeOptions['style'] = useMemo(\n    () => [\n      NodeIdStyles(theme.palette.text.primary),\n      NodeStyled(icons, theme.palette.primary.main),\n      EdgeStyled(theme.palette.divider, theme.palette.divider),\n    ],\n    [icons, theme.palette.divider, theme.palette.primary.main, theme.palette.text.primary],\n  )\n\n  return style\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAyB;AAEzB,mBAAwB;AAExB,uBAAqD;AACrD,sBAAyB;AAElB,MAAM,oBAAoB,MAAM;AACrC,QAAM,YAAQ,0BAAS;AACvB,QAAM,YAAQ,0BAAS;AAEvB,QAAM,YAAmC;AAAA,IACvC,MAAM;AAAA,UACJ,+BAAa,MAAM,QAAQ,KAAK,OAAO;AAAA,UACvC,6BAAW,OAAO,MAAM,QAAQ,QAAQ,IAAI;AAAA,UAC5C,6BAAW,MAAM,QAAQ,SAAS,MAAM,QAAQ,OAAO;AAAA,IACzD;AAAA,IACA,CAAC,OAAO,MAAM,QAAQ,SAAS,MAAM,QAAQ,QAAQ,MAAM,MAAM,QAAQ,KAAK,OAAO;AAAA,EACvF;AAEA,SAAO;AACT;","names":[]}

package/dist/node/hooks/cytoscape/useCytoscapeStyle.mjs

@@ -0,0 +1,21 @@
+import { useTheme } from "@mui/material";
+import { useMemo } from "react";
+import { EdgeStyled, NodeIdStyles, NodeStyled } from "../../Cytoscape";
+import { useIcons } from "./useIcons";
+const useCytoscapeStyle = () => {
+  const theme = useTheme();
+  const icons = useIcons();
+  const style = useMemo(
+    () => [
+      NodeIdStyles(theme.palette.text.primary),
+      NodeStyled(icons, theme.palette.primary.main),
+      EdgeStyled(theme.palette.divider, theme.palette.divider)
+    ],
+    [icons, theme.palette.divider, theme.palette.primary.main, theme.palette.text.primary]
+  );
+  return style;
+};
+export {
+  useCytoscapeStyle
+};
+//# sourceMappingURL=useCytoscapeStyle.mjs.map

package/dist/node/hooks/cytoscape/useCytoscapeStyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/cytoscape/useCytoscapeStyle.ts"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nimport { EdgeStyled, NodeIdStyles, NodeStyled } from '../../Cytoscape'\nimport { useIcons } from './useIcons'\n\nexport const useCytoscapeStyle = () => {\n  const theme = useTheme()\n  const icons = useIcons()\n\n  const style: CytoscapeOptions['style'] = useMemo(\n    () => [\n      NodeIdStyles(theme.palette.text.primary),\n      NodeStyled(icons, theme.palette.primary.main),\n      EdgeStyled(theme.palette.divider, theme.palette.divider),\n    ],\n    [icons, theme.palette.divider, theme.palette.primary.main, theme.palette.text.primary],\n  )\n\n  return style\n}\n"],"mappings":"AAAA,SAAS,gBAAgB;AAEzB,SAAS,eAAe;AAExB,SAAS,YAAY,cAAc,kBAAkB;AACrD,SAAS,gBAAgB;AAElB,MAAM,oBAAoB,MAAM;AACrC,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,SAAS;AAEvB,QAAM,QAAmC;AAAA,IACvC,MAAM;AAAA,MACJ,aAAa,MAAM,QAAQ,KAAK,OAAO;AAAA,MACvC,WAAW,OAAO,MAAM,QAAQ,QAAQ,IAAI;AAAA,MAC5C,WAAW,MAAM,QAAQ,SAAS,MAAM,QAAQ,OAAO;AAAA,IACzD;AAAA,IACA,CAAC,OAAO,MAAM,QAAQ,SAAS,MAAM,QAAQ,QAAQ,MAAM,MAAM,QAAQ,KAAK,OAAO;AAAA,EACvF;AAEA,SAAO;AACT;","names":[]}

package/dist/node/hooks/cytoscape/useIcons.d.mts

@@ -0,0 +1,3 @@
+import { CyNodeModuleTypes } from '../../Cytoscape';
+export declare const useIcons: () => Record<CyNodeModuleTypes, string>;
+//# sourceMappingURL=useIcons.d.ts.map

package/dist/node/hooks/cytoscape/useIcons.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIcons.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,iBAAiB,EAA8B,MAAM,iBAAiB,CAAA;AAE1F,eAAO,MAAM,QAAQ,yCAYpB,CAAA"}

package/dist/node/hooks/cytoscape/useIcons.d.ts

@@ -0,0 +1,3 @@
+import { CyNodeModuleTypes } from '../../Cytoscape';
+export declare const useIcons: () => Record<CyNodeModuleTypes, string>;
+//# sourceMappingURL=useIcons.d.ts.map

package/dist/node/hooks/cytoscape/useIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIcons.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,iBAAiB,EAA8B,MAAM,iBAAiB,CAAA;AAE1F,eAAO,MAAM,QAAQ,yCAYpB,CAAA"}

package/dist/node/hooks/cytoscape/useIcons.js

@@ -0,0 +1,44 @@
+"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 useIcons_exports = {};
+__export(useIcons_exports, {
+  useIcons: () => useIcons
+});
+module.exports = __toCommonJS(useIcons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react = require("react");
+var import_Cytoscape = require("../../Cytoscape");
+const useIcons = () => {
+  const theme = (0, import_material.useTheme)();
+  const icons = (0, import_react.useMemo)(() => {
+    const iconMap = (0, import_Cytoscape.generateIconMap)();
+    return Object.entries(import_Cytoscape.CyIconSet).reduce((acc, [name, IconComponent]) => {
+      const icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconComponent, { fontSize: "small" });
+      acc[name] = (0, import_Cytoscape.encodeSvg)(icon, theme.palette.getContrastText(theme.palette.text.primary));
+      return acc;
+    }, iconMap);
+  }, [theme.palette]);
+  return icons;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIcons
+});
+//# sourceMappingURL=useIcons.js.map

package/dist/node/hooks/cytoscape/useIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { useMemo } from 'react'\n\nimport { CyIconSet, CyNodeModuleTypes, encodeSvg, generateIconMap } from '../../Cytoscape'\n\nexport const useIcons = () => {\n  const theme = useTheme()\n  const icons = useMemo(() => {\n    const iconMap = generateIconMap()\n    return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {\n      const icon = <IconComponent fontSize=\"small\" />\n      acc[name as CyNodeModuleTypes] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary))\n      return acc\n    }, iconMap)\n  }, [theme.palette])\n\n  return icons\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUmB;AAVnB,sBAAyB;AACzB,mBAAwB;AAExB,uBAAyE;AAElE,MAAM,WAAW,MAAM;AAC5B,QAAM,YAAQ,0BAAS;AACvB,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,UAAM,cAAU,kCAAgB;AAChC,WAAO,OAAO,QAAQ,0BAAS,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,aAAa,MAAM;AACtE,YAAM,OAAO,4CAAC,iBAAc,UAAS,SAAQ;AAC7C,UAAI,IAAyB,QAAI,4BAAU,MAAM,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC1G,aAAO;AAAA,IACT,GAAG,OAAO;AAAA,EACZ,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO;AACT;","names":[]}

package/dist/node/hooks/cytoscape/useIcons.mjs

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "@mui/material";
+import { useMemo } from "react";
+import { CyIconSet, encodeSvg, generateIconMap } from "../../Cytoscape";
+const useIcons = () => {
+  const theme = useTheme();
+  const icons = useMemo(() => {
+    const iconMap = generateIconMap();
+    return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {
+      const icon = /* @__PURE__ */ jsx(IconComponent, { fontSize: "small" });
+      acc[name] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary));
+      return acc;
+    }, iconMap);
+  }, [theme.palette]);
+  return icons;
+};
+export {
+  useIcons
+};
+//# sourceMappingURL=useIcons.mjs.map

package/dist/node/hooks/cytoscape/useIcons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { useMemo } from 'react'\n\nimport { CyIconSet, CyNodeModuleTypes, encodeSvg, generateIconMap } from '../../Cytoscape'\n\nexport const useIcons = () => {\n  const theme = useTheme()\n  const icons = useMemo(() => {\n    const iconMap = generateIconMap()\n    return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {\n      const icon = <IconComponent fontSize=\"small\" />\n      acc[name as CyNodeModuleTypes] = encodeSvg(icon, theme.palette.getContrastText(theme.palette.text.primary))\n      return acc\n    }, iconMap)\n  }, [theme.palette])\n\n  return icons\n}\n"],"mappings":"AAUmB;AAVnB,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAExB,SAAS,WAA8B,WAAW,uBAAuB;AAElE,MAAM,WAAW,MAAM;AAC5B,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,UAAU,gBAAgB;AAChC,WAAO,OAAO,QAAQ,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,aAAa,MAAM;AACtE,YAAM,OAAO,oBAAC,iBAAc,UAAS,SAAQ;AAC7C,UAAI,IAAyB,IAAI,UAAU,MAAM,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,KAAK,OAAO,CAAC;AAC1G,aAAO;AAAA,IACT,GAAG,OAAO;AAAA,EACZ,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO;AACT;","names":[]}

package/dist/node/hooks/index.d.mts

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

package/dist/node/hooks/index.d.mts.map

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

package/dist/node/hooks/index.d.ts

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

package/dist/node/hooks/index.d.ts.map

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

package/dist/node/hooks/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 hooks_exports = {};
+module.exports = __toCommonJS(hooks_exports);
+__reExport(hooks_exports, require("./cytoscape"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./cytoscape")
+});
+//# sourceMappingURL=index.js.map

package/dist/node/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './cytoscape'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,wBAAd;","names":[]}

package/dist/node/hooks/index.mjs

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

package/dist/node/hooks/index.mjs.map

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

package/dist/node/index.d.mts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './Cytoscape';
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}

package/dist/node/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './Cytoscape';
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}

package/dist/node/index.js

@@ -0,0 +1,27 @@
+"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 src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./components"), module.exports);
+__reExport(src_exports, require("./Cytoscape"), module.exports);
+__reExport(src_exports, require("./hooks"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./components"),
+  ...require("./Cytoscape"),
+  ...require("./hooks")
+});
+//# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\nexport * from './Cytoscape'\nexport * from './hooks'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,yBAAd;AACA,wBAAc,wBADd;AAEA,wBAAc,oBAFd;","names":[]}

package/dist/node/index.mjs

@@ -0,0 +1,4 @@
+export * from "./components";
+export * from "./Cytoscape";
+export * from "./hooks";
+//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

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

package/dist/node/types/images.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=images.d.js.map

package/dist/node/types/images.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/node/types/images.d.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=images.d.mjs.map

package/dist/node/types/images.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -10,19 +10,19 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-async-effect": "^3.1.0-rc.3",
-    "@xylabs/react-flexbox": "^3.1.0-rc.3",
-    "@xylabs/react-shared": "^3.1.0-rc.3",
-    "@xyo-network/account-model": "^2.74.4",
-    "@xyo-network/archivist-model": "^2.74.4",
-    "@xyo-network/diviner-model": "^2.74.4",
-    "@xyo-network/manifest-model": "^2.74.4",
-    "@xyo-network/module": "^2.74.4",
-    "@xyo-network/node-model": "^2.74.4",
-    "@xyo-network/react-archivist": "~2.64.0-rc.2",
-    "@xyo-network/react-module": "~2.64.0-rc.2",
-    "@xyo-network/react-node": "~2.64.0-rc.2",
-    "@xyo-network/react-shared": "~2.64.0-rc.2",
+    "@xylabs/react-async-effect": "^3.1.0-rc.6",
+    "@xylabs/react-flexbox": "^3.1.0-rc.6",
+    "@xylabs/react-shared": "^3.1.0-rc.6",
+    "@xyo-network/account-model": "^2.74.5",
+    "@xyo-network/archivist-model": "^2.74.5",
+    "@xyo-network/diviner-model": "^2.74.5",
+    "@xyo-network/manifest-model": "^2.74.5",
+    "@xyo-network/module": "^2.74.5",
+    "@xyo-network/node-model": "^2.74.5",
+    "@xyo-network/react-archivist": "~2.64.0-rc.4",
+    "@xyo-network/react-module": "~2.64.0-rc.4",
+    "@xyo-network/react-node": "~2.64.0-rc.4",
+    "@xyo-network/react-shared": "~2.64.0-rc.4",
     "cytoscape": "^3.26.0"
   },
   "peerDependencies": {
@@ -38,17 +38,17 @@
     "@storybook/react": "^7.4.3",
     "@types/cytoscape": "^3.19.11",
     "@types/react-dom": "^18.2.7",
-    "@xylabs/ts-scripts-yarn3": "^3.0.28",
-    "@xylabs/tsconfig-react": "^3.0.28",
-    "@xyo-network/archivist": "^2.74.4",
-    "@xyo-network/http-bridge": "^2.74.4",
-    "@xyo-network/id-plugin": "^2.74.4",
-    "@xyo-network/module": "^2.74.4",
-    "@xyo-network/node-memory": "^2.74.4",
-    "@xyo-network/react-node": "~2.64.0-rc.2",
-    "@xyo-network/react-storybook": "~2.64.0-rc.2",
-    "@xyo-network/react-wallet": "~2.64.0-rc.2",
-    "@xyo-network/sentinel": "^2.74.4",
+    "@xylabs/ts-scripts-yarn3": "^3.0.55",
+    "@xylabs/tsconfig-react": "^3.0.55",
+    "@xyo-network/archivist": "^2.74.5",
+    "@xyo-network/http-bridge": "^2.74.5",
+    "@xyo-network/id-plugin": "^2.74.5",
+    "@xyo-network/module": "^2.74.5",
+    "@xyo-network/node-memory": "^2.74.5",
+    "@xyo-network/react-node": "~2.64.0-rc.4",
+    "@xyo-network/react-storybook": "~2.64.0-rc.4",
+    "@xyo-network/react-wallet": "~2.64.0-rc.4",
+    "@xyo-network/sentinel": "^2.74.5",
     "typescript": "^5.2.2"
   },
   "description": "Common React library for all XYO projects that use React",
@@ -57,30 +57,30 @@
     ".": {
       "node": {
         "import": {
-          "types": "./dist/index.d.mts",
-          "default": "./dist/index.mjs"
+          "types": "./dist/node/index.d.mts",
+          "default": "./dist/node/index.mjs"
         },
         "require": {
-          "types": "./dist/index.d.ts",
-          "default": "./dist/index.js"
+          "types": "./dist/node/index.d.ts",
+          "default": "./dist/node/index.js"
         }
       },
       "browser": {
         "import": {
-          "types": "./dist/index.d.mts",
-          "default": "./dist/index.mjs"
+          "types": "./dist/browser/index.d.ts",
+          "default": "./dist/browser/index.js"
         },
         "require": {
-          "types": "./dist/index.d.ts",
-          "default": "./dist/index.js"
+          "types": "./dist/browser/index.d.ts",
+          "default": "./dist/browser/index.js"
         }
       },
-      "default": "./dist/index.mjs"
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "main": "dist/browser/index.js",
+  "module": "dist/browser/index.js",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -101,7 +101,7 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "types": "dist/index.d.ts",
-  "version": "2.64.0-rc.2",
+  "types": "dist/browser/index.d.ts",
+  "version": "2.64.0-rc.4",
   "stableVersion": "2.63.1"
 }

package/dist/Cytoscape/CytoscapeElements.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CytoscapeElements.d.ts","sourceRoot":"","sources":["../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,qBAAa,iBAAiB;IAC5B,MAAM,CAAC,aAAa,SAAK;IAEzB,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB;;;;;;;WAU3D,aAAa,CAAC,IAAI,EAAE,YAAY;IA2B7C,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,GAAG,iBAAiB;IAW9E,MAAM,CAAC,aAAa,SAAgB,YAAY,KAAG,QAAQ,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAG9F;IAED,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM;CAKnC"}

package/dist/Cytoscape/CytoscapeElements.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CytoscapeElements.d.ts","sourceRoot":"","sources":["../../src/Cytoscape/CytoscapeElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,qBAAa,iBAAiB;IAC5B,MAAM,CAAC,aAAa,SAAK;IAEzB,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB;;;;;;;WAU3D,aAAa,CAAC,IAAI,EAAE,YAAY;IA2B7C,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,GAAG,iBAAiB;IAW9E,MAAM,CAAC,aAAa,SAAgB,YAAY,KAAG,QAAQ,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAG9F;IAED,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM;CAKnC"}

package/dist/Cytoscape/CytoscapeIcons.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CytoscapeIcons.d.ts","sourceRoot":"","sources":["../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGzC,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAQhG,CAAA"}

package/dist/Cytoscape/CytoscapeIcons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CytoscapeIcons.d.ts","sourceRoot":"","sources":["../../src/Cytoscape/CytoscapeIcons.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGzC,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAQhG,CAAA"}

package/dist/Cytoscape/CytoscapeStyles.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CytoscapeStyles.d.ts","sourceRoot":"","sources":["../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,YAAY,WAAY,MAAM,KAAG,UAQ5C,CAAA;AAEF,eAAO,MAAM,UAAU,UAAW,OAAO,iBAAiB,EAAE,MAAM,CAAC,YAAY,MAAM,KAAG,UAWtF,CAAA;AAEF,eAAO,MAAM,UAAU,eAAgB,MAAM,qBAAqB,MAAM;;;;;;;;;;CAUtE,CAAA"}

package/dist/Cytoscape/CytoscapeStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CytoscapeStyles.d.ts","sourceRoot":"","sources":["../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,YAAY,WAAY,MAAM,KAAG,UAQ5C,CAAA;AAEF,eAAO,MAAM,UAAU,UAAW,OAAO,iBAAiB,EAAE,MAAM,CAAC,YAAY,MAAM,KAAG,UAWtF,CAAA;AAEF,eAAO,MAAM,UAAU,eAAgB,MAAM,qBAAqB,MAAM;;;;;;;;;;CAUtE,CAAA"}