@pipelex/mthds-ui 0.8.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, r as CONTROLLER_PADDING_BOTTOM, s as CONTROLLER_PADDING_TOP, t as CONTROLLER_PADDING_X, C as ConceptInfo, D as DataflowAnalysis, E as EDGE_TYPE, u as EdgeType, v as FOLD_MODE, w as FieldResolution, F as FoldMode, h as FoldToggleOptions, x as GRAPH_DIRECTION, y as GRAPH_THEME, d as GraphConfig, o as GraphData, e as GraphDirection, a as GraphEdge, b as GraphNode, G as GraphNodeData, c as GraphSpec, z as GraphSpecEdge, B as GraphSpecEdgeKind, j as GraphSpecNode, H as GraphSpecNodeError, I as GraphSpecNodeIo, k as GraphSpecNodeIoItem, J as GraphSpecNodeTiming, f as GraphTheme, K as KNOWN_PIPE_TYPES, L as LabelDescriptor, q as LayoutConfig, N as NODE_TYPE_CONTROLLER, M as NODE_TYPE_PIPE_CARD, O as NODE_TYPE_STUFF, Q as NodeKind, R as PipeBatchBlueprint, S as PipeBlueprintBase, n as PipeBlueprintUnion, m as PipeCallNode, p as PipeCardPayload, T as PipeComposeBlueprint, U as PipeComposeConstructBlueprint, V as PipeComposeConstructField, W as PipeConditionBlueprint, g as PipeControllerType, X as PipeExtractBlueprint, Y as PipeFuncBlueprint, Z as PipeImgGenBlueprint, _ as PipeLLMBlueprint, l as PipeOperatorType, $ as PipeParallelBlueprint, a0 as PipeSearchBlueprint, a1 as PipeSequenceBlueprint, a2 as PipeSignatureBlueprint, P as PipeStatus, i as PipeType, a3 as STUFF_ID_PREFIX, a4 as StuffRole, a5 as StuffSpecInfo, a6 as SubPipeSpec, a7 as TemplateBlueprint, a8 as isStuffNodeId, a9 as nodeHeight, aa as nodeWidth, ab as stuffDigestFromId, ac as stuffNodeId } from './types-D7NALhbw.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

@@ -10,6 +10,7 @@ import {
   FOLD_MODE,
   GRAPH_DIRECTION,
   GRAPH_THEME,
+  GRAPH_THEME_MODE,
   GraphSpecValidationError,
   KNOWN_PIPE_TYPES,
   LIGHT_PALETTE_COLORS,
@@ -18,6 +19,7 @@ import {
   NODE_TYPE_PIPE_CARD,
   NODE_TYPE_STUFF,
   STUFF_ID_PREFIX,
+  TOOLBAR_POSITION,
   applyControllers,
   applyFolds,
   asPipeCallNode,
@@ -46,8 +48,10 @@ import {
   resolveConceptRef,
   stuffDigestFromId,
   stuffNodeId,
+  toolbarOrientation,
+  toolbarSide,
   validateGraphSpec
-} from "./chunk-7VQUZ35P.js";
+} from "./chunk-D2ID5Z3Y.js";
 import "./chunk-2NMEKWO5.js";
 export {
   ARROW_CLOSED_MARKER,
@@ -60,6 +64,7 @@ export {
   FOLD_MODE,
   GRAPH_DIRECTION,
   GRAPH_THEME,
+  GRAPH_THEME_MODE,
   GraphSpecValidationError,
   KNOWN_PIPE_TYPES,
   LIGHT_PALETTE_COLORS,
@@ -68,6 +73,7 @@ export {
   NODE_TYPE_PIPE_CARD,
   NODE_TYPE_STUFF,
   STUFF_ID_PREFIX,
+  TOOLBAR_POSITION,
   applyControllers,
   applyFolds,
   asPipeCallNode,
@@ -96,6 +102,8 @@ export {
   resolveConceptRef,
   stuffDigestFromId,
   stuffNodeId,
+  toolbarOrientation,
+  toolbarSide,
   validateGraphSpec
 };
 //# sourceMappingURL=index.js.map