@xyo-network/react-node-renderer 6.0.0 → 6.1.1

package/dist/browser/components/module/CardParser.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ModuleCardParser } from './CardParser.tsx';
+declare const meta: Meta<typeof ModuleCardParser>;
+export default meta;
+type Story = StoryObj<typeof ModuleCardParser>;
+export declare const WithArchivist: Story;
+export declare const WithWitness: Story;
+//# sourceMappingURL=CardParser.stories.d.ts.map

package/dist/browser/components/module/CardParser.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardParser.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/module/CardParser.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAIvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAA"}

package/dist/browser/components/module/graph/GraphFlexBox.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./GraphFlexBox.tsx").ModuleGraphFlexBoxProps>;
+declare const WithProvidedNode: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./GraphFlexBox.tsx").ModuleGraphFlexBoxProps>;
+declare const WithDisabledDetails: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./GraphFlexBox.tsx").ModuleGraphFlexBoxProps>;
+export { Default, WithDisabledDetails, WithProvidedNode, };
+//# sourceMappingURL=GraphFlexBox.stories.d.ts.map

package/dist/browser/components/module/graph/GraphFlexBox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphFlexBox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/module/graph/GraphFlexBox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACC,IAAI,EAChB,MAAM,uBAAuB,CAAA;wBA2EzB,IAAI;AAHT,wBAGS;AAyBT,QAAA,MAAM,OAAO,wJAAoB,CAAA;AAIjC,QAAA,MAAM,gBAAgB,wJAAsC,CAAA;AAI5D,QAAA,MAAM,mBAAmB,wJAAsC,CAAA;AAI/D,OAAO,EACL,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,GAC/C,CAAA"}

package/dist/browser/components/relational/graph/Graph.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithDescribe: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithCustomAddress: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithAttachDetach: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithProvidedNodeRenderer: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ProvidedNodeRenderer.tsx").ProvidedNodeRendererProps>;
+export { Default, WithAttachDetach, WithCustomAddress, WithData, WithDescribe, WithProvidedNodeRenderer, };
+//# sourceMappingURL=Graph.stories.d.ts.map

package/dist/browser/components/relational/graph/Graph.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graph.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/Graph.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACC,IAAI,EAChB,MAAM,uBAAuB,CAAA;wBAmFzB,IAAI;AAHT,wBAGS;AA0FT,QAAA,MAAM,OAAO,qJAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,qJAAoB,CAAA;AAGlC,QAAA,MAAM,YAAY,qJAA4B,CAAA;AAI9C,QAAA,MAAM,iBAAiB,qJAAiC,CAAA;AAIxD,QAAA,MAAM,gBAAgB,qJAAgC,CAAA;AAItD,QAAA,MAAM,wBAAwB,kKAAwC,CAAA;AAItE,OAAO,EACL,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAE,wBAAwB,GAC/F,CAAA"}

package/dist/browser/components/relational/graph/GraphCola.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithDescribe: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithCustomAddress: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithAttachDetach: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithProvidedNodeRenderer: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ProvidedNodeRenderer.tsx").ProvidedNodeRendererProps>;
+export { Default, WithAttachDetach, WithCustomAddress, WithData, WithDescribe, WithProvidedNodeRenderer, };
+//# sourceMappingURL=GraphCola.stories.d.ts.map

package/dist/browser/components/relational/graph/GraphCola.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphCola.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/GraphCola.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACC,IAAI,EAChB,MAAM,uBAAuB,CAAA;wBAoFzB,IAAI;AAHT,wBAGS;AA0ET,QAAA,MAAM,OAAO,qJAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,qJAAoB,CAAA;AAGlC,QAAA,MAAM,YAAY,qJAA4B,CAAA;AAI9C,QAAA,MAAM,iBAAiB,qJAAiC,CAAA;AAIxD,QAAA,MAAM,gBAAgB,qJAAgC,CAAA;AAItD,QAAA,MAAM,wBAAwB,kKAAwC,CAAA;AAItE,OAAO,EACL,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAE,wBAAwB,GAC/F,CAAA"}

package/dist/browser/components/relational/graph/GraphCoseBilkent.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithDescribe: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithCustomAddress: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithAttachDetach: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithProvidedNodeRenderer: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ProvidedNodeRenderer.tsx").ProvidedNodeRendererProps>;
+export { Default, WithAttachDetach, WithCustomAddress, WithData, WithDescribe, WithProvidedNodeRenderer, };
+//# sourceMappingURL=GraphCoseBilkent.stories.d.ts.map

