@dineug/erd-editor 3.3.1 → 3.5.0

package/dist/components/primitives/color-picker/ColorPicker.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 import { ColorPickerProps } from './ColorPicker';
 declare const meta: {
     title: string;

package/dist/components/primitives/context-menu/ContextMenu.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 type ContextMenuTemplateProps = {
     onClick?: (event: MouseEvent) => void;
 };

package/dist/components/primitives/context-menu/context-menu-item/ContextMenuItem.d.ts

@@ -1,6 +1,6 @@
 import { DOMTemplateLiterals, FC } from '@dineug/r-html';
 export type ContextMenuItemProps = {
-    children?: DOMTemplateLiterals;
+    children?: DOMTemplateLiterals | string;
     subChildren?: DOMTemplateLiterals;
     onClick?: (event: MouseEvent) => void;
 };

package/dist/components/primitives/context-menu/menu/Menu.d.ts

@@ -1,8 +1,8 @@
 import { DOMTemplateLiterals, FC } from '@dineug/r-html';
 export type MenuProps = {
-    icon: DOMTemplateLiterals | string;
+    icon?: DOMTemplateLiterals | string | null;
     name: DOMTemplateLiterals | string;
-    right?: DOMTemplateLiterals | string;
+    right?: DOMTemplateLiterals | string | null;
 };
 declare const Menu: FC<MenuProps>;
 export default Menu;

package/dist/components/primitives/edit-input/EditInput.d.ts

@@ -3,8 +3,8 @@ export type EditInputProps = {
     class?: any;
     placeholder?: string;
     title?: string;
-    edit: boolean;
-    focus: boolean;
+    edit?: boolean;
+    focus?: boolean;
     width: number;
     value: string;
     autofocus?: boolean;

package/dist/components/primitives/edit-input/EditInput.stories.d.ts

@@ -1,23 +1,23 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 import { EditInputProps } from './EditInput';
 declare const meta: {
     title: string;
     render: (args: EditInputProps) => DocumentFragment;
     argTypes: {
         placeholder: {
-            control: string;
+            control: "text";
         };
         edit: {
-            control: string;
+            control: "boolean";
         };
         focus: {
-            control: string;
+            control: "boolean";
         };
         width: {
-            control: string;
+            control: "number";
         };
         value: {
-            control: string;
+            control: "text";
         };
         onInput: {
             action: string;

package/dist/components/primitives/highlighted-text/HighlightedText.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 import { HighlightedTextProps } from './HighlightedText';
 declare const meta: {
     title: string;

package/dist/components/primitives/icon/Icon.d.ts

@@ -1,10 +1,9 @@
 import { FC } from '@dineug/r-html';
+import { IconName } from './icons';
 export type IconProps = {
     class?: any;
-    prefix?: string;
-    name: string;
+    name: IconName;
     size?: number;
-    color?: string;
     useTransition?: boolean;
     title?: string;
     rotate?: number;

package/dist/components/primitives/icon/Icon.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 import { IconProps } from './Icon';
 declare const meta: {
     title: string;
@@ -6,3 +6,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<IconProps>;
 export declare const Icons: Story;
+export declare const RelationshipNotation: Story;
+export declare const Sizes: Story;

package/dist/components/primitives/icon/icons.d.ts

@@ -1,29 +1,98 @@
-import { ValuesType } from '../../../internal-types';
-export declare const BASE_64_ICON: {
-    /** @deprecated */
-    readonly ZeroOneN: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0RFRDI1RjI0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0RFRDI1RjM0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQTE2QzQzRDQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQTE2QzQzRTQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnTT5ywAAAJMSURBVHja7Fc9T2JBFB3MZq1IqLSgsRM6G6TcAmK7VNoRK4yBxE6XP/CsNxBohc6G5w+AoCU0aEWpBfAD4AeM55AZMjvvg2dClsRwkxOeb+7ce+6dmTPPmJRSbNP2xJZtR2DrBH6k0+ndEkSxBHAD9AGpMAJc4Lfh1zDGn4GLgHglNb8kqANhSKVSTiaTkY7jyMFgILWNx2PZ7XZluVyW8BkBJWA1PhwO+f7ZinUO9DmH8xl3XfIGnefzuQwzBsvlcjKIAH4PWAh9zCLq9Xp48mq16knGwASTmkaShULBQ0B1ZlSr1TyFtFqtwOS3xWLxH2eyZctUUOKVFTGRtslk4iHAODZZ/k2yLDKIwLsZjJ2gM3Bo+V0wieu6vsvCCu0ucS+RPHC1vId8kp+YrWRwvHsIWaosO7Nun3DDqn1yD+zr+RQiz3WYz+dXz6iCP82g84lKB4jxF0Rv0G7P+Gw2E6ha9Ho9/eoPsRJAucbUzl53Wi79NmwU25QSJuLx+ObugkqlInD+l8+oTsAny1aHxDlKJpOBgzhBot1ui8Vi4R3cwCY8jbIJeap4JOHvAmd6flDQj+l06ncMD/yktdPp+AoW59nEeBqUnjjAzyACd7YQUcnUxL7CyJZWk7QWIs6xdcLQg6cvSzETEl+Q4iyXkAWZBHU3/stlpLvKpaWkm0sb5Tq+19exqfvWdbyU1gjX8SGLIlnKNJ9jPGYRP0gugQLwS717Az6AB+DJ+CC5Vs8vSkEffeIdK79mVALf95swtvvXbEdg2wQ+BRgAvLABcxKvek4AAAAASUVORK5CYII=";
-    readonly ZeroOne: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkExNkM0M0I0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkExNkM0M0M0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQTE2QzQzOTQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQTE2QzQzQTQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PomEhhsAAAKSSURBVHja7FexbhpBED0ipFRI7ixBQwlV0nCUWKJIydEkFSRpHCGQ0iXgBqfBbQrAShXzA4BLJJCdEip3UDoSUFvwAZv30B5a1ncHBiSk2CONdrU3O/N2dt6w+IQQxiHllXFgeQFwcAD+aDT6zDPwBNsjaAoaVtbuoNcee46hOSi5/hd6pRv41vUBXJFJJ4FA4FMymTRCodDy22g0Mnq93gOml8Ph8Mxhb71QKOQYYzqdGq1W6zPsVkHwo5tGIpFvsVhMNJtN4Saz2UwUi0UB299QU9u/tBsMBrS51WN4BrcsS4zHY7GJEKQOYmsAMIzz5GrwyWQiSqWSwDXQkchms6LRaCwyoIPYB4Ar3NdyM+cEhPXv0LC0OYH+ZJZUEASG9fdbA2AAnlI9uQwedwF7waC29Pt92t5sCoCN6FzSZCmsdluq1aoxn8+LqN6+E0uwXoKPKNiQ4j7TNA0w5gRLZRdWraz7QZOyTkU6saXb7XL4taZH3IGSKRs4asVA5s5Vg2AwaOTz+QSmCZ2GniLTuI6uFpyLbcRfq9UeHYcZwL0v5mw8SFsYqb73yMBb9Tel3W4zA4s5gC1G2Yget2Lc8Q99MZ1Ol20AmLMOTjE9c7nT1xgstW4qlQrrhn7LNgACgp8/mN56dkKk84hVb1OLo+T+qUv66wi4QlnSeNc+cAG0y81IvyDfZaf7CE1Av5JubE6qSLDxXQEc05ib9HbLvp/JZARPTc6rQjDMyL5+Cz7wKkDDjapZD74zAOngHbRN57wGJyFAmfa6w/71ndCruyBoB0MHlf4FxZUDJd+o7wF8Z7Vfy/dAx8HFJWies1ng+CABqqe8oMIOL6KHDV5ElPt9APj/HqW+l/+Gzx7APwEGACfjkeXK58xsAAAAAElFTkSuQmCC";
-    readonly ZeroN: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDc5MkNFMEM0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDc5MkNFMEQ0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NzkyQ0UwQTQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NzkyQ0UwQjQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpR0ImIAAALlSURBVHja7Fe/jxJBGF0MyVUk2HgJFJ6NQqUNWEoCkfKWxusozxBI7Eiw8ardKy/hxyVWQqcF8AdA9Eqg8DqwuwJI7Aj8AeN7OEuGhd09tCBRvuTLzA4z37z53rxvF58QQtunPdD2bAcA/mg0+p9nYMf5Qfhz5fnmbwH47iND0PQaTS4QCOiRSGQ1PhgMZmja8OvhcNi/z4aIdc5Ycs1HjQCcHJu9hH/KZrOi0+kIu83nc9FsNkUymRSYZ3jEegqv6bousLHI5/NcU3RbkIa3W62W8DICKZVKDFhziFWMxWKiXq+v1ozHY8Exv0OajpmmSqVyitOtxrvdrjYajZZ90KGlUiktFAot+4ZhcDiHtTOc8L1KHWLoAKiFw+FVrOl0+rvjgNjA5msnJA3MCPxC+hX8DhuvzZN0kDqDfTt1nCPT/w1+tm3zIFPDidYC8oZxc8vcI6ZdBUHKMPadY1YMy0gBY6uxfHhIMBEKAw+BvIUMLB+q1aqG/iXSWnKg6wjND9DzmHQsFgttMploqlpIm2maWr/fv8bj5zUZMrV2KWYymaXTyDMCPgGAOxdpXRQKhQ9I7cZv2FSzDrPVvG44TiLc5CWp0Mnrn5gfxWQDFG8r02nddpwwiAzMXOrLC6d3CtNPWhxLMSjYKKcYe0XZ0OLxOOVHOX1xA6Bybj8MKWg0GjdOFNjTeUL5WNbr9UjDV3jcIf3nVIllrHK8V2xVYxypphr8kbXeidO2ql+WWwnijQrU0rq6mdT4W/gta4ldiuVy2ZJi0Q1AmoHVxTyBDL50/m7XOkETvIxxTL1zHpSwBoJlWBa2mtvNNpky+wmcjJvIk6Vtcc5Y9QjeHovxveRlbiun9tLKVFul1S2W+kJiywx4fg9AXmm+UDD5lIqg3HizwftSYgBHmV1izhXGfnrEeobmHeLkuB7rIj4n+WyTGjwh2xP4rXR+kMx2/BBKyLWzXQD8mx+lvsNfswOAfQP4JcAAK/At0HQvwB8AAAAASUVORK5CYII=";
-    readonly OneOnly: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJCNTBCRDA0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkExNkM0MzQ0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkI1MEJDRTQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkI1MEJDRjQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pur5d4QAAAE1SURBVHjaYvz//z/DQAImhgEGow4YcAewaGpqjvAQoJI5CUAsD2VPB+JXULY4EGcCMSivPwTiBRgOuH79OkU2A6MwITAwcL6UlBSYP3XqVHGgmVlQufqcnJxMUFnz7NkzhvXr1zMA5VAdAZKkBGtoaBw4derUfxgA8v8jycHFQWpAatH1j2bDUQeACqIGaDahGgClfmLlWIDZpJ7SKhmWBUEgOzsbRDVgUwOUswcy7ZHFGf8PcIOABVhwUGwIsCBiQCqIUOSgIQIviNABI7BwaKDQfodFixbZm5qawuIYRDVC5ephJe3p06cZ4uLiDgKZB0ZLwtGCaNg1SBYAs5c9MJExIDVI4GxgtgQ1SBiePn3KgK1BAsqG1GoRKSA54CVaiwgEHtDSAUM3DTCO9g1HvAMAAgwAvvwYPnW1JuQAAAAASUVORK5CYII=";
-    readonly OneN: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkExNkM0Mzc0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkExNkM0Mzg0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQTE2QzQzNTQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQTE2QzQzNjQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt+BFx8AAAIISURBVHja7Fc9TwJBEF0MLYkdBgot4QdwLSaQSAmNdkCrR61CI9Ud1oCUIB0NYElBtJU/QIkmQKIVgcpqfXPekQNBYu7WM4FJJvs1x87Ovnk7uDjnzEnZYw7LzgHHHXAFAoHtjoDbpt9JQw/1fgX6vsH+CDohdVnlgWAwmE4kElWfz6eNy+Vypd/vX6yx9aK58fv959PplM1mswNGDlhRYOip1+txQzDma+wuoYNSqaTZUYvxnXAHMJag1WQyyYfDITdLJBLhbpEAQ8gVj8eThTBc03weoWeqqrLRaFQREgHoKfQRG3Pc9cKpW60WD4VCZKPS90IiAJA1FEVhkiTN58bjMaNIwNl7yhQA9VlLQ4Qpj9a2J1GWZZbJZBbmkBkMoHtFt6pPxbBvTGNCHZWWNqX7xalXriHkdNfrqZg7XBC4KTxWhSJgENGy0Onb7faPj1He4v7H9Xo9DGRrg1QqpaWY2SEAj+Vyua+0W6ZpQWn4YjCeWYrFIq0NiBWN70U54CWajcfj3LxGQmxIrEjsSCwplIrRP6N1cMI3Qmo2mxohCa0HQDYNNCfASAG8z7rd7nwtGo3+TUECJz6gWfB/DAT1QCAlViSgYq5gBxXXQDZhQrqpIFnlSAdNBwx4BWwUsPk15m7tqgnTepVjOPC2wX5fr4hse4xqv7Sf/J+yfPffcOsd+BRgAOvawAWTC+PMAAAAAElFTkSuQmCC";
+import { IconNode } from 'lucide';
+export declare const ICON_VIEW_BOX = "0 0 24 24";
+/** The stroke lucide draws with, in the box its path data is written in. */
+export declare const ICON_STROKE_WIDTH = 2;
+export type IconNodeChild = IconNode[number];
+declare const LUCIDE_ICON: {
+    atom: IconNode;
+    braces: IconNode;
+    brackets: IconNode;
+    'case-sensitive': IconNode;
+    check: IconNode;
+    'chevron-right': IconNode;
+    code: IconNode;
+    contrast: IconNode;
+    copy: IconNode;
+    database: IconNode;
+    diff: IconNode;
+    eye: IconNode;
+    'file-diff': IconNode;
+    'file-image': IconNode;
+    'file-input': IconNode;
+    'file-output': IconNode;
+    'grip-vertical': IconNode;
+    'key-round': IconNode;
+    'map-pin': IconNode;
+    minus: IconNode;
+    'moon-star': IconNode;
+    'mouse-pointer-2': IconNode;
+    palette: IconNode;
+    plus: IconNode;
+    'redo-2': IconNode;
+    'refresh-cw': IconNode;
+    'rotate-ccw-clock': IconNode;
+    search: IconNode;
+    settings: IconNode;
+    'share-2': IconNode;
+    spline: IconNode;
+    'sticky-note': IconNode;
+    sun: IconNode;
+    table: IconNode;
+    'table-properties': IconNode;
+    'undo-2': IconNode;
+    workflow: IconNode;
+    x: IconNode;
+};
+/**
+ * Crow's-foot notation on lucide's grid, named after the v2 RelationshipType
+ * members: a connector along y 12 carrying a ring, one or two bars and a fork,
+ * each glyph spanning the safe area so the seven line up in a menu.
+ */
+export declare const NOTATION_ICON: {
+    /** @deprecated The one glyph carrying all three marks, so its ring sits flush left for room. */
+    ZeroOneN: ([string, {
+        cx: string;
+        cy: string;
+        r: string;
+    }] | [string, {
+        d: string;
+    }])[];
+    ZeroOne: ([string, {
+        d: string;
+    }] | [string, {
+        cx: string;
+        cy: string;
+        r: string;
+    }])[];
+    ZeroN: ([string, {
+        d: string;
+    }] | [string, {
+        cx: string;
+        cy: string;
+        r: string;
+    }])[];
+    OneOnly: [string, {
+        d: string;
+    }][];
+    OneN: [string, {
+        d: string;
+    }][];
     /** @deprecated */
-    readonly One: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJCNTBCQ0M0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUJCNTBCQ0Q0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkI1MEJDQTQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkI1MEJDQjQ4NjQxMUU3QkRBMDg1MDlCNjg0QjgzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnOhfCQAAADcSURBVHjaYvz//z/DQAImhgEGow4YcAewaGpqjvAQoJI5CUAsD2VPB+JXxGpkpLQcAEZhQmBg4HwpKSkwf+rUqdOvX7+eRbQBIAdQgjU0NA6cOnXqPwwA+f9J0T+aDUcdACqIGkBpkZqGAs2sJzobTpky5T+lWRGYDRmkpaXBbKB5JOll/D/ADQIWYMFBsSGgEEAqiEgLAWDB0UCh/Q6LFi2yNzU1hcU/iGocLQlHC6IR1SBZsH79entgQmRAapCQlA2p1SJSQHLAS3o3yRYM2TTAONo3HPEOAAgwAJh583IRUllDAAAAAElFTkSuQmCC";
+    One: [string, {
+        d: string;
+    }][];
     /** @deprecated */
-    readonly N: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDc5MkNFMDg0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDc5MkNFMDk0ODY0MTFFN0JEQTA4NTA5QjY4NEI4MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNDQwRjc3NTQ4M0MxMUU3QkRBMDg1MDlCNjg0QjgzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNDQwRjc3NjQ4M0MxMUU3QkRBMDg1MDlCNjg0QjgzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkbQDKwAAAGjSURBVHja7Jcxb4JQEMefLl272cjSUbYu0g+gSVemdpPZwKzRRSf4AGg70k8AfACTdqx+ibYJLp2MfoDr/wg0vJp2Al6TeskFeQ+4e/fufvdsEJFQKU2hWE4OKHeg0el0TlugQi6h5+kW1MkBXddbuMw0TRvu93txOBwumjUaH+Hy4jjOcLVaCcuyeHgmOAJVKpLcgAaDwYCSJKGi9Hq9yo273W6XwjCUDCP8NJlMCPP3VRm+hT6xETZWlCiKiJ3CvJfmX8mGW7wqDu16vZYMb7db4m3A/CP0On+HQTRHMpRVCiaS7Mq2bWlwuVyKxWLxjp/BEQkxQWWVYr/fF9/JipALrP5nFJPiA0EagbI+BsAI0zSlMV59HMe/NqN5mYg1DMPyPE+02+2vwc1mI6bTKTvzgNsP6Y0KSnAMfctySxLf97kKXqGj/PmqOJCWI7aDsHrJCaZhVo4BU7JqEt5Bn13XPQIS05GBVEcvOGPqsTE0IQnHtThQcOQGGnP4mYpZL/Bqc6CYpFkvGOcoVsEfPg3tVB7Jdn/nWH76b/jvHfgUYADeZNmzPgOYQQAAAABJRU5ErkJggg==";
+    N: [string, {
+        d: string;
+    }][];
+};
+export type LucideIconName = keyof typeof LUCIDE_ICON;
+export type NotationIconName = keyof typeof NOTATION_ICON;
+export type IconName = LucideIconName | NotationIconName;
+export type IconDefinition = {
+    name: IconName;
+    node: IconNode;
 };
-export type BASE_64_ICON = ValuesType<typeof BASE_64_ICON>;
-export interface IconDefinition {
-    prefix: string;
-    iconName: string;
-    icon: [
-        number,
-        number,
-        // height
-        string[] | undefined,
-        // ligatures
-        string | undefined,
-        string
-    ];
-}
-export declare const iconMap: Record<string, IconDefinition>;
-export declare function getIcon(prefix: string, iconName: string): IconDefinition | undefined;
+export declare const iconMap: Record<IconName, IconDefinition>;
+export declare function getIcon(name: string): IconDefinition | undefined;
+export {};

package/dist/components/primitives/kbd/Kbd.stories.d.ts

@@ -1,14 +1,14 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 import { KbdProps } from './Kbd';
 declare const meta: {
     title: string;
     render: (args: KbdProps) => DocumentFragment;
     argTypes: {
         shortcut: {
-            control: string;
+            control: "text";
         };
         mini: {
-            control: string;
+            control: "boolean";
         };
     };
 };

package/dist/components/primitives/sash/Sash.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 import { SashProps } from './Sash';
 declare const meta: {
     title: string;
@@ -6,17 +6,17 @@ declare const meta: {
     argTypes: {
         type: {
             options: ("vertical" | "horizontal" | "edge")[];
-            control: string;
+            control: "radio";
         };
         cursor: {
-            options: ("default" | "ew-resize" | "ns-resize" | "nesw-resize" | "nwse-resize")[];
-            control: string;
+            options: ("default" | "ew-resize" | "ns-resize" | "nwse-resize" | "nesw-resize")[];
+            control: "select";
         };
         top: {
-            control: string;
+            control: "number";
         };
         left: {
-            control: string;
+            control: "number";
         };
         onMove: {
             action: string;

package/dist/components/primitives/separator/Separator.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 import { SeparatorProps } from './Separator';
 declare const meta: {
     title: string;
@@ -6,14 +6,14 @@ declare const meta: {
     argTypes: {
         space: {
             control: {
-                type: string;
+                type: "range";
                 min: number;
                 max: number;
             };
         };
         padding: {
             control: {
-                type: string;
+                type: "range";
                 min: number;
                 max: number;
             };

package/dist/components/primitives/slider/Slider.stories.d.ts

@@ -1,17 +1,17 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 import { SliderProps } from './Slider';
 declare const meta: {
     title: string;
     render: (args: SliderProps) => DocumentFragment;
     argTypes: {
         min: {
-            control: string;
+            control: "number";
         };
         max: {
-            control: string;
+            control: "number";
         };
         value: {
-            control: string;
+            control: "number";
         };
         onChange: {
             action: string;

package/dist/components/primitives/switch/Switch.stories.d.ts

@@ -1,15 +1,15 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 import { SwitchProps } from './Switch';
 declare const meta: {
     title: string;
     render: (args: SwitchProps) => DocumentFragment;
     argTypes: {
         size: {
-            control: string;
+            control: "radio";
             options: string[];
         };
         value: {
-            control: string;
+            control: "boolean";
         };
         onChange: {
             action: string;

package/dist/components/primitives/text-input/TextInput.d.ts

@@ -10,7 +10,7 @@ export type TextInputProps = {
     numberOnly?: boolean;
     autofocus?: boolean;
     onInput?: (event: InputEvent) => void;
-    onChange?: (event: InputEvent) => void;
+    onChange?: (event: Event) => void;
     onBlur?: (event: FocusEvent) => void;
     onKeyup?: (event: KeyboardEvent) => void;
     onKeydown?: (event: KeyboardEvent) => void;

package/dist/components/primitives/text-input/TextInput.stories.d.ts

@@ -1,26 +1,26 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 import { TextInputProps } from './TextInput';
 declare const meta: {
     title: string;
     render: (args: TextInputProps) => DocumentFragment;
     argTypes: {
         title: {
-            control: string;
+            control: "text";
         };
         placeholder: {
-            control: string;
+            control: "text";
         };
         readonly: {
-            control: string;
+            control: "boolean";
         };
         width: {
-            control: string;
+            control: "number";
         };
         value: {
-            control: string;
+            control: "text";
         };
         numberOnly: {
-            control: string;
+            control: "boolean";
         };
         onInput: {
             action: string;

package/dist/components/primitives/toast/Toast.d.ts

@@ -3,6 +3,10 @@ export type ToastProps = {
     title?: DOMTemplateLiterals | string;
     description?: DOMTemplateLiterals | string;
     action?: DOMTemplateLiterals | string;
+    /** The thing reported is still running, which a turning ring says. */
+    busy?: boolean;
+    /** How far along it is, from 0 to 1, which the ring fills up by. */
+    progress?: number;
 };
 declare const Toast: FC<ToastProps>;
 export default Toast;

package/dist/components/primitives/toast/Toast.stories.d.ts

@@ -1,20 +1,33 @@
-import { StoryObj } from '@storybook/html';
+import { StoryObj } from '@storybook/html-vite';
 import { ToastProps } from './Toast';
 declare const meta: {
     title: string;
     render: (args: ToastProps) => DocumentFragment;
     argTypes: {
         title: {
-            control: string;
+            control: "text";
         };
         description: {
-            control: string;
+            control: "text";
         };
         action: {
-            control: string;
+            control: "text";
+        };
+        busy: {
+            control: "boolean";
+        };
+        progress: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
         };
     };
 };
 export default meta;
 type Story = StoryObj<ToastProps>;
 export declare const Normal: Story;
+export declare const Busy: Story;
+export declare const Progress: Story;

package/dist/components/primitives/toast/Toast.styles.d.ts

@@ -1,4 +1,9 @@
 export declare const root: import('@dineug/r-html').CSSTemplateLiterals;
+/**
+ * The ring beside the text of a toast that reports something still running.
+ * A busy one turns a quarter of it; one with a progress fills it from the top.
+ */
+export declare const indicator: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const textWrap: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const title: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const description: import('@dineug/r-html').CSSTemplateLiterals;

package/dist/components/{erd/canvas/table → table-view}/column/column-data-type/ColumnDataType.d.ts

@@ -1,11 +1,11 @@
 import { FC, Ref } from '@dineug/r-html';
-import { AppContext } from '../../../../../appContext';
+import { AppContext } from '../../../appContext';
 export type ColumnDataTypeProps = {
-    app: Ref<AppContext>;
+    app?: Ref<AppContext>;
     tableId: string;
     columnId: string;
-    edit: boolean;
-    focus: boolean;
+    edit?: boolean;
+    focus?: boolean;
     width: number;
     value: string;
     onInput?: (event: InputEvent) => void;

package/dist/components/{erd/canvas/table → table-view}/column/column-not-null/ColumnNotNull.d.ts

@@ -1,6 +1,6 @@
 import { FC } from '@dineug/r-html';
 export type ColumnNotNullProps = {
-    focus: boolean;
+    focus?: boolean;
     options: number;
 };
 declare const ColumnNotNull: FC<ColumnNotNullProps>;

package/dist/components/{erd/canvas/table → table-view}/column/column-option/ColumnOption.d.ts

@@ -1,7 +1,7 @@
 import { FC } from '@dineug/r-html';
 export type ColumnOptionProps = {
     class?: any;
-    focus: boolean;
+    focus?: boolean;
     width: number;
     checked: boolean;
     text: string;

package/dist/components/table-view/column/useColumnCell.d.ts

@@ -0,0 +1,23 @@
+import { Ref } from '@dineug/r-html';
+import { AppContext } from '../../appContext';
+import { DataTypeHint } from '../../../constants/sql/dataType';
+export type ColumnCellProps = {
+    tableId: string;
+    columnId: string;
+    edit?: boolean;
+    value: string;
+    onEditEnd?: () => void;
+};
+/**
+ * Data type autocomplete state and key handling for a column cell, shared by
+ * the DOM cell and by the Konva cell that replaces it.
+ */
+export declare function useColumnCell(props: ColumnCellProps, app: Ref<AppContext>): {
+    state: {
+        hints: DataTypeHint[];
+        index: number;
+    };
+    setHints: (value: string) => void;
+    handleSelectHint: (index: number) => void;
+    handleKeydown: (event: KeyboardEvent) => void;
+};

package/dist/components/themeContext.d.ts

@@ -0,0 +1,9 @@
+import { Ctx } from '../internal-types';
+import { Theme } from '../themes/tokens';
+/**
+ * The scene's colours as values. A stylesheet resolved a custom property per
+ * node and konva resolves none, so the whole palette reaches every scene node
+ * through one context and a theme change is one provider set away from a repaint.
+ */
+export declare const themeContext: import('@dineug/r-html').Context<Theme>;
+export declare const useThemeContext: (ctx: Ctx) => import('@dineug/r-html').Ref<Theme>;

package/dist/components/toast-container/openToastWhileRunning.d.ts

@@ -0,0 +1,11 @@
+import { DOMTemplateLiterals } from '@dineug/r-html';
+import { Emitter } from '../../utils/emitter';
+/**
+ * Says that something is running, but only when it runs long enough to be
+ * worth a message. Resolves once nothing is left on screen for it, which lets
+ * a caller report the outcome after this toast rather than on top of it.
+ *
+ * @example
+ * await openToastWhileRunning(emitter, running, html`<${Toast} description=${'Working'} />`);
+ */
+export declare function openToastWhileRunning(emitter: Emitter, running: Promise<unknown>, message: DOMTemplateLiterals): Promise<void>;

package/dist/components/visualization/Visualization.d.ts

@@ -1,4 +1,10 @@
 import { FC } from '@dineug/r-html';
+import { Visualization } from './createVisualization';
 export type VisualizationProps = {};
+/**
+ * The dom shell around the graph: the Stage container, the wheel that zooms
+ * it, and the table preview that opens over a hovered table dot. The layout,
+ * the view and the hover live in one observable here and never reach the store.
+ */
 declare const Visualization: FC<VisualizationProps>;
 export default Visualization;

package/dist/components/visualization/Visualization.styles.d.ts

@@ -1 +1,7 @@
+/**
+ * Overflow is hidden rather than scrolled: the graph pans and zooms on its own
+ * Stage, so nothing here is ever larger than the box it sits in.
+ */
 export declare const root: import('@dineug/r-html').CSSTemplateLiterals;
+/** The Stage container, viewport sized, which konva fills with its own canvas. */
+export declare const stage: import('@dineug/r-html').CSSTemplateLiterals;

package/dist/components/visualization/VisualizationScene.d.ts

@@ -0,0 +1,21 @@
+import { FC } from '@dineug/r-html';
+import { Stage } from 'konva/lib/Stage';
+import { Visualization } from './createVisualization';
+import { VisualizationState } from './visualizationView';
+export type VisualizationSceneProps = {
+    graph: Visualization;
+    state: VisualizationState;
+};
+/**
+ * The graph on two layers: a stage sized box that takes a pan, and the scene
+ * itself under the view transform, links below dots below labels. Only a table
+ * carries a name, and a hovered table lights its neighbourhood over the rest.
+ */
+declare const VisualizationScene: FC<VisualizationSceneProps>;
+/**
+ * Renders the graph as the root of its Stage. Named in lower case on purpose:
+ * an all-upper-case export list makes r-html's refresh treat this as a
+ * component module and self-accept it, which kills hmr for the whole scene.
+ */
+export declare function renderVisualizationScene(stage: Stage, props: VisualizationSceneProps): void;
+export default VisualizationScene;