@pipelex/mthds-ui 0.9.0 → 0.10.0

package/dist/graph/react/viewer/GraphToolbar.css

@@ -2,16 +2,31 @@
 /* Token-only styling: theme switching happens by swapping `--surface-*`,   */
 /* `--text-*`, `--border-*`, and `--color-accent` values on the container.  */
 
+/* The ReactFlow <Panel> owns positioning now (anchor + margin). It sits above
+   the graph but the old code used z-index 11, so keep parity. */
+.graph-toolbar-panel {
+  z-index: 11;
+}
+
 .graph-toolbar {
-  position: absolute;
-  top: 8px;
   display: flex;
   align-items: center;
   gap: 4px;
-  z-index: 11;
   pointer-events: auto;
 }
 
+/* Vertical bar — `center-left` / `center-right` anchors. Stack the buttons in a
+   column and rotate the separators so they divide rows instead of columns. */
+.graph-toolbar--vertical {
+  flex-direction: column;
+}
+
+.graph-toolbar--vertical .graph-toolbar-separator {
+  width: 18px;
+  height: 1px;
+  margin: 2px 0;
+}
+
 .graph-toolbar-btn {
   all: unset;
   box-sizing: border-box;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { A as ARROW_CLOSED_MARKER, s as CONTROLLER_PADDING_BOTTOM, t as CONTROLLER_PADDING_TOP, u as CONTROLLER_PADDING_X, C as ConceptInfo, D as DataflowAnalysis, E as EDGE_TYPE, v as EdgeType, w as FOLD_MODE, x as FieldResolution, F as FoldMode, i as FoldToggleOptions, y as GRAPH_DIRECTION, z as GRAPH_THEME, B as GRAPH_THEME_MODE, d as GraphConfig, p as GraphData, e as GraphDirection, a as GraphEdge, b as GraphNode, G as GraphNodeData, c as GraphSpec, H as GraphSpecEdge, I as GraphSpecEdgeKind, k as GraphSpecNode, J as GraphSpecNodeError, K as GraphSpecNodeIo, l as GraphSpecNodeIoItem, M as GraphSpecNodeTiming, g as GraphTheme, f as GraphThemeMode, N as KNOWN_PIPE_TYPES, L as LabelDescriptor, r as LayoutConfig, O as NODE_TYPE_CONTROLLER, Q as NODE_TYPE_PIPE_CARD, R as NODE_TYPE_STUFF, S as NodeKind, T as PipeBatchBlueprint, U as PipeBlueprintBase, o as PipeBlueprintUnion, n as PipeCallNode, q as PipeCardPayload, V as PipeComposeBlueprint, W as PipeComposeConstructBlueprint, X as PipeComposeConstructField, Y as PipeConditionBlueprint, h as PipeControllerType, Z as PipeExtractBlueprint, _ as PipeFuncBlueprint, $ as PipeImgGenBlueprint, a0 as PipeLLMBlueprint, m as PipeOperatorType, a1 as PipeParallelBlueprint, a2 as PipeSearchBlueprint, a3 as PipeSequenceBlueprint, a4 as PipeSignatureBlueprint, P as PipeStatus, j as PipeType, a5 as STUFF_ID_PREFIX, a6 as StuffRole, a7 as StuffSpecInfo, a8 as SubPipeSpec, a9 as TemplateBlueprint, aa as isStuffNodeId, ab as nodeHeight, ac as nodeWidth, ad as stuffDigestFromId, ae as stuffNodeId } from './types-uGRs3n4k.js';
+export { A as ARROW_CLOSED_MARKER, s as CONTROLLER_PADDING_BOTTOM, t as CONTROLLER_PADDING_TOP, u as CONTROLLER_PADDING_X, C as ConceptInfo, D as DataflowAnalysis, E as EDGE_TYPE, v as EdgeType, w as FOLD_MODE, x as FieldResolution, F as FoldMode, i as FoldToggleOptions, y as GRAPH_DIRECTION, z as GRAPH_THEME, B as GRAPH_THEME_MODE, d as GraphConfig, p as GraphData, e as GraphDirection, a as GraphEdge, b as GraphNode, G as GraphNodeData, c as GraphSpec, H as GraphSpecEdge, I as GraphSpecEdgeKind, k as GraphSpecNode, J as GraphSpecNodeError, K as GraphSpecNodeIo, l as GraphSpecNodeIoItem, M as GraphSpecNodeTiming, g as GraphTheme, f as GraphThemeMode, N as KNOWN_PIPE_TYPES, L as LabelDescriptor, r as LayoutConfig, O as NODE_TYPE_CONTROLLER, Q as NODE_TYPE_PIPE_CARD, R as NODE_TYPE_STUFF, S as NodeKind, U as PipeBatchBlueprint, V as PipeBlueprintBase, o as PipeBlueprintUnion, n as PipeCallNode, q as PipeCardPayload, W as PipeComposeBlueprint, X as PipeComposeConstructBlueprint, Y as PipeComposeConstructField, Z as PipeConditionBlueprint, h as PipeControllerType, _ as PipeExtractBlueprint, $ as PipeFuncBlueprint, a0 as PipeImgGenBlueprint, a1 as PipeLLMBlueprint, m as PipeOperatorType, a2 as PipeParallelBlueprint, a3 as PipeSearchBlueprint, a4 as PipeSequenceBlueprint, a5 as PipeSignatureBlueprint, P as PipeStatus, j as PipeType, a6 as STUFF_ID_PREFIX, a7 as StuffRole, a8 as StuffSpecInfo, a9 as SubPipeSpec, aa as TOOLBAR_POSITION, ab as TemplateBlueprint, ac as ToolbarOrientation, T as ToolbarPosition, ad as ToolbarSide, ae as isStuffNodeId, af as nodeHeight, ag as nodeWidth, ah as stuffDigestFromId, ai as stuffNodeId, aj as toolbarOrientation, ak as toolbarSide } from './types-CEDZIAmh.js';
 export { ControllerRect, DARK_PALETTE_COLORS, DEFAULT_GRAPH_CONFIG, ElkPositionResult, GraphSpecValidationError, LIGHT_PALETTE_COLORS, LayoutResult, MAX_VISIBLE_CONTROLLER_CHILDREN, applyControllers, applyFolds, asPipeCallNode, buildChildToControllerMap, buildContainmentChain, buildControllerNodes, buildDataflowAnalysis, buildDataflowGraph, buildElkGraph, buildGraph, buildPipeCardPayload, estimateNodeDimensions, extractAbsolutePositions, findCousinControllers, getConceptInfo, getLayoutedElements, getPaletteColors, getPaletteForTheme, getPipeBlueprint, inputPortId, outermostFoldedAncestor, outputPortId, resolveConceptRef, validateGraphSpec } from './graph/index.js';
 import 'elkjs/lib/elk-api';

package/dist/index.js

@@ -19,6 +19,7 @@ import {
   NODE_TYPE_PIPE_CARD,
   NODE_TYPE_STUFF,
   STUFF_ID_PREFIX,
+  TOOLBAR_POSITION,
   applyControllers,
   applyFolds,
   asPipeCallNode,
@@ -47,8 +48,10 @@ import {
   resolveConceptRef,
   stuffDigestFromId,
   stuffNodeId,
+  toolbarOrientation,
+  toolbarSide,
   validateGraphSpec
-} from "./chunk-WNSV4E7G.js";
+} from "./chunk-D2ID5Z3Y.js";
 import "./chunk-2NMEKWO5.js";
 export {
   ARROW_CLOSED_MARKER,
@@ -70,6 +73,7 @@ export {
   NODE_TYPE_PIPE_CARD,
   NODE_TYPE_STUFF,
   STUFF_ID_PREFIX,
+  TOOLBAR_POSITION,
   applyControllers,
   applyFolds,
   asPipeCallNode,
@@ -98,6 +102,8 @@ export {
   resolveConceptRef,
   stuffDigestFromId,
   stuffNodeId,
+  toolbarOrientation,
+  toolbarSide,
   validateGraphSpec
 };
 //# sourceMappingURL=index.js.map