package/dist/browser/components/relational/graph/GraphCoseBilkent.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphCoseBilkent.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/GraphCoseBilkent.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACC,IAAI,EAChB,MAAM,uBAAuB,CAAA;wBAoFzB,IAAI;AAHT,wBAGS;AAyET,QAAA,MAAM,OAAO,qJAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,qJAAoB,CAAA;AAGlC,QAAA,MAAM,YAAY,qJAA4B,CAAA;AAI9C,QAAA,MAAM,iBAAiB,qJAAiC,CAAA;AAIxD,QAAA,MAAM,gBAAgB,qJAAgC,CAAA;AAItD,QAAA,MAAM,wBAAwB,kKAAwC,CAAA;AAItE,OAAO,EACL,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAE,wBAAwB,GAC/F,CAAA"}

package/dist/browser/components/relational/graph/GraphDagre.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithDescribe: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithCustomAddress: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithAttachDetach: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithProvidedNodeRenderer: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ProvidedNodeRenderer.tsx").ProvidedNodeRendererProps>;
+export { Default, WithAttachDetach, WithCustomAddress, WithData, WithDescribe, WithProvidedNodeRenderer, };
+//# sourceMappingURL=GraphDagre.stories.d.ts.map

package/dist/browser/components/relational/graph/GraphDagre.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphDagre.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/GraphDagre.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACC,IAAI,EAChB,MAAM,uBAAuB,CAAA;wBAoFzB,IAAI;AAHT,wBAGS;AA0ET,QAAA,MAAM,OAAO,qJAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,qJAAoB,CAAA;AAGlC,QAAA,MAAM,YAAY,qJAA4B,CAAA;AAI9C,QAAA,MAAM,iBAAiB,qJAAiC,CAAA;AAIxD,QAAA,MAAM,gBAAgB,qJAAgC,CAAA;AAItD,QAAA,MAAM,wBAAwB,kKAAwC,CAAA;AAItE,OAAO,EACL,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAE,wBAAwB,GAC/F,CAAA"}

package/dist/browser/components/relational/graph/GraphEuler.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithDescribe: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithCustomAddress: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithAttachDetach: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+declare const WithProvidedNodeRenderer: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ProvidedNodeRenderer.tsx").ProvidedNodeRendererProps>;
+export { Default, WithAttachDetach, WithCustomAddress, WithData, WithDescribe, WithProvidedNodeRenderer, };
+//# sourceMappingURL=GraphEuler.stories.d.ts.map

package/dist/browser/components/relational/graph/GraphEuler.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphEuler.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/GraphEuler.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACC,IAAI,EAChB,MAAM,uBAAuB,CAAA;wBAqFzB,IAAI;AAHT,wBAGS;AAyET,QAAA,MAAM,OAAO,qJAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,qJAAoB,CAAA;AAGlC,QAAA,MAAM,YAAY,qJAA4B,CAAA;AAI9C,QAAA,MAAM,iBAAiB,qJAAiC,CAAA;AAIxD,QAAA,MAAM,gBAAgB,qJAAgC,CAAA;AAItD,QAAA,MAAM,wBAAwB,kKAAwC,CAAA;AAItE,OAAO,EACL,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAE,wBAAwB,GAC/F,CAAA"}

package/dist/browser/components/relational/graph/GraphEvents.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("../../index.ts").NodeRelationalGraphProps>;
+export { Default };
+//# sourceMappingURL=GraphEvents.stories.d.ts.map

package/dist/browser/components/relational/graph/GraphEvents.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphEvents.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/relational/graph/GraphEvents.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACC,IAAI,EAChB,MAAM,uBAAuB,CAAA;wBA+CzB,IAAI;AAHT,wBAGS;AA4BT,QAAA,MAAM,OAAO,qJAAoB,CAAA;AAIjC,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/{types → browser}/hooks/cytoscape/useModuleDetails.d.ts

@@ -1,6 +1,6 @@
 import type { ModuleInstance } from '@xyo-network/module-model';
 export declare const useModuleDetails: (rootModule?: WeakRef<ModuleInstance> | null, onFoundModule?: () => void) => {
-    mod: ModuleInstance<import("@xyo-network/module-model").ModuleParams<import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/module-model").ModuleConfig>>, import("@xyo-network/module-model").ModuleEventData<object>> | null | undefined;
+    mod: ModuleInstance<import("@xyo-network/module-model").ModuleParams<import("@xyo-network/module-model").AnyConfigSchema<import("@xyo-network/module-model").ModuleConfig<object, void>>>, import("@xyo-network/module-model").ModuleEventData<object>> | null | undefined;
     onModuleDetails: (address?: string | null) => void;
 };
 //# sourceMappingURL=useModuleDetails.d.ts.map

