@elabs-ai/components-flow 4.2.0 → 5.1.0

package/src/index.ts

@@ -39,8 +39,39 @@ export {
 } from "@xyflow/react";
 export type { Node, Edge, Connection, NodeProps, EdgeProps } from "@xyflow/react";
 
+// What a CUSTOM node or edge is built from — so a consumer (and a copy-own registry block)
+// can write its own node types against this package alone, without a second, direct
+// dependency on the engine that could drift from the version this package is built on.
+// See the `Flow/Custom Nodes` stories.
+export {
+  ConnectionMode,
+  EdgeLabelRenderer,
+  Handle,
+  MarkerType,
+  NodeResizer,
+  NodeToolbar,
+  getBezierPath,
+  getSmoothStepPath,
+  getStraightPath,
+  useUpdateNodeInternals,
+} from "@xyflow/react";
+export type { EdgeChange, HandleProps, NodeChange, OnSelectionChangeParams } from "@xyflow/react";
+
 // FlowWeightedEdge — RM-043
 export * from "./flow-weighted-edge";
 
 // FlowSelfLoopEdge — RM-044
 export * from "./flow-self-loop-edge";
+
+// FlowEdgeTokens — RM-065 prerequisite
+export * from "./flow-edge-tokens";
+
+// elkjs adapter — RM-067
+export {
+  layoutFlowElk,
+  type FlowElkEngine,
+  type FlowElkGraph,
+  type FlowLayoutElkOptions,
+  type FlowLayoutElkResult,
+} from "./flow-layout/layout-flow-elk";
+export { pinBackbone, type FlowElkBackbone } from "./flow-layout/backbone";

package/src/templates-flow-workspace.stories.tsx

@@ -10,8 +10,10 @@ import type { Meta, StoryObj } from "@storybook/react-vite";
 import { useState } from "react";
 import {
   Button,
+  NavUser,
   Sidebar,
   SidebarContent,
+  SidebarFooter,
   SidebarGroup,
   SidebarGroupContent,
   SidebarHeader,
@@ -131,9 +133,12 @@ function FlowWorkspaceTemplate() {
             </SidebarGroupContent>
           </SidebarGroup>
         </SidebarContent>
+        <SidebarFooter>
+          <NavUser user={{ name: "Avery Rao", email: "avery@example.com" }} />
+        </SidebarFooter>
       </Sidebar>
       <SidebarInset className="flex flex-col overflow-hidden">
-        <header className="flex h-14 shrink-0 items-center gap-2 border-b px-4">
+        <header className="flex h-header shrink-0 items-center gap-2 border-b px-4">
           <SidebarTrigger />
           <h1 className="text-body font-medium capitalize">{active}</h1>
         </header>
@@ -159,7 +164,7 @@ function FlowWorkspaceTemplate() {
 }
 
 const meta = {
-  title: "Patterns/Templates/Flow Workspace",
+  title: "Patterns/Templates/Starters/Flow Workspace",
   parameters: { layout: "fullscreen" },
   tags: ["autodocs"],
 } satisfies Meta;