@dxos/react-ui-canvas 0.13.0 → 0.14.0

package/dist/types/src/components/About/About.d.ts

@@ -0,0 +1,13 @@
+import React, { type ReactNode } from 'react';
+import type * as Util from '@dxos/react-ui/Util';
+export type AboutStat = {
+    id: string;
+    label: string;
+    value: ReactNode;
+};
+export type AboutProps = Util.ThemedClassName<{
+    stats: readonly AboutStat[];
+}>;
+/** A two-column table of the drawing's figures, one per list-height row: a label and its value. */
+export declare const About: ({ classNames, stats }: AboutProps) => React.JSX.Element;
+//# sourceMappingURL=About.d.ts.map

package/dist/types/src/components/About/About.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"About.d.ts","sourceRoot":"","sources":["../../../../../src/components/About/About.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxD,OAAO,KAAK,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,CAAC;AAExE,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC;IAC5C,KAAK,EAAE,SAAS,SAAS,EAAE,CAAC;CAC7B,CAAC,CAAC;AAEH,mGAAmG;AACnG,eAAO,MAAM,KAAK,0BAA2B,UAAU,sBAmBtD,CAAC"}

package/dist/types/src/components/About/About.stories.d.ts

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

package/dist/types/src/components/About/About.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"About.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/About/About.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKjE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAc5B,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/About/index.d.ts

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

package/dist/types/src/components/About/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/About/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}

package/dist/types/src/components/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,MAAM,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,MAAM,CAAC;IAChC,sFAAsF;IACtF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAGF,eAAO,MAAM,WAAW,+BAAgC,gBAAgB,sBAWvE,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,MAAM,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,MAAM,CAAC;IAChC,sFAAsF;IACtF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAGF,eAAO,MAAM,WAAW,+BAAgC,gBAAgB,sBAyBvE,CAAC"}

package/dist/types/src/components/ControlFrame/ControlFrame.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type ControlPointRef, type Drag, type Handle } from '../../model/atoms.ts';
 import { type NodeRegistry } from '../../model/registry.ts';
-import { type Bounds, type Capabilities, type ElementId, type Link, type Node, type Point, type Port, type Scene, type SplineLink } from '../../model/types.ts';
+import { type Bounds, type Capabilities, type ElementId, type Link, type LinkId, type Node, type Point, type Port, type Scene, type SplineLink } from '../../model/types.ts';
 import { type LatticeSpec } from '../../utils/lattice.ts';
 export declare const handlePoint: (bounds: Bounds, handle: Handle) => Point;
 export type LinkEnd = 'source' | 'target';
