// Ported from vercel/ai-elements @ main (packages/elements/src/node.tsx). // Customizations applied on import: import-alias rewrites, RTL physical→logical // class swap, Vercel theme-token sweep. See scripts/registry/port-ai-elements.mjs // for the deterministic transforms — re-run to re-sync against upstream. "use client"; import { Handle, Position } from "@xyflow/react"; import type { ComponentProps } from "react"; import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@/components/registry/primitives/core/card"; import { cn } from "@/lib/registry/cn"; export type NodeProps = ComponentProps & { handles: { target: boolean; source: boolean; }; }; export const Node = ({ handles, className, ...props }: NodeProps) => ( {handles.target && } {handles.source && } {props.children} ); export type NodeHeaderProps = ComponentProps; export const NodeHeader = ({ className, ...props }: NodeHeaderProps) => ( ); export type NodeTitleProps = ComponentProps; export const NodeTitle = (props: NodeTitleProps) => ; export type NodeDescriptionProps = ComponentProps; export const NodeDescription = (props: NodeDescriptionProps) => ( ); export type NodeActionProps = ComponentProps; export const NodeAction = (props: NodeActionProps) => ; export type NodeContentProps = ComponentProps; export const NodeContent = ({ className, ...props }: NodeContentProps) => ( ); export type NodeFooterProps = ComponentProps; export const NodeFooter = ({ className, ...props }: NodeFooterProps) => ( );

Node

Showcase

Node