package/dist/browser/index.d.ts

@@ -0,0 +1,158 @@
+import { Address } from '@xylabs/hex';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { NodeInstance } from '@xyo-network/node-model';
+import * as cytoscape from 'cytoscape';
+import { CytoscapeOptions, Core, ElementDefinition, LayoutOptions, StylesheetCSS } from 'cytoscape';
+import * as react from 'react';
+import react__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, ReactElement } from 'react';
+import * as _xyo_network_module_model from '@xyo-network/module-model';
+import { ModuleInstance } from '@xyo-network/module-model';
+import { AccountInstance } from '@xyo-network/account-model';
+import * as _xylabs_react_shared from '@xylabs/react-shared';
+import { ContextExState } from '@xylabs/react-shared';
+import { SvgIconComponent } from '@mui/icons-material';
+
+interface NodeRelationalGraphProps extends PropsWithChildren<FlexBoxProps> {
+    actions?: ReactNode;
+    detail?: ReactNode;
+    layout?: 'dagre' | 'euler' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
+    node?: WeakRef<NodeInstance>;
+    onHover?: (address?: Address) => void;
+    options?: CytoscapeOptions;
+    showDetails?: boolean;
+}
+
+interface ModuleCardParserProps {
+    mod?: ModuleInstance;
+}
+declare const ModuleCardParser: react__default.FC<ModuleCardParserProps>;
+
+interface ModuleGraphFlexBoxProps extends FlexBoxProps {
+    disableModuleDetails?: boolean;
+    hideActions?: boolean;
+    layout?: 'dagre' | 'euler' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
+    rootModule?: WeakRef<ModuleInstance> | null;
+}
+declare const ModuleGraphFlexBox: react__default.FC<ModuleGraphFlexBoxProps>;
+declare const ModuleGraphFlexBoxWithProvider: react__default.FC<ModuleGraphFlexBoxProps>;
+
+declare const NodeRelationalGraphFlexBox: react__default.FC<NodeRelationalGraphProps>;
+/** @deprecated */
+declare const NodeRelationalGraph: react__default.FC<NodeRelationalGraphProps>;
+
+interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {
+    account?: AccountInstance;
+    layout?: 'dagre' | 'euler' | 'cose-bilkent' | 'cola';
+    layoutOptions?: object;
+    node?: WeakRef<NodeInstance>;
+}
+declare const ProvidedNodeRenderer: react__default.FC<ProvidedNodeRendererProps>;
+
+declare const CytoscapeInstanceContext: react.Context<({
+    cy?: WeakRef<cytoscape.Core>;
+    setCy?: react.Dispatch<react.SetStateAction<WeakRef<cytoscape.Core> | undefined>>;
+} & {
+    provided: true;
+}) | (_xylabs_react_shared.FixedValues<_xylabs_react_shared.ProvidedContextExState<{
+    cy?: WeakRef<cytoscape.Core>;
+    setCy?: react.Dispatch<react.SetStateAction<WeakRef<cytoscape.Core> | undefined>>;
+}>, never> & {
+    provided: false;
+}) | (_xylabs_react_shared.FixedValues<_xylabs_react_shared.NotProvidedContextExState<{
+    cy?: WeakRef<cytoscape.Core>;
+    setCy?: react.Dispatch<react.SetStateAction<WeakRef<cytoscape.Core> | undefined>>;
+}>, never> & {
+    provided: false;
+})>;
+
+interface CytoscapeInstanceProviderProps extends PropsWithChildren {
+    defaultInstance?: WeakRef<Core>;
+}
+declare const CytoscapeInstanceProvider: react__default.FC<CytoscapeInstanceProviderProps>;
+
+type CytoscapeInstanceState = ContextExState<{
+    cy?: WeakRef<Core>;
+    setCy?: Dispatch<SetStateAction<WeakRef<Core> | undefined>>;
+}>;
+
+declare const useCytoscapeInstance: (required?: boolean) => Omit<{
+    cy?: WeakRef<cytoscape.Core>;
+    setCy?: react.Dispatch<react.SetStateAction<WeakRef<cytoscape.Core> | undefined>>;
+} & {
+    provided: true;
+}, "provided"> | Omit<_xylabs_react_shared.NotProvidedContextExState<CytoscapeInstanceState>, "provided">;
+
+interface ModuleInfo {
+    children: ModuleInfo[];
+    depth: number;
+    mod: ModuleInstance;
+}
+declare const CytoscapeElements: {
+    MaxNameLength: number;
+    buildEdge(rootNode: ElementDefinition, newNode: ElementDefinition, properties?: {
+        [key: string]: unknown;
+    }): {
+        data: {
+            id: string;
+            source: string | undefined;
+            target: string | undefined;
+        };
+    };
+    buildElements(mod: ModuleInstance): Promise<ElementDefinition[]>;
+    buildElementsFromInfo(info: ModuleInfo, root?: ElementDefinition, classes?: string[]): Promise<ElementDefinition[]>;
+    buildNode(mod: ModuleInstance, properties?: {
+        [key: string]: unknown;
+    }, classes?: string[]): ElementDefinition;
+    buildRootNode: (mod: ModuleInstance) => ElementDefinition;
+    normalizeName(name?: string): string | undefined;
+    recurseNodes(root: ModuleInstance, maxDepth?: number, depth?: number): Promise<ModuleInfo>;
+};
+
+type CyNodeModuleTypes = 'archivist' | 'bridge' | 'diviner' | 'module' | 'node' | 'witness' | 'sentinel';
+
+declare const encodeSvg: (reactElement: ReactElement, color?: string) => string;
+
+declare const generateIconMap: () => Record<CyNodeModuleTypes, string>;
+
+declare const ColaLayout: {
+    centerGraph: boolean;
+    convergenceThreshold: number;
+    name: string;
+};
+
+declare const ConcentricLayout: LayoutOptions;
+
+declare const parseModuleType: (mod?: ModuleInstance) => CyNodeModuleTypes;
+
+declare const CyIconSet: Record<CyNodeModuleTypes, SvgIconComponent>;
+
+declare const NodeWithName: (color?: string, outlineColor?: string) => StylesheetCSS;
+declare const Node: (icons: Record<CyNodeModuleTypes, string>, bgColor?: string, hideLabels?: boolean) => StylesheetCSS;
+declare const NodeAsRoot: (bgColor?: string) => StylesheetCSS;
+declare const EdgeStyled: (lineColor?: string, targetArrowColor?: string) => StylesheetCSS;
+
+declare const useCytoscapeElements: (mod?: WeakRef<ModuleInstance> | null) => ElementDefinition[];
+
+declare const useElements: (hideLabels: boolean) => {
+    hoveredNode: cytoscape.NodeSingular | undefined;
+    setHoveredNode: react.Dispatch<react.SetStateAction<cytoscape.NodeSingular | undefined>>;
+    toggleSelectedElement: (address?: string) => void;
+};
+
+declare const useCytoscapeOptions: (elements: CytoscapeOptions["elements"], style?: CytoscapeOptions["style"], layout?: CytoscapeOptions["layout"]) => CytoscapeOptions | undefined;
+
+declare const useModuleDetails: (rootModule?: WeakRef<ModuleInstance> | null, onFoundModule?: () => void) => {
+    mod: ModuleInstance<_xyo_network_module_model.ModuleParams<_xyo_network_module_model.AnyConfigSchema<_xyo_network_module_model.ModuleConfig<object, void>>>, _xyo_network_module_model.ModuleEventData<object>> | null | undefined;
+    onModuleDetails: (address?: string | null) => void;
+};
+
+declare const useRelationalGraphOptions: (mod?: WeakRef<ModuleInstance>) => {
+    handleToggleLabels: () => void;
+    hideLabels: boolean;
+    options: cytoscape.CytoscapeOptions | undefined;
+};
+
+export { ColaLayout, ConcentricLayout, CyIconSet, CytoscapeElements, CytoscapeInstanceContext, CytoscapeInstanceProvider, EdgeStyled, ModuleCardParser, ModuleGraphFlexBox, ModuleGraphFlexBoxWithProvider, Node, NodeAsRoot, NodeRelationalGraph, NodeRelationalGraphFlexBox, NodeWithName, ProvidedNodeRenderer, encodeSvg, generateIconMap, parseModuleType, useCytoscapeElements, useCytoscapeInstance, useCytoscapeOptions, useElements, useModuleDetails, useRelationalGraphOptions };
+export type { CyNodeModuleTypes, CytoscapeInstanceProviderProps, CytoscapeInstanceState, ModuleCardParserProps, ModuleGraphFlexBoxProps, NodeRelationalGraphProps, ProvidedNodeRendererProps };