@@ -12,11 +12,17 @@ export type ControlFrameProps = {
     capabilities: Capabilities;
     selection: ReadonlySet<ElementId>;
     hover?: ElementId;
+    /** The link under the pointer: it shows its end handles, as a selected link does. */
+    hoveredLink?: LinkId;
+    /** The pointer entered or left a hovered link's handles, which keeps the link hovered while on them. */
+    onLinkHover?: (id: LinkId | undefined) => void;
     selectedPoint?: ControlPointRef;
     zoom: number;
     drag?: Drag;
     /** The bounds a create gesture in flight would land, drawn as a provisional frame. */
     createFrame?: Bounds;
+    /** Where the nodes of a move in flight will land, drawn under them as they follow the pointer. */
+    landing?: readonly Bounds[];
     /** The gesture in flight would be refused (an overlap on the lattice): its outlines turn red. */
     blocked?: boolean;
     /** The scene's lattice, so a selected smart link's handles sit on its gutter route. */
@@ -29,5 +35,5 @@ export type ControlFrameProps = {
     onMidpointPointerDown?: (link: SplineLink, index: number, point: Point, event: React.PointerEvent) => void;
     onPointContextMenu?: (link: SplineLink, index: number, event: React.MouseEvent) => void;
 };
-export declare const ControlFrame: React.MemoExoticComponent<({ scene, registry, capabilities, selection, hover, selectedPoint, zoom, drag, createFrame, blocked, lattice, onHandlePointerDown, onPortPointerDown, onEndPointerDown, onPointPointerDown, onMidpointPointerDown, onPointContextMenu, }: ControlFrameProps) => React.JSX.Element>;
+export declare const ControlFrame: React.MemoExoticComponent<({ scene, registry, capabilities, selection, hover, hoveredLink, onLinkHover, selectedPoint, zoom, drag, createFrame, landing, blocked, lattice, onHandlePointerDown, onPortPointerDown, onEndPointerDown, onPointPointerDown, onMidpointPointerDown, onPointContextMenu, }: ControlFrameProps) => React.JSX.Element>;
 //# sourceMappingURL=ControlFrame.d.ts.map

package/dist/types/src/components/ControlFrame/ControlFrame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlFrame.d.ts","sourceRoot":"","sources":["../../../../../src/components/ControlFrame/ControlFrame.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,IAAI,EAAE,KAAK,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEpF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EACL,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,KAAK,IAAI,EACT,KAAK,IAAI,EACT,KAAK,KAAK,EACV,KAAK,IAAI,EACT,KAAK,KAAK,EACV,KAAK,UAAU,EAGhB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAO1D,eAAO,MAAM,WAAW,WAAY,MAAM,UAAU,MAAM,KAAG,KAY5D,CAAC;AAKF,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,YAAY,CAAC;IACvB,mFAAmF;IACnF,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iGAAiG;IACjG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uFAAuF;IACvF,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IACtF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IAChF,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IACjF,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IAC1F,0FAA0F;IAC1F,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IAC3G,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACzF,CAAC;AAWF,eAAO,MAAM,YAAY,sQAmBpB,iBAAiB,uBA6MrB,CAAC"}
+{"version":3,"file":"ControlFrame.d.ts","sourceRoot":"","sources":["../../../../../src/components/ControlFrame/ControlFrame.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,IAAI,EAAE,KAAK,MAAM,EAAY,MAAM,sBAAsB,CAAC;AAE9F,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EACL,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,KAAK,IAAI,EACT,KAAK,MAAM,EACX,KAAK,IAAI,EACT,KAAK,KAAK,EACV,KAAK,IAAI,EACT,KAAK,KAAK,EACV,KAAK,UAAU,EAGhB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAO1D,eAAO,MAAM,WAAW,WAAY,MAAM,UAAU,MAAM,KAAG,KAY5D,CAAC;AAKF,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,YAAY,CAAC;IACvB,mFAAmF;IACnF,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wGAAwG;IACxG,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kGAAkG;IAClG,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,iGAAiG;IACjG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uFAAuF;IACvF,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IACtF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IAChF,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IACjF,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IAC1F,0FAA0F;IAC1F,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IAC3G,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACzF,CAAC;AAWF,eAAO,MAAM,YAAY,ySAsBpB,iBAAiB,uBA2PrB,CAAC"}

package/dist/types/src/components/Layers/Layers.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type * as Util from '@dxos/react-ui/Util';
+import { type Layer, type LayerId } from '../../model/types.ts';
+export type LayersPanelProps = Util.ThemedClassName<{
+    /** The scene's layers, bottom first (`sceneLayers`); the panel lists them top first, as they stack. */
+    layers: readonly Layer[];
+    /** The selected layers; the top-most of them is the one new shapes go on. */
+    selected?: readonly LayerId[];
+    readonly?: boolean;
+    onSelectedChange?: (ids: LayerId[]) => void;
+    /** Shows or hides a layer. */
+    onToggle?: (id: LayerId) => void;
+    onRename?: (id: LayerId, name: string) => void;
+    /** Moves a layer to `index` in the bottom-first order. */
+    onMove?: (id: LayerId, index: number) => void;
+    /** Adds a layer; the panel opens the name of the one whose id it returns. */
+    onCreate?: () => LayerId | void;
+    /** Removes the selected layers and their shapes; offered while at least one layer would remain. */
+    onDelete?: (ids: LayerId[]) => void;
+    /** Merges the selected layers into the top-most of them; offered while two or more are selected. */
+    onMerge?: (ids: LayerId[], into: LayerId) => void;
+    /** Whether the panel is docked beside the canvas. */
+    docked?: boolean;
+}>;
+/**
+ * A scene's layers, top first as they stack: the active one is selected, each shows or hides from its eye, renames on
+ * a double-click and reorders by its handle. The toolbar adds a layer, deletes the active one, and merges it down.
+ */
+export declare const LayersPanel: ({ classNames, layers, selected: selectedProp, readonly, onSelectedChange, onToggle, onRename, onMove, onCreate, onDelete, onMerge, docked, }: LayersPanelProps) => React.JSX.Element;
+//# sourceMappingURL=Layers.d.ts.map

package/dist/types/src/components/Layers/Layers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layers/Layers.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,KAAK,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,eAAe,CAAC;IAClD,uGAAuG;IACvG,MAAM,EAAE,SAAS,KAAK,EAAE,CAAC;IACzB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC5C,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,0DAA0D;IAC1D,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC;IAChC,mGAAmG;IACnG,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpC,oGAAoG;IACpG,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAyCH;;;GAGG;AACH,eAAO,MAAM,WAAW,iJAarB,gBAAgB,sBAyHlB,CAAC"}

package/dist/types/src/components/Layers/Layers.stories.d.ts

@@ -0,0 +1,11 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/** The panel over local state, as a host keeps the scene's layers. */
+declare const DefaultStory: () => React.JSX.Element;
+declare const meta: Meta<typeof DefaultStory>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+/** Every toolbar action and an inline rename, against the panel's local state. */
+export declare const Test: Story;
+//# sourceMappingURL=Layers.stories.d.ts.map

package/dist/types/src/components/Layers/Layers.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layers.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layers/Layers.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAmBxC,sEAAsE;AACtE,QAAA,MAAM,YAAY,yBAyCjB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,kFAAkF;AAClF,eAAO,MAAM,IAAI,EAAE,KAgDlB,CAAC"}

package/dist/types/src/components/Layers/index.d.ts

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

package/dist/types/src/components/Layers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layers/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}

package/dist/types/src/components/Palette/Palette.d.ts

@@ -7,10 +7,18 @@ type Entry = {
     label: string;
     key?: string;
 };
+/** A run of palette entries; a group of node types may fold into one flyout button when the rail runs out of room. */
+export type PaletteGroup = {
+    name: string;
+    entries: Entry[];
+    collapsible: boolean;
+};
 /**
- * Palette entries: the fixed tools, then the node types by group, then a link per link type; a group the
- * projection cannot apply (`create`, `link`) is left out rather than offered and silently dropped.
+ * Palette groups: the fixed tools, then the node types by group, then a link per link type; a group the projection
+ * cannot apply (`create`, `link`) is left out rather than offered and silently dropped. Only node groups fold.
  */
+export declare const paletteGroups: (nodes: NodeRegistry, links: LinkRegistry, capabilities: Capabilities) => PaletteGroup[];
+/** Palette entries by group, flat within each. */
 export declare const paletteEntries: (nodes: NodeRegistry, links: LinkRegistry, capabilities: Capabilities) => Entry[][];
 export declare const sameTool: (left: Tool, right: Tool) => boolean;
 export declare const toolForKey: (nodes: NodeRegistry, links: LinkRegistry, capabilities: Capabilities, key: string) => Tool | undefined;
@@ -19,12 +27,20 @@ export type PaletteProps = {
     nodes: NodeRegistry;
     links: LinkRegistry;
     capabilities: Capabilities;
+    /**
+     * Folds each group of node types into one flyout button: `auto` (the default) does so only when the flat rail would
+     * not fit the space below it, so a small registry keeps every tool one click away.
+     */
+    collapse?: 'auto' | boolean;
+    /** How a folded group lists its tools: one per row with its name (the default), or a grid of icons. */
+    flyout?: 'list' | 'grid';
     onToolChange: (tool: Tool) => void;
 };
 /**
  * Tool palette: a click picks the tool; a node type can also be dragged onto the canvas, which creates
- * it where it drops (the canvas is a pragmatic-dnd drop target for `nodeDragData`).
+ * it where it drops (the canvas is a pragmatic-dnd drop target for `nodeDragData`). With many types the node
+ * groups fold into flyouts (`collapse`), each showing its active or last-used tool.
  */
-export declare const Palette: ({ tool, nodes, links, capabilities, onToolChange }: PaletteProps) => React.JSX.Element;
+export declare const Palette: ({ tool, nodes, links, capabilities, collapse, flyout, onToolChange, }: PaletteProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Palette.d.ts.map

package/dist/types/src/components/Palette/Palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../../../../../src/components/Palette/Palette.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGpE,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAoBvE;;;GAGG;AACH,eAAO,MAAM,cAAc,UAAW,YAAY,SAAS,YAAY,gBAAgB,YAAY,KAAG,KAAK,EAAE,EAYtE,CAAC;AAExC,eAAO,MAAM,QAAQ,SAAU,IAAI,SAAS,IAAI,KAAG,OAC6D,CAAC;AAEjH,eAAO,MAAM,UAAU,UACd,YAAY,SACZ,YAAY,gBACL,YAAY,OACrB,MAAM,KACV,IAAI,GAAG,SAG4E,CAAC;AAEvF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,uDAAwD,YAAY,sBAkBvF,CAAC"}
+{"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../../../../../src/components/Palette/Palette.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAOlH,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGpE,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAOvE,sHAAsH;AACtH,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,CAAC;AAepF;;;GAGG;AACH,eAAO,MAAM,aAAa,UAAW,YAAY,SAAS,YAAY,gBAAgB,YAAY,KAAG,YAAY,EAgBlE,CAAC;AAEhD,kDAAkD;AAClD,eAAO,MAAM,cAAc,UAAW,YAAY,SAAS,YAAY,gBAAgB,YAAY,KAAG,KAAK,EAAE,EACpC,CAAC;AAE1E,eAAO,MAAM,QAAQ,SAAU,IAAI,SAAS,IAAI,KAAG,OAC6D,CAAC;AAEjH,eAAO,MAAM,UAAU,UACd,YAAY,SACZ,YAAY,gBACL,YAAY,OACrB,MAAM,KACV,IAAI,GAAG,SAG4E,CAAC;AAEvF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,uGAAuG;IACvG,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC,CAAC;AAmCF;;;;GAIG;AACH,eAAO,MAAM,OAAO,0EAQjB,YAAY,sBAgCd,CAAC"}

package/dist/types/src/components/Palette/Palette.stories.d.ts

@@ -0,0 +1,22 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { type PaletteProps } from './Palette.tsx';
+type StoryArgs = Pick<PaletteProps, 'collapse' | 'flyout'> & {
+    /** Many types in groups, or the built-in few. */
+    many: boolean;
+    /** The height of the view the rail floats in. */
+    height: number;
+};
+declare const meta: Meta<StoryArgs>;
+export default meta;
+type Story = StoryObj<StoryArgs>;
+/** The built-in types: few enough that the rail stays flat. */
+export declare const Default: Story;
+/** Many types in a short view: the node groups fold into flyouts. */
+export declare const Many: Story;
+/** Many types folded, each group's tools as a grid of icons rather than a list. */
+export declare const ManyGrid: Story;
+/** Many types with room to spare: still flat, every tool one click away. */
+export declare const ManyTall: Story;
+/** A folded group picks its face, opens its grid, and shows the tool picked from it. */
+export declare const Test: Story;
+//# sourceMappingURL=Palette.stories.d.ts.map

package/dist/types/src/components/Palette/Palette.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Palette.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Palette/Palette.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AASjE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAiC3D,KAAK,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,QAAQ,CAAC,GAAG;IAC3D,iDAAiD;IACjD,IAAI,EAAE,OAAO,CAAC;IACd,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAyBF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CASzB,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,+DAA+D;AAC/D,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,qEAAqE;AACrE,eAAO,MAAM,IAAI,EAAE,KAAgC,CAAC;AAEpD,mFAAmF;AACnF,eAAO,MAAM,QAAQ,EAAE,KAAgD,CAAC;AAExE,4EAA4E;AAC5E,eAAO,MAAM,QAAQ,EAAE,KAA8C,CAAC;AAEtE,wFAAwF;AACxF,eAAO,MAAM,IAAI,EAAE,KA8BlB,CAAC"}

package/dist/types/src/components/PartEditor/PartEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PartEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/PartEditor/PartEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAU,MAAM,OAAO,CAAC;AAI9D,OAAO,KAAK,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAIjD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,OAAO,EAAe,MAAM,sBAAsB,CAAC;AAEnF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAC9C,iBAAiB,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,6DAA6D;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC,CACH,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,QAAQ,kDAAmD,aAAa,sBAOlF,CAAC"}
+{"version":3,"file":"PartEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/PartEditor/PartEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAU,MAAM,OAAO,CAAC;AAI9D,OAAO,KAAK,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAIjD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEtE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAC9C,iBAAiB,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,6DAA6D;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC,CACH,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,QAAQ,kDAAmD,aAAa,sBAQlF,CAAC"}

package/dist/types/src/components/Properties/AlignField.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type FormFieldRenderer } from '@dxos/react-ui-form';
+export type IconToggleOption<T extends string> = {
+    value: T;
+    icon: string;
+    label: string;
+};
+export type IconToggleProps<T extends string> = {
+    label: string;
+    options: readonly IconToggleOption<T>[];
+    value?: T;
+    readonly?: boolean;
+    onValueChange: (value: T) => void;
+};
+/** One choice of a few, each an icon: a single-select toggle group whose pressed item is the value. */
+export declare const IconToggle: <T extends string>({ label, options, value, readonly, onValueChange, }: IconToggleProps<T>) => React.JSX.Element;
+/**
+ * The text alignment, rendered at `style.alignHorizontal`: the horizontal and vertical toggles side by side in one
+ * row (`style.alignVertical` is hidden). Each writes only its own path, so an edit across a selection leaves each
+ * element's other style values.
+ */
+export declare const AlignField: FormFieldRenderer;
+//# sourceMappingURL=AlignField.d.ts.map

package/dist/types/src/components/Properties/AlignField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlignField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Properties/AlignField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAQ,KAAK,iBAAiB,EAAqB,MAAM,qBAAqB,CAAC;AAMtF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3F,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IACxC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,uGAAuG;AACvG,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,uDAMxC,eAAe,CAAC,CAAC,CAAC,sBA0BpB,CAAC;AAcF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,iBAyCxB,CAAC"}

package/dist/types/src/components/Properties/ClassField.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type FormFieldRenderer } from '@dxos/react-ui-form';
+/** The drawing's style classes, for the class field; unset when the host offers none, so the field is hidden. */
+export declare const StyleClassesContext: React.Context<Readonly<Record<string, {
+    readonly id: string;
+    readonly name: string;
+    readonly style?: {
+        readonly hue?: string | undefined;
+        readonly lineStyle?: "dashed" | "dotted" | "solid" | undefined;
+        readonly tone?: 0 | 1 | 2 | 3 | undefined;
+        readonly rounded?: boolean | undefined;
+        readonly fill?: boolean | undefined;
+        readonly border?: boolean | undefined;
+        readonly guide?: boolean | undefined;
+        readonly fontFamily?: "default" | "monospace" | undefined;
+        readonly fontSize?: number | undefined;
+        readonly alignHorizontal?: "center" | "left" | "right" | undefined;
+        readonly alignVertical?: "bottom" | "middle" | "top" | undefined;
+    } | undefined;
+}>> | undefined>;
+/** An element's style class: one of the drawing's, or none, leaving only its own style. */
+export declare const ClassField: FormFieldRenderer;
+//# sourceMappingURL=ClassField.d.ts.map

package/dist/types/src/components/Properties/ClassField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Properties/ClassField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EAAQ,KAAK,iBAAiB,EAAiB,MAAM,qBAAqB,CAAC;AAIlF,iHAAiH;AACjH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;gBAAiD,CAAC;AAKlF,2FAA2F;AAC3F,eAAO,MAAM,UAAU,EAAE,iBA0BxB,CAAC"}

package/dist/types/src/components/Properties/FontField.d.ts

@@ -0,0 +1,7 @@
+import { type FormFieldRenderer } from '@dxos/react-ui-form';
+/**
+ * The text face and size, rendered at `style.fontFamily`: the two side by side in one row (`style.fontSize` is
+ * hidden). Each writes only its own path, so an edit across a selection leaves each element's other style values.
+ */
+export declare const FontField: FormFieldRenderer;
+//# sourceMappingURL=FontField.d.ts.map

package/dist/types/src/components/Properties/FontField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Properties/FontField.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAQ,KAAK,iBAAiB,EAAoC,MAAM,qBAAqB,CAAC;AAarG;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,iBAiDvB,CAAC"}

package/dist/types/src/components/Properties/LayerField.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type FormFieldRenderer } from '@dxos/react-ui-form';
+/** The scene's layers, bottom first, for the layer field. */
+export declare const LayersContext: React.Context<readonly {
+    readonly id: string;
+    readonly name: string;
+    readonly z: string;
+    readonly hidden?: boolean | undefined;
+}[]>;
+/** The layer an element is on: one of the scene's, listed top first as they stack. */
+export declare const LayerField: FormFieldRenderer;
+/**
+ * The layer and the style class side by side in one row, rendered at `layer` (`class` is hidden); the class select
+ * only while the host offers classes.
+ */
+export declare const LayerClassField: FormFieldRenderer;
+//# sourceMappingURL=LayerField.d.ts.map

package/dist/types/src/components/Properties/LayerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Properties/LayerField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EAAQ,KAAK,iBAAiB,EAAoC,MAAM,qBAAqB,CAAC;AAMrG,6DAA6D;AAC7D,eAAO,MAAM,aAAa;;;;;IAAsC,CAAC;AAEjE,sFAAsF;AACtF,eAAO,MAAM,UAAU,EAAE,iBAkBxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,iBAmB7B,CAAC"}

package/dist/types/src/components/Properties/Properties.d.ts

@@ -1,10 +1,20 @@
+import type * as Atom from 'effect/reactivity/Atom';
 import React from 'react';
-import { type FormFieldMap } from '@dxos/react-ui-form';
+import { type Database } from '@dxos/echo';
+import { type FormFieldMap, type FormFieldOverride, type FormFieldRenderer, type RefFieldDataProps } from '@dxos/react-ui-form';
 import type * as Util from '@dxos/react-ui/Util';
 import { type SceneViewAtoms } from '../../model/atoms.ts';
 import { type Projection } from '../../model/projection.ts';
 import { type NodeRegistry } from '../../model/registry.ts';
-/** Renderers by field path for the built-in types' list fields and the style grid; a host may pass its own. */
+import { type Element, type StyleMap } from '../../model/types.ts';
+import { type SceneOption } from '../../utils/scenes.ts';
+/**
+ * A string list as one entry per line: a UML compartment reads as a block of text, so a textarea
+ * beats the generic array field's row of inputs. Blank lines survive while typing (they round-trip
+ * through split/join) and are dropped on blur, when the form saves.
+ */
+export declare const LinesField: FormFieldRenderer;
+/** Renderers by field path the panel always uses (the style grid); node types add their own (`NodeDef.fields`). */
 export declare const DEFAULT_FIELDS: FormFieldMap;
 export type PropertiesProps = Util.ThemedClassName<{
     projection: Projection;
@@ -13,6 +23,20 @@ export type PropertiesProps = Util.ThemedClassName<{
     fields?: FormFieldMap;
     /** Show the fields without letting them change; also implied by a projection that cannot `update`. */
     readonly?: boolean;
+    /** The database a reference field picks from; without it reference fields are read-only. */
+    db?: Database.Database;
+    /** Narrows a reference field's candidates (e.g. to objects of one kind). */
+    getOptions?: RefFieldDataProps['getOptions'];
+    /** A host's per-selection field overrides (e.g. a field it allows only in some states), over the panel's own. */
+    overrides?: (elements: readonly Element[]) => Record<string, FormFieldOverride>;
+    /** The scenes a scene shape may open (`sceneOptions`); without them its scene is not editable here. */
+    sceneOptions?: readonly SceneOption[];
+    /** The drawing's style classes (`SceneStore.styles`); without them elements take no class. */
+    styles?: Atom.Writable<StyleMap>;
+    /** Moves the selection into a new scene (`groupIntoScene`); offered for a selection of several elements. */
+    onGroup?: () => void;
+    /** Whether the panel is docked beside the canvas. */
+    docked?: boolean;
 }>;
-export declare const Properties: ({ classNames, projection, atoms, nodes, fields, readonly: readonlyProp, }: PropertiesProps) => React.JSX.Element;
+export declare const Properties: ({ classNames, projection, atoms, nodes, fields, readonly: readonlyProp, db, getOptions, overrides, sceneOptions, styles, onGroup, docked, }: PropertiesProps) => React.JSX.Element;
 //# sourceMappingURL=Properties.d.ts.map

package/dist/types/src/components/Properties/Properties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Properties.d.ts","sourceRoot":"","sources":["../../../../../src/components/Properties/Properties.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAEL,KAAK,YAAY,EAIlB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAGjD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,KAAK,YAAY,EAAuB,MAAM,yBAAyB,CAAC;AA+CjF,+GAA+G;AAC/G,eAAO,MAAM,cAAc,EAAE,YAI5B,CAAC;AA2CF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;IACjD,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,8EAOpB,eAAe,sBA6EjB,CAAC"}
+{"version":3,"file":"Properties.d.ts","sourceRoot":"","sources":["../../../../../src/components/Properties/Properties.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,IAAI,MAAM,wBAAwB,CAAC;AAEpD,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EAEtB,KAAK,iBAAiB,EACvB,MAAM,qBAAqB,CAAC;AAK7B,OAAO,KAAK,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAIjD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,KAAK,YAAY,EAAuB,MAAM,yBAAyB,CAAC;AAEjF,OAAO,EAGL,KAAK,OAAO,EASZ,KAAK,QAAQ,EAMd,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAazD;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,iBAoBxB,CAAC;AAEF,mHAAmH;AACnH,eAAO,MAAM,cAAc,EAAE,YAM5B,CAAC;AA+DF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;IACjD,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IACvB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC7C,iHAAiH;IACjH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,OAAO,EAAE,KAAK,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAChF,uGAAuG;IACvG,YAAY,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;IACtC,8FAA8F;IAC9F,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,4GAA4G;IAC5G,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,gJAcpB,eAAe,sBA8LjB,CAAC"}

package/dist/types/src/components/Properties/Properties.stories.d.ts

@@ -0,0 +1,20 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { type ElementId } from '../../model/types.ts';
+type StoryArgs = {
+    /** The elements the panel edits. */
+    select: ElementId[];
+};
+declare const meta: Meta<StoryArgs>;
+export default meta;
+type Story = StoryObj<StoryArgs>;
+/** A shape: its layer, class and the whole style (the full colour grid, line style and text alignment). */
+export declare const Default: Story;
+/** A link: the common style base alone (the outline row and line style), its layer and class. */
+export declare const Link: Story;
+/** A shape and a link: only what both declare, the style narrowed to its common base. */
+export declare const Mixed: Story;
+/** A note on its own layer. */
+export declare const Note: Story;
+/** The layer selector lists the scene's layers top first and shows the element's own. */
+export declare const Test: Story;
+//# sourceMappingURL=Properties.stories.d.ts.map

package/dist/types/src/components/Properties/Properties.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Properties.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Properties/Properties.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAajE,OAAO,EAAE,KAAK,SAAS,EAAsC,MAAM,sBAAsB,CAAC;AA6B1F,KAAK,SAAS,GAAG;IACf,oCAAoC;IACpC,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB,CAAC;AAyBF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAMzB,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,2GAA2G;AAC3G,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,iGAAiG;AACjG,eAAO,MAAM,IAAI,EAAE,KAAoC,CAAC;AAExD,yFAAyF;AACzF,eAAO,MAAM,KAAK,EAAE,KAAyC,CAAC;AAE9D,+BAA+B;AAC/B,eAAO,MAAM,IAAI,EAAE,KAAmC,CAAC;AAEvD,yFAAyF;AACzF,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAC"}

package/dist/types/src/components/Properties/SceneField.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type FormFieldRenderer } from '@dxos/react-ui-form';
+import { type SceneOption } from '../../utils/scenes.ts';
+/** The scenes a selected scene shape may open, as the panel's host lists them (`sceneOptions`). */
+export declare const SceneOptionsContext: React.Context<readonly SceneOption[]>;
+/** A scene shape's `scene`: which scene of this drawing it opens, so several shapes may open one scene. */
+export declare const SceneField: FormFieldRenderer;
+//# sourceMappingURL=SceneField.d.ts.map

package/dist/types/src/components/Properties/SceneField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Properties/SceneField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAQ,KAAK,iBAAiB,EAAe,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,mGAAmG;AACnG,eAAO,MAAM,mBAAmB,uCAA4C,CAAC;AAE7E,2GAA2G;AAC3G,eAAO,MAAM,UAAU,EAAE,iBAOxB,CAAC"}

package/dist/types/src/components/Properties/StyleGrid.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { type FormFieldRenderer } from '@dxos/react-ui-form';
-import { type NodeTone } from '../../model/types.ts';
-import { type StyleHue } from '../../utils/style.ts';
+import { type NodeTone, type StyleHue } from '../../model/types.ts';
 export type StyleChoice = {
     hue: StyleHue;
     tone: NodeTone;
@@ -13,16 +12,27 @@ export type StyleGridProps = {
     /** Several nodes disagree: no swatch is selected until one is picked. */
     indeterminate?: boolean;
     readonly?: boolean;
+    /** The rows offered; all tones by default, or one row (e.g. a line's outline colour only). */
+    tones?: readonly NodeTone[];
     onValueChange: (choice: StyleChoice) => void;
 };
 /**
  * Each offered hue in a column and its tones down the rows, every swatch drawn with the classes the node
  * itself would take, so a pick is a preview. A hue the grid does not offer, or none, selects nothing.
  */
-export declare const StyleGrid: ({ hue, tone, indeterminate, readonly, onValueChange }: StyleGridProps) => React.JSX.Element;
+export declare const StyleGrid: ({ hue, tone, indeterminate, readonly, tones, onValueChange, }: StyleGridProps) => React.JSX.Element;
+export type StyleFieldOptions = {
+    /** Offer the fill rows (tones 1–3) as well as the outline; a link, or a selection with one, has no fill. */
+    fills: boolean;
+};
 /**
- * The properties panel's style field, rendered at `style.hue`: one pick sets the hue and its tone together,
- * so it writes the enclosing `style`.
+ * The properties panel's style picker, rendered at `style.hue`, for every kind of element: with `fills`, one pick
+ * sets the hue and its tone together (a node); without, the outline row sets the hue alone (a link, or a
+ * selection mixing kinds, which edits only the style they share).
  */
+export declare const createStyleField: ({ fills }: StyleFieldOptions) => FormFieldRenderer;
+/** The style picker with its fill rows: a node's, or a selection of nodes. */
 export declare const StyleGridField: FormFieldRenderer;
+/** The style picker's outline row alone: a link's, or a selection with a link in it. */
+export declare const OutlineStyleField: FormFieldRenderer;
 //# sourceMappingURL=StyleGrid.d.ts.map

package/dist/types/src/components/Properties/StyleGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyleGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Properties/StyleGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAQ,KAAK,iBAAiB,EAAqB,MAAM,qBAAqB,CAAC;AAItF,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAA4B,KAAK,QAAQ,EAAiC,MAAM,sBAAsB,CAAC;AAE9G,MAAM,MAAM,WAAW,GAAG;IAAE,GAAG,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAkB5D,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,0DAA0E,cAAc,sBA8C7G,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,iBAoB5B,CAAC"}
+{"version":3,"file":"StyleGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Properties/StyleGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAQ,KAAK,iBAAiB,EAAqB,MAAM,qBAAqB,CAAC;AAItF,OAAO,EAAa,KAAK,QAAQ,EAAc,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAG3F,MAAM,MAAM,WAAW,GAAG;IAAE,GAAG,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAkB5D,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC5B,aAAa,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,kEAOnB,cAAc,sBA8ChB,CAAC;AAKF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,4GAA4G;IAC5G,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,cAAe,iBAAiB,KAAG,iBAwB/D,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,cAAc,mBAAoC,CAAC;AAEhE,wFAAwF;AACxF,eAAO,MAAM,iBAAiB,mBAAqC,CAAC"}

package/dist/types/src/components/Properties/StyleGrid.stories.d.ts

@@ -0,0 +1,7 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { type StyleGridProps } from './StyleGrid.tsx';
+type StoryArgs = Pick<StyleGridProps, 'indeterminate' | 'readonly'>;
+declare const meta: Meta<StoryArgs>;
+export default meta;
+export declare const Default: StoryObj<StoryArgs>;
+//# sourceMappingURL=StyleGrid.stories.d.ts.map

package/dist/types/src/components/Properties/StyleGrid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyleGrid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Properties/StyleGrid.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjE,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,eAAe,GAAG,UAAU,CAAC,CAAC;AAuBpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAQzB,CAAC;eAEa,IAAI;AAEnB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAM,CAAC"}

package/dist/types/src/components/SceneLayer/SceneLayer.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
 import { type NodeRegistry, type NodeViewProps } from '../../model/registry.ts';
 import { type SceneStore } from '../../model/store.ts';
-import { type ElementId, type Link, type Node, type NodeId, type Scene } from '../../model/types.ts';
+import { type ElementId, type Link, type LinkId, type Node, type NodeId, type Scene } from '../../model/types.ts';
 import { type LatticeSpec } from '../../utils/lattice.ts';
 import { type PartKey } from '../../utils/parts.ts';
-/** Screen px below which a portal is a solid tile; above `PREVIEW_PX` it mounts the child scene live. */
+/** Screen px below which a portal shows only its title; above it a portal showing its contents mounts the child live. */
 export declare const DOT_PX = 40;
-export declare const PREVIEW_PX = 260;
 /** Default for `liveDepth`: root plus this many live nested levels (decision 10). */
 export declare const MAX_LIVE_DEPTH = 1;
 export type Tier = 'dot' | 'preview' | 'live';
@@ -19,6 +18,8 @@ export type ElementHandlers = {
     /** The in-place editor of `part` finished with `text` (commit) or was dismissed (cancel). */
     onPartCommit?: (node: Node, part: PartKey, text: string) => void;
     onPartCancel?: () => void;
+    /** The pointer entered a link (its id) or left it (`undefined`). */
+    onLinkHover?: (id: LinkId | undefined) => void;
     /** A node's own open control was pressed (a portal's zoom-in icon). */
     onNodeOpen?: (node: Node) => void;
 };
@@ -31,14 +32,25 @@ export type SceneLayerProps = {
     depth: number;
     liveDepth: number;
     selected?: ReadonlySet<ElementId>;
+    /** The selection is drawn as it looks, without its outline (a move in flight shows the shapes themselves). */
+    plain?: boolean;
     hover?: NodeId;
+    /** The link under the pointer, outlined as a hovered shape is. */
+    hoveredLink?: LinkId;
     /** The portal a drill-in is animating into, while it is. */
     opening?: ElementId;
+    /** The portal filling most of the view, and the opacity of everything else on the layer as it does. */
+    focus?: {
+        id: ElementId;
+        opacity: number;
+    };
     /** The text part being edited in place, if any. */
     editing?: {
         id: NodeId;
         part: PartKey;
     };
+    /** The node whose embedded content takes input. */
+    active?: NodeId;
     /** A node drawn as a preview of what a gesture will create: translucent, dashed, and not pressable. */
     ghost?: NodeId;
     /** Frames show their id, type and geometry. */
@@ -47,20 +59,32 @@ export type SceneLayerProps = {
     handlers?: ElementHandlers;
     /** The scene's lattice, when it has one: smart links route through its gutters. */
     lattice?: LatticeSpec;
+    /** Scene px of one nominal unit (the drawing's major grid cell); a nested layer inherits its parent's. */
+    cell?: number;
 };
-export declare const SceneLayer: React.MemoExoticComponent<({ store, scene, registry, zoom, depth, liveDepth, selected, hover, opening, editing, ghost, debug, handlers, lattice, }: SceneLayerProps) => React.JSX.Element>;
+export declare const SceneLayer: React.MemoExoticComponent<({ store, scene: sceneProp, registry, zoom, depth, liveDepth, selected, plain, hover, hoveredLink, opening, focus, editing, active, ghost, debug, handlers, lattice: latticeProp, cell: cellProp, }: SceneLayerProps) => React.JSX.Element>;
+/**
+ * How much thicker a layer draws its lines: a scene seen inside another is small, so its borders and links thicken,
+ * up to double, as it shrinks; at its own size (as it is drilled into) it is back to 1, so nothing jumps at the swap.
+ */
+export declare const lineWeight: (depth: number, zoom: number) => number;
 declare const LabelNodeView: ({ node, editing }: NodeViewProps) => React.JSX.Element;
 /** The `box` prototype's body: its centred label. */
 export declare const BoxNodeView: typeof LabelNodeView;
 export declare const EllipseNodeView: typeof LabelNodeView;
-export declare const ClassNodeView: ({ node, editing }: NodeViewProps) => React.JSX.Element | null;
 /** A node whose type the registry does not know: its frame and type name, so the scene still reads. */
 export declare const UnknownNodeView: ({ node }: NodeViewProps) => React.JSX.Element;
 export declare const NoteNodeView: ({ node, editing }: NodeViewProps) => React.JSX.Element;
 /**
- * A box over a child scene: the centred label, or with `contents` the child drawn inside the frame (a
+ * A frame over a child scene: the centred label, or with `contents` the child drawn inside the frame (a
  * preview, then the live scene as it grows on screen), and a zoom-in control at the top-right.
  */
-export declare const PortalNodeView: (props: NodeViewProps) => React.JSX.Element;
+export declare const FrameNodeView: (props: NodeViewProps) => React.JSX.Element;
+export type OpenControlProps = {
+    label?: string;
+    onOpen: () => void;
+};
+/** The open control at a frame's top-right; it takes the press, so it neither drags nor selects the node. */
+export declare const OpenControl: ({ label, onOpen }: OpenControlProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=SceneLayer.d.ts.map

package/dist/types/src/components/SceneLayer/SceneLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SceneLayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/SceneLayer/SceneLayer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SceneLayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/SceneLayer/SceneLayer.tsx"],"names":[],"mappings":"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"}